/* =========================child-s1=========================== */
.box-mt{
    margin-top: 80px;
}
.para-mt {
    color: aliceblue;
    margin-top: 35px;
}

   /* <!-- -----------------------Components of Baseline Environmental Studies-------------- --> */

.baseline-section {
  padding: 0px 20px 80px;
  background: #f5f7fa;
}

.baseline-section h2 {
  text-align: center;
  font-size: 2.2rem;
  font-weight: bolder;
  margin-bottom: 50px;
  color: #1e3a5f;

}

.baseline-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.baseline-card {
  background: #ffffff;
  padding: 30px 28px;
  border-radius: 16px;
  box-shadow: 0 5px 10px #2e8b57;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.baseline-card:hover {
  transform: translateY(-6px);
  box-shadow: 2px 5px 20px #2e8b57;
}

.baseline-icon img {
  width:70px;
  height: auto;
  font-size:32px;
  /* color: #2c7be5; */
  margin-bottom: 15px;
  display: inline-block;
}

.baseline-card h3 {
  font-size: 1.25rem;
  margin-bottom: 12px;
  color: #1e3a5f;
}

.baseline-card ul {
  padding-left: 18px;
  margin-bottom: 12px;
   list-style-type: disc;
}

.baseline-card ul li {
  font-size: 0.95rem;
  margin-bottom: 6px;
  color: #4a5568;
}

.baseline-card p {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #4a5568;
}

/* Tablet */
@media (max-width: 1024px) {
  .baseline-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile */
@media (max-width: 600px) {
  .baseline-section {
    padding: 0px 15px 80px;
  }

  .baseline-section h2 {
    font-size: 1.7rem;
  }

  .baseline-grid {
    grid-template-columns: 1fr;
  }

  .baseline-card {
    padding: 25px 20px;
  }
}

/* <!-- ------------------------------Study Area & Monitoring Duration---------------------------- --> */

.ga-color{
  background-color: rgb(32, 40, 45);
  margin-top: 20px;

}
.state-card ul{
  margin-left: 40px;
  list-style-type: disc;
}
.approach-m{
  margin-top: 20px;
}

/* =======================================================Child-s2======================================== */


/* <!-- ---Role of Forest Land Diversion Approval in the EIA–EC Process-- --> */

/* ================= SECTION ================= */
.ec-required-sections.colorfuls {
  padding: 0px 20px;
  background-color:#f5f7fa;
}

.ec-required-sections.colorfuls .container {
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}

/* ================= HEADING ================= */
.ec-required-sections.colorfuls h2 {
  font-size: 2.4rem;
  color:#1e3a5f;
  margin-bottom: 16px;
  font-weight: 800;
}

.ec-required-sections.colorfuls .span-text {
  color: #9FE870;
  text-shadow: 0 0 12px rgba(159, 232, 112, 0.35);
}

/* ================= INTRO ================= */
.ec-required-sections.colorfuls .ec-intro {
  max-width: 760px;
  margin: 0 auto 50px;
  font-size: 1.05rem;
  color:rgba(27,43,74);
  font-weight: 500;
}

/* ================= CARDS GRID ================= */
.ec-required-sections.colorfuls .ec-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

/* ================= CARD ================= */
.ec-required-sections.colorfuls .ec-card {
  background: #f5f7fa;
  padding: 32px 22px;
  border-radius: 18px;
  box-shadow: 0 2px 10px #2e8b57;
  transition: transform 0.3s ease;
  position: relative;
}

.ec-required-sections.colorfuls .ec-card:hover {
   box-shadow: 0 5px 15px #2e8b57;
  transform: translateY(-8px);
}

/* Accent bar */
.ec-required-sections.colorfuls .ec-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  width: 100%;
}

/* ================= ICON ================= */
.ec-required-sections.colorfuls .ec-icon {
  font-size: 36px;
  margin-bottom: 16px;
  display: inline-block;
}

/* ================= TEXT ================= */
.ec-required-sections.colorfuls .ec-card p {
  font-size: 1rem;
  color:rgba(27,43,74);
  line-height: 1.55;
  margin: 0;
}

/* ================= COLORS ================= */
.ec-required-sections.colorfuls .ec-card.green::before {
  background: #16a34a;
}


/* ================= FOOTER TEXT ================= */
.ec-required-sections.colorfuls .para-mt {
  margin-top: 32px;
  font-size: 1rem;
  color: #c3ccd8;
}

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

/* Tablet */
@media (max-width: 1024px) {
  .ec-required-sections.colorfuls .ec-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile */
@media (max-width: 640px) {
  .ec-required-sections.colorfuls {
    padding: 0px 16px;
  }

  .ec-required-sections.colorfuls h2 {
    font-size: 1.7rem;
    line-height: 1.3;
  }

  .ec-required-sections.colorfuls .ec-intro {
    font-size: 0.95rem;
    margin-bottom: 36px;
  }

  .ec-required-sections.colorfuls .ec-cards {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .ec-required-sections.colorfuls .ec-card {
    padding: 22px 18px;
  }

  .ec-required-sections.colorfuls .ec-icon {
    font-size: 26px;
  }

  .ec-required-sections.colorfuls .para-mt {
    font-size: 0.95rem;
    margin-top: 24px;
  }
}

   /* <!-- --------------------------Scope of Forest Clearance Support----------------------------- --> */

   /* .services-section h2 {
    font-size: 45px;
    font-weight: bolder;
    padding-bottom: 20px;
   } */
   
   /* #scope-b{
    background-color: rgb(32, 40, 45);
   } */
   /* #scope-b h2{
    color: wheat;
   } */



 /* ====================================Child-s3.html========================================   */

 /* <!-- ----------------Legal & Regulatory Framework----------------- --> */
 /* #legal-bg{
  background-color:rgba(242, 242, 242, 1);
  margin-top:80px ;
 } */

 #legal-bg h2{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size:32px;
  font-weight:bold;
  padding-bottom: 50px;
 }

 /* <!-- -Project Categorisation under the EIA Notification-- --> */

.top-content{
    text-align:center;
    padding:30px 20px 0px;
   background-color:#f5f7fa; 
}

.top-content h2{
    font-size:34px;
    font-weight: bold;
    color:#1e3a5f;
    margin-bottom:15px;
}

.top-content p{
    max-width:850px;
    margin:0 auto;
    line-height:1.6;
    color:#555;
}

.eia-section{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px 8% 0px;
    gap:60px;
}

.left-image img{
    width:450px;
    height: 350px;
    max-width:100%;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,0.15);
}

.right-content{
    max-width:600px;
}

.category{
    background:#ffffff;
    padding:15px 20px;
    margin-bottom:15px;
    border-left:6px solid #2e7d32;
    border-radius:8px;
    box-shadow:0 5px 15px rgba(0,0,0,0.08);
    transition:0.3s;
}
.category h3{
 font-size: 20px;
 font-weight: bold;
 padding-bottom: 10px;
}

.category:hover{
    transform:translateX(8px);
}

.b1{
    border-left-color:#f9a825;
}

.b2{
    border-left-color:#1565c0;
}

/* Responsive */
@media(max-width:900px){
    .eia-section{
        flex-direction:column;
        text-align:center;
    }
}
 /* <!-- ------------------Scope of Environmental Impact Assessment Studies------------------ --> */


.eia-scope-section {
  margin: 80px 0px;
  /* padding: 80px 20px; */
  background-color:#f5f7fa;
}

.eia-scope-section .container {
  max-width: 1200px;
  margin: auto;
}

.eia-scope-section h2 {
  text-align: center;
  font-size: 2.4rem;
  font-weight: bolder;
  color: #1e3a5f;
  margin-bottom: 20px;
}

.scope-intro {
  max-width: 900px;
  margin: 0 auto 20px;
  text-align: center;
  font-size: 1.05rem;
  color: #475569;
  line-height: 1.7;
}

/* Grid */
.scope-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

/* Card */
.scope-card {
  background: #fff;
  padding: 34px 30px;
  border-radius: 18px;
  box-shadow: 2px 5px 15px #2e8b57;
  transition: 0.35s ease;
}

.scope-card:hover {
   box-shadow: 2px 6px 20px #2e8b57;
  transform: translateY(-10px);
}

/* Icons */
.scope-icon {
  width: 70px;
  height: 70px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  margin-bottom: 18px;
}

/* Headings */
.scope-card h3 {
  font-size: 1.25rem;
  color: #111827;
  margin-bottom: 12px;
}

/* Text */
.scope-card p {
  font-size: 0.95rem;
  color: #4b5563;
  line-height: 1.6;
  margin-bottom: 14px;
}

/* List */
.scope-card ul {
  padding-left: 18px;      /* give bullet space */
  margin: 0;
  list-style-type: disc;
}

