@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');body {
    font-family: "Source Sans 3", sans-serif;
   
}
html, body {
  height: 100%;
  margin: 0;        /* remove the default 8px body margin */
  padding: 0;
  background: var(--page-bg, #ffffff); /* keep your page background */
  overflow-x: hidden; /* avoids accidental horizontal scroll */
}


/* ------------ BASIC STRUCTURE ------------ */

.pedison-testimonial {
  padding: 60px 0;
  background-color: #f2f4f5;
}

.pedison-container {
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
  text-align: center;
}

.pedison-label {
  font-size: 24px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 600;
  color: #00aae8;
}

.pedison-title {
  margin-top: -10px;
  font-size: 42px;
  font-weight: 500;
}

/* ------------ MAIN CARD SLIDER ------------ */

.pedison-main {
  position: relative;
  overflow: hidden;
  min-height: 380px;
}

.pedison-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
}
/* Only active slide visible */
.pedison-slide.pedison-active {
  opacity: 1;
  position: relative;
}
.pedison-card {
  background: #fff;
  border: 1px solid #efefef;
  border-radius: 20px;
  padding: 50px;

  display: flex;
  gap: 40px;
  align-items: center;
  position: relative;
  text-align: left;
}

.pedison-img {
  width: 250px;
  height: 250px;
  border-radius: 20px;
  overflow: hidden;
}

.pedison-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pedison-text {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 25px;
  color: #2e2e2e;
  max-width: 800px;
  text-align: left;
 
}

.pedison-name {
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 10px;
}

.pedison-role {
  font-size: 14px;
  color: #666;
}

/* Stars */
.pedison-stars {
  position: absolute;
  right: 50px;
  bottom: 40px;
  font-size: 20px;
  color: #2160ff;
}

/* ------------ THUMBNAILS ------------ */

.pedison-thumb-row {
  margin-top: 45px;
  display: flex;
  justify-content: center;
  gap: 25px;
  align-items: center;
}

.pedison-thumb {
  width: 120px;
  height: 120px;
  border-radius: 15px;
  border: 2px solid transparent;
  cursor: pointer;
  overflow: hidden;
  transition: .3s;
}

.pedison-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pedison-active-thumb {
  border-color: #2160ff;
}

/* Arrows */
.pedison-btn {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 2px solid #efefef;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 20px;
  transition: .3s;
  user-select: none;
}

.pedison-btn:hover {
  background: #2160ff;
  color: #fff;
}

/* ------------ RESPONSIVE ------------ */

@media (max-width: 1008px){
  .pedison-card {
    flex-direction: column;
    text-align: center;
  }

  .pedison-stars {
    position: static;
    margin-top: 15px;
  }
}


/* Wrapper */
.pedison-about-section {
  padding: 100px 0;
  background-color: #ffffff;
}

.pedison-about-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 70px;
}

/* Left images */
.pedison-about-media {
  flex: 1;
  position: relative;
  min-width: 0;
}

.pedison-about-main-box {
  width: 100%;
  max-width: 500px;  
  height: 600px;        /* roughly like screenshot */
  aspect-ratio: 747 / 502;
  background: #d4d4d4;

}
.pedison-about-main-box img {
  width: 100%;
  max-width: 500px;
  height: 600px;          /* roughly like screenshot */
  aspect-ratio: 747 / 502;
  object-fit:cover;
}

.pedison-about-sub-box img{
  position: absolute;
  left: -80px;                   /* adjust position */
  bottom: -50px;                /* adjust spacing relative to large box */
  width: 265px;
  height: 259px;
  background: #d4d4d4;

  overflow: hidden;

  border: 6px solid #ffffff;   /* Perfect clean white border */

  
 
  display: flex;
  justify-content: center;
  align-items: center;

  font-size: 32px;
  font-weight: 700;
  color: #111;
  transition: 0.3s ease;
}

/* Optional hover polish (remove if not needed) */
.pedison-about-sub-box:hover {
  transform: translateY(-4px);
  box-shadow: 
      0px 40px 60px rgba(0,0,0,0.14),
      0px 10px 28px rgba(0,0,0,0.08);
}


