:root {
    --msz-nav-h: 72px;

    --msz-black: #0b0b0b;
    --msz-red: #c00000;
    --font-ui: 'Poppins', system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}


body {
    padding-top: calc(var(--msz-nav-h) + 8px);
    background: #f5f6f8;
}

section,
.below-nav,
.services-showcase {
    scroll-margin-top: calc(var(--msz-nav-h) + 8px);
}

 /* 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%;
}




.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: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem;
    /* 24px */

}

.sub-head {

    color: #141414;

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


/* Overview grid css */


.overview-section{
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.ov-title{
  color:#111;
  font-size: clamp(1.6rem, 1.1rem + 2.2vw, 2.25rem);
  line-height: 1.2;

  color: #141414;
font-family: Poppins;
font-style: normal;
font-weight: 600;

}

/* Bullets */
.ov-points{
  list-style: disc;
  padding-left: 1.25rem;
  color:#1a1a1a;
  line-height: 1.7;
  margin: 0;
}
.ov-points li + li{ margin-top: 1rem; }
.ov-points strong{ font-weight: 700; }


.ov-points li{

    color: #141414;
font-family: Poppins;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}

.strong{
    color: #141414;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 150%;
}

/* ===== Mosaic grid (exact height match) ===== */
.ov-mosaic{
  --gap: 1.25rem;
  --h: clamp(340px, 44vw, 460px);    
  display: grid;
  gap: var(--gap);
  grid-template-columns: repeat(4, 1fr);
  height: var(--h);
}


.ov-col{ display: grid; height: 100%; }
.ov-col.one{ grid-template-rows: 1fr; }        
.ov-col.two{ grid-template-rows: 1fr 1fr; row-gap: var(--gap); } 

/* Tiles */
.ov-tile{
  border-radius: 14px;
  overflow: hidden;
  /* box-shadow: 0 10px 22px rgba(0,0,0,.08); */
  /* background:#f6f6f6; */
}
.ov-tile img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


@media (max-width: 991.98px){
  .ov-mosaic{
    grid-template-columns: repeat(2, 1fr);
    height: clamp(320px, 54vw, 520px);  /* keep columns balanced on md */
  }
}

@media (max-width: 575.98px){
  .ov-mosaic{
    grid-template-columns: 1fr;
    height: auto;                       /* stack on small screens */
  }
  .ov-col{ height: auto; }
  /* pleasant ratios on phones */
  .ov-col.one .ov-tile{ aspect-ratio: 4 / 5; }
  .ov-col.two .ov-tile{ aspect-ratio: 16 / 10; }
}


/* Mission and vision css */


.mv-section{ background:#f5f6f8; font-family:Poppins,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }


.mv-heading{
  color: #141414;
  font-family: Poppins;
  font-weight: 600;
    margin:0;
  line-height: 64px;
   font-size:clamp(1.6rem,1.2rem + 2vw,2rem);
}

/* Card */
.mv-card{
  position:relative;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  box-shadow:0 10px 26px rgba(0,0,0,.08);
  padding:clamp(1rem,1.3vw,1.5rem) clamp(1rem,1.6vw,1.75rem);
  overflow:hidden;
}


.mv-card::after{
  content:"";
  position:absolute; top:.6rem; right:.6rem;
  width:120px; height:120px;
  background: var(--mv-watermark) center/contain no-repeat;
  opacity:.58; pointer-events:none;
}

/* Title */
.mv-card-title{
  margin:0 0 .75rem;
 color: #141414;
 font-family: Poppins;
  font-weight: 600;
  font-size:clamp(1.2rem,1rem + 1.2vw,1.4rem); 
  line-height: 64px;
}
.mv-accent{
    
    color: #C00000;
 }

/* List */
.mv-list{
  margin:0;
   padding-left:1.1rem;
   font-weight: 400;
   font-family: Poppins;
   color: #4C4C4C;
  /* font-size:clamp(.95rem,.9rem + .25vw,1rem);  */
  font-size: 0.875rem;
  line-height: 150%;
}
.mv-list li{ margin-bottom:.45rem; }

/* Responsive niceties */
@media (max-width:991.98px){
  .mv-card::after{ width:100px; height:100px; opacity:.16; }
}
@media (max-width:575.98px){
  .mv-card{ padding:1rem; }
  .mv-card::after{ width:84px; height:84px; }
}




/* Overlape issue mission vision */

/* ===== Fix Mission & Vision Overlap Issue on Tablets ===== */
@media (min-width: 750px) and (max-width: 920px) and (min-height: 1000px) and (max-height: 1380px) {
  
  /* Ensure proper spacing after mosaic */
  .overview-section {
    padding-bottom: 60px !important;
    margin-bottom: 60px !important;
  }

  /* Fix mosaic auto height & spacing */
  .ov-mosaic {
    height: auto !important;
    grid-template-columns: repeat(2, 1fr) !important;
    row-gap: 1.25rem !important;
  }

  .ov-col {
    height: auto !important;
  }

  .ov-tile img {
    width: 100%;
    height: auto !important;
    object-fit: cover;
  }

  /* Add breathing space before mission section */
  .mv-section {
    margin-top: 60px !important;
    padding-top: 60px !important;
    position: relative;
    z-index: 2;
  }

  /* Adjust watermark sizing for medium screens */
  .mv-card::after {
    width: 100px !important;
    height: 100px !important;
    opacity: 0.3 !important;
  }
}

/* Why MOON SEZ Consultants ? */


.mosaic-grid{
  display:grid;
  gap:1rem;                          /* gap between tiles */
  grid-template-columns: 2fr 1fr;    /* left wider, right narrower */
  grid-template-rows: repeat(2, 1fr);/* two equal rows */
}

/* placement */
.mosaic-left { grid-column: 1; grid-row: 1 / span 2; }
.mosaic-rt   { grid-column: 2; grid-row: 1; }
.mosaic-rb   { grid-column: 2; grid-row: 2; }

/* tiles */
.mosaic-item{
  position:relative;
  /* border-radius:14px; */
  overflow:hidden;
  background:#f6f6f6;
}


.mosaic-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}


@media (min-width: 992px){
  .mosaic-grid{

    height: clamp(360px, 42vw, 560px);
  }
  .mosaic-item{ height:100%; }  
}


@media (max-width: 991.98px){
  .mosaic-grid{
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    height:auto;                    
  }
  .mosaic-left, .mosaic-rt, .mosaic-rb{
    height:auto;
    aspect-ratio: 16/10;          
  }
}


/* Meet Our Team css */



.team-section{
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.team-title{
 

  font-size: clamp(1.6rem, 1.1rem + 2.2vw, 2.25rem);
  line-height:1.2;
  color: #141414;
font-family: Poppins;
font-style: normal;
font-weight: 600;

}
.team-subtitle{

     color: #141414;
font-family: Poppins;
font-size: 1.6rem;
font-style: normal;
font-weight: 600;
line-height: 64px;
    
    }
.team-lead{

   color: #141414;
font-family: Poppins;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 150%; 
    
    }


.team-photo{
  border-radius:14px;
  overflow:hidden;
  aspect-ratio: 1 / 1;             
  background:#f5f6f7;
}
.team-photo img{
  width:100%;
   height:100%; 
   object-fit:cover; 
   display:block;
}


.team-name{
  color:#141414;
  font-size: clamp(1.25rem, 0.9rem + 2vw, 1.75rem);
  margin-top:0;   
font-family: Poppins;
font-style: normal;
font-weight: 600;
line-height: 120%;
}


.info-line{
  display:flex; align-items:center; gap:.6rem;
  color:#222;
}
.info-ico{ width:18px; height:18px; object-fit:contain; display:block; }

.info-text{ 

    color: #141414;
font-family: Poppins;
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 150%;

}

.info-link{

  color: #141414;
font-family: Poppins;
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 150%; 
text-decoration: none;
}
.info-link:hover{ text-decoration:underline; }

/* Slashes image */
.slash-img{ width:72px; height:auto; display:block; }

/* Bio */
.team-bio{
    color: #141414;
font-family: Poppins;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 150%;

     }


@media (max-width:575.98px){
  .slash-img{ width:56px; }
}



/* ===== Team Heads ===== */
/* ===== Team Heads ===== */
.team-heads-section{
  background:#f5f6f8;
  font-family:"DM Sans","Poppins",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}
.team-heads-title{


  font-size:clamp(1.15rem, .9rem + 1.2vw, 1.4rem);
  color: #141414;
font-family: Poppins;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 64px;
}

/* Card */
.head-card{
  position:relative;
  border-radius:16px;
  overflow:hidden;
  /* box-shadow:0 10px 26px rgba(0,0,0,.10); */
  aspect-ratio: 4/5;               
  /* background:#000; */
}
.head-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .45s ease, filter .45s ease;
}
.head-card:hover .head-img{
  transform:scale(1.04);
  filter:contrast(1.02) saturate(1.02);
}

/* Overlay (hidden by default on desktop, visible on touch/small) */
.head-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0) 10%, rgba(0,0,0,.65) 68%, rgba(0,0,0,.85) 100%);
  display:flex; align-items:flex-end; justify-content:center;
  padding:1.1rem;
  opacity:0; transform:translateY(10px);
  transition:opacity .35s ease, transform .35s ease;
}
.head-card:hover .head-overlay{ opacity:1; transform:translateY(0); }

