.milestone-hero {
        position: relative;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
        color: #fff;
        padding: 5rem 0;
    }

    .milestone-hero .overlay {
        position: absolute;
        inset: 0;
        background: rgba(11, 18, 26, 0.65);
    }

    .milestone-hero .container {
        position: relative;
        z-index: 2;
    }

    .milestones-intro-box {
        background: #1f2432;
        border-radius: 8px;
    }

    .milestone-para {
        font-size: 1.05rem;
        line-height: 1.8;
        margin: 0 0 1rem 0;
    }

    .milestone-highlight {
        color: #ddfb99;
        font-weight: 600;
        background: none;
    }

    @media (max-width:768px) {
        .milestone-hero {
            padding: 3rem 0;
            background-attachment: scroll;
        }

        .milestone-para {
            font-size: 0.98rem;
        }
    }

.milestone-hero .display-5 {
    font-weight: 500 !important;
color:#dfffa6;
}


/* milestones.css - Key Milestones grid styles */

/* Container / subheading */
.milestones-subheading {
  font-size: 1.9rem;
  font-weight: 600;
  color: #dfffa6; /* lime heading color */
  margin: 0 0 1.5rem 0;
  line-height: 1.1;
}
@media (max-width: 767px) {
  .milestones-subheading { font-size: 1.4rem; text-align: left; }
}

/* Card grid */
.milestones-key-wrapper .milestone-box {
  background: #1f2432; /* dark card bg */
  border-radius: 40px; /* large rounded corners */
  padding: 28px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 280px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.02), 0 6px 18px rgba(5,8,12,0.25);
  transition: transform .18s ease, box-shadow .18s ease;
  color: #dbe4ea; /* light text */
}

/* Hover effect */
.milestones-key-wrapper .milestone-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(3,6,10,0.35);
}

/* Icon */
.milestone-box img {
  display: inline-block;
  filter: none;
  margin-left: 6px;
  margin-bottom: 8px;
}
.milestone-box__icon { }

/* Description */
.milestone-box-desc {
  color: #d6dee4;
  font-size: 0.975rem;
  line-height: 1.7;
  margin: 0 0 18px;
  word-break: break-word;
}