/* Placeholder text inside boxes (remove when you put real images) */
.pedison-about-main-box,
.pedison-about-sub-box img{
  display: flex;
  justify-content: center;
  align-items: center;
  color: #111111;
  font-size: 46px;
  font-weight: 600;
}

/* Right content */
.pedison-about-content {
  flex: 1.1;
}

.pedison-about-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #00aae8;
  margin-bottom: 12px;
}

.pedison-about-label-bar {
  width: 100px;
  height: 10px;
  background: #00aae8;
}

.pedison-about-eyebrow {
  color: #00aae8;
}

.pedison-about-title {
  font-size: 44px;
  line-height: 1.15;
  font-weight: 400;
  color: #111827;
  margin: 0 0 18px;
}

.pedison-about-text {
  font-size: 18px;
  line-height: 28px;
  color: #2e2e2e;
  margin: 0 0 26px;
  text-align: left;
  
}

/* Contact + founder row */
.pedison-about-info-row {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-bottom: 32px;
}

/* Phone block */
.pedison-about-call {
  display: flex;
  align-items: center;
  gap: 18px;
  padding-right: 40px;
  border-right: 1px solid #e5e7eb;
}

.pedison-about-call-icon {
  width: 70px;
  height: 70px;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: #00aae8;
}

.pedison-about-call-text {
  text-align: left;
}

.pedison-about-call-label {
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 600;
  color: #6b7280;
  margin-bottom: 4px;
}

.pedison-about-call-number {
  font-size: 20px;
  font-weight: 700;
  color: #00aae8;
}

/* Founder block */
.pedison-about-founder {
  display: flex;
  align-items: center;
  gap: 14px;
}

.pedison-about-founder-avatar {
  width: 60px;
  height: 60px;
  border-radius: 999px;
  background: #d1d5db;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #111827;
}

.pedison-about-founder-text {
  text-align: left;
}

.pedison-about-founder-role {
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #6b7280;
  margin-bottom: 3px;
}

.pedison-about-founder-name {
  font-size: 18px;
  font-weight: 700;
  color: #111827;
}

/* Button */
.pedison-about-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  padding: 16px 34px;
  border-radius: 6px;
  background: #00aae8;
  color: #ffffff;
  font-weight: 600;
  font-size: 18px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background 0.25s ease, transform 0.15s ease;
}

.pedison-about-btn span {
  margin-left: 8px;
}

.pedison-about-btn:hover {
  background: #065202;
  transform: translateY(-1px);
}

/* Responsive */
@media(max-width: 1350px) {
  .pedison-about-sub-box img {
    left: 20px;
    bottom: -30px;
    width: 220px;
    height: 240px;
}
}
@media (max-width: 992px) {
  .pedison-about-container {
    flex-direction: column;
    text-align: center;
  }

  .pedison-about-card,
  .pedison-about-info-row {
    justify-content: center;
  }

  .pedison-about-content {
    text-align: center;
  }

  .pedison-about-call {
    border-right: none;
    padding-right: 0;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 18px;
    margin-bottom: 18px;
  }

  .pedison-about-info-row {
    flex-direction: column;
    gap: 18px;
  }

  .pedison-about-call-text,
  .pedison-about-founder-text {
    text-align: left;
  }
  .pedison-about-sub-box img{
    left: calc(10% - 110px);
    bottom: -30px;
    width: 220px;
    height: 240px;
  }
  .pedison-about-main-box {
    width: 800px;
  }
}

@media (max-width: 640px) {
  
  .pedison-about-sub-box img{
    left: 20px;
    bottom: -30px;
    width: 220px;
    height: 240px;
  }
  .pedison-about-title {
    font-size: 32px;
  }
}
@media(max-width:530px){
  .pedison-about-sub-box img{
    display: none;
    
  }
  .pedison-about-main-box{
    width: 300px;
    height: 300px;
    
  }
   .pedison-about-main-box img{
    height: 300px;
}
}


    .container {
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
      max-width: 1170px;
    }
   .main-p p{
        font-size: 18px;
        color: #2e2e2e;
        
        text-align: left;
        margin-top: 50px;
        margin-bottom: 0px;
        margin-left: 20px;
        margin-right: 20px;
        line-height: 1.3;

    }
    