/* Content inside overlay */
.head-info{ width:100%; color:#fff; text-align:left; }
.head-name{

 
  font-size:clamp(1rem, .9rem + .5vw, 1.15rem);
  color: #FFF;
font-family: Poppins;
font-style: normal;
font-weight: 600;
line-height: 120%; 
}
.head-role{
  margin-bottom:.35rem;
  opacity:.9;
  letter-spacing:.4px;
  font-size:1rem;
  color: #FFF;
font-family: Poppins;
font-style: normal;
font-weight: 300;
line-height: 150%;
}

/* three lines image */
.head-slash{
  width:28px; height:auto; display:block; margin:.4rem 0 .6rem;
  opacity:.95;
}

/* meta list */
.head-meta li{
  display:flex;
   align-items:center;
    gap:.45rem;
  font-size:.9rem; line-height:1.4; opacity:.95;
  color: #FFF;
font-family: Poppins;
font-style: normal;
padding-bottom: 0.2rem;
font-weight: 400;
line-height: 150%; 
}
.head-meta li + li{ margin-top:.25rem; }

.head-meta img{ 
    width:14px; 
    height:14px; 
    display:inline-block;
  filter: brightness(0) invert(1) grayscale(1) contrast(120%) !important;
  /* ^ makes dark icons pure white */
  opacity: .95;
     }


@media (max-width: 575.98px){
  .head-overlay{ opacity:1; transform:none; }
}


/* Override css */


/* ---------- OVERRIDES (paste after your current team CSS) ---------- */

/* 1) No zoom on hover — keep image static */
.head-card .head-img{
  transform:none;
  transition:none;           /* remove zoom animation */
  filter:none;
}
.head-card:hover .head-img{
  transform:none;
  filter:none;
}

/* 2) Overlay + content perfectly centered */
.head-overlay{
  align-items:center;         /* center vertically */
  justify-content:center;     /* center horizontally */
  text-align:center;
  padding:1.25rem;
  opacity:0;
  transform:translateY(8px);
  transition:opacity .35s ease, transform .35s ease;
}
.head-card:hover .head-overlay{
  opacity:1;
  transform:translateY(0);
}

/* 3) Center block for all text + slash + meta */
.head-info{
  display:flex;
  flex-direction:column;
  align-items:center;         /* center contents */
  text-align:center;
  max-width:90%;
  margin-inline:auto;
}

/* 4) Meta list centered (icons + text) */
.head-meta li{
  justify-content:center;     /* center the row */
}
.head-meta img{
  width:14px; height:14px; 
  filter:invert(1);
}

/* small screens: keep overlay visible (as before) */
@media (max-width:575.98px){
  .head-overlay{ opacity:1; transform:none; }
}


/* Place overlay content near the bottom (not centered) */
.head-overlay{
  display:flex;
  flex-direction: column;      /* stack title, slashes, meta */
  justify-content: flex-end;   /* push content to bottom */
  align-items: center;         /* horizontally center */
  text-align: center;
  padding: 1.25rem;
}

/* Distance from bottom – tweak if you want */
.head-info{
  margin-bottom: var(--head-lift, clamp(14px, 2.2vh, 28px));
}

/* Keep meta centered (from earlier) */
.head-meta li{
  justify-content:center;
}

/* (optional) Mobile: keep overlay visible as you had) */
@media (max-width:575.98px){
  .head-overlay{ opacity:1; transform:none; }
}

/* ratan  $ Ashish image text issue fix */

/* ===== Fix Equal Height for Profile Blocks (1024×1366 & 1024×600) ===== */
@media (min-width: 1000px) and (max-width: 1060px) and (min-height: 580px) and (max-height: 1380px) {
  
  /* Row becomes flex with equal height */
  .team-section .row.g-4.align-items-start,
  .team-section .row.g-4.mt-5.align-items-start {
    align-items: stretch !important;
  }

  /* Ensure both image and text columns take full height */
  .team-section .col-lg-4,
  .team-section .col-lg-8 {
    display: flex !important;
    flex-direction: column !important;
  }

  /* Force team-photo to stretch full height */
  .team-photo {
    height: 100% !important;
    aspect-ratio: unset !important;
  }

  .team-photo img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
    border-radius: 14px;
  }

  /* Text column contents distributed properly */
  .team-section .col-lg-8 {
    justify-content: center !important;
  }

  /* Maintain spacing and visual balance */
  .team-bio {
    margin-bottom: 0 !important;
  }

  .slash-img {
    margin: 20px 0 !important;
  }
}