.scope-card ul li {
  font-size: 0.92rem;
  color: #374151;
  margin-bottom: 8px;
}




@media (max-width: 992px) {
  .eia-scope-section {
  margin: 80px 0px;
  }
  .scope-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .eia-scope-section {
  margin: 80px 0px;}
  .eia-scope-section {
    padding: 0px 16px;
  }

  .eia-scope-section h2 {
    font-size: 25px;
  }
}


/* ============================================Child-S4================================ */

/* ----------------------- CARD-8 --------------------------- */

.approval-section{
  padding:80px 20px 0px;

}

.approval-container{
  max-width:1200px;
  margin:auto;
}

.approval-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
}

.approval-card{
  background:#fff;
  border-radius:16px;
  padding:30px;
  box-shadow:2px 5px 20px #2e8b57;
  transition:.3s ease;
}

.approval-card:hover{
  transform:translateY(-6px);
}

.approval-icon{
  width:70px;
  height:70px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  font-size:32px;
  margin:0 auto 18px;
  
}

.approval-card h3{
  font-size:20px;
  font-weight:600;
  color:#111827;
  margin-bottom:20px;
  text-align:center;
}

.approval-subtitle{
  font-size:14px;
  font-weight:600;
  color:#F7941D;
  margin-bottom:12px;
  text-align:center;
}

.approval-card p{
  font-size:15px;
  color:#4b5563;
  margin-bottom:14px;
}

.approval-card ul{
  padding-left:18px;
  margin-bottom:16px;
  list-style-type:disc;
}

.approval-card ul li{
  font-size:14px;
  margin-bottom:6px;
}

.approval-link{
  font-weight:600;
  color:#1C2539;
  text-decoration:none;
}

.approval-link:hover{
  color:#F7941D;
}

/* Tablet */
@media(max-width:1024px){
  .approval-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

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

/* =================================Child-s5.html=================================== */

/* <!----------------------Legal & Regulatory Context ------------------> */
#legal-m{
  margin-top: 80px;
  /* marg-bottom:-80px; */
  padding: 0px 80px;
}
#legal-m h2{
  font-size: 40px;
  font-weight: bold;
  padding: 20px 0px;
}
@media (max-width:640px) {
  
  #legal-m{
    padding: 0px 20px;
  }
  #legal-m h2{
    font-size: 25px;
  }
  
}
   /* <!-- --------------------------Scope of Environmental & Social Due Diligence----------------------------- --> */

#scope-of-padding{
    padding-top:40px;
    padding-bottom:20px ;
  }
@media (max-width:640px) {
  #scope-of-padding{
    padding-top:30px;
  }
 .services-section h2{
  font-size: 25px;
 }

}


 /* <!-- ---------------------Who Requires Environmental & Social Due Diligence?-------------- --> */
  #text-color{
    margin-top: -20px;

  }
 
 #text-color h2{
    color: #1e3a5f;
    padding-bottom: 0px;
    
  }
 .para-p {
  margin-top:-40px;
  padding-bottom:20px;
 
 }
 @media (max-width:640px){
  #text-color{
    margin-top: -70px;

  }
  #text-color h2{
    color: #1e3a5f;
    padding-bottom: 0px;
    
  }
   .para-p {
  margin-top:0px;
  padding-bottom:20px;
 
 }
 }

/* ==================================child-s6.html================================= */

    /* <!-- -----------Environmental Clearance as Part of the EIA–EC Composite Stage-------- --> */

    /* Section Background */
.ec-stage-section {
  padding: 70px 0;
  background:#1e3a5f;
  margin-top: 80px;
}

/* Container */
.ec-container {
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
}

/* Heading */
.ec-heading {
  font-size: 38px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 20px;
  
}

/* Text */
.ec-description,
.ec-footer-note {
  color: #d1d5db;
  font-size: 16px;
  line-height: 1.7;
}

/* Card Grid */
.ec-card-grid {
  margin-top: 35px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

/* Cards */
.ec-info-card {
  background: #ffffff;
  padding: 28px 24px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
}

/* Centered Icon Only */
.ec-card-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  margin-bottom: 15px;
}
.ec-card-icon img{
  width: 54px;
  height: auto;
}

/* Icon Colors */
/* .card-blue .ec-card-icon i { color: #2563eb; }
.card-green .ec-card-icon i { color: #059669; }
.card-orange .ec-card-icon i { color: #ea580c; }
.card-red .ec-card-icon i{color: #D73535} */

/* Card Text */
.ec-info-card p {
  font-size: 15px;
  line-height: 1.6;
  color: #333;
}
/* DEFAULT – Large Screens (1200px+) */
.ec-card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

/* LAPTOP (992px – 1199px) */
@media (max-width: 1199px) {
  .ec-card-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .ec-heading {
    font-size: 30px;
  }
}

/* iPAD / TABLET (768px – 991px) */
@media (max-width: 991px) {
  .ec-card-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .ec-heading {
    font-size: 26px;
  }

  .ec-info-card {
    padding: 24px 20px;
  }
}

/* LARGE MOBILE (577px – 767px) */
@media (max-width: 767px) {
  .ec-card-grid {
    grid-template-columns: 1fr;
  }

  .ec-heading {
    font-size: 24px;
    text-align: center;
  }

  .ec-description,
  .ec-footer-note {
    text-align: center;
  }
}

/* MOBILE (≤576px) */
@media (max-width: 576px) {
  .ec-heading {
    font-size: 22px;
    line-height: 1.4;
  }

  .ec-info-card {
    padding: 20px 18px;
  }

  .ec-card-icon {
    font-size: 28px;
  }
}

   /* <!-- ------------Project Categorisation & Appraisal Authorities--------------- --> */
   .project-pg{
    color:#1e3a5f;
   display: flex;
   justify-content: center;
    margin-top: 30px;
    padding-bottom: 30px;
   }

  

    /* <!-- -------------Related Processes Within the Environmental Clearance Stage-------------- --> */

    .ec-related-dark {
  padding: 70px 0px 0px;
  /* background:#; */
}

.ec-related-container{
  max-width: 1100px;
  margin: auto;
  padding: 0 20px;
  
}

/* Heading */
.ec-related-heading {
  font-size: 32px;
  font-weight: 700;
  color: #1e3a5f;
  margin-bottom: 18px;
}

/* Intro */
.ec-related-intro {
  max-width: 850px;
  font-size: 16px;
  line-height: 1.7;
  color: #1e3a5f;
  margin-bottom: 35px;
}

/* List */
.ec-related-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Item */
.ec-related-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 20px;
  margin-bottom: 14px;
  background:#fff;
  border-radius: 8px;
  box-shadow: 2px 5px 15px #2e8b57;
}

/* Text */
.ec-related-list span {
  font-size: 16px;
  color: #1e3a5f;
  font-weight: 500;
}

/* Link */
.ec-related-list a {
  color: #2e8b57;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease;
}

.ec-related-list a:hover {
  color: #1e3a5f;
  text-decoration: underline;
}

/* Tablet */
@media (max-width: 991px) {
  .ec-related-heading {
    font-size: 28px;
  }
}

/* Mobile */
@media (max-width: 576px) {
  .ec-related-list li {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .ec-related-heading {
    font-size: 24px;
  }

  .ec-related-intro {
    font-size: 15px;
  }
}

/* ===========================Child-s7.html==================================== */

/* ==================================Child-s8.html================================ */
    /* <!-------------- Procedure of Public Hearing under the EC Process-------------> */


.ph-container {
    margin: auto;
    padding: 100px;
    background-color: rgb(32, 40, 45);
    border-radius: 8px;
    color: #ffffff;
}

.ph-title {
    text-align: center;
    color: #ffffff;
    margin-bottom: 70px;
    font-size: 40px;
    font-weight: bold;
}
.ph-title span{
  color: #9FE870;
    text-shadow: 0 0 12px rgba(159, 232, 112, 0.35);
}

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

.ph-step {
    background: white; 
    color: rgb(12, 12, 12);
    border-left: 5px solid #1f4e79;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.ph-step:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.5);
}

.ph-icon {
    font-size: 2.8rem; /* Larger icons */
    color: #1f4e79;
    flex-shrink: 0;
}

.ph-note {
    margin-top: 30px;
    background:  #ffffff;
    padding: 15px 18px;
    border-radius: 6px;
    font-size: 0.95rem;
    border-left: 4px solid #1f4e79;
    color: #2c2c2c;
}

@media (max-width: 600px) {
    .ph-title {
        font-size: 1.5rem;
    }
    .ph-icon {
        font-size: 2.2rem;
    }
}

/* ==================================Child-s9.html================================ */
     /* <!--------------Understanding Wildlife Clearance / Wildlife NOC----------- --> */
#under-mt{
  margin-top: 50px;
}