.infographic-section { background: #ffffff; 
  padding: 60px 20px;
 }
.container { max-width: 1200px; margin: 0 auto; }

/* common item styling */
.row { display: flex; gap: 30px; margin-bottom: 30px; flex-wrap: wrap; align-items: flex-start; }
.infographic-item { flex: 1 1 0; max-width: 360px; display: flex; justify-content: center; }
.infographic-item img { width: 100%; height: auto; border-radius: 8px; ; transition: transform .25s ease; }
.infographic-item img:hover { transform: translateY(-6px); }

/* Row 1 should behave as a 3-column grid on desktop */
.row-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  justify-items: center;
  margin-bottom: 40px;
}

/* Row 2: center two items */
.row-2 {
  display: flex;
  justify-content: center; /* centers the two items horizontally */
  gap: 40px;
  margin-top: 10px;
  margin-bottom: 0;
}

/* make sure the items in row-2 don't stretch too wide */
.row-2 .infographic-item { flex: 0 0 auto; }

/* Responsive breakpoints */
@media (max-width: 992px) {
  /* 2 columns for first row on tablet */
  .row-3 { grid-template-columns: repeat(3, 1fr); }
  /* row-2 becomes two columns side-by-side, centered */
  .row-2 { gap: 20px; }
}

@media (max-width: 850px) {
  /* stack everything single column on small screens */
  .row-3 { grid-template-columns: 1fr; }
  .row-2 { flex-direction: column; align-items: center; gap: 16px; }
  .infographic-item { max-width: 100%; }
}


  /* Button Container */
  .button-group {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
    background-color: #ffffff;
  }

  /* Buttons */
  .loan-btn {
    background-color: #5cb85c; /* Default Green */
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 12px 35px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 20px;
  }

  /* Different colors for each button */
  .loan-btn:nth-child(1) {
    background-color: #1da8e0; 
  }
  .loan-btn:nth-child(2){
     background-color: #1da8e0; 

  }
  .loan-btn:nth-child(3) {
    background-color: #1da8e0; 
  }

  /* Hover effect */
  .loan-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
     background-color: #065202; 
  }

  /* Responsive */
  @media (max-width: 768px) {
    .button-group {
      flex-direction: column;
      gap: 15px;
    }
  }




  


.table-section {
  padding: 20px;
  display: flex;
  justify-content: center;
  overflow-x: auto;
  margin-bottom: 20px;
}

/* horizontal scroll wrapper */
.table-wrapper {
  overflow-x: auto;
  /* enables horizontal scroll */
  -webkit-overflow-scrolling: touch;
  /* smooth scrolling on iOS */
}

/* make table size to its content so wrapper scrolls */
.responsive-table {
  border-collapse: collapse;
  width: 900px;

  table-layout: auto;
}

/* cells */
.responsive-table th,
.responsive-table td {
  border: 1px solid #35582a;
  padding: 12px;
  text-align: left ;
  white-space: nowrap;
  /* keep columns on one line, so horizontal scroll happens */
  background: #f5fdff;
}

/* big heading row */
.responsive-table thead tr:first-child th {
  background-color: #35582a;
  color: #fff;
  text-align: center;
  font-size: 16px;
}

/* normal column headings */
.responsive-table thead tr:nth-child(2) th {
  background-color: #377950;
  color: #ffffff;
  position: sticky;
  top: 0;
  /* keep header row visible when vertically scrolling */
  z-index: 4;
}

/* STICKY first column (S.No) */
.responsive-table thead tr:nth-child(2) th:first-child,
.responsive-table tbody td:first-child {
  position: relative;
  left: 0;
  background: #f5fdff;
  /* set solid background to avoid overlap transparency */
  z-index: 5;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.05);
  /* subtle separation when scrolling */
}

