/* Nav section */

:root{
  --msz-nav-h: 72px;                 /* JS इसे real height से update करेगा */
  --msz-black:#0b0b0b;
  --msz-red:#c00000;
  --font-ui:'Poppins',system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

/* ====== push page content below fixed nav ====== */
body{ 
  padding-top: calc(var(--msz-nav-h) + 8px);
  background:#f5f6f8;
}

  /* Navbar */
.navbar .nav-link {
  color: #141414;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 500;

  margin: 0 10px;
  transition: color 0.3s ease;
}

.navbar .nav-link.active,
.navbar .nav-link:hover {
  color: #c50000;
}

.btn-dangerr {
   background: #C00000;
  border: 1px solid #C00000;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
  color: #fff;
  padding: 9px 45px;
  border-radius: 28px;
  
}

.btn-danger:hover {
  background-color: #a00000;
}


/* Navbar */
.navbar .nav-link {
  color: #141414;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  margin: 0 10px;
  transition: all 0.3s ease;
  position: relative;
}

/* Active and hover underline effect */
.navbar .nav-link.active::after,
.navbar .nav-link:hover::after {
  content: "";
  position: absolute;
  bottom: -5px; /* distance below text */
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #c50000; /* underline color */
  border-radius: 2px;
  transition: width 0.3s ease;
}

/* Optional: animation on hover */
.navbar .nav-link::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #c50000;
  border-radius: 2px;
  transition: width 0.3s ease;
}

.navbar .nav-link:hover::after {
  width: 100%;
}

/* Active color and underline */
.navbar .nav-link.active {
  color: #c50000;
}

.navbar .nav-link.active::after {
  width: 100%;
}

.client-btn{
  border-radius: 100px;
background: #C00000;
  display: flex;
padding: 10px 44px;
justify-content: center;
align-items: center;
gap: 8px;
flex: 1 0 0;
align-self: stretch;
}

    /* Headings (optional) */
.svc-h2{
     /* font: 900 clamp(1.6rem,1.1rem + 2.2vw,2.2rem)/1.15 "DM Sans",sans-serif; */
     font-family: "Poppins", sans-serif;
     font-style: normal;
     font-weight: 600;
     font-size: 2rem;
      color: #141414;
     }
.svc-intro{ 
    font-family: "Poppins", sans-serif;
    max-width:1140px; 
    color: #141414;
    font-size: 1.4rem;
    font-weight: 500;
    font-style: normal;
   
}
.sub-head{

    color: #141414;

font-family: Poppins;
font-size: 1rem;
font-style: normal;
font-weight: 300;
line-height: 150%; 
}

/* === Mosaic grid === */
.svc-mosaic{
  display:grid;
  gap:1.25rem;
  grid-template-columns: repeat(4, 1fr);          
  /* base row height (responsive) → tall tiles span 2 rows = same total height as two halves */
  grid-auto-rows: clamp(140px, 16vw, 240px);
}

.tile{
  border-radius:12px;
  overflow:hidden;
  /* box-shadow:0 12px 26px rgba(0,0,0,.08); */
  /* background:#fff; */
  
}
.tile img{ width:100%; height:100%; object-fit:cover; display:block; }

/* Spans */
.tall{ grid-row: span 2; }       
.half{ grid-row: span 1; }      

/* ---------- Responsive ---------- */
@media (max-width: 991.98px){     
  .svc-mosaic{
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: clamp(160px, 30vw, 260px);
  }
}

@media (max-width: 575.98px){     
  .svc-mosaic{
    grid-template-columns: 1fr;
    grid-auto-rows: clamp(180px, 60vw, 300px);
  }
  /* single-column me tall ko bhi readable rakhna ho to: */
  .tall{ grid-row: span 2; }
}



/* SEZ services css */

:root{
  --sez-red:#c00000;
  --sez-text:#1a1a1a;
  --card-b:#fff;
  --card-br:#e6e6e6;
}

/* fades (opacity only) */
.fade-swap{ opacity:1; transition:opacity .25s ease; }
.fade-out{ opacity:0; }
.fade-in{  opacity:1; }

/* top cards */
.sez-topcards .sez-card{
  height:100%;
  display:flex; flex-direction:column; align-items:flex-start;
  justify-content:space-between;
  gap:.6rem; padding:16px 12px;
  border:1px solid var(--card-br); 
  /* border-radius:12px; */
   background:var(--card-b);
  font-weight:700; color:var(--sez-text); cursor:pointer;
  transition:transform .15s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease;
 padding: 1rem;
}
.sez-topcards .sez-card img{ width:28px; height:28px; object-fit:contain; }

.sez-topcards .sez-card 
{ font-size:.92rem;
   line-height:1.2; 
   margin-top:auto; 
  }

 
  .sez-label{
   

font-family: Poppins;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 18px */
  }
