.about{background:linear-gradient(180deg,#0c0c1d,#111132);height:100%;display:flex;flex-direction:column;justify-content:space-between}@media(max-width:1024px){.about{height:auto;min-height:100vh}}@media(max-width:768px){.about{height:auto;padding:20px 0}}.about .titleContainer{flex:2 1;display:flex;flex-direction:column;align-items:center;padding:40px 20px}@media(max-width:1024px){.about .titleContainer{padding:30px 15px}}@media(max-width:768px){.about .titleContainer{padding:20px 10px}}.about .titleContainer .title{display:flex;align-items:center;gap:50px}@media(max-width:1024px){.about .titleContainer .title{gap:30px}}@media(max-width:768px){.about .titleContainer .title{display:flex;gap:20px}}.about .titleContainer .title img{width:300px;height:100px;border-radius:50px;object-fit:cover}@media(max-width:1024px){.about .titleContainer .title img{width:240px;height:80px}}@media(max-width:768px){.about .titleContainer .title img{width:180px;height:60px}}.about .titleContainer .title h1{font-size:70px;font-weight:100}@media(max-width:768px){.about .titleContainer .title h1{font-size:45px;text-align:center}}.about .listContainer{flex:2 1;display:flex;max-width:1400px;margin:auto;gap:5px;padding:0 20px 80px}@media(max-width:1024px){.about .listContainer{padding:0 15px 60px;gap:10px}}@media(max-width:768px){.about .listContainer{padding:0 10px 40px;flex-direction:column;gap:15px}}.about .listContainer .box{flex:1 1;position:relative;height:400px;overflow:hidden;cursor:pointer;transition:flex .5s ease;border-radius:8px}@media(max-width:1024px){.about .listContainer .box{height:300px}}@media(max-width:768px){.about .listContainer .box{height:250px;flex:none}}.about .listContainer .box:hover{flex:2 1}@media(max-width:768px){.about .listContainer .box:hover{flex:none}}.about .listContainer .box:hover .imageContainer{filter:brightness(100%)}.about .listContainer .box:hover h2{opacity:1;transform:translateY(0)}.about .listContainer .box .imageContainer{position:relative;width:100%;height:100%;filter:brightness(70%);transition:filter .5s ease;margin-bottom:50px}.about .listContainer .box h2{position:absolute;bottom:20px;left:20px;color:#fff;font-size:24px;font-weight:700;opacity:.7;transform:translateY(20px);transition:all .5s ease;text-shadow:2px 2px 4px rgba(0,0,0,.5)}@media(max-width:1024px){.about .listContainer .box h2{font-size:20px;bottom:15px;left:15px}}@media(max-width:768px){.about .listContainer .box h2{font-size:18px;bottom:10px;left:10px;opacity:1;transform:none}}.contact{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:url(/banner-02.png) no-repeat 50%;background-size:cover;padding:150px;gap:50px}@media(max-width:768px){.contact{width:100%;padding:10px;flex-direction:column}}.contact .textContainer{flex:1 1;display:flex;flex-direction:column;gap:40px}@media(max-width:768px){.contact .textContainer{gap:20px;text-align:center;align-items:center;margin-top:70px}}.contact .textContainer h1{font-size:100px;line-height:88px}@media(max-width:768px){.contact .textContainer h1{font-size:36px}}.contact .textContainer span{font-weight:300}.contact .formContainer{flex:1 1;position:relative}@media(max-width:768px){.contact .formContainer{padding:50px;width:100%}}.contact .formContainer form{display:flex;flex-direction:column;gap:20px}.contact .formContainer input,.contact .formContainer textarea{padding:20px;background-color:rgba(0,0,0,0);border:1px solid #fff;color:#fff;border-radius:5px}@media(max-width:768px){.contact .formContainer input,.contact .formContainer textarea{padding:10px}}.contact .formContainer button{padding:20px;border:none;background-color:orange;cursor:pointer;font-weight:500}@media(max-width:768px){.contact .formContainer button{padding:10px}}.footer{background-color:#fff;color:#000;padding:4rem 0 1rem;width:100%}.footer .footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer .footer-container .footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;grid-gap:3rem;gap:3rem;margin-bottom:3rem}@media(max-width:1024px){.footer .footer-container .footer-top{grid-template-columns:1fr 1fr;gap:2rem}}@media(max-width:640px){.footer .footer-container .footer-top{grid-template-columns:1fr;text-align:center}}.footer .footer-container .footer-top .footer-brand h2{font-size:2rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(45deg,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.footer .footer-container .footer-top .footer-brand p{color:#000;line-height:1.6;margin-bottom:1.5rem}.footer .footer-container .footer-top .footer-brand .social-links{display:flex;gap:1rem}@media(max-width:640px){.footer .footer-container .footer-top .footer-brand .social-links{justify-content:center}}.footer .footer-container .footer-top .footer-brand .social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:hsla(0,0%,100%,.1);transition:all .3s ease}.footer .footer-container .footer-top .footer-brand .social-links a:hover{background:hsla(0,0%,100%,.2);transform:translateY(-3px)}.footer .footer-container .footer-top .footer-brand .social-links a img{width:20px;height:20px;filter:brightness(0) invert(1)}.footer .footer-container .footer-top .footer-links h3,.footer .footer-container .footer-top .footer-services h3{font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;color:#000}.footer .footer-container .footer-top .footer-links ul,.footer .footer-container .footer-top .footer-services ul{list-style:none;padding:0}.footer .footer-container .footer-top .footer-links ul li,.footer .footer-container .footer-top .footer-services ul li{margin-bottom:.8rem}.footer .footer-container .footer-top .footer-links ul li a,.footer .footer-container .footer-top .footer-links ul li span,.footer .footer-container .footer-top .footer-services ul li a,.footer .footer-container .footer-top .footer-services ul li span{color:#000;text-decoration:none;transition:color .3s ease;cursor:pointer}.footer .footer-container .footer-top .footer-links ul li a:hover,.footer .footer-container .footer-top .footer-links ul li span:hover,.footer .footer-container .footer-top .footer-services ul li a:hover,.footer .footer-container .footer-top .footer-services ul li span:hover{color:#3b82f6}.footer .footer-container .footer-top .footer-contact h3{font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;color:#000}.footer .footer-container .footer-top .footer-contact .contact-info .contact-item{display:flex;align-items:center;margin-bottom:1rem;gap:.8rem}@media(max-width:640px){.footer .footer-container .footer-top .footer-contact .contact-info .contact-item{justify-content:center}}.footer .footer-container .footer-top .footer-contact .contact-info .contact-item img{filter:brightness(0) invert(1);opacity:.7}.footer .footer-container .footer-top .footer-contact .contact-info .contact-item span{color:#000}.footer .footer-container .footer-bottom{padding-top:2rem;border-top:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:center}@media(max-width:768px){.footer .footer-container .footer-bottom{flex-direction:column;gap:1rem;text-align:center;justify-content:space-between}}.footer .footer-container .footer-bottom .copyright p{color:#a0a0a0;font-size:.9rem}.footer .footer-container .footer-bottom .footer-links-bottom{display:flex;gap:2rem}@media(max-width:768px){.footer .footer-container .footer-bottom .footer-links-bottom{flex-direction:column;gap:.5rem}}.footer .footer-container .footer-bottom .footer-links-bottom a{color:#a0a0a0;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer .footer-container .footer-bottom .footer-links-bottom a:hover{color:#3b82f6}.feature{position:relative;background-color:#fff;color:#fff}.feature .progress{position:-webkit-sticky;position:sticky;top:0;left:0;padding:20px 0;text-align:center;color:#000;font-size:24px;background-color:#fff;z-index:10;text-transform:uppercase;letter-spacing:2px}@media(max-width:480px){.feature .progress h1{font-size:30px}}.feature .progress .progressBar{height:2px;background-color:#000;margin-top:15px;opacity:.5}.feature .container{width:100%;height:100vh;overflow:hidden;position:relative}.feature .container,.feature .container .wrapper{display:flex;align-items:center;justify-content:center}.feature .container .wrapper{max-width:1366px;height:100%;margin-top:0;padding:0}.feature .container .wrapper .imageContainer{flex:1 1;height:100vh;position:relative}.feature .container .wrapper .imageContainer img{width:100%;height:100%;object-fit:cover}.feature .container .wrapper .textContainer{flex:1 1;display:flex;flex-direction:column;gap:20px;background-color:#1a1a1a;padding:50px;margin-top:120px;height:65vh}.feature .container .wrapper .textContainer h2{font-size:72px;margin:0;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:-2px;line-height:1}@media(max-width:480px){.feature .container .wrapper .textContainer h2{font-size:35px}}.feature .container .wrapper .textContainer .description{color:#999;font-size:18px;line-height:1.8;position:relative;max-width:90%}.feature .container .wrapper .textContainer .description p{margin:0;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;transition:all .3s ease}@media(max-width:480px){.feature .container .wrapper .textContainer .description p{font-size:14px}}.feature .container .wrapper .textContainer .description p.expanded{-webkit-line-clamp:unset}.feature .container .wrapper .textContainer .description .see-more{color:#666;cursor:pointer;font-weight:500;margin-top:15px;display:inline-block;text-transform:uppercase;letter-spacing:1px;font-size:14px;transition:color .3s ease}.feature .container .wrapper .textContainer .description .see-more:hover{color:#fff}.feature .container .wrapper .textContainer button{width:200px;padding:15px 20px;border-radius:100px;background:linear-gradient(to bottom right,#ff4d4d,#f9cb28);color:#fff;border:none;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease}.feature .container .wrapper .textContainer button:hover{transform:scale(1.05)}.hero{height:calc(100vh - 100px);background:linear-gradient(180deg,#0c0c1d,#111132);overflow:hidden;position:relative}.hero .wrapper{max-width:1366px;height:100%;margin:auto;padding:0 50px}@media(max-width:768px){.hero .wrapper{padding:0 30px;padding:0 20px}}.hero .wrapper .textContainer{width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:40px;margin-top:20px}@media(max-width:768px){.hero .wrapper .textContainer{width:60%;gap:30px;width:100%;height:50%;gap:20px;align-items:center;text-align:center}}.hero .wrapper .textContainer h2{font-size:50px;background:linear-gradient(45deg,#9333ea,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);letter-spacing:12px;font-weight:700;text-transform:uppercase;position:relative;margin-bottom:10px}@media(max-width:768px){.hero .wrapper .textContainer h2{display:none}}.hero .wrapper .textContainer h2:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:4px;background:linear-gradient(45deg,#9333ea,transparent);border-radius:2px}@media(max-width:768px){.hero .wrapper .textContainer h2{margin-top:100px;font-size:28px;font-size:24px;letter-spacing:6px}}.hero .wrapper .textContainer p{font-size:1.3rem;color:#e5e5e5;line-height:1.8;max-width:600px;opacity:.9;font-weight:300;margin:20px 0}@media(max-width:768px){.hero .wrapper .textContainer p{margin-top:100px;font-size:1rem;line-height:1.6}}@media(max-width:1440px){.hero .wrapper .textContainer p{font-size:1.1rem}}@media(max-width:1024px){.hero .wrapper .textContainer p{font-size:1rem}}.hero .wrapper .textContainer .buttons{display:flex;gap:20px}@media(max-width:768px){.hero .wrapper .textContainer .buttons{flex-direction:column;width:100%;max-width:300px}}.hero .wrapper .textContainer .buttons button{padding:15px 30px;border:2px solid;border-image:linear-gradient(45deg,#9333ea,#c084fc) 1;background:rgba(0,0,0,0);color:#fff;font-size:1rem;font-weight:500;letter-spacing:1px;cursor:pointer;position:relative;overflow:hidden;transition:all .4s ease;z-index:1}.hero .wrapper .textContainer .buttons button:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(45deg,#9333ea,#c084fc);transition:all .4s ease;z-index:-1}.hero .wrapper .textContainer .buttons button:hover{color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px rgba(147,51,234,.3)}.hero .wrapper .textContainer .buttons button:hover:before{width:100%}.hero .wrapper .textContainer .buttons button:active{transform:translateY(1px)}@media(max-width:768px){.hero .wrapper .textContainer .buttons button{padding:12px 25px;font-size:.9rem;width:100%;padding:14px 20px}}.hero .wrapper .textContainer .buttons Image{width:40px;opacity:.7;transition:all .3s ease;cursor:pointer}.hero .wrapper .textContainer .buttons Image:hover{opacity:1;transform:translateY(-3px)}@media(max-width:768px){.hero .wrapper .textContainer .buttons Image{width:35px;width:30px}}.hero .imageContainer{width:40%;height:100%;object-position:top;overflow:hidden;top:20;right:0;position:absolute}@media(max-width:768px){.hero .imageContainer{width:50%;height:100%;height:50%;width:100%;top:unset;bottom:0}}.hero .imageContainer img{width:100%;height:100%;object-fit:cover;object-position:top 20%}@media(max-width:768px){.hero .imageContainer img{display:none}}.hero .slidingTextContainer{position:absolute;font-size:40vh;font-weight:700;bottom:-120px;white-space:nowrap;color:hsla(0,0%,100%,.0352941176);animation:moveText 15s linear infinite}@keyframes moveText{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@media(max-width:768px){.hero .slidingTextContainer{font-size:20vh;bottom:-30px}}.navbar{height:100px;background-color:#140e0e;position:relative;z-index:100}.navbar .wrapper{max-width:1366px;margin:auto;display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 2rem}.navbar .wrapper span{font-weight:700;font-family:Poppins,sans-serif;font-size:28px;background:linear-gradient(45deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);letter-spacing:1px;text-transform:uppercase;position:relative}.navbar .wrapper span:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:linear-gradient(45deg,#9333ea,transparent);opacity:.5}.navbar .wrapper .center-section .nav-links{display:flex;gap:3rem;list-style:none;margin:0;padding:0}.navbar .wrapper .center-section .nav-links li{position:relative}.navbar .wrapper .center-section .nav-links li a{color:#fff;text-decoration:none;font-size:1rem;font-weight:500;letter-spacing:.5px;transition:all .3s ease;padding:.5rem 0;font-family:Poppins,sans-serif;opacity:.8}.navbar .wrapper .center-section .nav-links li a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#3b82f6,transparent);transition:width .3s ease}.navbar .wrapper .center-section .nav-links li a:hover{opacity:1;color:#3b82f6;transform:translateY(-1px)}.navbar .wrapper .center-section .nav-links li a:hover:after{width:100%}@media(max-width:768px){.navbar .wrapper{justify-content:space-between;align-items:center;justify-content:center;padding:0 1rem}.navbar .wrapper span{font-size:24px}.navbar .wrapper .center-section{display:none}}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#0c0c1d;color:#d3d3d3}a{text-decoration:none;color:inherit}section{scroll-snap-align:center;height:100vh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:400px;background-color:#fff;color:#000;z-index:100}@media(max-width:768px){.sidebar{width:200px}}.sidebar .bg{position:fixed;top:0;left:0;bottom:0;width:400px;background-color:#fff}@media(max-width:768px){.sidebar .bg{width:200px}}.sidebar .bg .links{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}.sidebar .bg .links a{font-size:40px}@media(max-width:768px){.sidebar .bg .links a{font-size:20px}}.sidebar button{position:fixed;top:25px;left:25px;width:52px;height:57px;border-radius:50%;background-color:rgba(0,0,0,0);border:none;cursor:pointer}.sidebar button:hover{background-color:rgba(0,0,0,.05)}