body{margin:0;font-family:Segoe UI;background:#f5f7fb}
.hero{padding:90px 6%;color:#fff}
.container{max-width:1500px;margin:auto;padding:70px 6%}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px}
.card{background:#fff;padding:25px;border-radius:14px}
.cta{background:#1e3aff;color:#fff;text-align:center;padding:70px}
footer{padding:30px;background:#0b1020;color:#aaa}
.hero-pro{
  min-height:85vh;
  display:flex;
  align-items:center;
  padding:90px 6%;
  background-size:cover;
  background-position:center;
  color:#fff;
}

.hero-wrap{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:50px;
  align-items:center;
}

.hero-badge{
  display:inline-block;
  padding:8px 16px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.25);
  border-radius:20px;
  font-size:13px;
  margin-bottom:20px;
}

.hero-left h1{
  font-size:52px;
  line-height:1.1;
  margin-bottom:18px;
}

.hero-left h1 span{
  color:#4da3ff;
}

.hero-left p{
  font-size:18px;
  max-width:600px;
  line-height:1.7;
  opacity:.95;
}

.hero-cta{
  margin-top:30px;
  display:flex;
  gap:18px;
}

.btn-primary{
  background:#2563ff;
  color:#fff;
  padding:14px 28px;
  border-radius:10px;
  text-decoration:none;
  font-weight:600;
}

.btn-outline{
  border:1px solid rgba(255,255,255,.5);
  color:#fff;
  padding:14px 28px;
  border-radius:10px;
  text-decoration:none;
}

.hero-trust{
  margin-top:28px;
  display:flex;
  gap:25px;
  font-size:14px;
  opacity:.9;
}

.hero-right{
  display:flex;
  justify-content:center;
}

.hero-glass{
  background:rgba(255,255,255,.1);
  backdrop-filter:blur(18px);
  border-radius:22px;
  padding:18px;
  box-shadow:0 40px 90px rgba(0,0,0,.45);
}

.hero-glass img{
  max-width:100%;
  border-radius:14px;
}

@media(max-width:900px){
  .hero-wrap{grid-template-columns:1fr}
  .hero-left h1{font-size:38px}
}
.section{
  padding:90px 6%;
  position:relative;
}

.section-light{
  background:#f5f7fb;
}

.section-white{
  background:#ffffff;
}

.section-dark{
  background:linear-gradient(180deg,#0b1020,#0e1430);
  color:#fff;
}

.section h2{
  font-size:38px;
  margin-bottom:12px;
}

.section p{
  max-width:780px;
  line-height:1.7;
  color:#555;
}
.card-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:25px;
  margin-top:40px;
}

.card{
  background:#fff;
  border-radius:18px;
  padding:26px;
  box-shadow:0 15px 35px rgba(0,0,0,.06);
  transition:.4s;
}

.card:hover{
  transform:translateY(-6px);
  box-shadow:0 25px 60px rgba(0,0,0,.12);
}


/* RESET */
*{box-sizing:border-box;margin:0;padding:0}

/* HEADER */
.sl-header{
  position:fixed;
  top:0;left:0;width:100%;
  z-index:9999;
  background:#fff;
  box-shadow:0 4px 20px rgba(0,0,0,.06);
}

/* TOP BAR */
.sl-top{
  background:#0f1c4d;
  color:#fff;
  padding:6px 6%;
  display:flex;
  justify-content:space-between;
  font-size:13px;
}
.sl-store{
  background:#ff3b3b;
  color:#fff;
  padding:5px 12px;
  border-radius:6px;
  text-decoration:none;
  font-weight:600;
}

/* NAV */
.sl-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 6%;
}
.sl-logo img{height:42px}

/* MENU */
.sl-menu{
  display:flex;
  align-items:center;
  gap:28px;
}
.sl-menu a,
.sl-dd span,
.sl-mega span{
  text-decoration:none;
  font-weight:600;
  color:#111;
  cursor:pointer;
  position:relative;
}

/* CTA */
.sl-btn{
  background:#2563ff;
  color:#fff!important;
  padding:10px 18px;
  border-radius:8px;
}

/* TOGGLE */
.sl-toggle{
  display:none;
  font-size:26px;
  cursor:pointer;
}

/* DROPDOWN */
.sl-dd,
.sl-mega{
  position:relative;
}

/* BOXES */
.sl-dd-box,
.sl-mega-box{
  position:absolute;
  top:50px;
  left:0;
  background:#fff;
  border-radius:14px;
  box-shadow:0 30px 80px rgba(0,0,0,.15);
  display:none;
  z-index:999;
}

/* OPEN STATE */
.sl-dd.open .sl-dd-box{display:flex;}
.sl-mega.open .sl-mega-box{display:grid;}

/* ABOUT */
.sl-dd-box{
  min-width:240px;
  flex-direction:column;
}
.sl-dd-box a{
  padding:12px 18px;
  color:#222;
  text-decoration:none;
  font-size:14px;
}
.sl-dd-box a:hover{background:#f1f3f9}

/* MEGA MENU */
.sl-mega-box{
  left:-300px;
  width:900px;
  grid-template-columns:repeat(4,1fr);
  gap:30px;
  padding:40px;
}
.sl-mega-box h4{
  margin-bottom:10px;
  font-size:16px;
  color:#0f1c4d;
}
.sl-mega-box a{
  display:block;
  margin:8px 0;
  font-size:14px;
  text-decoration:none;
  color:#333;
}
.sl-mega-box a:hover{color:#2563ff}

/* MOBILE */
@media(max-width:900px){
  .sl-toggle{display:block;}

  .sl-menu{
    position:fixed;
    top:110px;
    left:0;
    right:0;
    background:#fff;
    flex-direction:column;
    padding:30px;
    gap:18px;
    display:none;
  }
  .sl-menu.show{display:flex}

  .sl-dd-box,
  .sl-mega-box{
    position:static;
    width:100%;
    box-shadow:none;
    padding:15px 0;
  }
  .sl-mega-box{
    grid-template-columns:1fr;
    padding:0;
  }
}

/* body offset */
.hero-slider{
  position:relative;
  min-height:100vh;
  overflow:hidden;
}

/* Slides */
.hero-slides{
  height:100%;
}
.hero-slide{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  opacity:0;
  transition:opacity 1s ease, transform 2s ease;
  transform:scale(1.05);
}
.hero-slide.active{
  opacity:1;
  z-index:2;
  transform:scale(1);
}

/* Content */
.hero-wrap{
  max-width:1200px;
  margin:auto;
  height:100%;
  display:flex;
  align-items:center;
  padding:120px 6% 60px; /* navbar space */
  color:#fff;
}

.hero-left{
  width:60%;
}

.hero-badge{
  background:rgba(255,255,255,.15);
  padding:8px 16px;
  border-radius:30px;
  font-size:13px;
  display:inline-block;
  margin-bottom:18px;
  letter-spacing:.3px;
}

.hero-left h1{
  font-size:clamp(34px,5vw,56px);
  line-height:1.1;
  margin:12px 0 15px;
}
.hero-left span{
  color:#4da3ff;
}

.hero-left p{
  max-width:600px;
  font-size:17px;
  line-height:1.7;
  color:#d6dcff;
}

/* Buttons */
.hero-cta{
  margin:30px 0;
  display:flex;
  gap:15px;
  flex-wrap:wrap;
}

.btn-primary{
  background:#2563eb;
  padding:14px 30px;
  border-radius:30px;
  color:#fff;
  text-decoration:none;
  font-weight:600;
  transition:.3s;
}
.btn-primary:hover{ background:#1d4ed8; }

.btn-outline{
  border:2px solid #4da3ff;
  padding:14px 30px;
  border-radius:30px;
  color:#fff;
  text-decoration:none;
  transition:.3s;
}
.btn-outline:hover{
  background:#4da3ff;
  color:#fff;
}

/* Trust row */
.hero-trust{
  display:flex;
  gap:22px;
  flex-wrap:wrap;
  font-size:14px;
  opacity:.9;
}

/* Slider dots */
.hero-dots{
  position:absolute;
  bottom:25px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:10px;
  z-index:5;
}
.hero-dots span{
  width:12px;
  height:12px;
  border-radius:50%;
  background:rgba(255,255,255,.4);
  cursor:pointer;
}
.hero-dots span.active{
  background:#4da3ff;
}

/* ================================
   MOBILE & TABLET FIX
================================ */
@media(max-width:900px){
  .hero-wrap{
    flex-direction:column;
    text-align:center;
    justify-content:center;
    padding:100px 6% 70px;
  }

  .hero-left{
    width:100%;
  }

  .hero-left p{
    max-width:100%;
  }

  .hero-cta{
    justify-content:center;
  }

  .hero-trust{
    justify-content:center;
  }
}

/* Ultra small phones */
@media(max-width:480px){
  .hero-left h1{
    font-size:30px;
  }

  .btn-primary,
  .btn-outline{
    width:100%;
    text-align:center;
  }

  .hero-dots{
    bottom:15px;
  }
}




/* Authorisation Section */
.sl-auth-section{
  background:linear-gradient(180deg,#f5f7fb,#ffffff);
  padding:80px 6%;
}

.sl-auth-container{
  max-width:1200px;
  margin:auto;
  text-align:center;
}

.sl-auth-container h2{
  font-size:36px;
  font-weight:700;
  margin-bottom:10px;
}

.sl-auth-sub{
  max-width:700px;
  margin:0 auto 50px;
  color:#555;
  font-size:16px;
  line-height:1.6;
}

.sl-auth-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:30px;
}

.sl-auth-card{
  background:#fff;
  padding:35px 28px;
  border-radius:18px;
  box-shadow:0 15px 40px rgba(0,0,0,.06);
  transition:.35s;
  text-align:left;
  position:relative;
}

.sl-auth-card:hover{
  transform:translateY(-10px);
  box-shadow:0 25px 60px rgba(37,99,235,.18);
}

.sl-auth-icon{
  width:60px;
  height:60px;
  background:linear-gradient(135deg,#2563eb,#4f8cff);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  border-radius:14px;
  margin-bottom:18px;
}

.sl-auth-card h3{
  font-size:20px;
  margin-bottom:10px;
}

.sl-auth-card p{
  color:#555;
  font-size:14.5px;
  line-height:1.7;
}

.sl-auth-highlight{
  border:2px solid #2563eb;
  background:linear-gradient(180deg,#f7faff,#ffffff);
}

/* Mobile */
@media(max-width:768px){
  .sl-auth-container h2{
    font-size:28px;
  }
  .sl-auth-section{
    padding:60px 5%;
  }
}


.sl-about{
  padding:90px 6%;
  background:#ffffff;
}

.sl-about-row{
  max-width:1200px;
  margin:0 auto 80px;
  display:flex;
  align-items:center;
  gap:60px;
}

.sl-about-row.reverse{
  flex-direction:row-reverse;
}

.sl-about-text{
  flex:1;
}

.sl-about-text h2{
  font-size:36px;
  margin-bottom:15px;
}

.sl-about-text h3{
  font-size:28px;
  margin-bottom:15px;
}

.sl-about-text p{
  color:#555;
  font-size:16px;
  line-height:1.8;
  margin-bottom:15px;
}

.sl-about-img{
  flex:1;
  position:relative;
}

.sl-about-img img{
  width:100%;
  /* height: 400px; */
  border-radius:18px;
  box-shadow:0 30px 80px rgba(0,0,0,.15);
}

/* Mobile */
@media(max-width:900px){
  .sl-about-row,
  .sl-about-row.reverse{
    flex-direction:column;
    gap:30px;
    text-align:center;
  }

  .sl-about-text h2{
    font-size:28px;
  }

  .sl-about-text h3{
    font-size:22px;
  }
}
/* 3D perspective for whole about section */
.sl-about{
  perspective:1200px;
}

/* Card style look */
.sl-about-row{
  background:linear-gradient(180deg,#ffffff,#f4f7fb);
  padding:50px;
  border-radius:24px;
  box-shadow:0 40px 100px rgba(0,0,0,.08);
  transition:.7s cubic-bezier(.2,.8,.2,1);
  transform-style:preserve-3d;
}

/* Hover 3D lift */
.sl-about-row:hover{
  transform:translateY(-18px) rotateX(3deg);
  box-shadow:0 60px 160px rgba(0,0,0,.15);
}

/* Image 3D glass card */
.sl-about-img{
  position:relative;
  transform-style:preserve-3d;
}

.sl-about-img img{
  transition:.9s cubic-bezier(.2,.8,.2,1);
  transform:translateZ(40px);
  border-radius:20px;
}

/* image pop on hover */
.sl-about-row:hover .sl-about-img img{
  transform:translateZ(70px) scale(1.04);
}

/* Floating glass glow */
.sl-about-img::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:20px;
  background:linear-gradient(120deg,rgba(255,255,255,.45),rgba(255,255,255,0));
  opacity:.4;
  pointer-events:none;
}

/* Text depth */
.sl-about-text{
  transform:translateZ(30px);
}

/* Smooth appear animation */
.sl-about-row{
  opacity:0;
  transform:translateY(80px) scale(.95);
  animation:aboutIn 1s ease forwards;
}

.sl-about-row:nth-child(2){animation-delay:.15s;}
.sl-about-row:nth-child(3){animation-delay:.3s;}

@keyframes aboutIn{
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}.products-wrap{
  background:#f6f8fb;
  padding:80px 0;
}

.products-wrap h2{
  text-align:center;
  font-size:38px;
  margin-bottom:10px;
}

.products-wrap .sub{
  text-align:center;
  max-width:800px;
  margin:0 auto 50px;
  color:#555;
}

.product-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:30px;
}

.product-card{
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  transition:.35s;
  display:flex;
  flex-direction:column;
}

.product-card:hover{
  transform:translateY(-8px);
  box-shadow:0 30px 70px rgba(0,0,0,.12);
}

.product-img{
  height:200px;
  background:#f0f3f7;
  display:flex;
  align-items:center;
  justify-content:center;
}

.product-img img{
  max-width:85%;
  max-height:85%;
  object-fit:contain;
}

.product-body{
  padding:22px;
}

.product-body h3{
  font-size:18px;
  margin-bottom:10px;
}

.product-body p{
  font-size:14px;
  color:#666;
  line-height:1.6;
}

.prod-btn{
  display:inline-block;
  margin-top:15px;
  padding:10px 22px;
  border-radius:30px;
  background:#2563eb;
  color:#fff;
  text-decoration:none;
  font-size:14px;
}
.seo-contact{
  padding:80px 0;
  background:#f8fafc;
}

.seo-contact.alt{
  background:#ffffff;
}

.seo-box{
  max-width:1100px;
  margin:auto;
  padding:0 20px;
}

.seo-box h2{
  text-align:center;
  font-size:34px;
  margin-bottom:20px;
}

.seo-box .lead{
  text-align:center;
  max-width:850px;
  margin:0 auto 40px;
  font-size:17px;
  color:#374151;
}

.seo-columns{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:40px;
}

.seo-list{
  background:#fff;
  padding:35px;
  border-radius:18px;
  box-shadow:0 20px 50px rgba(0,0,0,.06);
}

.seo-list h4{
  margin-bottom:15px;
  font-size:20px;
}

.seo-list ul{
  list-style:none;
  padding:0;
  margin:0;
}

.seo-list li{
  padding:8px 0;
  border-bottom:1px solid #e5e7eb;
  font-size:15px;
}

.seo-footer{
  margin-top:40px;
  text-align:center;
  font-size:16px;
  color:#1f2937;
}
.service-area-wrap{
  background:#f8fafc;
  padding:80px 6%;
}

.service-area-wrap h2{
  text-align:center;
  font-size:32px;
  margin-bottom:15px;
}

.service-area-wrap .intro{
  text-align:center;
  max-width:900px;
  margin:0 auto 40px;
  color:#444;
  line-height:1.7;
}

.service-highlights{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:15px;
  margin-bottom:50px;
}
.service-highlights span{
  background:#fff;
  padding:10px 18px;
  border-radius:30px;
  box-shadow:0 5px 20px rgba(0,0,0,.08);
  font-size:14px;
  font-weight:600;
}

.service-block{
  background:#fff;
  padding:35px;
  border-radius:16px;
  box-shadow:0 10px 40px rgba(0,0,0,.06);
  margin-bottom:40px;
}
.service-block h3{
  margin-bottom:10px;
  color:#1e3a8a;
}
.service-block p{
  font-size:14px;
  line-height:1.7;
}
.service-block .muted{
  color:#666;
  margin-top:15px;
}

.service-banner{
  background:linear-gradient(120deg,#1e3a8a,#2563eb);
  color:#fff;
  padding:35px;
  border-radius:18px;
  text-align:center;
  margin:50px 0;
  box-shadow:0 20px 60px rgba(37,99,235,.4);
}
.service-banner strong{
  font-size:22px;
  display:block;
}
.service-banner span{
  opacity:.85;
  margin-top:8px;
  display:block;
}

.service-cities{
  margin-top:50px;
}
.city-line{
  padding:5px 0;
  border-bottom:1px dashed #ddd;
  /* font-size:14px; */
}
.city-line strong{
  color:#1e3a8a;
}
.enterprise-wrap{
  padding:80px 6%;
  background:#f8fafc;
}

.enterprise-row{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:center;
}

.enterprise-img img{
  width:100%;
  /* height: 400px; */
  border-radius:20px;
  box-shadow:0 25px 70px rgba(0,0,0,.25);
  transform:perspective(1000px) rotateY(-5deg);
  transition:.5s ease;
  
}
.enterprise-img img:hover{
  transform:perspective(1000px) rotateY(0deg) scale(1.02);
}

.enterprise-content h2{
  font-size:36px;
  margin-bottom:15px;
}
.enterprise-content p{
  font-size:16px;
  line-height:1.7;
  color:#444;
  margin-bottom:20px;
}

.enterprise-content ul{
  margin:20px 0 30px;
  padding-left:20px;
}
.enterprise-content li{
  margin-bottom:10px;
  font-size:15px;
  color:#1e293b;
}

.enterprise-btn{
  display:inline-block;
  background:linear-gradient(120deg,#1e3a8a,#2563eb);
  color:#fff;
  padding:14px 30px;
  border-radius:30px;
  text-decoration:none;
  font-weight:600;
  box-shadow:0 10px 40px rgba(37,99,235,.4);
}

/* Mobile Responsive */
@media(max-width:900px){
  .enterprise-row{
    grid-template-columns:1fr;
    text-align:center;
  }
  .enterprise-img img{
    transform:none;
  }
  .enterprise-content ul{
    text-align:left;
  }
}
/* Section background */
.seo-contact{
  padding:80px 6%;
  background:linear-gradient(180deg,#f8fafc,#ffffff);
}

/* Main box */
.seo-box{
  max-width:1200px;
  margin:auto;
  background:#fff;
  padding:60px;
  border-radius:24px;
  box-shadow:0 25px 80px rgba(0,0,0,.08);
  position:relative;
  overflow:hidden;
}

/* Soft gradient glow */
.seo-box::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,rgba(37,99,235,.08),rgba(30,58,138,.05));
  z-index:0;
}

/* Keep content above glow */
.seo-box > *{
  position:relative;
  z-index:2;
}

/* Heading */
.seo-box h2{
  font-size:36px;
  margin-bottom:15px;
  color:#0f172a;
}

/* Intro text */
.seo-box .lead{
  font-size:16px;
  line-height:1.8;
  color:#374151;
  max-width:900px;
}

/* Columns */
.seo-columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:50px;
  margin:50px 0;
}

/* Lists */
.seo-list{
  background:#f9fafb;
  padding:30px;
  border-radius:16px;
  box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.seo-list h4{
  font-size:18px;
  margin-bottom:18px;
  color:#1e3a8a;
}

.seo-list ul{
  list-style:none;
  padding:0;
  margin:0;
}

.seo-list li{
  font-size:14px;
  padding:10px 0 10px 26px;
  position:relative;
  color:#1f2937;
  border-bottom:1px dashed #e5e7eb;
}

.seo-list li:last-child{
  border-bottom:none;
}

/* Blue tick */
.seo-list li:before{
  content:"✔";
  position:absolute;
  left:0;
  top:10px;
  color:#2563eb;
  font-size:13px;
}

/* Footer text */
.seo-footer{
  font-size:15px;
  line-height:1.8;
  color:#374151;
  max-width:950px;
}

/* Mobile responsive */
@media(max-width:900px){
  .seo-box{
    padding:35px;
  }
  .seo-columns{
    grid-template-columns:1fr;
    gap:30px;
  }
  .seo-box h2{
    font-size:28px;
  }
}
/* ===========================
   CORPORATE FOOTER
=========================== */

.corp-footer{
  background: #fafafa none repeat;
  color:#cfe3ff;
  padding:70px 20px 0;
  font-family: 'Segoe UI', sans-serif;
}

.corp-footer-wrap{
  max-width:1300px;
  margin:auto;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:60px;
  
}

/* common column */
.footer-col{
  display:flex;
  flex-direction:column;
  gap:14px;
}

/* titles */
.footer-col h3{
  font-size:20px;
  color:#ffffff;
  margin-bottom:10px;
}

/* text */
.footer-col p,
.footer-col span{
  font-size:14px;
  line-height:1.7;
  color:#cfe3ff;
}

/* links */
.footer-col a{
  color:#4da3ff;
  text-decoration:none;
  transition:.3s;
}
.footer-col a:hover{
  color:#7bb8ff;
}

/* phone & email */
.footer-contact a{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14px;
}

/* social icons */
.footer-social{
  display:flex;
  gap:12px;
  
}
.footer-social a{
  width:42px;
  height:42px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#4da3ff;
  font-size:16px;
  transition:.3s;
}
.footer-social a:hover{
  background:#2563eb;
  color:#fff;
  transform:translateY(-4px);
}

/* ===========================
   GEM CARD
=========================== */

.footer-gem{
  background:linear-gradient(160deg,#112d5a,#0b1f3f);
  padding:35px 30px;
  border-radius:18px;
  text-align:center;
  box-shadow:0 30px 60px rgba(0,0,0,.4);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  height:100%;
}

.footer-gem img{
  width:120px;
  margin-bottom:15px;
}

.footer-gem h4{
  color:#ffffff;
  margin:10px 0;
  font-size:18px;
}

.footer-gem span{
  display:block;
  font-size:14px;
  margin:6px 0;
}
.footer-gem .red{color:#ff5b5b;}
.footer-gem .green{color:#35ffb3;}
.footer-gem .blue{color:#4da3ff;}

/* ===========================
   BOTTOM BAR
=========================== */
/* 
.footer-bottom{
  margin-top:60px;
  background:#020b1d;
  padding:18px 20px;
  text-align:center;
  font-size:13px;
  color:#9fb6ff;
} */

/* ===========================
   MOBILE RESPONSIVE
=========================== */

@media(max-width:900px){
  .corp-footer-wrap{
    grid-template-columns:1fr;
    gap:45px;
  }

  .footer-gem{
    text-align:left;
    align-items:flex-start;
  }

  .footer-social{
    justify-content:flex-start;
  }
}
.sl-float-wrap{
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.sl-float-btn{
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 26px;
  text-decoration: none;
  box-shadow: 0 10px 25px rgba(0,0,0,.35);
  transition: .3s;
}

.sl-float-btn:hover{
  transform: translateY(-4px) scale(1.05);
}

.sl-float-btn.call{
  background: linear-gradient(135deg,#2563eb,#1e40af);
}

.sl-float-btn.whatsapp{
  background: linear-gradient(135deg,#25D366,#128C7E);
}
.footer-bottom{
  /* background:#071b3a; */
  color:white;
  padding:12px 0;
  text-align:center;
}

.footer-toggle{
  cursor:pointer;
  font-size:14px;
  color:#dbe6ff;
  padding:8px;
}

.footer-toggle:hover{
  color:#4da3ff;
}

#toggleIcon{
  margin-left:8px;
  font-size:12px;
}

.footer-brands{
  display:none;
  background:#102a55;
  padding:20px;
  margin-top:10px;
}

.brand-strip{
  font-size:13px;
  line-height:1.9;
}

.brand-strip a{
  color:#eaf2ff;
  text-decoration:none;
  margin:0 4px;
  transition:.3s;
}

.brand-strip a:hover{
  color:#4da3ff;
  text-decoration:underline;
}

.brand-strip span{
  color:#5f7fd6;
}
.footer-master{
  margin-top:30px;
}

.footer-master-btn{
  background:#123c8a;
  color:white;
  padding:14px;
  text-align:center;
  cursor:pointer;
  font-weight:600;
  border-radius:6px;
}

.footer-accordion{
  display:none;
  margin-top:12px;
}

.fa-title{
  background:#2c4d8a;
  color:white;
  padding:12px;
  margin-top:10px;
  border-radius:5px;
  cursor:pointer;
  text-align:center;
  font-weight:600;
}

.fa-content{
  display:none;
  background:#0c1f3a;
  padding:15px;
  border-radius:5px;
}

.fa-content a{
  display:inline-block;
  margin:6px 12px;
  color:#8ecbff;
  font-size:13px;
  text-decoration:none;
}

.fa-content a:hover{
  color:#fff;
  text-decoration:underline;
}


/* ========== CORPORATE AUTHORISATION CARDS ========== */

.corp-auth-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(260px,1fr));
  gap:28px;
  margin-top:40px;
}

.corp-auth-card{
  background:#ffffff;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(0,0,0,.08);
  transition:.3s;
  display:flex;
  flex-direction:column;
}

.corp-auth-card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 40px rgba(0,0,0,.12);
}

.corp-auth-card img{
  width:100%;
  /* height:180px; */
  object-fit:cover;
}

.corp-auth-content{
  padding:22px 22px 26px;
}

.corp-auth-content h3{
  font-size:18px;
  font-weight:700;
  margin-bottom:10px;
  color:#0b1c3f;
}

.corp-auth-content p{
  font-size:14px;
  line-height:1.6;
  color:#475569;
}

/* Highlight GeM */
.corp-auth-highlight{
  border:2px solid #0057ff;
}

.corp-auth-highlight h3{
  color:#0057ff;
}

/* Mobile */
/* ===== Image Banner ===== */

.corp-img-banner{
  width:100%;
  min-height:320px;
 background: url("../images/sideban.png") center/cover no-repeat;
  border-radius:18px;
  overflow:hidden;
  margin:60px 0;
}

.corp-img-overlay{
  width:100%;
  height:100%;
  background:linear-gradient(90deg, rgba(5,15,40,.9) 45%, rgba(5,15,40,.6), rgba(5,15,40,.2));
  display:flex;
  align-items:center;
}

.corp-img-content{
  max-width:700px;
  padding:50px 60px;
  color:#fff;
}

.corp-img-content h2{
  font-size:36px;
  margin-bottom:15px;
}

.corp-img-content p{
  font-size:16px;
  line-height:1.7;
  color:#dbe6ff;
  margin-bottom:25px;
}

.corp-img-btn{
  display:inline-block;
  background:#0057ff;
  color:#fff;
  padding:14px 32px;
  border-radius:6px;
  font-weight:600;
  text-decoration:none;
}

/* Mobile */
@media(max-width:768px){
  .corp-img-banner{border-radius:12px;}
  .corp-img-content{padding:30px;}
  .corp-img-content h2{font-size:26px;}
}

.banner-set{
  width:100%;
  max-width:1200px;     /* banner ki max width */
  margin:40px auto;    /* center align */
  overflow:hidden;
  border-radius:16px;  /* smooth corporate look */
  box-shadow:0 12px 30px rgba(0,0,0,.12);
}

.banner-set img{
  width:100%;         /* full width of container */
  height: auto;      /* aspect ratio maintain */
  display:block;
  object-fit:cover;
}

/* Mobile friendly */
@media(max-width:768px){
  .banner-set{
    margin:25px 15px;
    border-radius:12px;
  }
}



/* ===== Corporate SEO Contact Section ===== */
.set-wet {
  width: 70%;
  display: flex;
  margin: auto;
  justify-content: center;
}
.corp-seo-box{
  background:#ffffff;
  border-radius:18px;
  padding:60px;
  box-shadow:0 20px 50px rgba(0,0,0,.08);
  
}

.corp-seo-grid{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:50px;
  align-items:center;
}

.corp-seo-text h2{
  font-size:32px;
  margin-bottom:15px;
  color:#0b1c3f;
}

.corp-seo-text .lead{
  font-size:16px;
  line-height:1.7;
  color:#334155;
  margin-bottom:30px;
}

.corp-seo-image img{
  width:100%;
  border-radius:14px;
  object-fit:cover;
}

/* Mobile */
@media(max-width:900px){
  .corp-seo-grid{
    grid-template-columns:1fr;
  }

  .corp-seo-box{
    padding:40px 25px;
  }
  .corp-why-cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:25px;
  margin-bottom:30px;
}
}
@media(max-width:768px){

  .corp-why-cards{
  display:grid;
  grid-template-columns: 1fr !important;
  gap:25px;
  margin-bottom:30px;
}
.corp-why-grid {
      display: grid;
    grid-template-columns: 1fr !important;
}
}
/* ===== WHY CHOOSE US FIX ===== */

.corp-why-wrapper{
  max-width:1500px;
  margin:auto;
  padding:80px 5%;
}
/* ===== WHY CHOOSE US UPGRADE ===== */

.corp-why-grid{
  display:grid;
  grid-template-columns: 1fr 1.3fr;
  gap:60px;
  align-items:center;
}

.corp-why-image img{
  width:100%;
  border-radius:18px;
  box-shadow:0 20px 40px rgba(0,0,0,.12);
}

.corp-why-content h2{
  font-size:36px;
  color:#0b1c3f;
  margin-bottom:15px;
}

.corp-why-content .lead{
  font-size:16px;
  color:#334155;
  line-height:1.7;
  margin-bottom:35px;
}

.corp-why-cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:25px;
  margin-bottom:30px;
}
/* ===== Premium Why Choose Cards ===== */

.why-card{
  background:linear-gradient(180deg,#f8fbff,#ffffff);
  border-radius:16px;
  padding:28px 26px;
  box-shadow:0 12px 30px rgba(0,0,0,.06);
  position:relative;
  transition:.3s;
}

.why-card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.why-card h4{
  font-size:18px;
  font-weight:700;
  color:#0057ff;
  margin-bottom:18px;
}

/* UL reset */
.why-card ul{
  list-style:none;
  padding:0;
  margin:0;
}

/* LI with check icon */
.why-card li{
  position:relative;
  padding:10px 10px 10px 34px;
  font-size:14px;
  color:#1e293b;
  border-bottom:1px dashed #dbe3f0;
}

.why-card li:last-child{
  border-bottom:none;
}

.why-card li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:10px;
  width:22px;
  height:22px;
  background:#0057ff;
  color:#fff;
  border-radius:50%;
  font-size:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 4px 12px rgba(0,87,255,.4);
}

/* Footer badge */
.corp-why-footer{
  margin-top:30px;
  background:linear-gradient(90deg,#eaf2ff,#f5f9ff);
  padding:20px 26px;
  border-radius:14px;
  font-size:14px;
  font-weight:500;
  color:#0b1c3f;
  box-shadow:0 10px 20px rgba(0,0,0,.06);
}
/* ===== FAQ Section ===== */

.corp-faq-section{
  padding:90px 0;
  background:#f8fbff;
}

.corp-faq-wrap{
  max-width:1500px;
  margin:auto;
  padding:0 6%;
}

.corp-faq-wrap h2{
  font-size:36px;
  color:#0b1c3f;
  margin-bottom:12px;
}

.corp-faq-intro{
  font-size:16px;
  color:#475569;
  margin-bottom:50px;
}

.corp-faq-list{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.corp-faq-item{
  background:#fff;
  border-radius:14px;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
  overflow:hidden;
  cursor:pointer;
}

.corp-faq-question{
  padding:22px 26px;
  font-size:16px;
  font-weight:600;
  color:#0b1c3f;
  position:relative;
}

.corp-faq-question::after{
  content:"+";
  position:absolute;
  right:25px;
  top:20px;
  font-size:22px;
  color:#0057ff;
}

.corp-faq-item.active .corp-faq-question::after{
  content:"−";
}

.corp-faq-answer{
  padding:0 26px;
  max-height:0;
  overflow:hidden;
  transition:.4s;
  color:#334155;
  font-size:15px;
  line-height:1.7;
}

.corp-faq-item.active .corp-faq-answer{
  max-height:300px;
  padding:0 26px 24px;
}

/* Mobile */
@media(max-width:768px){
  .corp-faq-wrap h2{
    font-size:28px;
  }
}
/* FAQ Grid Layout */
.corp-faq-grid{
  display:grid;
  grid-template-columns: 1.3fr .7fr;
  gap:50px;
  align-items:center;
}

.corp-faq-image img{
  width:100%;
  border-radius:18px;
  object-fit:cover;
  box-shadow:0 20px 40px rgba(0,0,0,.12);
}

/* Mobile */
@media(max-width:900px){
  .corp-faq-grid{
    grid-template-columns:1fr;
  }

  .corp-faq-image{
    order:-1;
  }
}



/* ===== Auto Sliding Brand Logos ===== */
.corp-brand-slider{
  padding:70px 0;
  background:#ffffff;
  text-align:center;
}

.brand-slick img{
  height:60px;
  margin:auto;
  /* filter:grayscale(100%); */
  /* opacity:.7; */
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  transition:.3s;
}

.brand-slick img:hover{
  filter:none;
  opacity:1;
  transform:scale(1.1);
}

.slick-slide{
  display:flex !important;
  align-items:center;
  justify-content:center;
}
/* ===== Slick Logo Cards ===== */

.brand-slick .slick-slide{
  padding:0 12px;   /* gap between cards */
}

.brand-slick .slick-slide > div{
  height:100%;
}

.brand-slick img{
  background:#ffffff;
  padding:1px 1px;   /* LOGO CARD PADDING */
  border-radius:14px;
 box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  transition:.3s;
}

/* hover */
.brand-slick img:hover{
  transform:translateY(-6px) scale(1.05);
  box-shadow:0 14px 35px rgba(0,0,0,.12);
}
/* Allow shadow vertically but block horizontal scroll */
.corp-brand-slider{
  overflow-x:hidden;
  overflow-y:visible;
}

.brand-slick{
  overflow:visible;
}

.brand-slick .slick-list{
  overflow:visible;
}

.brand-slick .slick-track{
  overflow:visible;
}












.corp-cta-section{
  width:100%;
  /* min-height:420px; */
  background: url("../images/bgseo.webp") center/cover no-repeat;

  position:relative;
  /* margin:100px 0; */
  background-position: fixed;
  background-attachment: fixed;
}

.corp-cta-overlay{
  width:100%;
  height:100%;
  background:linear-gradient(120deg, rgba(3,7,18,.85), rgba(3,7,18,.6));
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.corp-cta-content{
  max-width:800px;
  padding:20px;
  color:#fff;
}

.corp-cta-content h2{
  font-size:48px;
  line-height:1.2;
  margin-bottom:20px;
}

.corp-cta-content p{
  font-size:18px;
  opacity:.85;
  margin-bottom:35px;
}

.corp-cta-buttons{
  display:flex;
  justify-content:center;
  gap:20px;
}

.corp-cta-buttons a{
  padding:16px 38px;
  font-size:16px;
  border-radius:50px;
  font-weight:600;
  text-decoration:none;
  transition:.3s;
}

/* Call Button */
.cta-call{
  background:#0057ff;
  color:#fff;
}

.cta-call:hover{
  background:#003fd1;
  transform:translateY(-3px);
}

/* WhatsApp Button */
.cta-whatsapp{
  background:#25D366;
  color:#fff;
}

.cta-whatsapp:hover{
  background:#1ebe5c;
  transform:translateY(-3px);
}

/* Mobile */
@media(max-width:768px){
  .corp-cta-content h2{
    font-size:32px;
  }

  .corp-cta-buttons{
    flex-direction:column;
  }

  .corp-cta-buttons a{
    width:100%;
  }
}




.footer-list li {
  line-height: 35px;
}


.open-enquiry{
  padding:12px 25px;
  background:#0a3cff;
  color:#fff;
  border:none;
  font-size:16px;
  border-radius:5px;
  cursor:pointer;
}

/* Popup background */
.enquiry-popup{
  display:none;
  position:fixed;
  top:0; left:0;
  width:100%; height:100%;
  background:rgba(0,0,0,.7);
  z-index:999;
  align-items:center;
  justify-content:center;
}

/* Form box */
.popup-box{
  background:#fff;
  width:90%;
  max-width:400px;
  padding:25px;
  border-radius:10px;
  position:relative;
  animation:zoom .3s;
}

@keyframes zoom{
  from{transform:scale(.5);opacity:0;}
  to{transform:scale(1);opacity:1;}
}

.popup-box h2{
  text-align:center;
  margin-bottom:15px;
  color:#0a3cff;
}

.popup-box input,
.popup-box textarea{
  width:100%;
  padding:10px;
  margin:8px 0;
  border:1px solid #ccc;
  border-radius:5px;
}

.popup-box textarea{
  resize:none;
  height:80px;
}

.popup-box button{
  width:100%;
  padding:12px;
  background:#0a3cff;
  color:#fff;
  border:none;
  border-radius:5px;
  cursor:pointer;
  margin-top:10px;
  font-size:16px;
}

/* Close button */
.close-btn{
  position:absolute;
  right:15px;
  top:10px;
  font-size:25px;
  cursor:pointer;
  color:#000;
}


@media(max-width:768px){
  .set-wet {
    width: 100%;
  }
}

@media(max-width:1024px){
  .corp-brand-slider h2{font-size:28px;}
  .brand-slick div{height:100px;}
}

@media(max-width:768px){
  .corp-brand-slider{padding:40px 20px;}
  .brand-slick div{height:90px;}
}

@media(max-width:480px){
  .corp-brand-slider h2{font-size:24px;}
  .brand-slick div{height:80px;}
}




/* ===== STATE SEO POWER BLOCK ===== */
.state-power-block{
    background: linear-gradient(135deg,#f7faff,#eef3ff);
    border: 1px solid #dbe5ff;
    border-radius: 14px;
    padding: 40px;
    margin: 50px 0;
    box-shadow: 0 15px 40px rgba(0,0,0,0.04);
}

.state-power-block h2{
    font-size: 34px;
    color:#0b2c5d;
    margin-bottom: 15px;
}

.state-power-block h3{
    font-size: 22px;
    color:#1c3f8a;
    margin-top: 30px;
    margin-bottom: 12px;
}

.state-power-block p{
    font-size: 16px;
    line-height: 1.8;
    color:#333;
}

/* highlight keywords */
.state-power-block p strong{
    color:#0b2c5d;
}

/* ===== PRODUCTS SEO GRID ===== */
.state-products{
    margin-top: 40px;
    background:#fff;
    border-radius: 14px;
    padding: 30px;
    border: 1px solid #e3e8f5;
}

.state-products h3{
    font-size: 26px;
    color:#0b2c5d;
    margin-bottom: 20px;
}

.state-products p{
    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(260px,1fr));
    gap: 12px;
    font-size: 15px;
    color:#222;
}

.state-products p span{
    background:#f3f6ff;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #dfe6ff;
}

/* Responsive */
@media(max-width:768px){
    .state-power-block{
        padding: 25px;
    }
    .state-power-block h2{
        font-size: 26px;
    }
}


.slx-popup-btn{
  position:fixed;
  right:20px;
  bottom:20px;
  background:#0066ff;
  color:white;
  padding:14px 22px;
  border:none;
  border-radius:30px;
  font-weight:bold;
  cursor:pointer;
  z-index:9999;
}

.slx-popup-overlay{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.65);
  z-index:99999;
  align-items:center;
  justify-content:center;
}

.slx-popup-box{
  background:white;
  padding:28px;
  border-radius:12px;
  width:90%;
  max-width:420px;
  position:relative;
  text-align:center;
}

.slx-popup-box input,
.slx-popup-box textarea{
  width:100%;
  padding:10px;
  margin:8px 0;
  border:1px solid #ccc;
  border-radius:6px;
  font-size:14px;
}

.slx-popup-box button{
  width:100%;
  background:#0066ff;
  color:white;
  padding:12px;
  border:none;
  border-radius:6px;
  font-size:16px;
  cursor:pointer;
}

.slx-close-btn{
  position:absolute;
  right:15px;
  top:10px;
  font-size:24px;
  cursor:pointer;
}