.container .header{position:relative!important;display:flex;gap:var(--element-spacing);justify-content:space-between;align-items:center;margin-top:var(--section-spacing)}.container .header .left{width:50%}.container .header .left h1{font-size:50px;margin-bottom:var(--card-spacing);line-height:1.1}@keyframes dataMover{0%{transform:translate(-42%,1000px);opacity:0}50%{transform:translate(-42%,-10%)}70%{transform:translate(-42%,2%)}to{opacity:1}}@keyframes colmMover{0%{opacity:0;transform:translate(-170%,1200px)}50%{transform:translate(-170%,120%)}70%{transform:translate(-170%,180%)}to{opacity:1}}@keyframes servMover{0%{opacity:0;transform:translate(-192%,1300px)}50%{transform:translate(-192%,5%)}70%{transform:translate(-192%,18%)}to{opacity:1}}@keyframes lapMover{0%{opacity:0;transform:translate(-55%,1400px)}50%{transform:translate(-55%,10%)}70%{transform:translate(-55%,20%)}to{opacity:1}}@keyframes mobileMover{0%{opacity:0;transform:translate(-143%,1500px)}50%{transform:translate(-143%,300%)}70%{transform:translate(-143%,360%)}to{opacity:1}}@keyframes wifiMover{0%{opacity:0;transform:translate(76%,600px)}50%{transform:translate(76%,80%)}70%{transform:translate(76%,90%)}90%{opacity:1}}@keyframes linesMover{0%{opacity:0;transform:translate(42%,1800px)}50%{transform:translate(42%,90%)}70%{transform:translate(42%,97%)}to{opacity:1}}.container .right{position:relative;height:520px;width:40%;padding-top:0!important}.container .right .miniani{display:none}.container .right .test{position:absolute;height:90%;width:570px;top:10%;right:15%}.container .right .lines{position:relative;height:47.8%;transform:translate(42%,97%);animation:linesMover 2s ease-out}.container .right .wifi{position:absolute;height:45.7%;transform:translate(76%,90%);z-index:5;animation:wifiMover 2s ease-out}.container .right .lap{position:absolute;z-index:2;height:64%;transform:translate(-55%,20%);animation:lapMover 2s ease-out}.container .right .data{position:absolute;z-index:3;height:38%;transform:translate(-42%,2%);animation:dataMover 2s ease-out}.container .right .colm{position:absolute;height:17.5%;transform:translate(-170%,180%);animation:colmMover 2s ease-out}.container .right .serv{position:absolute;z-index:7;height:64%;transform:translate(-192%,18%);animation:servMover 2s ease-out}.container .right .mobile{position:absolute;height:19.5%;transform:translate(-143%,360%);animation:mobileMover 2s ease-out}.services-swiper-section{position:relative;height:100%;max-height:900px;min-height:600px;margin-left:auto;margin-right:auto;display:flex;overflow:hidden;height:99vh}.swiper-controls{position:relative;width:250px;display:flex;gap:15px;align-items:center;justify-content:center;padding:2rem 1rem;z-index:5}.swiper-btn{width:40px;height:40px;border:2px solid var(--light-purple);background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);cursor:pointer;transition:all .3s ease;margin:.5rem 0}.swiper-btn:hover{background:var(--red);border-color:var(--red);transform:scale(1.1)}.swiper-btn:disabled{opacity:.5;cursor:not-allowed}.swiper-container{flex:1;overflow:hidden;position:relative;width:100%;max-width:100%;display:flex;height:100%}.services-swiper-section-overlay{background:url(/big-bg.svg) no-repeat center center;background-size:cover;height:100%;opacity:.2;position:absolute;width:100%}.swiper-wrapper{display:flex;transition:transform .5s ease-in-out;height:100%;width:max-content;gap:0;cursor:grab;user-select:none;will-change:transform;backface-visibility:hidden;transform-style:preserve-3d}.service-card{width:33.333vw;min-width:250px;max-width:400px;height:100%;padding:24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;cursor:pointer!important;transition:all .3s linear;position:relative;background:var(--dark-dark-purple);flex-shrink:0;border:1px solid var(--light-light-purple);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:auto;z-index:10;text-decoration:none;color:inherit}.service-card:hover{background:linear-gradient(180deg,#da78b02d,#1e1c3e)}.card-number{border-bottom:2px solid var(--light-purple);padding-bottom:10px;margin-bottom:20px;margin-left:20px;position:absolute;top:20px;left:0;font-size:20px}.card-underline{width:20px;display:none;height:2px;margin-left:20px;background:var(--light-purple);margin-bottom:25px}.card-icon img{width:100px;height:100px;margin-top:100px;margin-bottom:60px}.card-title{font-size:20px;color:var(--white);margin-bottom:15px;line-height:1.3}.card-description{font-size:15px;color:#ffb2dccc;line-height:1.4}.home-about-us{position:relative}.home-about-us .container{padding-top:60px;padding-bottom:60px;display:flex;justify-content:space-between;align-items:center;gap:20px}.home-about-us .left{width:65%}.home-about-us .left h2{text-align:left;margin-bottom:20px}.home-about-us .left p{font-size:16px;margin-bottom:30px}.home-about-us .left p span.bold{font-size:20px;font-weight:600;color:var(--gray)}.home-about-us .right{width:35%;margin-right:40px}.home-about-us .right img{width:100%}@media (max-width: 1200px){.home-about-us .left{width:60%}.home-about-us .right{width:45%;margin-right:0}}@media (max-width: 1024px){.service-card{width:50%!important}.container .right .test{position:absolute;height:80%;width:500px;top:10%;right:10%}}@media (max-width: 900px){.header{flex-direction:column;text-align:center}.container .right{width:100%;height:fit-content}.container .right img.miniani{display:block;width:370px;margin-left:auto;margin-top:30px;margin-right:auto}.home-about-us .container{flex-direction:column}.home-about-us .left{width:100%!important}.home-about-us .right{width:60%}.header .left{width:100%!important}.container .right .test{display:none}.container .miniani{display:block}.home-about-us{flex-direction:column-reverse}.home-about-us .left{width:100%}.home-about-us .right{width:50%}}@media (max-width: 767px){.swiper-controls{width:120px;padding:1rem .5rem}.swiper-btn{width:40px;height:40px}.service-card{width:33.333vw;min-width:200px;padding:1.5rem}.card-icon{width:60px;height:60px;margin-bottom:160px}.card-title{font-size:1.1rem}.card-description{font-size:.85rem}}@media (max-width: 600px){.home-about-us .left p,.home-about-us .left h2,.home-about-us .left{text-align:center}.service-card{width:25%!important;min-width:0!important;height:600px;padding-bottom:100px!important}.swiper-container,.swiper-wrapper,section.services-swiper-section{height:600px!important}.container .right img.miniani{width:270px}.swiper-controls{justify-content:space-between;align-items:space-between}.services-swiper-section{flex-direction:column}.swiper-controls{display:none}.swiper-container{width:100%}.service-card{width:100%;min-width:100%;padding:2rem}.card-icon{width:80px;height:80px}.card-title{font-size:1.25rem}.card-description{font-size:.9rem;max-width:none}.home-about-us .right{width:90%}}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-100%)}}.swiper-wrapper.auto-play{animation:slide 30s linear infinite}.swiper-wrapper.auto-play:hover{animation-play-state:paused}.our-work-section{position:relative;padding:80px 0;background:transparent}.our-work-section .overlay{background:url(/big-bg.svg) no-repeat center center/cover;height:100%;position:absolute;opacity:.2;width:100%;left:0;top:0}.section-header{text-align:center;margin-bottom:60px}.section-header h2{text-align:center;margin-left:auto;margin-right:auto;margin-bottom:16px}.section-header p{font-size:1.2rem;color:#fff;max-width:600px;margin:0 auto}.portfolio-slider{position:relative;max-width:1200px;margin:0 auto}.portfolio-slider .slider-controls{position:absolute;top:50%;left:-60px;right:-60px;transform:translateY(-50%);display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:10}.portfolio-slider .slider-btn{background:transparent;border:2px solid var(--light-purple);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;pointer-events:auto}.portfolio-slider .slider-btn:hover{background:var(--light-purple);color:#fff;transform:translateY(-2px)}.portfolio-slider .slider-btn svg{width:20px;height:20px}@media (max-width: 1200px){.portfolio-slider .slider-controls{left:-40px;right:-40px}}@media (max-width: 900px){.portfolio-slider .slider-controls{left:-30px;right:-30px}.portfolio-slider .slider-btn{width:45px;height:45px}.portfolio-slider .slider-btn svg{width:18px;height:18px}}@media (max-width: 768px){.portfolio-slider .slider-controls{left:-20px;right:-20px}.portfolio-slider .slider-btn{width:40px;height:40px}.portfolio-slider .slider-btn svg{width:16px;height:16px}}@media (max-width: 600px){.portfolio-slider .slider-controls{left:-10px;right:-10px}.portfolio-slider .slider-btn{width:35px;height:35px}.portfolio-slider .slider-btn svg{width:14px;height:14px}}@media (max-width: 480px){.portfolio-slider .slider-controls{left:-5px;right:-5px}.portfolio-slider .slider-btn{width:32px;height:32px}.portfolio-slider .slider-btn svg{width:12px;height:12px}}.slider-container{overflow:hidden;border-radius:16px}.slider-wrapper{display:flex;transition:transform .5s ease-in-out;gap:30px;padding:24px;width:100%}.portfolio-item{flex:0 0 calc(33.333% - 16px);background:linear-gradient(180deg,#34244f,#1e1c3e);border-radius:0;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s ease;width:34%!important;display:flex;flex-direction:column}.portfolio-item:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.portfolio-image{width:100%;height:250px;overflow:hidden}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.portfolio-item:hover .portfolio-image img{transform:scale(1.05)}.portfolio-content{padding:24px}.portfolio-content h3{margin-bottom:12px}.portfolio-content p{margin-bottom:16px;flex:1;min-height:60px}.portfolio-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;margin-bottom:16px}.tag{color:var(--pink);padding:6px 0;font-size:.8rem;font-weight:500}.project-arrow{position:absolute;bottom:32px;right:20px;background:transparent!important;border:none;color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:2}.project-arrow:hover{color:var(--light-purple);transform:translateY(-2px)}.project-arrow svg{width:26px;height:20px}.portfolio-content{padding:24px;position:relative;display:flex;flex-direction:column;flex:1}@media (max-width: 1024px){.portfolio-item{flex:0 0 calc(50% - 12px)}.slider-controls{left:-30px;right:-30px}.slider-btn{width:35px;height:35px}.slider-wrapper{gap:35px}.section-header h2{font-size:2.5rem}}@media (max-width: 768px){.slider-container{width:80%;margin-left:auto;margin-right:auto}.our-work-section{padding:60px 0}.section-header h2{font-size:2rem}.section-header p{font-size:1rem}.slider-controls{left:-12px;right:-12px}.slider-wrapper{padding:3px;gap:16px}.portfolio-item{flex:0 0 calc(100% - 8px)}.portfolio-content{padding:20px}.portfolio-content h3{font-size:1.2rem}}@media (max-width: 480px){.section-header h2{font-size:1.8rem}.slider-controls{left:-12px;right:-12px}.slider-btn{width:35px;height:35px}.portfolio-image{height:180px}}.testimonials-section{position:relative;padding:var(--section-spacing) 0;margin:var(--section-spacing) 0}.testimonials-section .mesh{position:absolute;z-index:-1;left:0;top:0;opacity:.3}.testimonials-header{text-align:center;margin-bottom:var(--section-inner-spacing);z-index:10;position:relative}.testimonials-header h2{text-align:center;color:var(--white);font-size:35px;font-weight:500;margin:0 auto var(--element-spacing) auto;letter-spacing:.5px}.testimonials-header .pink{color:var(--pink)}.testimonials-header p{color:var(--gray);font-size:18px;opacity:.9;max-width:600px;margin:0 auto;line-height:1.6}.testimonials-slider-container{position:relative;z-index:10;max-width:900px;margin:0 auto}.testimonials-slider{position:relative;overflow:hidden;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px)}.testimonial-slide{display:none;padding:48px;opacity:0;transform:translate(50px);transition:all .5s cubic-bezier(.4,0,.2,1)}.testimonial-slide.active{display:block;opacity:1;transform:translate(0)}.testimonial-content{text-align:center}.testimonial-quote{margin-bottom:32px;position:relative}.quote-icon{color:var(--pink);margin-bottom:24px;opacity:.9}.testimonial-text{color:var(--white);font-size:16px;line-height:1.7;font-style:italic;max-width:700px;margin:0 auto}.testimonial-author{display:flex;flex-direction:column;align-items:center;gap:16px}.author-info{text-align:center}.author-name{color:var(--pink);font-size:20px;font-weight:600;margin:0 0 4px;font-family:Poppins,sans-serif}.author-title{color:var(--gray);font-size:14px;margin:0;opacity:.8}.author-rating{display:flex;gap:4px}.author-rating .star{color:var(--orange);font-size:18px;filter:drop-shadow(0 0 4px rgba(249,167,96,.3))}.testimonials-section .slider-controls{display:flex;align-items:center;justify-content:center;gap:32px;margin-top:40px}.testimonials-section .testimonial-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--white)}.testimonials-section .testimonial-btn:hover{background:#fff3;border-color:var(--pink);transform:translateY(-2px);box-shadow:0 4px 12px #ffb2dc4d}.slider-dots{display:flex;gap:12px}.dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d;border:none;cursor:pointer;transition:all .3s ease}.dot:hover{background:#ffffff80;transform:scale(1.2)}.dot.active{background:var(--pink);box-shadow:0 0 8px #ffb2dc80}@media (max-width: 1200px){.testimonials-slider-container{max-width:800px}}@media (max-width: 900px){.testimonials-slider-container{max-width:600px}.testimonial-slide{padding:var(--element-spacing)}.testimonial-text{font-size:16px}.testimonial-author{flex-direction:column;align-items:center;text-align:center}}@media (max-width: 768px){.testimonials-section{margin:var(--section-inner-spacing) 0;padding:var(--content-spacing) 0}.testimonials-section .testimonials-slider-container{max-width:100%;padding:0 var(--element-spacing)}.testimonials-section .testimonial-btn{width:40px;height:40px}.testimonials-section .slider-controls{margin-top:var(--element-spacing)}}@media (max-width: 600px){.testimonials-header h2{font-size:28px}.testimonials-header p{font-size:16px}.testimonial-slide{padding:var(--element-spacing)}.testimonial-text{font-size:14px}.quote-icon{width:28px;height:28px;margin-bottom:var(--element-spacing)}.slider-controls{gap:20px}}.mobile-navigation{display:none;justify-content:center;align-items:center;gap:20px;padding:20px;backdrop-filter:blur(10px);border-radius:25px;margin:30px auto 0;width:fit-content;position:relative;z-index:10}.mobile-nav-btn{width:40px;height:40px;border:2px solid var(--light-purple);background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);cursor:pointer;transition:all .3s ease}.mobile-nav-btn:hover{background:var(--red);border-color:var(--red);transform:scale(1.1)}.mobile-nav-btn:active{transform:scale(.95)}.mobile-dots{display:flex;justify-content:center;align-items:center;gap:12px}.mobile-dots .mobile-dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.mobile-dots .mobile-dot:hover{background:#ffffff80;transform:scale(1.1)}.mobile-dots .mobile-dot.active{background:var(--red);border-color:var(--red);transform:scale(1.2)}@media (max-width: 768px){.mobile-navigation{display:flex}.swiper-controls{display:none}.services-swiper-section{flex-direction:column;gap:0}.swiper-container{order:1;margin-bottom:0;padding-bottom:20px}.mobile-navigation{order:2;margin-top:0;padding-top:10px}}@media (max-width: 768px){.swiper-wrapper{touch-action:pan-y;-webkit-overflow-scrolling:touch;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:grab}.swiper-wrapper:active{cursor:grabbing}.service-card{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;user-select:none;-webkit-user-select:none}.swiper-wrapper *{pointer-events:auto}}@media (max-width: 600px){.project-arrow{right:5px}}