/* =================================================================================================== */

 /* ============================Groundwater & Water Compliance Services============================== */

/* ==================================================================================================== */

.eia-scope-section

/* ---------Which Authority Grants Groundwater Permission?---------- */

.authority-para{
  font-size:medium;
  padding-bottom: 20px;
}

/* ----------Why Groundwater Impact Assessment Is Important for Industries------------ */

.gwi-section {
   /* background: #f5f7fa; */
  color:#1e3a5f;
  padding: 0px 20px ;
}

.container {
  max-width: 1100px;
  margin: auto;
}

/* Headings */
.gwi-section h2 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
  color: #1b1b1b;
}

/* Intro text */
.intro {
  text-align: center;
  font-size: 18px;
  margin-bottom: 40px;
}

/* Card Grid */
.card-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

/* Cards */
.card {
  background: #ffffff;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 8px 24px #2e8b57;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
}

.card h3 {
  font-size: 22px;
  margin-bottom: 12px;
  color: #0b5ed7;
}

.card p {
  font-size: 16px;
  line-height: 1.6;
}

/* Footer text */
.footer-text {
  margin-top: 40px;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
}

/* Responsive */
@media (max-width: 768px) {
  .gwi-section {
    padding: 60px 20px 0px;
  }
  .card-grid {
    grid-template-columns: 1fr;
  }

  .gwi-section h2 {
    font-size: 20px;
  }

  .intro,
  .footer-text {
    font-size: 16px;
  }
}

/* =================================================================================================== */

 /* ==========================Pollution Control Board Consents============================== */

/* ==================================================================================================== */

     /* <!-- -------------Applicability of Factory Licence Registration---------- --> */

   #licence-m{
   margin-top: 100px;
   }  

      /* <!-- ---------- Stages of Factory Act Approval ---------- --> */

   #Factory-m{
    margin-top: 100px;
   }
/* <!-- ---------------------Documents Typically Required------------------ --> */
.document{
  padding: 0px 20px;
}   
   .docs-section {
  width: 100%;
 
}

.docs-container {
  max-width: 1100px;
  margin: 0 auto;
}

/* ========================
   Heading & Text
======================== */
.docs-section h2 {
  text-align: center;
  font-size: clamp(22px, 3vw, 32px);
  font-weight: bold;
  margin-bottom: 12px;
  color: #1f3c88;
}

.docs-intro {
  text-align: center;
  font-size: clamp(15px, 2vw, 18px);
  margin-bottom: 32px;
  color: #555;
}

/* ========================
   Documents List Layout
======================== */
.docs-list {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
  padding: 0;
}

/* ========================
   Card / Box Style
======================== */
.docs-list li {
  background: #ffffff;
  padding: 16px 20px 16px 46px;
  border-radius: 12px;
  font-size: 15.5px;
  line-height: 1.6;
  position: relative;

  /* Shadow */
  box-shadow: 2px 6px 15px #2e8b57;

  /* Smooth Hover */
  transition: 
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

/* ========================
   Hover Effect
======================== */
.docs-list li:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.2);
}

/* ========================
   Check Icon
======================== */
.docs-list li::before {
  content: "✔";
  position: absolute;
  left: 18px;
  top: 16px;
  color: #0b5ed7;
  font-weight: bold;
  font-size: 16px;
}

/* ========================
   Mobile Touch Safety
======================== */
@media (hover: none) {
  .docs-list li:hover {
    transform: none;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
  }
}

/* ========================
   Small Screens
======================== */
@media (max-width: 360px) {
  .docs-list li {
    font-size: 14.5px;
    padding-left: 42px;
  }
}

/* ------------------------------CTA--------------- */

.cta-section {
  width: 100%;
  background: #f5f7fa;
  padding: 60px 16px 15px;
}

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

/* ========================
   Primary CTA
======================== */
.primary-cta h2 {
  font-size: 32px;
  color: #1e3a5f;
  margin-bottom: 20px;
}

.btn-primary {
  display: inline-block;
  padding: 16px 32px;
  border-radius: 50px;
  background: #2e8b57;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 10px 26px rgba(11, 94, 215, 0.4);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.btn-primary:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(11, 94, 215, 0.5);
}

/* ========================
   Secondary CTA
======================== */
.secondary-cta {
  margin-top: 60px;
}

.secondary-cta h3 {
  font-size: 24px;
  margin-bottom: 28px;
  color: #1e3a57;
}

/* Grid */
.cta-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
}

/* Cards */
.cta-card {
  background: #ffffff;
  padding: 28px;
  border-radius: 14px;
  box-shadow: 2px 5px 15px #2e8b57;
  transition: box-shadow 0.3s ease;
}

.cta-card:hover {
  /* transform: translateY(-6px); */
  /* box-shadow: 0 18px 40px rgba(0, 0, 0, 0.2); */
}

.cta-card h4 {
  font-size: 18px;
  margin-bottom: 16px;
  color: #1e3a5f;
}

.cta-card a {
  display: block;
  text-decoration: none;
  color: #2e8b57;
  font-size: 15.5px;
  font-weight: 500;
  margin-bottom: 10px;
  text-decoration: underline;
}

.cta-card a:hover {
  color: #1e3a5f;
}

/* ========================
   📱 Mobile (up to 767px)
======================== */
@media (max-width: 767px) {
  .primary-cta h2 {
    font-size: 22px;
  }

  .btn-primary {
    font-size: 14.5px;
    padding: 14px 24px;
  }

  .cta-grid {
    grid-template-columns: 1fr;
  }

  .secondary-cta h3 {
    font-size: 20px;
  }
}

/* ========================
   📱 iPad / Tablet (768px–1024px)
======================== */
@media (min-width: 768px) and (max-width: 1024px) {
  .primary-cta h2 {
    font-size: 28px;
  }

  .cta-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ========================
   💻 Large Screens (1400px+)
======================== */
@media (min-width: 1400px) {
  .cta-container {
    max-width: 1400px;
  }

  .primary-cta h2 {
    font-size: 36px;
  }
}

/* ========================
   Touch Devices Safety
======================== */
@media (hover: none) {
  .btn-primary:hover,
  .cta-card:hover {
    transform: none;
    box-shadow: inherit;
  }
}


/* ===============Consolidated Consent & Authorisation (CCA)========= */

    /* <!-- -------------------What Is Consolidated Consent & Authorisation (CCA)?------- --> */

    #consolidated-h{
      display: flex;
      justify-content: center;
      font-size: 30px;
      font-weight: bolder;
      padding:30px 0px ;

    }
              
  #consolidated-p p{
    font-size: 15px;

  }

       /* <!-- ----------Role of CCA in the Compliance Lifecycle---------------- --> */

  .cca-lifecycle {
  width: 100%;
  background: #f5f7fa;
  padding: 60px 16px 0px;
}

.cca-container {
  max-width: 1100px;
  margin: auto;
}

/* ========================
   Headings & Text
======================== */
.cca-lifecycle h2 {
  text-align: center;
  font-size: 42px;
 font-weight: bold;
  margin-bottom: 28px;
  color: #1e3a5f;
}

.cca-text {
  text-align: center;
  font-size: 17px;
  line-height: 1.7;
  color: #1e3a5f;
  max-width: 900px;
  margin: 0 auto 14px;
}

/* ========================
   Steps
======================== */
.cca-steps {
  list-style: none;
  max-width: 900px;
  margin: 32px auto;
}

.cca-steps > li {
  background: #ffffff;
  padding: 16px 20px 16px 48px;
  border-radius: 12px;
  font-size: 15.5px;
  line-height: 1.6;
  position: relative;
  margin-bottom: 14px;

  box-shadow: 0 6px 10px #2e8b57;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.cca-steps > li::before {
  content: "✔";
  position: absolute;
  left: 18px;
  top: 16px;
  color: #0b5ed7;
  font-weight: bold;
}

.cca-steps > li:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 32px #2e8b57;
}

/* Substeps */
.cca-substeps {
  margin-top: 10px;
  margin-left: 18px;
  list-style: disc;
}

.cca-substeps li {
  font-size: 15px;
  margin-bottom: 6px;
}

/* Footer */
.cca-footer {
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  margin-top: 30px;
  color: #333;
}

/* ========================
   📱 Mobile (max 767px)
======================== */
@media (max-width: 767px) {
  .cca-lifecycle {
    padding: 80px 14px 0px;
  }

  .cca-lifecycle h2 {
    font-size: 22px;
  }

  .cca-text {
    font-size: 15px;
  }

  .cca-steps > li {
    font-size: 14.5px;
    padding-left: 44px;
  }
}

/* ========================
   📱 iPad / Tablet (768–1024px)
======================== */
@media (min-width: 768px) and (max-width: 1024px) {
  .cca-lifecycle h2 {
    font-size: 28px;
  }

  .cca-container {
    max-width: 960px;
  }
}