/* About sez */


.aboutsez-section{ font-family:"Poppins",system-ui; background:#f8f8f8; }

.ab-title{ 
 color: #141414;
font-family: Poppins;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 48px */ 
  }


.fade-swap{ 
  opacity:1; 
  transition:opacity .25s ease;
  
 }

 .abContent{
  color: red;
 }
.fade-out{ opacity:0; }
.fade-in{ opacity:1; }


.ab-topcards .ab-card {
  display: flex;
  flex-direction: column;          /* 👈 icon upar, text niche */
  align-items: start;             /* center horizontally */
  justify-content: center;
  text-align: center;              /* text center */
  gap: 0.5rem;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #141414;
  /* padding: 1.2rem 1rem;            thoda spacious */
  padding: 1rem;
  border-radius: .5rem;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, transform .12s ease, box-shadow .12s ease;
  height: 90%;
}
.ab-topcards .ab-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 .35rem .9rem rgba(0,0,0,.06);
}

.ab-topcards .ab-card.active {
  background: #c00000;
  color: #fff;
  border-color: transparent;
}


.ab-ico {
  width:  23.333px;                     /* thoda bada for balance */
  height: 23.333px;
  object-fit: contain;
  margin-bottom: .5rem;            /* icon aur text ke beech gap */
  transition: opacity .12s ease, filter .12s ease;
}