/* Divider (thin line above footer) */
.milestone-box-divider {
  border: 0;
  height: 2px;
  background: linear-gradient(90deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
  margin: 0;
  opacity: 0.6;
}

/* Footer - year and title */
.milestone-box-footer { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.milestone-box-year {
  color: #ddfb99; /* highlight color for year */
  font-weight: 700;
  font-size: 1rem;
}
.milestone-box-title {
    color: #ffffff;
    font-weight: 700;
    font-size: 1.02rem;
    margin: 0;          /* prevent default h3 top/bottom spacing */
    padding: 0;
    line-height: 1.3;   /* keeps text balanced */
}


/* Small screens: reduce height + spacing */
@media (max-width: 991px) {
  .milestones-key-wrapper .milestone-box { min-height: 260px; padding: 22px; border-radius: 28px; }
  .milestone-box-desc { font-size: 0.95rem; line-height: 1.6; }
  .milestone-box-year { font-size: 0.95rem; }
}

/* Very small screens: stack nicely */
@media (max-width: 576px) {
  .milestones-key-wrapper .milestone-box { min-height: auto; padding: 18px; }
  .milestone-box-desc { margin-bottom: 12px; }
}

/* Accessibility: ensure sufficient contrast for important text */
.milestone-box-title, .milestone-box-year { text-shadow: 0 1px 0 rgba(0,0,0,0.25); }

/* Optional: ensure grid gap consistent */
.milestones-key-wrapper .row.g-4 { 
    row-gap: 28px; 
    column-gap: 0; 
}

<!-- Minimal CSS (put in milestones.css) -->
.dia-turning-title {
    font-size: clamp(1.8rem, 3.2vw, 2.6rem);
    color: #dfffa6; /* lime */
    font-weight: 600;
    margin: 0 0 1rem 0;
}
.dia-turning-text p {
    color: #d6dee4;
    line-height: 1.8;
    margin-bottom: 1.1rem;
    font-size: 1rem;
}
.btn-dia-cta{
    background:#c6ff63;
    color:#081018;
    padding: .9rem 1.6rem;
    border-radius: 24px;
    font-weight:700;
    text-decoration:none;
}
.dia-mobile-img{
    max-width: 380px;
    border-radius: 22px;
    box-shadow: 0 18px 36px rgba(3,6,10,0.45);
}
@media (max-width: 992px){
    .dia-mobile-img{ max-width:300px; margin: 0 auto; display:block; }
}

/* Dark box */
.dia-turning-box {
    background: #1f2432;
    border-radius: 24px;
    padding: 60px 40px;
}

/* Title styling */
.dia-turning-title {
    font-size: 38px;
    font-weight: 700;
    line-height: 1.3;
    color: #ffffff;
}

.dia-turning-title span {
    color: #c6fc6b;
}

/* Paragraph text */
.dia-turning-text p {
    color: #dbe1e8;
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 16px;
}

/* CTA Button */
.btn-dia-cta {
    background: #d9ff6f;
    color: #111;
    font-weight: 600;
    padding: 14px 24px;
    border-radius: 16px;
    font-size: 20px;
}

.btn-dia-cta:hover {
    background: #c7f060;
}

/* Mobile image */
.dia-mobile-img {
    max-width: 80%;
    border-radius: 16px;
}

.btn-dia-cta-full {
    background: #DDFB99;
    color: #111;
    font-weight: 500;
    padding: 18px 32px;
    border-radius: 18px;
    font-size: 22px;
    display: inline-block;
    width: auto; /* important */
    max-width: 100%;
    text-align: left;
}


.btn-dia-cta-full:hover {
    background: #DDFB99;
    color: #fff;          /* Ensure hover also keeps white text */
}
.custom-cta.btn-dia-cta-full {
    width: auto !important;
    display: inline-block !important;
}

/* Awards / Recognition section */
.awards-wrapper {
  color: #dbe4ea;
}


/* Headings */
.awards-main-heading {
  font-size: 2.2rem;
  font-weight: 600;
  color: #dfffa6; /* lime */
  margin-bottom: .4rem;
}
.awards-subheading {
  color: #cbd6dd;
  font-size: 1.05rem;
  margin-bottom: 1.5rem;
}

/* Award card */
.award-card {
  background: transparent;
  border-radius: 28px;
  border: 2px solid rgba(198,255,99,0.18); /* subtle outer glow */
  padding: 18px;
  gap: 14px;
  align-items: center;
  min-height: 120px;
  transition: transform .18s ease, box-shadow .18s ease;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.02);
}

/* Hover lift */
.award-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 36px rgba(2,6,10,0.35);
}

/* Image box */
.award-img-box {
  width: 86px;
  height: 86px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: rgba(255,255,255,0.02);
  border: 2px solid rgba(198,255,99,0.12);
}
.award-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Text */
.award-title {
  color: #dfffa6;
  font-size: 1.05rem;
  margin: 0 0 6px 0;
  font-weight: 700;
}
.award-desc {
  color: #cbd6dd;
  margin: 0;
  line-height: 1.6;
  font-size: 0.98rem;
}

/* Google review box (long pill) */
.google-review-card {
  background: transparent;
  border-radius: 36px;
  border: 2px solid rgba(198,255,99,0.18);
  padding: 18px 22px;
  margin-top: 36px;
  display: flex;
  gap: 16px;
  align-items: center;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.02);
}

/* Google icon */
.google-review-img {
  width: 64px;
  height: 64px;
  object-fit: contain;
  border-radius: 12px;
  background: rgba(255,255,255,0.02);
  padding: 6px;
}