/* ========================
   💻 Large Screens (1400px+)
======================== */
@media (min-width: 1400px) {
  .cca-container {
    max-width: 1300px;
  }

  .cca-lifecycle h2 {
    font-size: 36px;
  }

  .cca-text {
    font-size: 18px;
  }
}

/* <!-- --------------Why Do Industries Require a CCA from the Pollution Control Board?-------------- --> */

.industries-para{
margin-bottom: 30px;

}

     /* <!-- ---------------Services Covered Under CCA Support----------- --> */

.cca-services {
  width: 100%;
  background: #f5f7fa;
  padding: 50px 16px;
}

.cca-services-wrap {
  max-width: 1200px;
  margin: auto;
}

/* ========================
   Heading
======================== */
.cca-services h2 {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 40px;
  color: #1f3c88;
}

/* ========================
   Grid
======================== */
.services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* ========================
   Cards
======================== */
.service-card {
  background: #ffffff;
  padding: 26px 24px;
  border-radius: 14px;
  text-align: left;

  box-shadow: 2px 5px 20px #2e8b57;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-card h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #1e3a5f;
}

.service-card p {
  font-size: 15.5px;
  line-height: 1.6;
  color: #444;
}

.service-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 5px 20px #2e8b57;
}

/* ========================
   📱 Mobile (max 767px)
======================== */
@media (max-width: 767px) {
  .cca-services {
    padding: 45px 14px;
  }
  
  .cca-services h2 {
    font-size: 22px;
    margin-bottom: 26px;
  }

  .services-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .service-card h3 {
    font-size: 16.5px;
  }

  .service-card p {
    font-size: 14.5px;
  }
}

/* ========================
   📱 iPad / Tablet (768–1024px)
======================== */
@media (min-width: 768px) and (max-width: 1024px) {
  .cca-services-wrap {
    max-width: 960px;
  }

  .services-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .cca-services h2 {
    font-size: 28px;
  }
}

/* ========================
   💻 Large Screens (1400px+)
======================== */
@media (min-width: 1400px) {
  .cca-services-wrap {
    max-width: 1400px;
  }

  .cca-services h2 {
    font-size: 36px;
  }

  .service-card h3 {
    font-size: 19px;
  }

  .service-card p {
    font-size: 16.5px;
  }
}


@media (hover: none) {
  .service-card:hover {
    transform: none;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
  }
}


/* ====================Consent to Establish (CTE) – Pollution Control Board NOC=================== */

     /* <!-- ---------------- Industry Categorisation for Pollution Control Board CTE------------ --> */
    

.cte-category {
  width: 100%;
  background: #f5f7fa;
  padding: 60px 16px;
}

.cte-category-wrap {
  max-width: 1100px;
  margin: auto;
}

/* Heading */
.cte-category h2 {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  color: #1f3c88;
  margin-bottom: 14px;
}

/* Intro */
.cte-category-intro,
.cte-category-text {
  text-align: center;
  font-size: 16.5px;
  line-height: 1.7;
  color: #444;
  max-width: 900px;
  margin: 0 auto 14px;
}

/* Tags */
.cte-category-tags {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  list-style: none;
  margin: 26px 0;
}

.cte-category-tags li {
  padding: 8px 18px;
  border-radius: 22px;
  font-size: 14.5px;
  font-weight: 600;
  box-shadow: 0 4px 10px rgba(0,0,0,0.12);
}

/* Tag colors */
/* .red { background: #ffe5e5; color: #c62828; }
.orange { background: #fff0e0; color: #ef6c00; }
.green { background: #e8f5e9; color: #2e7d32; }
.white { background: #f1f3f4; color: #333; }
.blue { background: #e3f2fd; color: #1565c0; } */

cte-category-tags li {
  cursor: default;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.cte-category-tags li:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.2);
}

/* Slight color deepen on hover */
.cte-category-tags li.red:hover {
  background: #ffcdd2;
}

.cte-category-tags li.orange:hover {
  background: #ffe0b2;
}

.cte-category-tags li.green:hover {
  background: #c8e6c9;
}

.cte-category-tags li.white:hover {
  background: #e0e0e0;
}

.cte-category-tags li.blue:hover {
  background: #bbdefb;
}

/* List */
.cte-category-list {
  list-style: none;
  max-width: 900px;
  margin: auto;
}

.cte-category-list li {
  background: #ffffff;
  padding: 16px 20px 16px 48px;
  margin-bottom: 12px;
  border-radius: 12px;
  font-size: 15.5px;
  position: relative;

  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.cte-category-list li::before {
  content: "✔";
  position: absolute;
  left: 18px;
  top: 16px;
  color: #0b5ed7;
  font-weight: bold;
}

.cte-category-list li:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(0,0,0,0.2);
}

/* Footer */
.cte-category-footer {
  text-align: center;
  font-size: 16.5px;
  font-weight: 600;
  margin-top: 26px;
  color: #333;
}

/* 📱 Mobile */
@media (max-width: 767px) {
  .cte-category h2 {
    font-size: 22px;
  }

  .cte-category-intro,
  .cte-category-text {
    font-size: 14.5px;
  }

  .cte-category-list li {
    font-size: 14.5px;
    padding-left: 44px;
  }
}

/* 📱 iPad */
@media (min-width: 768px) and (max-width: 1024px) {
  .cte-category-wrap {
    max-width: 960px;
  }

  .cte-category h2 {
    font-size: 26px;
  }
}

/* 💻 Large screens */
@media (min-width: 1400px) {
  .cte-category-wrap {
    max-width: 1300px;
  }

  .cte-category h2 {
    font-size: 34px;
  }
}

/* Touch safety */
@media (hover: none) {
  .cte-category-list li:hover {
    transform: none;
    box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  }
}

@media (hover: none) {
  .cte-category-tags li:hover {
    transform: none;
    box-shadow: 0 4px 10px rgba(0,0,0,0.12);
  }
}

      /* <!-- ----------------Documents Required for CTE NOC Application--------------- --> */

   .document-link{
    color: rgb(230, 32, 32);
   }   

   /* <!-- --------------------------Four CTA---------------------------- --> */

  .compliance-cta {
  background: #f5f7fa;
  padding: 0px 16px 70px;
  margin-top: 100px;
}

.compliance-cta-wrap {
  max-width: 1200px;
  margin: auto;
}

/* CTA Boxes */
.cta-box {
  background: #ffffff;
  padding: 30px 28px;
  border-radius: 16px;
  box-shadow: 2px 5px 20px #2e8b57;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.cta-box h2 {
  font-size: 22px;
  font-weight: bold;
  color: #1e3a5f;
  margin-bottom: 12px;
}

.cta-box p {
  font-size: 15.5px;
  line-height: 1.6;
  color: #444;
  margin-bottom: 18px;
}

.cta-box:hover {
  transform: translateY(-6px);
  box-shadow: 2px 5px 15px #2e8b57;
}

/* Primary CTA */
.cta-main {
  text-align: center;
  margin-bottom: 40px;
}

.btn-primary-cta {
  display: inline-block;
  /* background: #; */
  color: #fff;
  padding: 14px 28px;
  border-radius: 32px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.3s ease, transform 0.3s ease;
}

.btn-primary-cta:hover {
  background: #084298;
  transform: translateY(-2px);
}

/* Secondary Grid */
.cta-related-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.cta-text-link {
  font-size: 15.5px;
  font-weight: 600;
  color: #0b5ed7;
  text-decoration: none;
}

.cta-text-link:hover {
  text-decoration: underline;
}

/* 📱 Mobile */
@media (max-width: 767px) {
  .cta-related-grid {
    grid-template-columns: 1fr;
  }

  .cta-box h2 {
    font-size: 18px;
  }

  .cta-box p {
    font-size: 14.5px;
  }
}

/* 📱 iPad */
@media (min-width: 768px) and (max-width: 1024px) {
  .compliance-cta-wrap {
    max-width: 960px;
  }

  .cta-related-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* 💻 Large Screens */
@media (min-width: 1400px) {
  .compliance-cta-wrap {
    max-width: 1400px;
  }

  .cta-box h2 {
    font-size: 24px;
  }
}

/* Touch Safety */
@media (hover: none) {
  .cta-box:hover {
    transform: none;
    box-shadow: 0 10px 26px rgba(0,0,0,0.12);
  }

  .btn-primary-cta:hover {
    transform: none;
  }
}


/* ======================= Fire Safety NOC / Fire Safety Certificate================== */

/* <!-- -----------------Fire Safety Approval at Planning Stage (Provisional NOC)----------------- --> */

#fire-safety{
  margin-top: 100px;
}
#fire-m{
  display: flex;
  justify-content: center;
}
/* ========================
   Fire Safety CTA Block
======================== */
#fire-m {
  background: #ffffff;
  padding: 28px 26px;
  border-radius: 16px;
  max-width: 1250px;
  margin: 40px auto;
  text-align: center;

  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.12);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#fire-m p {
  font-size: 16px;
  line-height: 1.6;
  color: #444;
  margin-top: 10px;
}