.responsive-table thead tr:nth-child(2) th:first-child,
.responsive-table tbody th {
  position: relative;
  left: 0;
  background: #377950;
  /* set solid background to avoid overlap transparency */
  z-index: 5;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.05);
  /* subtle separation when scrolling */
}

.table-section table tbody tr td {
  text-align: left;
}

.badge-section {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* 4 images in a row */
  gap: 20px;
  /* space between badges */
  align-items: center;
  justify-items: center;
  padding: 20px;
}

.badge-section img {
  width: 150px;
  height: auto;
  object-fit: contain;
}

/* Tablet screens */
@media (max-width: 992px) {
  .badge-section {
    grid-template-columns: repeat(2, 1fr);
    /* 2 per row */
  }
}

/* Mobile screens */
@media (max-width: 576px) {
  .badge-section {
    grid-template-columns: repeat(1, 1fr);
    /* 1 per row */
  }
}

.description-copyright {
  color: #2e2e2e;
  line-height: 1.6;
  padding-top: 20px;
  padding-bottom: 30px;
  margin-bottom: 0px;
  font-size: 16px;
 
  font-style: italic;
  text-align: center;
  background-color: #ffffff;
}
.description {
  color: #2e2e2e;
  line-height: 1.6;
  margin-bottom: 15px;
  font-size: 18px;
  
  text-align: left;
  padding-top: 30px;
}



.pedison-about-main-box-2 {
  width: 100%;
  height: 600px;
  max-width: 500px;  
        /* roughly like screenshot */
  aspect-ratio: 747 / 502;
  background: #d4d4d4;

}
.pedison-about-main-box-2 img {
  width: 100%;
  height: 600px;
  max-width: 500px;
           /* roughly like screenshot */
  aspect-ratio: 747 / 502;
  object-fit:cover;
}

.pedison-about-sub-box-2 img{
  position: absolute;
  left: -60px;                   /* adjust position */
  bottom: -50px;                /* adjust spacing relative to large box */
  width: 250px;
  height: 220px;
  background: #d4d4d4;

  overflow: hidden;

  border: 6px solid #ffffff;   /* Perfect clean white border */

  
 
  display: flex;
  justify-content: center;
  align-items: center;

  font-size: 32px;
  font-weight: 700;
  color: #111;
  transition: 0.3s ease;
}

/* Optional hover polish (remove if not needed) */
.pedison-about-sub-box-2:hover {
  transform: translateY(-4px);
  box-shadow: 
      0px 40px 60px rgba(0,0,0,0.14),
      0px 10px 28px rgba(0,0,0,0.08);
}


/* Placeholder text inside boxes (remove when you put real images) */
.pedison-about-main-box-2,
.pedison-about-sub-box-2 img{
  display: flex;
  justify-content: center;
  align-items: center;
  color: #111111;
  font-size: 46px;
  font-weight: 600;
}

@media(max-width:620px){
 
.pedison-about-sub-box-2 img{
  display: none;
}
}