.ab-card span {
  font-weight: 600;
  line-height: 1.2;
  font-size: 0.95rem;
}


.ab-heading{

   color: #141414;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 64px; 
  
  }
.ab-list{ list-style:none; padding-left:0; margin:0; }
.ab-list li{
  position:relative; padding-left:1rem; margin:.6rem 0; color:#111; line-height:1.55;
}
.ab-list li::before{
  content:""; position:absolute; left:0; top:.65rem;
  width:6px; height:6px; border-radius:50%; background:#9aa0a6;
}


.ab-watermark{
  position:absolute; right:12px; top:-6px;
  width:140px; height:auto; opacity:.14; pointer-events:none;
}
@media (max-width:991.98px){ .ab-watermark{ width:110px; right:6px; } }
@media (max-width:575.98px){ .ab-watermark{ display:none; } }

/* Responsive tweaks */
@media (max-width: 991.98px) {
  .ab-ico {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 575.98px) {
  .ab-ico {
    width: 35px;
    height: 35px;
  }
  .ab-card span {
    font-size: 0.9rem;
  }
}

/* Gallery section */

.gallery-section {
     background: #f5f6f8;
  font-family: 'Poppins', sans-serif;
}

.gallery-controls {
  display: flex;
  gap: 0.75rem;
}

.gal-btn {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: #c00000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  /* box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.12); */
  transition: 0.2s;
}
.gal-btn:hover { filter: brightness(0.9); }

.gallery-container { overflow: hidden; }
.gallery-track {
  display: flex;
  transition: transform 0.6s ease;
  gap: 25px;
}

/* Wrapper keeps image & info together */
.gimg-wrapper {
  position: relative;
  overflow: hidden;
  /* border-radius: 10px; */
  transition: all 0.5s ease;
}

.gcard {
  flex: 0 0 calc(100% / 3);
  text-align: center;
  transition: all 0.4s ease;
}

.gcard img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  /* border-radius: 10px; */
  transition: all 0.4s ease;
}