#fire-m strong {
  color: #1f3c88;
}

#fire-m:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.2);
}

/* ========================
   Button (reuse safe)
======================== */
.btn-primary-cta {
  display: inline-block;
  background: #0b5ed7;
  color: #ffffff;
  padding: 12px 26px;
  margin-left: 20px;
  border-radius: 30px;
  font-size: 15.5px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.3s ease, transform 0.3s ease;
}

.btn-primary-cta:hover {
  background: #084298;
  transform: translateY(-2px);
}

/* ========================
   📱 Mobile
======================== */
@media (max-width: 767px) {
  #fire-m {
    padding: 22px 18px;
    margin: 30px 14px;
  }

  #fire-m p {
    font-size: 14.5px;
  }
}

/* ========================
   📱 iPad
======================== */
@media (min-width: 768px) and (max-width: 1024px) {
  #fire-m {
    max-width: 760px;
  }
}

/* ========================
   💻 Large Screens
======================== */
@media (min-width: 1400px) {
  #fire-m {
    max-width: 1100px;
  }

  #fire-m p {
    font-size: 17px;
  }
}

/* ========================
   Touch Device Safety
======================== */
@media (hover: none) {
  #fire-m:hover {
    transform: none;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.12);
  }

  .btn-primary-cta:hover {
    transform: none;
  }
}

    /* <!-- --------------Importance of Proper Fire Safety Compliance-------------- --> */

    .why-card.purple .why-icon i {
  color: #6f42c1; /* rich purple */
}
.why-card.teal .why-icon i {
  color: #20c997; /* professional teal */
}

/* ======================================================================================================= */
/* ---------------------------------------------STP/ETP-------------------------------------------------- */
/* ======================================================================================================= */


    /* <!-- --------------------------Key Components of a ZLD System------------------------------- --> */

    .zld-timeline {
  max-width: 1000px;
  margin: 0 auto;
  padding: 24px;
  margin-top: 40px;
}

.zld-timeline h2 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 30px;
  color: #0f172a;
}

/* Timeline wrapper */
.timeline {
  position: relative;
  padding-left: 40px;
}

/* Vertical line */
.timeline::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, #14b8a6, #6366f1);
  border-radius: 3px;
}

/* Item */
.timeline-item {
  display: flex;
  gap: 18px;
  margin-bottom: 30px;
  position: relative;
}

.step {
  min-width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #ffffff;
  border: 3px solid #14b8a6;
  color: #0f172a;
  font-weight: 700;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.content {
  background: #ffffff;
  padding: 18px 22px;
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.content h3 {
  font-size: 18px;
  margin-bottom: 8px;
  color: #1e293b;
}

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

.timeline-item:hover .content {
  transform: translateX(6px);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.12);
}

/* 📱 Mobile */
@media (max-width: 576px) {
  .zld-timeline h2 {
    font-size: 22px;
  }

  .timeline {
    padding-left: 30px;
  }

  .content h3 {
    font-size: 17px;
  }
}

/* 📱 iPad */
@media (min-width: 577px) and (max-width: 991px) {
  .zld-timeline h2 {
    font-size: 25px;
  }
}

/* 💻 Large Screen */
@media (min-width: 1200px) {
  .content p {
    font-size: 16px;
  }
}

/* Touch safety */
@media (hover: none) {
  .timeline-item:hover .content {
    transform: none;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  }
}

/* =======================STP / ETP Performance Audit & Compliance====================== */

    /* <!-- ------------------- Audit Timeline & Recommended Frequency------------------ --> */

    .audit-timeline{
     min-height: 450px;
     height: auto;
      width: auto;
      background-color: #79b679;
    }
  .audit-accordion {
  max-width: 900px;
  margin: 0 auto;
  padding: 24px;

}

.audit-accordion h2 {
  font-size: 32px;
  font-weight: bold;
  margin: 30px 0px;
  color: #0f172a;
  display: flex;
  justify-content: center;
}

/* Accordion item */
.audit-item {
  background: #ffffff;
  border-radius: 14px;
  margin-bottom: 14px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transition: box-shadow 0.25s ease;
}

/* Summary header */
.audit-item summary {
  padding: 18px 22px;
  font-size: 17px;
  font-weight: 600;
  color: #1e293b;
  cursor: pointer;
  list-style: none;
  position: relative;
}

/* Remove default marker */
.audit-item summary::-webkit-details-marker {
  display: none;
}

/* Custom indicator */
.audit-item summary::after {
  content: "+";
  position: absolute;
  right: 22px;
  font-size: 22px;
  font-weight: 700;
  color: #6366f1;
  transition: transform 0.25s ease;
}

/* Open state */
.audit-item[open] summary::after {
  content: "–";
  color: #14b8a6;
}

/* Content */
.audit-item p {
  padding: 0 22px 20px;
  font-size: 15.5px;
  line-height: 1.6;
  color: #475569;
}

/* Hover (desktop only) */
.audit-item:hover {
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.12);
}

/* 📱 Mobile */
@media (max-width: 576px) {
  .audit-accordion h2 {
    font-size: 22px;
  }

  .audit-item summary {
    font-size: 16px;
  }

  .audit-item p {
    font-size: 15px;
  }
}

/* 📱 iPad */
@media (min-width: 577px) and (max-width: 991px) {
  .audit-accordion h2 {
    font-size: 25px;
  }
}

/* 💻 Large screen */
@media (min-width: 1200px) {
  .audit-item p {
    font-size: 16px;
  }
}

/* Touch device safety */
@media (hover: none) {
  .audit-item:hover {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  }
}

    /* <!-- -----------------Why Choose Simplicomp for Performance Audits & Adequacy Reports?------------------------ --> */



.why-simplicomp {
  max-width: 1100px;
  margin: 0 auto;
  padding: 80px 20px;
}

.why-simplicomp h2 {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 32px;
  color: #0f172a;
  padding-bottom: 20px;
}

/* Grid */
.why-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px;
}

/* Card */
.why-item {
  background: #ffffff;
  padding: 22px 24px;
  border-radius: 16px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  position: relative;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Top accent bar */
.why-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  width: 100%;
  border-radius: 16px 16px 0 0;
  background: linear-gradient(90deg, #14b8a6, #6366f1);
}

/* Tag */
.why-tag {
  display: inline-block;
  margin-bottom: 10px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 20px;
  background: #f1f5f9;
  color: #334155;
}

/* Text */
.why-item p {
  font-size: 16px;
  line-height: 1.6;
  color: #475569;
}

/* Hover */
.why-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 26px rgba(13, 95, 2, 0.582);
}

/* =========================
   Mobile
========================= */
@media (max-width: 576px) {
  .why-simplicomp h2 {
    font-size: 22px;
  }

  .why-item p {
    font-size: 15px;
  }
}

/* =========================
   iPad
========================= */
@media (min-width: 577px) and (max-width: 991px) {
  .why-simplicomp h2 {
    font-size: 26px;
  }
}

/* =========================
   Large Screen
========================= */
@media (min-width: 1200px) {
  .why-item p {
    font-size: 16.5px;
  }
}

/* =========================
   Touch Device Safety
========================= */
@media (hover: none) {
  .why-item:hover {
    transform: none;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  }
}

/* <!-- --------- Implementation Timeline & Compliance Benchmarks----------- --> */




.impl-design-3 {

  margin: 100px 20px 0px;
  background-color: #f5f7fa;
}

.impl-design-3 h2 {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 42px;
  color: #1e3a57;
}

/* Grid */
.impl-grid {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 26px;
}

/* Card */
.impl-card {
  position: relative;
  background: #ffffff;
  padding: 34px 26px 30px;
  border-radius: 18px;
  box-shadow: 0 2px 10px #2e8b57;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  overflow: hidden;
}

/* Accent bar */
.impl-accent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-color:#2e8b57;
}

/* Hover */
.impl-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 5px 20px #2e8b57;
}

/* Text */
.impl-card h4 {
  font-size: 18px;
  font-weight: 600;
  color: #1e3a5f;
  margin-bottom: 8px;
}

.impl-card p {
  font-size: 15.5px;
  line-height: 1.6;
  color: #475569;
}

/* 📱 Mobile */
@media (max-width: 576px) {
  .impl-design-3 h2 {
    font-size: 22px;
  }

  .impl-card {
    padding: 28px 22px;
  }
}

/* 📱 iPad */
@media (min-width: 577px) and (max-width: 991px) {
  .impl-design-3 h2 {
    font-size: 26px;
  }
}