.info2 {
  background-color: #f9fbfd;
  padding: 40px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
 .info-img {
  width: 100%;
  max-width: 1200px;  /* optional: limits image width on large screens */
  margin: 50px auto;     /* centers image horizontally */
  text-align: center;
  padding: 20px 0;
}

.info-img img {
  width: 100%;        /* makes image scale to parent width */
  height: auto;       /* keeps correct proportions */
  object-fit: contain;/* ensures full image fits inside */
  display: block;
}
.info-heading {
  font-size: 28px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 20px;
  text-align: center;
  letter-spacing: 0.5px;
}


.harvest-section {
    background-color: #f7f8f9;  /* Full-width background */
    width: 100%;                /* Ensure full width */
    padding: 40px 0;  
    display: flex;          /* Top/bottom space for the whole block */
}

.container-crm {
     max-width: 1200px;
  margin: auto;
  padding: 0 20px;        /* Inner spacing */
    color: var(--text-color);
}

.harvest-section1 {
  background: transparent;
  padding: 40px 10px;
  margin: 0 auto 0px;
  color: var(--text-color);
  max-width: 1200px;
}

.harvest-inner {
  max-width: var(--max-width);
  margin: 0 auto;
}

.harvest-title {
  margin: 0 0 7px;
  color: var(--heading-green);
  font-weight: 400;
  font-size: 28px;
  line-height: 1.06;
}

.harvest-paragraph {
  font-size: 18px;
  color:#2e2e2e;
  line-height: 1.4;
  margin: 0 0 18px;
  max-width: 100%;
}

/* desktop layout */
.harvest-gallery {
  margin-top: 22px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: repeat(2, auto);
  gap: 12px;
  align-items: stretch;
}

.hg-left { grid-column: 1 / 2; grid-row: 1 / 3; }      /* large left spans 2 rows */
.hg-mid-top { grid-column: 2 / 3; grid-row: 1 / 2; }
.hg-mid-bottom { grid-column: 2 / 3; grid-row: 2 / 3; }
.hg-right { grid-column: 3 / 4; grid-row: 1 / 3; }     /* large right spans 2 rows */

.harvest-gallery img {
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  box-shadow: 0 8px 24px rgba(18,34,18,0.06);
}

.hg-left, .hg-right {
  min-height: 320px;
}
.hg-mid-top, .hg-mid-bottom {
  min-height: 150px;
}

.spacer { height: 16px; }

/* ======  TABLET: ≤ 980px  ====== */
/* row 1: left + right  |  row 2: top + bottom */
@media (max-width: 980px) {
  .harvest-gallery {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
  }

  /* Row 1 */
  .hg-left {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    min-height: 260px;
  }
  .hg-right {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    min-height: 260px;
  }

  /* Row 2 */
  .hg-mid-top {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    min-height: 200px;
  }
  .hg-mid-bottom {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    min-height: 200px;
  }
}

/* ======  MOBILE: ≤ 560px  ====== */
/* all 4 images in single column */
@media (max-width: 560px) {
  .harvest-title { font-size: 26px; }

  .harvest-gallery {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, auto);
  }

  .hg-left,
  .hg-mid-top,
  .hg-mid-bottom,
  .hg-right {
    grid-column: 1 / -1;
    min-height: 180px;
  }

  .harvest-paragraph {
    font-size: 18px;
    line-height: 1.7;
  }
}




.why-choose-us {
  background-color: #ffffff;
  padding: 20px 0;
 
}