/* Overlay layer for dim effect */
.gimg-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  background: transparent;
  transition: all 0.5s ease;
  z-index: 1;
  /* border-radius: 10px; */
}

.gcard.dim .gimg-wrapper::after {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.90) 100%);
}

.gcard.dim img {
  opacity: 0.6;
  transform: scale(0.9);
  filter: grayscale(20%);
}

/* ACTIVE Image */
.gcard.active .gimg-wrapper::after {
  background: none;
}

.gcard.active .gimg-wrapper {
  transform: scale(1.1);
  /* box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25); */
  z-index: 2;
}

.gcard.active img {
  height: 320px;
  opacity: 1;
  filter: none;
}

.gcard.active .ginfo {
  transform: scale(1.05) translateY(5px);
  position: relative;
  z-index: 2;
}


/* Info overlay under image */
.ginfo {
          background: #fff;
  padding: 20px 10px;
  transition: all 0.4s ease;
  position: relative;
  z-index: 5;
}
.ginfo h6 {
color: #141414;
text-align: center;
font-family: Poppins;
font-size: 15px;
font-style: normal;
font-weight: 600;
padding: 0px 18px;
}
.ginfo p {
  color: #141414;
font-family: Poppins;
font-size: 15px;
font-style: normal;
font-weight: 400;
  margin: 4px 0 0;
	 padding: 10px 20px;
}

/* ACTIVE STATES */
.gcard.active .gimg-wrapper {
  transform: scale(1.1);
  /* box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25); */
  z-index: 2;
}
.gcard.active img {
  height: 320px;
}
.gcard.active .ginfo {
  transform: scale(1.05) translateY(5px);
}

/* DIM STATES */
.gcard.dim img {
  opacity: 0.4;
  transform: scale(0.9);
}
.gcard.dim .gimg-wrapper {
  transform: scale(0.95);
}
.gcard.dim .ginfo {
  opacity: 0.7;
}

/* RESPONSIVE */
@media (max-width: 991.98px) {
  .gcard { flex: 0 0 calc(100% / 2); }
}
@media (max-width: 575.98px) {
  .gcard { flex: 0 0 100%; }
  .gcard img { height: 220px; }
}


/* ===== RESPONSIVE FIXES ONLY ===== */

/* Gap fix — 25px gap ke saath card width sahi nahi thi */
.gcard {
    flex: 0 0 calc((100% - 50px) / 3);
}

