@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque&family=Fira+Sans:wght@400;600&family=Poppins:wght@300;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";header{position:fixed;top:0;width:80%;margin-bottom:15px;z-index:222}header .nav{gap:12px}header .nav li a{color:var(--title);opacity:.9;font-size:.88rem;font-weight:500}header .nav li a:hover{color:var(--title);opacity:1;font-size:.88rem;font-weight:500;color:var(--blue )}header button{font-size:1.2rem}header.flex nav{background-color:var(--bgheader);padding:.77rem 1.6rem;border-radius:55px;box-shadow:2px 2px 20px var(--subtitle)}.nav{display:flex;align-items:center}header.flex{margin-top:1.2rem;justify-content:space-between;padding:0 2.1rem}header button.menu{display:none}header .fixed{position:fixed;top:0;bottom:0;right:0;left:0;z-index:100;background-color:#3a3737d2;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}header .icon-wb_sunny{color:orange}header .fixed ul.model{animation:modelAny .7s 1;width:80%;margin:0 auto;margin-top:2rem;border-radius:1rem;padding:2rem;background-color:var(--secondary)}@keyframes modelAny{0%{scale:0}70%{scale:1.1}to{scale:1}}header .fixed ul.model li{border-bottom:1px solid var(--border);padding-bottom:.7rem;padding-top:.6rem}header .fixed ul.model li:first-child{text-align:right;padding-bottom:.5rem;padding-top:.2rem}header .fixed ul.model li:last-child{padding:none}header .fixed ul.model li a{font-size:1rem}.iconButton{background-color:var(--bgheader);height:2.4rem;width:2.4rem;border-radius:50%;justify-content:center;text-align:center;margin-left:4px;color:var(--subtitle);border:1px solid rgba(250,128,114,.566);transition:.2s;box-shadow:1px 1px 40px #2323242a}.icon-close{font-size:1.3rem;color:var(--subtitle);transition:.3s}.icon-close:hover{font-size:1.3rem;color:red;rotate:180deg}.iconButton:hover{color:var(--title);border:1px solid rgba(250,128,114,.996)}@media (max-width: 700px){header nav{display:none}header.flex{margin-left:20px;padding:0 .1rem}header button.menu{display:block}}.hero.left-section{flex-grow:1;width:65%}.left-section .avatar{border-radius:50%;width:150px;height:150px;border:1px solid orange;padding:15px;box-shadow:2px 2px 14px #808080a0 inset;margin-top:90px;background-size:cover;overflow:inherit}.perant-avatar.flex{align-items:end;gap:.6rem}.icon-verified{color:var(--blue);font-size:1.1rem}h2.title{color:var(--title)}h1.title{font-size:2.6rem;line-height:3.2rem;margin:24px 0;color:var(--title)}p.sub-title{color:var(--subtitle);font-size:.9rem;line-height:1.5rem;margin-bottom:30px}.hero .all-icons{display:grid;gap:5px;justify-content:center}@media (min-width: 801px){.hero .all-icons{grid-template-columns:repeat(8,1fr)}}@media (max-width: 800px){.hero .all-icons{grid-template-columns:repeat(4,1fr)}}.hero .all-icons a{font-size:1rem;color:var(--title);padding:10px;text-align:center;transition:all .3s ease;border:1px solid var(--subtitle);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.hero .all-icons a:hover{font-size:1.2rem;border:1px solid var(--blue);border-radius:50%;transform:scale(1.2);background-color:#0000001a;box-shadow:0 0 10px #0003;color:var(--blue)}@media (max-width: 800px){.hero .all-icons a{width:35px;height:35px;font-size:.9rem}.hero .all-icons a:hover{font-size:1rem;transform:scale(1.1)}}.hero .right-section{margin-top:200px}@media (max-width: 1200px){.animation,.right-section{display:none}}@media (max-width: 800px){.all-icons{display:flex;flex-direction:column;row-gap:15px}}*{margin:0;padding:0;box-sizing:border-box}html{font-family:Roboto,sans-serif;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.app-container{padding:20px;width:100%;max-width:1200px;margin:0 auto}.tabs-container{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:20px}.tab-button{padding:12px 25px;background-color:var(--secondary);border:1px solid var(--border);border-radius:25px;font-size:16px;cursor:pointer;color:var(--subtitle);transition:all .3s ease;box-shadow:2px 2px 20px var(--subtitle);text-align:center}.tab-button.active{box-shadow:2px 2px 20px var(--blue);color:var(--blue)}.tab-button:hover{background-color:var(--blue);color:#fff}.cards-container{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.card{width:220px;background-color:var(--secondary);border-radius:10px;box-shadow:0 4px 8px #0000001a;overflow:hidden;cursor:pointer;transition:box-shadow .2s ease}.card:hover{box-shadow:0 6px 12px var(--blue)}.card-image{width:100%;height:150px;object-fit:cover;display:block}.card-title{margin:10px 0;text-align:center;font-size:16px;color:var(--title)}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background-color:var(--secondary);padding:20px;border-radius:10px;max-width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 5px 15px #0000004d;box-sizing:border-box}.popup-close{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--title);font-size:1.5rem;cursor:pointer}.popup-title{margin:0 0 20px;text-align:center;color:var(--title)}.popup-media{display:flex;justify-content:center;align-items:center;width:100%}.popup-images{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.popup-image{width:180px;height:auto;cursor:pointer;border-radius:5px;object-fit:cover}.popup-video{width:100%;max-width:100%;height:auto;max-height:60vh;border-radius:8px;object-fit:contain}.fullscreen-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:2000}.fullscreen-content{position:relative;max-width:90%;max-height:90vh}.fullscreen-image{width:100%;height:auto;max-height:80vh;object-fit:contain}.fullscreen-close{position:absolute;top:10px;right:10px;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer}.fullscreen-nav{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;font-size:2rem;cursor:pointer}.fullscreen-nav.prev{left:10px}.fullscreen-nav.next{right:10px}.fullscreen-nav:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.app-container{padding:15px}.tabs-container{flex-direction:row;align-items:center;gap:8px}.tab-button{width:100%;max-width:250px;padding:10px 15px;font-size:14px;margin:0}.card{width:45%;max-width:200px}.card-image{height:120px}.card-title{font-size:14px}.popup-content{padding:15px;max-width:95%}.popup-title{font-size:1.2rem;margin-bottom:15px}.popup-image{width:150px}.popup-video{max-height:50vh}.fullscreen-nav,.fullscreen-close{font-size:1.5rem}}@media (max-width: 480px){.app-container{padding:10px}.tab-button{padding:8px 12px;font-size:12px}.card{max-width:100%}.card-image{height:100px}.card-title{font-size:12px}.popup-content{padding:10px}.popup-image{width:100px}.popup-video{max-height:40vh}.popup-title{font-size:1rem}.fullscreen-nav,.fullscreen-close{font-size:1.2rem}}@media (max-width: 320px){.tab-button{padding:6px 10px;font-size:11px}.card-image{height:80px}.card-title{font-size:11px}.popup-image{width:50px}.popup-video{max-height:35vh}}@media (prefers-reduced-motion: reduce){.card{transition:none}.card:hover{box-shadow:0 4px 8px var(--blue)}.tab-button{transition:none}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#333}.spinner{font-size:2rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contact-us .contact-form{width:100%;max-width:500px;margin:0 auto}.contact-us .form-group{display:flex;flex-direction:column;margin-bottom:1.5rem}.contact-us .form-label{color:var(--subtitle);font-size:1.1rem;margin-bottom:.5rem}.contact-us .form-input,.contact-us .form-textarea{background-color:#3f3f4626;border:1px solid rgb(63,63,70);width:100%;padding:.5rem 1rem;border-radius:5px;font-size:1.1rem;transition:border .3s ease,box-shadow .3s ease;-webkit-transition:border .3s ease,box-shadow .3s ease;-moz-transition:border .3s ease,box-shadow .3s ease}.contact-us .form-textarea{min-height:9rem;resize:vertical}.contact-us .form-input:focus,.contact-us .form-textarea:focus{border:1px solid rgb(45,202,191);outline:none;box-shadow:0 0 5px #2dcabf80}.contact-us .form-input:hover,.contact-us .form-textarea:hover{border:1px solid rgb(45,202,191)}.contact-us .submit{background-color:#23252e;width:8.5rem;padding:.75rem .7rem;text-align:center;font-size:.8rem;text-transform:capitalize;border-radius:5px;border:1px solid rgb(63,63,70);color:#fff;cursor:pointer;transition:transform .3s ease,background-color .3s ease;-webkit-transition:transform .3s ease,background-color .3s ease;-moz-transition:transform .3s ease,background-color .3s ease;display:block;margin:1.8rem auto 0}.contact-us .submit:hover{transform:scale(.97);background-color:#2d2f38}.contact-us .submit:disabled{opacity:.5;cursor:not-allowed}section.contact-us{padding:20px;width:100%;max-width:1200px;margin:0 auto}section.contact-us .icon-attach_email{color:var(--subtitle);margin-right:1rem;margin-left:1rem;font-size:1.8rem;vertical-align:middle}section.contact-us .title{font-size:2.1rem;color:var(--title);margin-bottom:1rem;display:flex;align-items:center;justify-content:center}section.contact-us .subtitle{color:var(--subtitle);margin-bottom:2rem;line-height:1.5rem;text-align:center}section.contact-us .success-message{margin-top:1rem;color:var(--title);font-size:1rem;display:flex;align-items:center;gap:10px;justify-content:center}section.contact-us .error-message{margin-top:1rem;color:#f44;font-size:1rem;text-align:center}@media (max-width: 1100px){.contact-animation{display:none}}@media (max-width: 768px){section.contact-us{padding:15px}.contact-us .title{font-size:1.8rem}.contact-us .subtitle{font-size:.9rem}.contact-us .form-label{font-size:1rem}.contact-us .form-input,.contact-us .form-textarea{padding:.7rem;font-size:1rem}.contact-us .submit{width:50%;max-width:150px}}@media (max-width: 480px){.contact-us .title{font-size:1.5rem}.contact-us .subtitle{font-size:.8rem}.contact-us .form-label{font-size:.9rem}.contact-us .form-input,.contact-us .form-textarea{padding:.6rem;font-size:.9rem}.contact-us .submit{width:60%;padding:.6rem;font-size:.7rem}.contact-us .success-message,.contact-us .error-message{font-size:.9rem}}@media (max-width: 320px){.contact-us .title{font-size:1.3rem}.contact-us .subtitle{font-size:.7rem}.contact-us .form-label{font-size:.8rem}.contact-us .form-input,.contact-us .form-textarea{padding:.5rem;font-size:.8rem}.contact-us .submit{width:70%;padding:.5rem;font-size:.6rem}}footer.flex{justify-content:space-between;padding-bottom:1rem;margin-bottom:1.9rem}ul{gap:1rem}ul a{color:var(--subtitle);font-size:.9rem;font-weight:400}ul a:hover{color:var(--blue);font-size:1rem;font-weight:500}p{color:#71717a}@media (max-width:800px){footer.flex{flex-direction:column;gap:2rem}ul{margin-left:-35px}}.footer-text{display:flex;gap:.25rem;font-size:.875rem;color:#6b7280;align-items:center}.dark .footer-text{color:#d1d5db}.gradient-text{background:linear-gradient(90deg,#3b82f6,#d2264b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center}.gradient-text img{margin-left:.25rem}html{font-family:roboto,"sans-serif";letter-spacing:.1px;box-sizing:border-box;scroll-behavior:smooth}*{margin:0}*,*:before,*:after{box-sizing:inherit}:root{--primary: #000;--secondary: #18181B;--border:rgba(63,63,70,.4);--title:rgb(244 ,244, 245);--subtitle: rgb(170, 170, 172);--bgheader: #252529;--blue:rgb(93, 188, 252);--red:rgba(215, 39, 39, .71);--icon-hover: #d4d468;--container-padding:4.8rem}.light{--primary: #fff;--secondary: rgb(255, 255, 255);--title:rgb(39 ,39, 42);--subtitle: #000;--bgheader: rgb(253, 253, 253);--blue:rgb(0, 149, 246);--icon-hover: #524646;--container-padding:4.8rem}body{background-color:var(--primary)}.container{border:2px solid var(--border);width:90%;margin:8px auto;background-color:var(--secondary);color:#f0f8ff;padding:0 var(--container-padding);border-radius:10px}.divider{border:1px solid var(--border);margin:2rem 0;width:calc(100% + var(--container-padding) + var(--container-padding));margin-left:calc(var(--container-padding) * -1)}.flex{display:flex;align-items:center}li{list-style:none}a{text-decoration:none;color:initial;transition:.2s}.border{border:2px solid red}button{all:unset}button:hover{cursor:pointer}button:active{scale:.8}button:disabled{opacity:.4;cursor:not-allowed}::-webkit-scrollbar{width:1rem}::-webkit-scrollbar-track{border:7px solid #292c3b;box-shadow:inset 0 0 2.5px 2px #00000080;border-radius:8px;background-color:#d4d4d8}::-webkit-scrollbar-thumb{background:#796868;border-radius:15px}::-webkit-scrollbar-thumb:hover{background:#555}html{scrollbar-color:#555 #3d4a59;border-radius:15px}.scrollToTop{background-color:#1976d2d9;color:#f5f5f5;width:2.6rem;height:2.6rem;border-radius:50%;position:fixed;bottom:2rem;right:3%;text-align:center;border:1px solid rgba(255,255,255,.2);font-size:1.2rem}.scrollToTop:hover{background-color:#1976d2;border:1px solid rgba(255,255,255,.2)}@media (max-width: 1000px){.container{--container-padding:1.7rem;padding:0 var(--container-padding);width:90%}.divider{width:calc(100% + var(--container-padding) + var(--container-padding));margin-left:calc(var(--container-padding) * -1)}}@media (max-width: 600px){.container{padding:0 var(--container-padding);width:98%}.scrollToTop{opacity:.5;width:2.2rem;height:2.2rem;font-size:1.1rem}}