/* Google text */
.google-review-heading {
  color: #dfffa6;
  margin: 0 0 6px 0;
  font-size: 1.05rem;
  font-weight: 700;
}
.google-review-desc {
  color: #cbd6dd;
  margin: 0;
  font-size: 0.98rem;
}

/* Layout tweaks */
.award-card .award-text { min-width: 0; } /* allow truncation */
.award-card .award-title, .award-card .award-desc { word-break: break-word; }

/* Responsive adjustments */
@media (max-width: 991px) {
  .award-img-box { width: 72px; height: 72px; }
  .google-review-img { width: 56px; height: 56px; }
  .awards-main-heading { font-size: 1.6rem; }
}

@media (max-width: 575px) {
  .award-card { flex-direction: row; gap: 12px; padding: 14px; min-height: 110px; }
  .award-img-box { width: 64px; height: 64px; }
  .award-title { font-size: 1rem; }
  .google-review-card { padding: 14px; border-radius: 26px; }
}
.google-stars {
    color: #ffd84d;
    font-size: 1.1rem;
    letter-spacing: 2px;
    font-weight: 700;
}
/* Vertical separator */
.award-vline {
    width: 2px;
    background: rgba(198,255,99,0.35);
    margin: 0 18px;
    border-radius: 2px;
}

/* Ensure layout stays aligned */
.award-card {
    display: flex;
    align-items: center;
}

/* Vertical line height responsive */
.award-vline {
    height: 70%;
    min-height: 60px;
}

/* Turning Point Section */
.dia-turning-wrapper {
    background: #1e2430;
    border-radius: 20px;
    padding: 40px 0;        /* reduced from 60px */
    margin-bottom: 60px;    /* bottom spacing */
}

/* Inner content box */
.turning-box {
    background: transparent;
}

/* Heading */
.turning-title {
    font-weight: 600;
    color: #ffffff;
    line-height: 1.4;
    font-size: 1.6rem;      /* reduced size */
}

/* Paragraph text */
.turning-para {
    font-size: 1.15rem;     /* reduced size */
    line-height: 1.7;
    color: #e0e6f0;
}

/* Highlighted numbers (investors, cities etc.) */
.turning-highlight {
    color: #dfffa6;
    font-weight: 600;
}

/* Turning Point Image */
.turning-image-wrap img {
    max-width: 320px;       /* reduced from 420px */
    width: 100%;
    border-radius: 12px;
}

@media (max-width: 991px) {
    .turning-title {
        font-size: 1.4rem;
    }

    .turning-para {
        font-size: 1.05rem;
    }

    .dia-turning-wrapper {
        padding: 30px 0;
    }

    .turning-image-wrap img {
        max-width: 260px;
    }
}
.milestone-box-divider{
background:#ddfb99;
}

/* FAQ Section */
.faq-section {
    padding: 40px 0;
}

.faq-title {
    font-size: 2.4rem;
    font-weight: 600;
    color: #dfffa6;
}

/* FAQ List */
.faq-list {
    background: #1f2432;
    padding: 30px;
    border-radius: 24px;
}

/* Each FAQ Block */
.faq-item {
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding: 14px 0;
}

/* Question Row */
.faq-question-btn {
    width: 100%;
    background: transparent;
    border: none;
    color: #dfffa6;
    font-size: 1.3rem;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 10px 0;
}

.faq-question-btn:focus {
    outline: none;
}

/* Plus/Minus Icon */
.faq-icon {
    font-size: 1.8rem;
    font-weight: 600;
    transition: transform .25s ease;
}

/* Answer Box */
.faq-answer {
    max-height: 0;
    overflow: hidden;
    color: #cbd6dd;
    line-height: 1.7;
    font-size: 1rem;
    padding-right: 25px;
    transition: max-height .35s ease, opacity .3s ease;
    opacity: 0;
}

/* When Open */
.faq-item.open .faq-answer {
    max-height: 500px;
    opacity: 1;
}

.faq-item.open .faq-icon {
    transform: rotate(45deg); /* + becomes × */
}