.sez-topcards .sez-card:hover{ transform:translateY(-1px); border-color:#d7d7d7; box-shadow:0 .35rem .9rem rgba(0,0,0,.06); }
.sez-topcards .sez-card.active{ background:var(--sez-red); color:#fff; border-color:transparent; }
.card-ico{ transition:filter .15s ease, opacity .15s ease; }
.sez-topcards .sez-card.active .card-ico.filter-white{ filter:brightness(0) invert(1); }

/* section heading */
.sez-heading{ 
color: #141414;
font-family: Poppins;
font-size:1.4rem;
font-style: normal;
font-weight: 600;
line-height: 64px; /* 320% */
 }

/* watermark (sits inside the same positioned container) */
.sez-watermark{
  position:absolute; right:12px; top:-6px;
  width:140px; height:auto; opacity:.12; pointer-events:none;
}
@media (max-width:991.98px){ .sez-watermark{ width:110px; right:6px; } }
@media (max-width:575.98px){ .sez-watermark{ display:none; } }

/* bullets */
.sez-list{ list-style:none; padding-left:0; margin:0; }
.sez-list li{
  position:relative;
   margin:.6rem 0;
   padding-left:1.25rem; 
    line-height:2rem;
    color: #000;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;

}
.sez-list li::before{
  content:"";
   position:absolute;
    left:0; top:.65rem;
     width:4px; height:4px;
      border-radius:50%;
       background:#141414;
     
}

/* approval subnav left + vertical divider */
.sez-approval-left{

   padding-right:1.35rem; 

   border-right:1px solid #D9D9D9; 
  
  }
@media (max-width:991.98px){
  .sez-approval-left{ padding-right:0; border-right:none; border-bottom:1px solid #e5e7eb; padding-bottom:.75rem; margin-bottom:.75rem; }
}

/* subnav list (not buttons) + underlines */
.sez-subnav{ display:flex; flex-direction:column; gap:.25rem; margin:0; padding:0; list-style:none; }
.sez-subnav .subnav-link{
  width:100%;
   padding:.75rem 0;
    display:flex;
     align-items:center; 
     font-family: Poppins;
     font-size: 1rem;
     gap:.5rem;
  font-weight: 400;
 color: #141414;
   cursor:pointer;
    position:relative;
     outline:0;
     padding-bottom: 1.8rem;
}
.sez-subnav .subnav-link::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:2px;width: 50%; background:#111; opacity:.35; border-radius:2px;
}
.sez-subnav .subnav-link.active{ color:var(--sez-red); }
.sez-subnav .subnav-link.active::after{ height:2px;width:50%; background:var(--sez-red); opacity:1; }
.sub-ico{ width:16px; height:16px; display:block; transition:filter .15s ease, opacity .15s ease; }
.subnav-link.active .sub-ico.filter-red{
  filter: invert(16%) sepia(95%) saturate(6000%) hue-rotate(352deg) brightness(90%) contrast(110%);
}




/* Footer CSS */


 .footer-wrapper{background:#111;}
  .footer-logo-image{width:148px;height:60px}
  .footer-heading1{color:#fff;font-family:'Poppins',serif;font-weight:500}
  .footer-description p{color:#fff;font-size:12px;font-family:'Poppins',serif;position:relative;padding-left:24px;margin-bottom:.4rem}
  .footer-description p::before{content:'\2022';position:absolute;left:8px;color:#fff;font-size:16px}
  .footer-section-heading{color:#fff;font-family:'Poppins',serif;font-weight:500}
  .footer-link{color:#fff;text-decoration:underline;font-size:12px;font-family:'Poppins',serif;display:block;margin-bottom:.5rem}
  .footer-link:hover{color:#f0a500}
  .footer-text-sm{color:#fff;font-size:12px;font-family:'Poppins',serif}
  .footer-icon{width:20px;height:20px}
  .see-all{color:#fff;text-decoration:underline;font-size:12px;font-weight:500}
  .footer-divider{height:1px;background:#333}

  /* Column divider only on lg+ */
  @media (min-width: 992px){
    .col-divider{border-right:1px solid rgba(69,41,41,0.46)}
    .col-divider:last-child{border-right:0}
  }

  /* Map box + Head Office stretch for alignment */
  .map-box{width:221px;height:221px;border:0;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden}
  .map-box iframe{width:100%;height:100%;border:0}
  @media (min-width: 992px){
    .head-office-wrap{min-height:221px}
  }

  /* Full-width bottom strip */
  .footer-bottom1{background:#fff;width:100%}
  .footer-bottom1 .legal-link{color:#141414;text-decoration:none}
  .footer-bottom1 .legal-link:hover{color:#f0a500;text-decoration:none}