/* 💻 Large screens */
@media (min-width: 1200px) {
  .impl-card p {
    font-size: 16px;
  }
}

/* Touch device safety */
@media (hover: none) {
  .impl-card:hover {
    transform: none;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.08);
  }
}


/* ================================Industrial Water Recycling & Reuse======================= */

/* ----------------When Is Treated Water Reuse Required?--------------- */
.treated-p{
  margin-left: 100px;
}


/* ===================================================================================================== */
/* ---------------------------------Operational Environmental Compliance-------------------------------- */
/* ====================================================================================================== */

/* ==============Six-Monthly Environmental Clearance (EC) Compliance Reports================== */


.section-space {
  padding: 64px 20px;
  background: #79b679;
}

.heading-space {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 40px;
  color: #0f172a;
}

.ec-legal-grid {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 26px;
}

.ec-card {
  background: linear-gradient(180deg, #ffffff, #f0f9ff);
  border-radius: 18px;
  padding: 32px 28px;
  /* box-shadow: 0 10px 26px rgba(229, 230, 228, 0.158);
  transition: transform 0.3s ease, box-shadow 0.3s ease; */
}

/* Hover (desktop only) */
.ec-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 26px rgba(2, 95, 2, 0.582);
  
}


.ec-card h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 14px;
  color: #020617;
}

.ec-card p {
  font-size: 15.5px;
  margin-bottom: 10px;
  color: #475569;
  line-height: 1.6;
}

.ec-card ul {
  padding-left: 18px;
  margin: 0;
      list-style-type: disc;
}

.ec-card ul li {
  font-size: 15.5px;
  line-height: 1.7;
  color: #334155;
  margin-bottom: 6px;
}


/* Mobile */
@media (max-width: 576px) {
  .heading-space {
    font-size: 22px;
  }

  .ec-card {
    padding: 26px 22px;
  }

  .ec-card p,
  .ec-card ul li {
    font-size: 15px;
  }
}

/* iPad */
@media (min-width: 577px) and (max-width: 991px) {
  .heading-space {
    font-size: 26px;
  }
}

/* Large Screens */
@media (min-width: 1200px) {
  .ec-card p,
  .ec-card ul li {
    font-size: 16px;
  }
}

/* Touch Device Safety */
@media (hover: none) {
  .ec-card:hover {
    transform: none;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.08);
  }
}

/* <!-- --------------------- What Does an EC Compliance Report Cover?-------------- --> */

.ec-cover-ul{
  margin-left: 20px;
  font-size: 15px;
}
.ec-cover-ul ul{
  list-style-type: disc;
}
  
/* ---------------------------Execution Support for Post-Environmental Clearance (Post-EC) Compliance------ */

.section-space {
  padding: 64px 20px;
  background: rgba(242, 242, 242, 1);
  margin-top: 80px;
}

.heading-space {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #0f172a;
}

.post-ec-intro {
  max-width: 900px;
  margin: 0 auto 40px;
  text-align: center;
  font-size: 20px;
  line-height: 1.7;
  color: #475569;
}

/* Grid */
.post-ec-grid {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 26px;
}

/* Cards – Highlight Style */
.post-ec-card {
  background: linear-gradient(180deg, #ffffff, #f0f9ff);
  border-left: 6px solid #0ea5e9;
  border-radius: 18px;
  padding: 32px 28px;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.post-ec-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 44px rgba(13,95,2,0.582);
}

.post-ec-card h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #020617;
}

.post-ec-card p {
  font-size: 15.5px;
  line-height: 1.6;
  color: #334155;
}

/* CTA */
.post-ec-cta {
  margin-top: 44px;
  text-align: center;
}

.btn-primary-cta {
  display: inline-block;
  padding: 14px 26px;
  font-size: 15.5px;
  font-weight: 600;
  color: #ffffff;
  background: linear-gradient(90deg, #0ea5e9, #16a34a);
  border-radius: 999px;
  text-decoration: none;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.btn-primary-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

/* ===============================
   Responsive Adjustments
================================ */

/* Mobile */
@media (max-width: 576px) {
  .heading-space {
    font-size: 22px;
  }

  .post-ec-intro {
    font-size: 15px;
  }

  .post-ec-card {
    padding: 26px 22px;
  }

  .post-ec-card p {
    font-size: 15px;
  }
}

/* iPad */
@media (min-width: 577px) and (max-width: 991px) {
  .heading-space {
    font-size: 26px;
  }
}

/* Large Screens */
@media (min-width: 1200px) {
  .post-ec-card p {
    font-size: 16px;
  }
}

/* Touch Device Safety */
@media (hover: none) {
  .post-ec-card:hover,
  .btn-primary-cta:hover {
    transform: none;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.08);
  }
}

/* <!-- --------------------How Simplicomp Supports EC Compliance Reporting------------- --> */
.support-m{
  margin-left: 100px;
  color: rgb(0, 0, 0);
}

/* --------------------Related Operational Compliance Services (Secondary CTAs)------------------ */
.related-services {
  background: #f5f7fa;
  padding: 64px 20px;
}

.heading-space {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 40px;
  color: #0f172a;
}

/* 🔥 SAME DESIGN – ONLY 2 CARDS PER ROW */
.related-grid {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* ⬅️ 2 cards only */
  gap: 22px;
}

/* Card */
.related-card {
  display: block;
  padding: 18px 52px 18px 22px;
  background: linear-gradient(180deg, #ffffff, #f0f9ff);
  border-left: 5px solid #0ea5e9;
  border-right: 5px solid #15e90e;
   border-bottom: 5px solid #15e90e;
  border-top:5px solid #0ea5e9; 
  border-radius: 14px;
  text-decoration: none;
  color: #020617;
  font-weight: 600;
  font-size: 15.5px;
  box-shadow: 0 8px 22px #0ea4e94b;
  transition: all 0.3s ease;
  position: relative;

  /* ✅ ONE LINE TEXT */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.related-card:hover{
   border-left: 5px solid #15e90e;
    border-right: 5px solid #0ea5e9;
    border-bottom: 5px solid #0ea5e9;
    border-top:5px solid #15e90e;
}
/* Arrow */
.related-card::after {
  content: "→";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
}

/* Hover */
.related-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 36px rgba(14, 207, 7, 0.658);
}

/* 📱 Mobile – 1 card */
@media (max-width: 576px) {
  .related-grid {
    grid-template-columns: 1fr;
  }

  .heading-space {
    font-size: 22px;
  }

  .related-card {
    font-size: 14.5px;
  }
}

/* 📱 Tablet – still 2 cards */
@media (min-width: 577px) and (max-width: 991px) {
  .related-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ----------------CTE Condition Compliance (Pre-Operation Phase)----------- */

/* Section base */
.cte-compliance-section {
  background: #f8fafc;
  padding: 60px 16px;
}

.cte-container {
  max-width: 1100px;
  margin: auto;
}

/* Headings */
.cte-container h2 {
  font-size: 32px;
  text-align: center;
  color: #0f172a;
  margin-bottom: 14px;
}

.cte-intro {
  text-align: center;
  font-size: 16px;
  color: #475569;
  margin-bottom: 36px;
}

.sub-heading {
  font-size: 22px;
  color: #1e293b;
  margin-bottom: 20px;
}

/* Compliance grid */
.cte-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}

.cte-card {
  background: #ffffff;
  padding: 18px 20px;
  border-radius: 14px;
  font-size: 15.5px;
  color: #334155;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.cte-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.12);
}

/* Risk box */
.risk-box {
  background: #fff7ed;
  border-left: 6px solid #f97316;
  padding: 28px;
  border-radius: 16px;
}

.risk-box h3 {
  font-size: 22px;
  color: #9a3412;
  margin-bottom: 12px;
}

.risk-box p {
  font-size: 15.5px;
  color: #7c2d12;
  margin-bottom: 14px;
}

.risk-box ul {
  padding-left: 18px;
  margin-bottom: 16px;
  list-style-type: disc;
}

.risk-box li {
  font-size: 15px;
  color: #7c2d12;
  margin-bottom: 8px;
}

.risk-note {
  font-weight: 600;
}

/* 📱 Mobile */
@media (max-width: 576px) {
  .cte-container h2 {
    font-size: 22px;
  }

  .cte-grid {
    grid-template-columns: 1fr;
  }
}

/* 📱 iPad */
@media (min-width: 577px) and (max-width: 991px) {
  .cte-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .cte-container h2 {
    font-size: 26px;
  }
}

/* 💻 Large screens */
@media (min-width: 1200px) {
  .cte-card {
    font-size: 16px;
  }
}

/* Touch device safety */
@media (hover: none) {
  .cte-card:hover {
    transform: none;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  }
}

/* <!-- -----------------------CTO / CCA Condition Compliance (Operational Phase)----------- --> */
.cca-container h3{
  display: flex;
  justify-content: center;
 font-size: 30px;
 width: bold;
}

/* <!-- -----------------------Mandatory Monitoring & Reporting Obligations--------------- --> */
.mondatory-para{
  margin-left: 130px;
  margin-top: -20px;
  padding-bottom: 30px;
}

/* -------------------Statutory Returns & Forms Required------------------ */
.compliance-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #f1f1f1;
  border-left: 5px solid #f80115;
  padding: 14px 18px;
  border-radius: 10px;
  font-size: 15.5px;
  color: #2a0f10;
  max-width: 100%;
  margin-top: 50px;
}

.note-label {
  font-weight: 700;
  color: #ff0000;
  white-space: nowrap;
}

.note-text strong {
  color: #e90e0e;
}

/* 📱 Mobile */
@media (max-width: 576px) {
  .compliance-note {
    font-size: 14.5px;
    padding: 12px 14px;
  }
}

/* 💻 Large screen */
@media (min-width: 1200px) {
  .compliance-note {
    font-size: 16px;
  }
}

/* -------------------Need Support for CTE / CTO / CCA Compliance? -------------- */
#operational-heading{
  font-size: 20px;
}


