.main-header{position:fixed;top:10px;width:100%;z-index:1000;background:transparent}.header-inner{border-radius:15px;padding:0 20px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb0;height:80px;transition:box-shadow .3s ease}.logo img{width:150px}.header-nav{display:flex;align-items:center;justify-content:center;gap:24px;height:80px}.nav-item{position:relative}.nav-item>a{font-size:15px;font-weight:500;color:var(--black);text-decoration:none;display:flex;align-items:center;gap:4px;line-height:80px}.dropdown{position:absolute;top:80px;left:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb0;min-width:180px;border-radius:12px;padding:10px 0;box-shadow:0 12px 30px #00000014;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s ease}.dropdown a{display:block;padding:10px 18px;font-size:14px;color:var(--black);text-decoration:none}.dropdown a:hover{background:#f3f4f6}.nav-item:hover .dropdown{opacity:1;transform:translateY(0);pointer-events:auto}.header-right{display:flex;justify-content:end;align-items:center;gap:16px;height:80px}.header-icon{position:relative;font-size:20px;cursor:pointer;color:var(--black)}.cart-badge{position:absolute;top:-6px;right:-8px;background:var(--green);color:#fff;font-size:11px;padding:2px 6px;border-radius:999px}.header-avatar{width:40px;height:40px;line-height:36px;background:#ddd;border-radius:50%;border:4px solid var(--white);box-shadow:#64646f33 0 7px 29px;text-align:center}.mobile-header-right{display:none}.mobile-menu-overlay{position:fixed;inset:0;z-index:1998;background:#00140a73;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .35s ease,visibility .35s ease}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-sidebar{position:fixed;top:0;right:0;width:min(380px,88vw);height:100vh;z-index:1999;display:flex;flex-direction:column;background:linear-gradient(145deg,#f8fbf5,#fff,#f0f5e9);box-shadow:-15px 0 50px #0000002e;transform:translate(100%);visibility:hidden;transition:transform .45s cubic-bezier(.77,0,.18,1),visibility .45s ease}.mobile-sidebar.active{transform:translate(0);visibility:visible}.mobile-sidebar-header{height:90px;min-height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid rgba(0,0,0,.08)}.mobile-sidebar-logo img{width:145px;display:block}.mobile-sidebar-close{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--green);color:#fff;cursor:pointer;transition:all .3s ease}.mobile-sidebar-close:hover{transform:rotate(90deg)}.mobile-sidebar-body{display:flex;flex-direction:column;height:100%;padding:15px 25px 25px;overflow-y:auto}.mobile-nav{display:flex;flex-direction:column}.mobile-nav a{min-height:60px;display:flex;align-items:center;justify-content:space-between;padding:0;color:var(--black);text-decoration:none;font-size:16px;font-weight:500;border-bottom:1px solid rgba(0,0,0,.08);transition:all .25s ease}.mobile-nav a i{color:var(--green);font-size:12px;transition:transform .25s ease}.mobile-nav a:hover{color:var(--green);padding-left:5px}.mobile-nav a:hover i{transform:translate(5px)}.mobile-sidebar-cta{margin-top:auto;padding:25px 0 20px}.mobile-sidebar-cta p{margin:0 0 14px;color:#69736b;font-size:14px}.mobile-sidebar-cta .fill-btn{width:100%;justify-content:center}.mobile-sidebar-social{display:flex;gap:10px;padding-top:20px;border-top:1px solid rgba(0,0,0,.08)}.mobile-sidebar-social a{width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:var(--green);border:1px solid rgba(70,110,45,.25);border-radius:50%;text-decoration:none;transition:all .25s ease}.mobile-sidebar-social a:hover{color:#fff;background:var(--green);border-color:var(--green)}body.mobile-menu-open{overflow:hidden}.hero-section{padding-top:80px}.hero-content{text-align:left;padding:40px 0;width:55%;color:#fff}.feature-card{background:transparent;border-radius:16px;padding:28px 30px;display:flex;align-items:center;gap:20px;transition:all .35s ease;color:var(--white)}.feature-icon{width:56px;height:56px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--yellow);transition:all .35s ease}.feature-card:hover .feature-icon{background:#ffffff26;color:#fff}.about-section{background-image:url(../images/background/about-bg.jpg);background-size:cover}.company-visual{position:relative}.main-circle{width:400px;height:400px;border-radius:50%;overflow:hidden;border:14px solid var(--white);box-shadow:0 30px 80px #00000026}.main-circle img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.small-circle{width:200px;height:200px;border-radius:50%;overflow:hidden;border:6px solid var(--white);position:absolute;top:-10px;right:60px;box-shadow:0 15px 40px #0003}.small-circle img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.why-feature{display:flex;gap:16px}.why-metrics{display:flex;gap:24px}.metric-card{background:var(--white);padding:24px;border-radius:16px;flex:1;border:solid 1px var(--yellow);margin-top:20px}.service-section{background-image:url(../images/background/service-bg.png);background-size:cover;background-attachment:fixed;background-repeat:no-repeat}.service-swiper{position:relative;padding-bottom:0}.service-swiper .swiper-slide{height:auto}.service-swiper .swiper-button-next,.service-swiper .swiper-button-prev{top:auto;bottom:0;right:0;width:35px;height:35px;border-radius:5px;background:transparent;color:#000;box-shadow:0 12px 30px #0000002e;transition:all .3s ease;border:solid 1px #333}.service-swiper .swiper-button-prev{left:auto;right:40px}.service-swiper .swiper-button-next:after,.service-swiper .swiper-button-prev:after{font-size:16px;font-weight:600}.service-swiper .swiper-button-next:hover,.service-swiper .swiper-button-prev:hover{background:var(--yellow);transform:translateY(-3px);color:var(--black)}.service-swiper .swiper-button-disabled{opacity:.35;cursor:not-allowed}.service-card{position:relative;border-radius:20px;padding:34px 30px 20px;box-shadow:0 30px 80px #00000014;background:#fff;transition:transform .3s ease;height:100%}.service-card:hover{transform:translateY(-8px)}.service-card-icon img{width:40px;margin-bottom:14px}.service-card-letter{font-size:80px;font-weight:700;color:#0f172a14;position:absolute;top:20px;right:24px}.why-section{background-image:url(../images/background/why-bg.png);background-size:cover;background-repeat:no-repeat;border-radius:60px;padding:45px}.why-points{list-style:none;padding:0;margin-bottom:28px}.why-points li{margin-bottom:10px;position:relative;color:#555;font-weight:500}.client-count{display:flex;align-items:center;gap:14px}.client-avatars{display:flex}.client-avatars img,.client-avatars .more{width:34px;height:34px;border-radius:50%;border:2px solid #ffffff;margin-left:-10px}.client-avatars img:first-child{margin-left:0}.client-avatars .more{background:#2563eb;color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center}.client-count span{font-size:13px;color:#64748b}.stats-grid{display:grid;grid-template-columns:repeat(2,2fr);gap:30px;position:relative}.stats-card{background:#fff;border-radius:20px;padding:40px 30px;box-shadow:0 20px 50px #0000000f;transition:transform .3s ease,box-shadow .3s ease}.stats-card:hover{transform:translateY(-6px);box-shadow:0 30px 70px #00000014}.stats-card.highlight{background:linear-gradient(135deg,#717721,#c09d1b);color:#fff}.stats-card.highlight p{color:#ffffffd9}.stats-number{font-size:48px;font-weight:700;margin-bottom:10px;line-height:1}.portfolio-section{background:var(--white)}.portfolio-filters{display:flex;justify-content:center;gap:7px;margin-bottom:30px}.filter-btn{padding:0 16px;height:30px;border-radius:30px;border:1px solid #ddd;background:transparent;cursor:pointer;font-size:12px;font-weight:600;transition:all .3s ease}.filter-btn.active,.filter-btn:hover{background:var(--green);color:#fff;border-color:var(--green)}.portfolio-card.hide{display:none}.portfolio-card{position:relative;overflow:hidden;height:350px;background-color:transparent;transition:opacity .3s ease,transform .3s ease;border-radius:16px}.portfolio-preview{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:16px;background:#f5f5f5}.portfolio-preview img{position:absolute;top:0;left:0;width:100%;height:auto;display:block;transform:translateY(0);transition:transform 12s ease-in-out}.portfolio-card:hover .portfolio-preview img{transform:translateY(calc(var(--scroll-distance) * -1px))}.portfolio-badge{position:absolute;top:16px;left:16px;background:#fffffff2;color:#111827;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;box-shadow:0 6px 20px #0000001a}.portfolio-overlay{position:absolute;inset:auto 16px 16px;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px 12px 10px 10px;padding:8px 15px 6px;display:flex;justify-content:space-between;align-items:center;transition:transform .35s ease,opacity .35s ease;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px}.portfolio-overlay .small-heading{color:var(--green)}.portfolio-overlay h6{font-size:12px;margin:0;color:var(--text)}.cta-orbit-section{position:relative;padding:140px 0 180px;background-image:url(../images/background/tech-bg.jpg),radial-gradient(circle at top,#fff,#f3f5ff);background-size:cover;background-position:center;overflow:hidden}.orbit{position:absolute;border:2px dashed #c7cbe8;border-radius:50%;opacity:.6}.orbit-outer{width:900px;height:900px;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-middle{width:620px;height:620px;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-inner{width:360px;height:360px;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-icon{position:absolute;width:56px;height:56px;background:#fff;border-radius:50%;box-shadow:0 20px 40px #0000001f;display:flex;align-items:center;justify-content:center;font-size:30px}.icon-html{top:20%;left:12%}.icon-wordpress{top:18%;right:14%}.icon-react{bottom:26%;right:22%}.icon-figma{top:6%;left:50%}.icon-css{bottom:14%;left:50%}.icon-node{bottom:10%;left:30%}.icon-android{bottom:28%;left:20%}.icon-github{bottom:3%;right:16%}.cta-content{position:relative;z-index:9;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.product-card{position:relative;background:linear-gradient(180deg,#f8f1ec8c,#fff);border-radius:20px;padding:32px;height:100%;overflow:hidden;box-shadow:#959da533 0 8px 24px}.product-visual img{width:100%}.product-buy-card{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.product-buy-card h4{font-size:24px;font-weight:600;text-transform:capitalize}.tech-title{display:flex;align-items:center;gap:16px}.tech-title .line{width:2px;height:60px;background:var(--green)}.tech-title h3{font-size:28px;font-weight:800;line-height:1.2;margin-bottom:0}.tech-logo-swiper{padding:30px 0}.tech-logo-item{display:flex;align-items:center;justify-content:center}.tech-logo-item img{max-height:70px;width:auto;transition:opacity .3s ease}.tech-logo-item img:hover{opacity:.7}.testimonial-swiper{padding:30px 0 60px}.testimonial-swiper .swiper-slide{height:auto}.testimonial-swiper .swiper-pagination-bullet{background:var(--yellow);opacity:.4}.testimonial-swiper .swiper-pagination-bullet-active{opacity:1}.testimonial-section{background:#fff}.testimonial-card{background:#fff;border-radius:14px;padding:40px;box-shadow:0 20px 50px #00000014;position:relative;flex:1}.testimonial-card:after{content:"";position:absolute;top:25px;right:25px;width:60px;height:60px;background-image:radial-gradient(#b2ece0 2px,transparent 2px);background-size:10px 10px;opacity:.6}.stars{color:var(--yellow)}.testimonial-avatar{position:relative;width:50px;height:50px;margin-bottom:10px}.testimonial-avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.footer-section{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 10% 20%,rgba(116,168,45,.16),transparent 32%),radial-gradient(circle at 90% 80%,rgba(190,210,70,.08),transparent 35%),linear-gradient(135deg,#031c12,#063a25 45%,#092f1d 70%,#02170e);padding:80px 0 0}.footer-section:before{content:"";position:absolute;width:500px;height:500px;top:-300px;left:-200px;background:#9dbe3e14;border-radius:50%;filter:blur(100px);pointer-events:none}.footer-section .container{position:relative;z-index:2}.footer-main{padding-bottom:65px}.footer-logo{margin-bottom:20px}.footer-logo img{width:200px;background:var(--white);padding:7px 11px;border-radius:11px}.footer-brand>p{font-size:14px;line-height:1.6;margin:20px 0;color:#ffffffa6}.footer-box h4,.footer-contact h4{margin:0 0 25px;font-size:18px;font-weight:700;color:#fff}.footer-box h4:after,.footer-contact h4:after{content:"";display:block;width:35px;height:2px;margin-top:10px;background:#b6d63d}.footer-box ul{list-style:none;padding:0;margin:0}.footer-box li{margin-bottom:7px}.footer-box a{color:#ffffffa6;text-decoration:none;font-size:14px;transition:all .25s ease}.footer-box a:hover{color:#c3df4b;padding-left:5px}.contact-item{display:flex;align-items:flex-start;gap:7px;margin-bottom:7px;font-size:14px;line-height:1.6}.contact-item span{color:#b7d73e}.contact-item a,.contact-item p{color:#ffffffad;text-decoration:none;margin:0;transition:color .25s ease}.contact-item a:hover{color:#c3df4b}.footer-social{display:flex;gap:10px;margin-top:25px}.footer-social a{width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:#ffffffa6;border:1px solid rgba(182,214,61,.3);border-radius:50%;text-decoration:none;transition:all .3s ease}.footer-social a:hover{color:#fff;background:#6d9427;border-color:#6d9427;transform:translateY(-3px)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 0;border-top:1px solid rgba(255,255,255,.12)}.footer-bottom p{margin:0;color:#ffffff8c;font-size:14px}.footer-bottom p strong{color:#b8d83f}.footer-bottom-links{display:flex;align-items:center;gap:14px}.footer-bottom-links a{color:#ffffff8c;font-size:14px;text-decoration:none;transition:color .25s ease}.footer-bottom-links a:hover{color:#c2df4b}.footer-bottom-links span{width:1px;height:14px;background:#fff3}.back-to-top{position:absolute;right:20px;bottom:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid #aaca38;border-radius:50%;background:#052d1bcc;text-decoration:none;transition:all .3s ease}.back-to-top i{color:#c3df4b}.back-to-top:hover{color:#fff;background:#6b9127;transform:translateY(-4px)}.quote-modal{position:fixed;inset:0;display:none;z-index:9999}.quote-modal-overlay{position:absolute;inset:0;background:#0009}.quote-modal-box{position:relative;background:#fff;max-width:820px;width:90%;margin:60px auto;padding:30px;border-radius:16px;z-index:1;animation:scaleIn .25s ease}.quote-close{position:absolute;top:12px;right:14px;border:none;background:none;font-size:22px;cursor:pointer}.modal-heading{margin-bottom:6px;font-size:22px}.modal-subtext{font-size:14px;color:#666;margin-bottom:20px}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:13px;margin-bottom:6px;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border-radius:8px;border:1px solid #ddd;font-size:14px}.submit-btn{width:100%;padding:14px;border-radius:10px;background:#000;color:#fff;border:none;font-weight:600;cursor:pointer}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.service-swiper .swiper-button-next,.service-swiper .swiper-button-prev{display:none}}.page-banner{position:relative;min-height:360px;display:flex;align-items:center;overflow:hidden;padding-top:50px}.page-banner-content{max-width:400px;padding:35px 0}.page-banner-line{display:block;width:48px;height:3px;margin-bottom:18px;background:#f6bd18;border-radius:5px;box-shadow:0 0 15px #f6bd1873}.page-breadcrumb{display:flex;align-items:center;gap:5px;font-size:15px}.page-breadcrumb a{color:#fff;text-decoration:none;transition:color .25s ease;font-size:13px}.page-breadcrumb a:hover{color:var(--yellow)}.page-breadcrumb i{color:var(--yellow);font-size:11px}.page-breadcrumb span{color:var(--yellow);font-size:13px}.contact-card{background:#fff;border-radius:20px;box-shadow:0 30px 80px #00000014;overflow:hidden}.contact-info{color:#fff;padding:40px;height:100%;position:relative}.contact-info ul{list-style:none;padding:0}.contact-info li{font-size:14px;margin-bottom:14px}.contact-form{padding:40px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #e5e7eb;padding:10px 15px;border-radius:5px;margin-bottom:20px;height:45px;font-size:15px;font-weight:500}.contact-form textarea{height:120px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--green)}