@media (max-width: 991.98px) {
    .gcard {
        flex: 0 0 calc((100% - 25px) / 2);
    }

    /* Scale kam karo — overflow hoti thi */
    .gcard.active .gimg-wrapper {
        transform: scale(1.04);
    }

    .gcard.active .ginfo {
        transform: scale(1.02) translateY(3px);
    }

    .gcard.dim img {
        transform: scale(0.95);
    }

    .gcard.dim .gimg-wrapper {
        transform: scale(0.97);
    }

    .gcard.active img {
        height: 290px;
    }

    /* header */
    .d-flex.align-items-center.justify-content-between.mb-4 h2 {
        font-size: 26px;
    }
}

@media (max-width: 575.98px) {
    .gallery-section { padding: 40px 0; }

    .gcard {
        flex: 0 0 100%;
    }

    /* Active/dim disable — ek card pe kaam nahi karta */
    .gcard.active .gimg-wrapper,
    .gcard.dim .gimg-wrapper {
        transform: none;
    }

    .gcard.active img,
    .gcard.dim img {
        height: 220px;
        opacity: 1;
        transform: none;
        filter: none;
    }

    .gcard.dim .gimg-wrapper::after {
        background: none;
    }

    .gcard.active .ginfo,
    .gcard.dim .ginfo {
        transform: none;
        opacity: 1;
    }

    .ginfo h6 { font-size: 14px; }
    .ginfo p  { font-size: 13px; }

    .gal-btn { width: 28px; height: 28px; }
}
/* Certificate section */

.certification-section {
  background: #f9f9f9;
  font-family: 'Poppins', sans-serif;
  position: relative;
}

.cert-title {
  color: #141414;
font-family: Poppins;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 48px */
}

.cert-subtitle {
 color: #141414;

font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 64px; /* 320% */
}

.cert-line {
  border: none;
  height: 1px;
  background: #D9D9D9;
  width: 100%;
}

.cert-list {
  list-style-type: disc;
  padding-left: 1.2rem;
 
 
}
.cert-list li {
  margin-bottom: 0.75rem;
  color: #000;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 1.7; /* 19.2px */
}

/* Watermark image */
.cert-watermark {
  max-width: 146px;
  opacity: 0.9;
  /* filter: grayscale(100%); */
  transition: opacity 0.7s ease;
}
.cert-watermark:hover {
  opacity: 0.25;
}

/* Responsive Adjustments */
@media (max-width: 991.98px) {
  .cert-watermark {
    max-width: 100px;
    margin-top: 1.5rem;
  }
}

@media (max-width: 575.98px) {
  .cert-watermark {
    max-width: 80px;
    margin-top: 2rem;
  }
  .cert-title {
    font-size: 1.25rem;
  }
  .cert-list {
    font-size: 0.9rem;
  }
}


/* Table */

.resources-section {
  background: #f9f9f9;
  font-family: 'Poppins', sans-serif;
}

.resource-head {
  background-color: #c00000;
  text-align: center;
}

.table th,
.table td {
  color: #141414;
text-align: center;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 18.2px */
  padding: 15px;
}

.table th {
  color: #fff;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 600;
border: 0.5px solid #E0E0E0;
background: #C00000;
padding: 15px 0px;
}

.table td:first-child,
.table th:first-child {
  text-align: center;
  width: 70px;
}

.table td:last-child {
  white-space: nowrap;
}

.view-link {
  color: #141414;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
}
.view-link:hover {
  color: #c00000;
}

/* Download button */
.btn-danger {
  background-color: #c00000;
  border: none;
  padding: 6px 12px;
  font-weight: 500;
  border-radius: 6px;
  font-size: 0.9rem;
}
.btn-danger:hover {
  background-color: #a80000;
}

/* Responsive */
@media (max-width: 767.98px) {
  .table th, .table td {
    font-size: 0.85rem;
  }
  .btn-danger {
    padding: 5px 10px;
    font-size: 0.8rem;
  }
  .view-link {
    display: block;
    margin-bottom: 6px;
  }
}

.download{
background: #C00000;
}
.resource-title{

  color: #141414;
font-family: Poppins;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 48px */
}