.why-choose-us .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 40px;
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
}
.info2 {
  background-color: #f9fbfd;
  padding: 40px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.info2-lc {
  background-color: #ffffff;
  padding: 0px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

  .lc-info-img {
  width: 100%;
  max-width: 1200px;  /* optional: limits image width on large screens */
  margin: 0px auto;     /* centers image horizontally */
  text-align: center;
  padding: 0px 0;
}

.lc-info-img img {
  width: 100%;        /* makes image scale to parent width */
  height: auto;       /* keeps correct proportions */
  object-fit: contain;/* ensures full image fits inside */
  display: block;
}



 .hero-banner {
  position: relative;
  width: 100%;
  height: 750px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
}

.hero-overlay {
  position: absolute;
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0;
  background: rgba(0, 0, 0, 0.115);
}

.hero-content {
  position: relative;
  z-index: 1;
  max-width: 900px;
  padding: 0 20px;
  justify-content: left;
  text-align: left;
  
  
}

.hero-content h1 {
  font-size: 64px;
  margin-bottom: 10px;
  font-weight: 700;
  text-transform: normal;
  letter-spacing: 1px;
  padding-top: 300px;
  line-height: 60px;
  
}

.hero-content p {
  font-size: 16px;
  font-weight: 400;
  margin-top: 0;
}

     
/* Responsive */
@media (max-width: 768px) {
  .hero-banner {
    height: 480px;
  }

  .hero-content h1 {
    font-size: 58px;
    line-height: 50px;
    padding-top: 100px;
  }
}
  .page-container {
      max-width: 1100px;
      margin: 0 auto;
      padding: 0px 20px;
    }

    /* ===== PAGE HEADER ===== */
    .page-header {
      text-align: left;
      margin-bottom: 20px;
      margin-top: 20px;
    }

    .page-header h1 {
      font-size: 38px;
      font-weight: 400;
      color: #222;
      margin-bottom: 30px;
      margin-top: 50px;
      line-height: 1;
    }



    
    

 


    .Sectoral-Impacts-container {
      display: grid;
      grid-template-columns: repeat(3, 300px);
      gap: 40px;
      max-width: 1200px;
      margin: 0 auto;
      padding-bottom: 30px;
      padding-left: 20px;
    }

    .Sectoral-Impacts {
       background: white;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-between;  /* ✅ ensures footer always at bottom */
  width: 300px; 
  min-height: 180px;
    }

    .Sectoral-Impacts h3 {
      margin: 0 0 10px;
      font-size: 20px;
      color: #222;
    }

    .Sectoral-Impacts p {
      font-size: 16px;
      font-weight: 400;
      color: #444;
      line-height: 1.5;
      padding: 15px;
    }


  
    .Sectoral-Impacts-header {
            height: 60px !important;
            background: 	#77d1f0;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        
            text-align: center;
            padding: 20px;
        }

        .Sectoral-Impacts:nth-child(2) .Sectoral-Impacts-header {
            background: 	#8dcebb;
        }

        .Sectoral-Impacts:nth-child(3) .Sectoral-Impacts-header {
            background: #70bd61;
        }

        .Sectoral-Impacts:nth-child(4) .Sectoral-Impacts-header {
          background: #a5d06b;  
        }
   .Sectoral-Impacts-footer {
  height: 10px; /* ✅ fixed height for consistency */
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  font-weight: 600;
  color: white;
  margin-top: auto; /* ✅ pushes footer down */
    }
    .Sectoral-Impacts:nth-child(1) .Sectoral-Impacts-footer { background: #77d1f0; }
    .Sectoral-Impacts:nth-child(2) .Sectoral-Impacts-footer { background: #8dcebb; }
    .Sectoral-Impacts:nth-child(3) .Sectoral-Impacts-footer { background: #70bd61; color: #333; }
    .Sectoral-Impacts:nth-child(4) .Sectoral-Impacts-footer { background: #a5d06b; }
    

@media(max-width:1305px){
  .Sectoral-Impacts-container {
      display: grid;
      grid-template-columns: repeat(2, 400px);
      gap: 20px;
      max-width: 800px;
      margin: 0 auto;
    }
      .Sectoral-Impacts{
        width: 400px;
      }
}
@media(max-width:888px){
  .Sectoral-Impacts-container {
      display: grid;
      grid-template-columns: repeat(2, 300px);
      gap: 20px;
      max-width: 500px;
      margin-left: 50 ;
      align-items: center;
    }
      .Sectoral-Impacts{
        width: 300px;
      }
}


@media(max-width:768px){
  .Sectoral-Impacts-container {
      display: grid;
      grid-template-columns: repeat(1, 500px);
      gap: 20px;
      max-width: 500px;
      margin-left: 0 ;
      align-items: center;
    }
      .Sectoral-Impacts{
        width: 500px;
      }
}

@media(max-width:559px){
  .Sectoral-Impacts-container {
      display: grid;
      grid-template-columns: repeat(1, 400px);
      gap: 20px;
      max-width: 400px;
      margin: auto ;
      align-items: center;
    }
      .Sectoral-Impacts{
        width: 400px;
      }
    }
@media(max-width:467px){
  .Sectoral-Impacts-container {
      display: grid;
      grid-template-columns: repeat(1, 300px);
      gap: 20px;
      max-width: 300px;
      margin: auto ;
      align-items: center;
    }
      .Sectoral-Impacts{
        width: 300px;
      }
    }


      .content-section p {
      margin-bottom: 15px;
      font-size: 18px;
    
      color: #2e2e2e;
      text-align: justify;
      line-height: 1.5;
    }

    @media (max-width: 768px) {
      .page-header h1 {
        font-size: 30px;
        text-align: center;
      }

     

      .content-section p {
        text-align: left;
      }
    }

 .img-wrap { max-width:720px; width:65%; }
/* Wrapper */
.smart-wrapper {
  display: inline-flex;
  flex-direction: column;
  gap: 6px;
}

/* SMART + dots side-by-side */
.smart-block {
  display: flex;
  align-items: flex-start;
}

/* SMART text */
.smart-text {
  display: flex;
  gap: 6px;
}

.smart-text span {
  font-family: "Anton";  
  font-size: 120px;
  font-weight: 400;
  line-height: 0.9;
}

/* letter colors */
.s { color: #F0A020; }
.m { color: #E54C40; }
.a { color: #6B55A5; }
.r { color: #1DB7D4; }
.t { color: #7FB649; }

/* letter colors */
.smart-s { color: #c1c1c1; }
.smart-m { color: #c1c1c1; }
.smart-a { color: #c1c1c1; }
.smart-r { color: #c1c1c1; }
.smart-t { color: #c1c1c1; }

/* RIGHT-SIDE DOTS */
.smart-dots {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 18px;
  margin-top: 12px;
  gap: 5px;
}

.dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
}

/* dot colors */
.dot1 { background: #F0A020; }
.dot2 { background: #E54C40; }
.dot3 { background: #6B55A5; }
.dot4 { background: #1DB7D4; }
.dot5 { background: #7FB649; }

/* FRAMEWORK text */
.framework {
  font-size: 28px;
  letter-spacing: 4px;
  margin-left: 6px;
  color: #333;
  text-transform: uppercase;
}
.framework h1 {
  font-size: 28px;
  letter-spacing: 4px;
  margin-left: 6px;
  color: #000000;
  text-transform: uppercase;
  font-weight: 400;
}
.bic-about-section {
  padding: 60px 0 0px 0;
  background-color: #ffffff;
}

.bic-about-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0px;
  display: flex;
  align-items: center;
  gap: 70px;
}



 :root{
      --accent-orange: #f39c2f; /* heading color */
      --diamond-bg: #e6f6d9;
      --diamond-border: #c6e69b;
      --text: #222;
      --muted: #666;
      --max-w: 920px;
    }

    *{box-sizing:border-box}

    .section {
      max-width: var(--max-w);
      margin: 0 auto;
      padding: 18px;
    }

    .section .heading {
      color: var(--accent-orange);
      font-family: 'Source Sans 3', sans-serif;
      font-weight:600;
      letter-spacing: .6px;
      font-size: 28px;
      text-transform: uppercase;
      margin-bottom: 18px;
      display:inline-block;
    }

    .steps {
      display: grid;
      grid-template-columns: 44px 1fr; /* left column for diamonds, right for content */
      gap: 18px 28px;
      align-items: start;
    }

    /* Each step occupies both columns: left diamond + right content.
       We'll use a wrapper that spans full width but places diamond in column 1. */
    .step {
      display: contents; /* allow children to participate in grid cells */
    }

    .step-badge {
      grid-column: 1;
      justify-self: center;
      align-self: start;
      width: 38px;
      height: 38px;
      transform: rotate(45deg); /* diamond shape */
      background: var(--diamond-bg);
      border: 2px solid var(--diamond-border);
      border-radius: 6px;
      display:flex;
      align-items:center;
      justify-content:center;
      margin-top: 6px;
      box-shadow: 0 1px 0 rgba(0,0,0,0.04);
    }

    .step-badge span {
      transform: rotate(-45deg); /* rotate number back upright */
      font-weight:700;
      color: #2b6b2a;
      font-size: 14px;
      font-family: 'Source Sans 3', sans-serif;
    }

    .step-content {
      grid-column: 2;
    }

    .step-title {
      margin: 0 0 8px 0;
      font-weight: 400;
      font-size: 28px;
      color: #111;
      font-family: 'Source Sans 3', sans-serif;
    }

    .step-desc {
      margin: 0;
      color: var(--muted);
      line-height: 1.65;
      font-size: 18px;
      color: #2e2e2e;
    }

    /* add spacing between the four steps */
    .step + .step { }

    /* Responsive: on small screens stack badge above the content */
   /* Responsive: KEEP the same layout even on small screens */
@media (max-width: 720px) {

  .steps {
    grid-template-columns: 44px 1fr; /* keep badge left, text right */
    gap: 14px 22px; /* slightly tighter spacing */
  }

  .step-badge {
    width: 38px;
    height: 38px;
    margin-top: 4px;
  }

  .step-content {
    padding-top: 2px;
  }


}


    .section-inner {
      padding-left: 6px;
    }

.bic-section1 {
    background: transparent;
    padding: 20px 10px;
   margin: 0 auto 0px;
    color: var(--text-color);
    max-width: 1200px;
   
  }
/* #737171; */
  .bic-info2 {
    background-color: #737171;
    padding: 40px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media(max-width:675px){
  .bic-info2 {
    padding-left: 40px;
    justify-content: left;
    align-items: left;
  }
}
@media(max-width:550px){
  .bic-info2 {
    padding-left: 10px;
    justify-content: left;
    align-items: left;
  }
}
@media(max-width:510px){
  .bic-info2 {
    padding-left: 0px;
    justify-content: left;
    align-items: left;
  }
}
@media(max-width:450px){
  .bic-info2 img {
    padding-left: 10px;
    justify-content: left;
    align-items: left;
    width: 400px;
  }
}

/* 
smart new design */

  .book-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  min-height: 700px;
}

/* LEFT PAGE */
.book-left {
  background: #ffffff;     /* light beige or any color */
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end !important;
  max-width: 600px;
 align-items:flex-end !important;
 margin-left: 200px;

}
@media(max-width:1600px){
  .book-left {
    margin-left: 0px;
  }
}

.book-left h2 {
  font-size: 32px;
  margin-bottom: 16px;
  color: #333; 
}

.book-left p {
    font-size: 18px;
    color:#2e2e2e;
    line-height: 1.4;
    margin: 0 0 18px;
    max-width: 100%;
}

/* RIGHT PAGE */
.book-right {
  background: #737171;     /* different background color */
  display: flex;
  align-items: center;       
  justify-content: center;
  padding: 50px;
}

.book-right img {

width: 500px;
  border-radius: 10px;
  object-fit: contain;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .book-section {
    grid-template-columns: 1fr;
  }

  .book-left,
  .book-right {
    padding: 30px;
  }
}
.bic-about-container-2 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end !important;
  gap: 70px;
}


 @media(max-width:600px){
  .hero-content{
    padding-bottom: 50px;
  }
}
    
   .pedison-about-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 12px 26px;
  background-color: #00aae8;   /* change as needed */
  color: #ffffff;

  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  text-decoration: none;

  border-radius: 8px;
  transition: all 0.3s ease;
}                                               

.pedison-about-btn span {
  transition: transform 0.3s ease;
}

/* Hover effect */
.pedison-about-btn:hover {
  background-color: #00aae8;
}

.pedison-about-btn:hover span {
  transform: translateX(6px);
}



/* Section background */
.success-stories-hero {
  background: #000000;
  color: #ffffff;
  padding: 80px 20px;
}

/* Max width + 2-column layout */
.success-stories-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.4fr 1fr; /* left bigger than right */
  column-gap: 80px;
  align-items: center;
}

/* Left: big heading */
.success-stories-left h2 {
  
  font-weight: 400;
  font-size: 42px;
  line-height: 1.2;
}

/* Right: paragraph block */
.success-stories-right p {

  font-size: 18px;
  line-height: 1.8;
  max-width: 520px;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 900px) {
  .success-stories-inner {
    grid-template-columns: 1fr;   /* stack */
    row-gap: 24px;
  }

  .success-stories-left h2 {
    font-size: 32px;
  }

  .success-stories-right p {
    max-width: 100%;
  }
}