/* =================Annual Fire Safety Compliance Reports================== */

/* <!-- ---------------Key Components of Annual Fire Safety Compliance---------------- --> */

.fire-compliance {
  background: #79b679;
  padding: 70px 20px;
}

.fire-container {
  max-width: 1000px;
  margin: 0 auto;
}

.fire-container h2 {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 40px;
  color: #0f172a;
}

.fire-container p{
    color: #0f172a;
  font-size: 20px;
}

/* Grid – 2 cards per row */
.fire-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 44px;
}

/* Card */
.fire-card {
  background: #ffffff;
  border-radius: 18px;
  padding: 26px 24px;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.fire-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(15, 133, 11, 0.377);
}

.fire-card h3 {
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 14px;
  color: #070707;
}

.fire-card ul {
  padding-left: 18px;
  list-style-type:disc;
  
}

.fire-card li {
  font-size: 15.5px;
  line-height: 1.6;
  color: #475569;
  margin-bottom: 8px;
}

/* 📱 Mobile – 1 card */
@media (max-width: 576px) {
  .fire-container h2 {
    font-size: 22px;
  }

  .fire-grid {
    grid-template-columns: 1fr;
  }

  .fire-card h3 {
    font-size: 17px;
  }

  .fire-card li {
    font-size: 14.5px;
  }
}

/* 📱 iPad – 2 cards */
@media (min-width: 577px) and (max-width: 991px) {
  .fire-container h2 {
    font-size: 26px;
  }

  .fire-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* 💻 Laptop & Large screens – 2 cards */
@media (min-width: 992px) {
  .fire-container h2 {
    font-size: 30px;
  }

  .fire-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* 🖥️ Extra Large */
@media (min-width: 1400px) {
  .fire-container {
    max-width: 1280px;
  }
}

/* Touch device safety */
@media (hover: none) {
  .fire-card:hover {
    transform: none;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.08);
  }
}

/* <!-- --------------- Inspection Risk & Consequences of Non-Compliance-------------- --> */


#legal-bgs{
  background-color:rgb(32, 40, 45);
  margin-top: 80px;
}
#legal-bgs h2{
  color: white;
  font-size: 42px;
  font-weight: bold;
  margin-bottom: 50px;
}

/* =======================Annual Factory Act Environmental Compliance============== */

.cca-services {
  width: 100%;
  background: #f5f7fa;
  padding: 70px 16px;
}

.cca-services-wrap {
  max-width: 1200px;
  margin: auto;
}

/* ========================
   Heading
======================== */
.cca-services h2 {
  text-align: center;
  font-size: 32px;
  margin-bottom: 40px;
  color: #1f3c88;
}

/* ========================
   Grid
======================== */
.services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* ========================
   Cards
======================== */
/* .service-card {
  background: #ffffff;
  padding: 26px 24px;
  border-radius: 14px;
  text-align: left;

  box-shadow: 0 8px 20p #;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
} */

.service-card h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #1e3a5f;
}

.service-card p {
  font-size: 15.5px;
  line-height: 1.6;
  color: #444;
}

/* .service-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.2);
} */

/* ========================
   📱 Mobile (max 767px)
======================== */
@media (max-width: 767px) {
  .cca-services {
    padding: 45px 14px;
  }

  .cca-services h2 {
    font-size: 22px;
    margin-bottom: 26px;
  }

  .services-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .service-card h3 {
    font-size: 16.5px;
  }

  .service-card p {
    font-size: 14.5px;
  }
}

/* ========================
   📱 iPad / Tablet (768–1024px)
======================== */
@media (min-width: 768px) and (max-width: 1024px) {
  .cca-services-wrap {
    max-width: 960px;
  }

  .services-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .cca-services h2 {
    font-size: 28px;
  }
}

/* ========================
   💻 Large Screens (1400px+)
======================== */
@media (min-width: 1400px) {
  .cca-services-wrap {
    max-width: 1400px;
  }

  .cca-services h2 {
    font-size: 36px;
  }

  .service-card h3 {
    font-size: 19px;
  }

  .service-card p {
    font-size: 16.5px;
  }
}

/* ========================
   Touch Devices Safety
======================== */
@media (hover: none) {
  .service-card:hover {
    transform: none;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
  }
}

/* ===================================================================================================== */
/* ==============================================EPR==================================================== */
/* ===================================================================================================== */

/* <!-- --------Who Requires Hazardous Waste Import Permission?------ --> */

.hazardous-para{
margin-left: 100px;
}

@media (max-width: 767px){
  .hazardous-para{
    margin: 0px;
  }
  .treated-p{
    margin: 0;
  }

}

/* ----------Import Approval Process & Timelines----- */
.time-line{
  font-size: 20px;
  font-weight: bold;
}

/* --Related Waste & Compliance Services-- */
.related-waste {
  margin: 80px 0px 0px;
  text-align: center;
}


.related-waste h2 {
  font-size: 42px;
  font-weight: bold;
  margin-bottom: 40px;
}

/* Buttons container */
.related-buttom {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  justify-content: center;
}

/* Buttons (assuming existing style) */
.btn-primary-cta {
  display: inline-block;
  padding: 14px 22px;
  background: #2e8b57;
  color: #ffffff;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

.btn-primary-cta:hover {
  background-color: #1e3a5f;
  transform: translateY(-3px);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18);
}

/* 📱 Mobile */
@media (max-width: 576px) {
  .related-waste h2 {
    font-size: 22px;
  }

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

/* 📱 iPad */
@media (min-width: 577px) and (max-width: 991px) {
  .related-waste h2 {
    font-size: 30px;
  }

  .btn-primary-cta {
    flex: 1 1 calc(50% - 10px);
  }
}

/* 💻 Laptop */
@media (min-width: 992px) {
  .btn-primary-cta {
    flex: 1 1 calc(25% - 14px);
  }
}

/* Touch device safety */
@media (hover: none) {
  .btn-primary-cta:hover {
    transform: none;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
  }
}

/* ========================Hazardous Waste Authorisation========= */
.renewal-dise{
  margin-left:30px;
  list-style-type: disc;
}

  /* <!-- ------Typical Timelines, Validity & Government Fees--- --> */

    .compliance-table-section {
    margin: 40px 0;
    padding: 80px 20px;
    text-align: center;
    background-color: #79b679;
}

.compliance-table-section h2 {
    font-size: 38px;
    font-weight: bold;
    margin-bottom: 35px;
}

/* Wrapper prevents overflow issues */
.table-wrapper {
    max-width: 1100px;
    margin: 0 auto;
    overflow-x: auto;
}

/* Table */
.compliance-table {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

/* Header */
.compliance-table thead {
    background: rgb(32, 40, 45);
    color: white;
}

.compliance-table th {
    padding: 16px;
    font-size: 15px;
    font-weight: 600;
}

/* Body */
.compliance-table td {
    padding: 16px;
    font-size: 15px;
    border-bottom: 1px solid #eeeeee;
}

.compliance-table tbody tr:last-child td {
    border-bottom: none;
}

/* Zebra Effect */
.compliance-table tbody tr:nth-child(even) {
    background: #fafafa;
}

/* Note */
.table-note {
    margin-top: 15px;
    font-size: 20px;
    color: #3b3a3a;
    text-align: left;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

/* 📱 Mobile Responsive */
@media (max-width: 576px) {

    .compliance-table-section h2 {
        font-size: 24px;
    }

    .compliance-table th,
    .compliance-table td {
        padding: 12px;
        font-size: 13px;
    }
}

/* 📱 Tablet */
@media (min-width: 577px) and (max-width: 991px) {

    .compliance-table-section h2 {
        font-size: 30px;
    }
}

/* <!-- --Why Hazardous Waste Authorisation Is Critical-- --> */

.hazardous-paras{
  color: white;
}

/* =================Extended Producer Responsibility (EPR) for Waste Tyres============== */

/* --Waste Tyre Recycling & Recovery Pathways-- */

.waste-tyre{
text-align: center;
}

/* ==============Extended Producer Responsibility (EPR) for Battery Waste========== */

/* <!-- --Key Obligations Under Battery Waste EPR Rules-- --> */

.battery-obligations-dark {
  background: rgb(32, 40, 45);
  padding: 75px 20px;
}

.battery-dark-container {
  max-width: 980px;
  margin: 0 auto;
}

/* Heading */
.battery-dark-container h2 {
  font-size: 30px;
  margin-bottom: 14px;
  color: #ffffff;
}

/* Intro */
.battery-dark-intro {
  font-size: 15.8px;
  line-height: 1.7;
  color: #cbd5f5;
  margin-bottom: 26px;
}

/* Panel */
.battery-dark-panel {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  padding: 22px 24px;
  margin-bottom: 24px;
}

/* List */
.battery-dark-panel ul {
  padding-left: 18px;
  list-style-type: disc;
}

.battery-dark-panel li {
  font-size: 15.2px;
  line-height: 1.65;
  color: #e5e7eb;
  margin-bottom: 6px;
}

/* Warning Text */
.battery-dark-warning {
  font-size: 15.4px;
  line-height: 1.7;
  color: #f1f5f9;
  border-left: 3px solid #22c55e;
  padding-left: 12px;
}

/* 📱 Mobile */
@media (max-width: 576px) {

  .battery-dark-container h2 {
    font-size: 22px;
  }

  .battery-dark-intro,
  .battery-dark-panel li,
  .battery-dark-warning {
    font-size: 14.4px;
  }

  .battery-dark-panel {
    padding: 18px;
  }
}

/* 📱 Tablet */
@media (min-width: 577px) and (max-width: 991px) {
  .battery-dark-container h2 {
    font-size: 26px;
  }
}

/* 💻 Large Screen */
@media (min-width: 1200px) {
  .battery-dark-container h2 {
    font-size: 32px;
  }
}

/* =====EPR Annual Returns & Compliance ==== */

/* <!-- --Common Challenges in EPR Reporting-- --> */
.common-challenges{
 color:#9FE870;
}

/* ====Bio-Medical Waste Authorisation==== */
/* <!-- --Responsibilities of the Occupier (Healthcare Facility)--- --> */

.yellow{
  background-color: rgb(255, 255, 0);
}

/* <!-- ----Who Requires Plastic Waste EPR Registration?---- --> */

.requires-plastic{
  color: #555;
  font-size: 17px;
}

.audit-timeline{
  margin-top: 80px;
}

/* ==Extended producer Responsibility for electronic waste== */

/* --Timelines, Validity & Compliance Cycle-- */

.ec-para{
  color: white;
}

/* ======================================================================================================== */
               /* ==============7 Monitoring, Reporting & Audits======================== */
/* ======================================================================================================== */

/* ===========================1 Environmental Monitoring Coordination=============================== */



/* ---Key Post-EC Compliance Activities We Support--- */


.monitoring-coordination-section {
  padding: 80px 20px 10px;
  background: #ffffff;
}

.monitoring-container {
  max-width: 1100px;
  margin: 0 auto;
}

/* Heading */
.monitoring-container h2 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 12px;
  color: #1f2933;
}

/* Intro */
.monitoring-intro {
  font-size: 16px;
  line-height: 1.7;
  color: #4b5563;
  margin-bottom: 40px;
  max-width: 850px;
}

/* Grid Layout */
.monitoring-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}

/* Cards */
.monitoring-card {
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 22px;
  background: #ffffff;
  transition: 0.25s ease;
}

.monitoring-card:hover {
  border-color: #2c2e33;
  transform: translateY(-2px);
}

/* Card Heading */
.monitoring-card h3 {
  font-size: 17px;
  margin-bottom: 8px;
  color: #111827;
}

/* Card Text */
.monitoring-card p {
  font-size: 15.2px;
  line-height: 1.65;
  color: #4b5563;
}

/* CTA Link */
.monitoring-link {
  display: inline-block;
  margin-top: 10px;
  font-size: 14.8px;
  color: #2563eb;
  text-decoration: none;
}

.monitoring-link:hover {
  text-decoration: underline;
}

/* 📱 Mobile */
@media (max-width: 576px) {

  .monitoring-container h2 {
    font-size: 22px;
  }

  .monitoring-intro {
    font-size: 14.5px;
  }

  .monitoring-grid {
    grid-template-columns: 1fr;
  }

  .monitoring-card {
    padding: 18px;
  }

  .monitoring-card h3 {
    font-size: 15.5px;
  }

  .monitoring-card p {
    font-size: 14.2px;
  }
}

/* 📱 Tablet */
@media (min-width: 577px) and (max-width: 991px) {

  .monitoring-container h2 {
    font-size: 26px;
  }

  .monitoring-grid {
    grid-template-columns: 1fr;
  }
}

/* 💻 Large Screen */
@media (min-width: 1200px) {

  .monitoring-container h2 {
    font-size: 36px;
  }
}

/* ------Form IV Structure (As Per Official Format)------- */

.formiv-structure {
  /* padding:0px 20px; */
  background: rgb(32, 40, 45);
  margin-top: 80px;
}

.formiv-structure h2 {
  text-align: center;
  font-size: 34px;
  font-weight: bold;
  margin-bottom: 40px;
  color:white;
 text-shadow: 10px 10px 5px  #8adb6a;
 padding: 20px 0px;
}


/* Card */
.formiv-card {
  max-width: 850px;
  margin: auto;
  background: white;
  border-radius: 18px;
  padding: 35px 40px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  transition: 0.3s ease;
  border: 1px solid #e2e8f0;
}

.formiv-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
}

/* Heading */
.formiv-card h3 {
  font-size: 22px;
  margin-bottom: 12px;
  color: #1e293b;
}

/* Intro */
.intro-text {
  font-size: 15.5px;
  margin-bottom: 12px;
  color: #475569;
}

/* List */
.formiv-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.formiv-card li {
  font-size: 15.5px;
  padding: 10px 0;
  border-bottom: 1px solid #f1f5f9;
  color: #334155;
  position: relative;
  padding-left: 26px;
}

/* Custom bullet */
.formiv-card li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #6366f1;
  font-size: 14px;
}

/* Remove last border */
.formiv-card li:last-child {
  border-bottom: none;
}

/* 📱 Mobile */
@media (max-width: 576px) {

  .formiv-structure h2 {
    font-size: 24px;
  }

  .formiv-card {
    padding: 25px 22px;
  }

  .formiv-card h3 {
    font-size: 19px;
  }

  .formiv-card li {
    font-size: 15px;
  }
}

/* 📱 iPad */
@media (min-width: 577px) and (max-width: 991px) {

  .formiv-structure h2 {
    font-size: 28px;
  }
}

/* 💻 Large Screen */
@media (min-width: 1200px) {

  .formiv-card {
    padding: 40px 50px;
  }
}

/* Touch device safety */
@media (hover: none) {
  .formiv-card:hover {
    transform: none;
  }
}

/* <!-- ---Role of Testing in Compliance Reporting & Audits--- --> */

.btn-dark-cta {
  display: inline-block;
  background-color:#2e8b57;
  color: white;
  padding: 14px 26px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 15.5px;
  font-weight: 500;
  transition: 0.3s ease;
  border: 1px solid transparent;
  margin-top:35px ;
}

.btn-dark-cta:hover {
  background-color:#1e3a5f; 
  transform: translateY(-2px);
  border-color: rgba(255, 255, 255, 0.2);
}



/* ===Annual Environmental Statement (Form V)=== */

/* ---H2: PART B — Resource Consumption--- */
#part-b-resource{
  display: flex;
  gap: 20px;
}

/* ============Last edit========== */

/* Desktop */
#understanding-margin-botton{
  margin-bottom: -50px;
}

/* Tablet */
@media (max-width: 992px){
  #understanding-margin-botton{
    margin-bottom: -30px;
  }
}

/* Mobile */
@media (max-width: 576px){
  #understanding-margin-botton{
    margin-bottom: -15px;
  }
}

#margin-mange{
  margin-top: 0px;
}
#margin-mange{
  margin-top: 0;
}

/* iPad / Tablet */
@media (max-width:1024px){
  #margin-mange{
    margin-top: 0;
  }
}

/* Mobile */
@media (max-width:640px){
  #margin-mange{
    margin-top: 0;
  }
}