h1, h2, h4, h5 {
    color: #153c36;
  }
  
  .btn-success {
    background-color: var(--secondary-100);
    border-color: var(--secondary-100);
  }
  
  .btn-success:hover {
    background-color: var(--secondary-hover-100);
    border-color: var(--secondary-hover-100);
  }
  
  .btn-warning {
    background-color: var(--secondary-100);
    color: #153c36;
    border: none;
  }
  
  .btn-warning:hover {
    background-color: var(--secondary-hover-100);
    color: #153c36;
  }
  
  input.form-control, select.form-select {
    background: #e9f5ec;
    border: none;
    color: #153c36;
  }
  
  input.form-control:focus, select.form-select:focus {
    background: #e9f5ec;
    border: 1px solid #7fc241;
    box-shadow: none;
  }
  
  .form-step p{
    color: white;
  }

  .shadow {
    box-shadow: 0 4px 24px rgba(21,60,54,0.10)!important;
  }
  
  .navbar-brand img {
    height: 40px;
  }
  
  @media (max-width: 767px) {
    .play-btn { left: -10px; top: -10px; }
  }
  

.hero{
    background-color: var(--primary-5);

    label{
        color: white;
    }

    .form-control{
        background-color: white;
        border: 1px solid white;
        color: var(--black-75);
        padding: 0.75rem;
    }

    .form-control:focus{
        background-color: var(--primary-5);
        border: 1px solid white;
        box-shadow: none;
    }

    .form-select{
        background-color: white;
        border: 1px solid white;
        color: var(--black-75);
        padding: 0.75rem;
    }

    .form-select:focus{
        background-color: var(--primary-5);
        border: 1px solid white;
        box-shadow: none;
    }

    h1{
        line-height: 3rem;
    }

    @media (max-width: 576px) {
      h1 {
        line-height: 2.5rem;
        font-size: 2rem;
      }
    }
      
    }



.smallcase{
    a{
        color: var(--primary-100);
        background-color: var(--secondary-100);
        border-radius: 5px;
        border: none;
    }
    a:hover{
        color: var(--primary-100);
        background-color: var(--secondary-hover-100);
        border-radius: 5px;
    }
}

.cta{
    a{
        color: var(--primary-100);
        background-color: var(--secondary-100);
        border-radius: 5px;
        border: none;
    }
    a:hover{
        color: var(--primary-100);
        background-color: var(--secondary-hover-100);
        border-radius: 5px;
    }
}



.testimonial-video-trigger video {
    width: 50%;
    height: auto;
    max-height: 300px; 
    object-fit: cover; 
  }
  

/*********** new landing page *****************/

.hero-section {
  background: url("../images/home/home-bg.png");
  background-size: cover;
  background-position: center;
  padding: 0;
  min-height: 75vh;
  display: flex;
}

/* For mobile screens */
@media (max-width: 768px) {
  .hero-section {
    background: url("../images/home/home-bg.png");
    background-size: cover;
    background-position: center;
  }
}

.hero-section h1 {
  color: #e4e9e9;
  font-size: 45px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.24px;
}

.hero-section h5 {
  color: #e4e9e9;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.14px;
}

.hero-section h1 .font-family-2 {
  color: #c7ee4e;
  font-family: "DM Serif Text";
  font-size: 53px;
  font-style: italic;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.28px;
}

.hero-subtitle {
  color: #bcc;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.16px;
  margin-top: 14px;
}

/* primary button hover changes */
body{--green-gradient-hover: linear-gradient( 180deg, #f3fbd9 -9.38%, #c7ee4e 31.94%, #85b000 84%, #9acc00 96.45% ); --green-btn-shadow-hover: 0 0 25px 0 rgba(187, 227, 64, 0.1), 0 15px 15px 0 rgba(0, 0, 0, 0.15); --green-btn-active-bg: linear-gradient( 180deg, #9acc00 -11.46%, #85b000 59.22%, #c7ee4e 158.86%, #f3fbd9 193.75% ); --green-btn-active-shadow: 0 7px 7.4px 0 rgba(0, 0, 0, 0.25) inset, 0 9px 5px 0 rgba(0, 0, 0, 0.2); 
--light-green-gradient-hover: linear-gradient(180deg, #DDF29B 10.42%, #C2EB45 27.41%, #A5D60E 88.41%, #85AE07 101.04%);
--light-green-btn-shadow-hover: 0px 10px 15px 0px #00000026;
--light-green-gradient-active: linear-gradient(135deg, #85AE07, #A5D60E, #C2EB45, #DDF29B);
/* Drop Shadow */ --light-green-gradient-active: 0px 4px 5px 0px rgba(0, 0, 0, 0.20), inset 0px 4px 4px 0px rgba(0, 0, 0, 0.25);


}
.cta-button, .btn{font-size: 16px;line-height: 1.6;font-weight: 600;letter-spacing: 1%;    border-radius: 8px;padding: 11px 30px;    text-decoration: none;    display: inline-flex; justify-content: center; align-items: center; gap: 4px;    transition: all 0.3s ease;}
.footer-cta .cta-buttons .consult-button-secondary:hover,.newsletter #newsletterForm button:hover, .invest-cta-section .cta-buttons .primary-btn:hover, .steps-section .primary-btn:hover, .goal-amount-grid .cta-button:hover, .hero-cta .primary-btn:hover, .navbar-collapse .btn-3:hover{    background: var(--green-gradient-hover);
    box-shadow: var(--green-btn-shadow-hover);}
.primary-btn:hover{    background: var(--light-green-gradient-hover); box-shadow: var(--light-green-btn-shadow-hover); }

.footer-cta .cta-buttons .btn-primary-outline:hover, .invest-cta-section .cta-buttons .secondary-btn:hover, .hero-cta .secondary-btn:hover{
    box-shadow: 0px 12px 15px rgba(0, 0, 0, 0.25), 0px 0px 20px rgba(185, 225, 61, 0.15);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    background: linear-gradient(180deg, rgba(214, 214, 214, 0.2) 0%, rgba(199, 238, 78, 0.2) 100%);
}
.faq-grid .side-faq .btn-primary-outline:hover{    border: 0.5px solid #e4e9e9!important;
    background: linear-gradient(180deg, rgba(214, 214, 214, 0.2) 0%, rgba(199, 238, 78, 0.2) 100%)!important;
    box-shadow: 0 0 12px 0 rgba(185, 225, 61, 0.1), 0 6px 10px 0 rgba(0, 0, 0, 0.15)!important;
    backdrop-filter: blur(3.5px)!important;    color: var(--primary-100)!important;
}
.mile-cta-more { display: none; }    
.heading-wrap .heading-title{font-weight: 700; font-style: bold; font-size: 36px; line-height: 1.2; letter-spacing: 0.5%; vertical-align: bottom; color: #003134;}
.hero-section .hero-content .hero-title { font-size: 48px; line-height: 120%; letter-spacing: 0.5%; font-weight: 700; color: #E4E9E9; margin-bottom: 12px; }
.hero-section .hero-content .hero-title .accent { color: #C7EE4E; font-family: "DM Serif Text"; font-style: italic; letter-spacing: 0.5%; font-size: 124%;    line-height: 1.1; }
.hero-content p { color: #BBCCCC; font-size: 16px; max-width: 513px; font-weight: 500; line-height: 1.6; letter-spacing: 1%; }
.hero-content .hero-cta { margin-top: 40px; line-height: 20px; display: flex; gap: 20px; flex-wrap: wrap; }
.hero-cta .primary-btn{    background: linear-gradient(180deg, #C7EE4E 10.42%, #A2D409 101.04%);box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.2);    min-width: 300px;}
.hero-cta .cta-button{letter-spacing: 0.5%;padding: 14px 40px;line-height: 1.1;}
.primary-btn{color: #1E2F2C;}
.hero-section .hero-content { max-width: 663px;align-items: center; }
.hero-section{background: url("../images/home/hero-bg.jpg") no-repeat; position: relative; min-height: 619px;    align-items: center;}
.hero-image { position: absolute; right: 0; bottom: 0; }
.heroivestors { background: #003134; padding: 28px 0;margin-bottom: var(--home-row-space); }
.hero-stat .val { font-size: 28px; line-height: 120%; letter-spacing: 0.5%; color: #E4E9E9; font-weight: 500; }
.hero-stat .lbl { font-size: 14px; font-weight: 500; line-height: 1.6; letter-spacing: 1%; color: #BBCCCC; }
.hero-stats { max-width: 910px; margin: auto; }
.hero-stats .hero-stat { width: auto; flex: 1; padding: 0; }
.hero-stats .hero-stat:not(:last-child) { border-right: 1px solid #678888; }
.goal-section .container { max-width: 1302px; }
.goal-inner { display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px;    align-items: center; }
.goal-inner .heading-wrap { margin-bottom: 40px; }
.goal-inner  .goal-content p{font-weight: 500;letter-spacing: 1%;line-height: 160%;color: #003134;margin-bottom: 30px;}
.goal-inner  .goal-content p:last-child{margin-bottom: 0;}
.goal-img-placeholder iframe { border-radius: 8px; display: block; position: relative; overflow: hidden; aspect-ratio: 582 / 411; }
.goal-img-placeholder p { font-weight: 600; text-align: center; margin-bottom: 0; margin-top: 20px;line-height: 160%;letter-spacing: 1%;color: #003134; }
body{--home-row-space:120px;}
.goal-inner .primary-btn { min-width: 300px; }
.goal-inner .btn-wrap { margin-top: 40px; }
.goal-section{margin-bottom: var(--home-row-space);}
.roadmap-section .heading-wrap p{font-size: 20px;line-height: 160%;letter-spacing: 0.5%;font-weight: 600;color: #2B4B4D;}
.roadmap-section .heading-wrap .heading-title{margin-bottom: 20px;}
.roadmap-section .roadmap-action { margin-top: 40px; display: flex; justify-content: center; }
.roadmap-section .roadmap-action .primary-btn { min-width: 300px; }
.roadmap-cards .roadmap-card .check-icon { background: #F7FEE0; width: 60px; height: 60px; border-radius: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.roadmap-section .heading-wrap { margin-bottom: 40px; }
.roadmap-section{margin-bottom: var(--home-row-space);}
.roadmap-cards { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; }
.roadmap-cards .roadmap-card { border: 1px solid #B3C1C2; padding: 19px; border-radius: 16px;    transition: transform 0.3s ease, background-color 0.3s ease; }
.roadmap-card h3 { letter-spacing: 0.5%; color: #003134; font-weight: 800; font-size: 20px; line-height: 160%; margin-bottom: 8px; }
.roadmap-section .container { max-width: 1144px; }
.roadmap-card p{font-weight: 500;letter-spacing: 1%;line-height: 160%;color: #003134;}
.goal-amount-grid { max-width: 1120px; margin: auto; background: #F6F7F0; border-radius: 16px; padding: 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; border: 1px solid #B3C1C2; }
.goal-amount-grid .left-panel .heading-wrap { margin-bottom: 40px; }
.goal-amount-section  .heading-wrap .heading-title { margin-bottom: 12px; }
.goal-amount-section  .heading-wrap p { letter-spacing: 1%; font-weight: 500; color: #2B4B4D; line-height: 160%; }
.goal-amount-grid .milestone-selector .milestone-label { font-size: 14px; font-weight: 500; color: #2B4B4D; letter-spacing: 1%; line-height: 160%; margin-bottom: 12px; }
.goal-amount-grid .milestone-selector .milestone-buttons .milestone-btn { padding: 3px 26px; border-radius: 20px; border: 1px solid #d1d5db; background: transparent; color: #2B4B4D; font-size: 16px; font-weight: 500; cursor: pointer; transition: all 0.2s; letter-spacing: 1%; line-height: 160%; }
.goal-amount-grid .milestone-selector .milestone-buttons .milestone-btn.active{background: #003134;border-color: #003134;color: #ffffff;}
.goal-amount-grid .milestone-selector { margin-bottom: 50px; }
.calc-slider-group:not(:last-child) {
    margin-bottom: 67px;
}
.goal-amount-section .heading-wrap.mobile{display: none;}
.calc-slider-group .slider-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 19px; }
.calc-slider-group .slider-header label { font-size: 14px; font-weight: 500; line-height: 160%; letter-spacing: 1%; color: #2B4B4D; }
.calc-slider-group .slider-header .slider-value { color: #003134; font-size: 20px; font-weight: 600; letter-spacing: 0.5%; }
.milestone-selector .milestone-buttons { display: flex; flex-wrap: wrap; gap: 8px; }
.calc-slider-group .slider-container { position: relative; height: 8px; background: #BBCCCC; border-radius: 100px; }
.great-news-message { font-size: 16px; font-weight: 600; color: #E4E9E9; }
.calc-slider-group .slider-container .slider-fill { position: absolute; background: #112d2e; border-radius: 100px; z-index: 1; inset: 0; }
.calc-slider-group .slider-container .slider { -webkit-appearance: none; appearance: none; width: 100%; height: 8px; background: transparent; outline: none; position: absolute; top: 0; left: 0; z-index: 2; margin: 0; }
.calc-slider-group .slider-container .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 28px; height: 28px; border-radius: 50%; background: #C7EE4E; border: 5px solid #003134; cursor: pointer; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
.calc-slider-group .slider-container .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 28px; height: 28px; border-radius: 50%; background: #C7EE4E; border: 5px solid #003134; cursor: pointer; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
.goal-amount-grid .right-panel { background: linear-gradient(180deg, #004F54 -4.12%, #003134 50.03%); box-shadow: 0px 30px 35px 0px #01424659; padding: 40px; border-radius: 12px; }
.goal-amount-grid .right-panel .heading-block { border-bottom: 1px solid #678888; padding-bottom: 28px; margin-bottom: 28px; }
.goal-amount-grid .right-panel .investment-badge { color: #BBCCCC; font-size: 14px; font-weight: 500; letter-spacing: 1%; line-height: 160%; margin-bottom: 4px; }
.goal-amount-grid .right-panel .investment-amount { font-size: 36px; line-height: 120%; color: #C7EE4E; letter-spacing: 0.5%; font-weight: 800; margin-bottom: 4px; }
.goal-amount-grid .right-panel .investment-subtitle { font-size: 16px; line-height: 160%; font-weight: 600; color: #E4E9E9; letter-spacing: 1%; margin-bottom: 0; }
.goal-amount-grid .breakdown { display: flex; flex-direction: column; gap: 10px; margin-bottom: 28px; }
.goal-amount-grid  .breakdown .breakdown-row { display: flex; justify-content: space-between; font-size: 16px; color: #E4E9E9; }
.goal-amount-grid  .breakdown .breakdown-row .breakdown-label { font-size: 14px; font-weight: 500; color: #BBCCCC; letter-spacing: 1%; line-height: 160%; }
.goal-amount-grid  .breakdown .breakdown-row .breakdown-value { color: #E4E9E9; font-weight: 600; letter-spacing: 1%; }
.goal-amount-grid .breakdown .breakdown-row:last-child .breakdown-label { color: #C7EE4E; }
.goal-amount-grid .breakdown .breakdown-row:last-child .breakdown-value { font-weight: 700; color: #C7EE4E; }
.goal-amount-grid .cta-button { background: linear-gradient(180deg, #F3FBD9 -4.17%, #C7EE4E 14.96%, #85B000 88.25%, #9ACC00 108.33%); box-shadow: 0px 15px 15px 0px #00000033; width: 100%; border: none; padding: 14px 30px; line-height: 20px; }
.goal-amount-grid .right-panel .disclaimer { margin-top: 16px; margin-bottom: 0; color: #82A0A0; font-size: 14px; font-weight: 500; letter-spacing: 1%; line-height: 160%; }
.steps-section { background: #003134; padding: 60px 0; }
.steps-section .heading-wrap { text-align: center; margin-bottom: 40px; }
.steps-section .heading-wrap .heading-title { color: #fff; }
.steps-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px; }
.steps-grid .step-card { background: #004347; padding: 16px; border-radius: 16px;     transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, background 0.3s ease;}

.steps-grid .step-card .step-num { color: #C7EE4E; font-size: 40px; letter-spacing: 0.5%; font-style: italic; font-weight: 400; margin-bottom: 8px; line-height: 120%; }
.steps-grid .step-card .step-heading { font-weight: 800; font-size: 20px; line-height: 160%; letter-spacing: 0.5%; color: #fff; margin-bottom: 8px; }
.steps-grid .step-card p { font-weight: 500; font-size: 16px; line-height: 160%; letter-spacing: 1%; color: #BBCCCC; }
.steps-grid .step-card p:last-child { margin-bottom: 0; }
.steps-section .steps-action { display: flex; justify-content: center; margin-top: 40px; }
.steps-section .primary-btn { display: flex; width: 100%; max-width: 400px; }
.fund-selectors-section{margin-bottom: var(--home-row-space);}
.fund-selectors-section .heading-wrap .heading-title { margin-bottom: 12px; line-height: 120%; }
.fund-selectors-section .heading-wrap { margin-bottom: 40px; }
.fund-selectors-section .heading-wrap p { font-size: 20px; font-weight: 600; letter-spacing: 0.5%; line-height: 160%; color: #2B4B4D; }
.fs-list .fs-item { display: grid; grid-template-columns: 65px 1fr; }
.fs-list .fs-item .fs-num { border-right: 1px solid #74950E; padding-right: 20px; letter-spacing: 0.5%; font-size: 40px; line-height: 120%;  font-family: "DM Serif Text";font-style: italic;    display: flex; align-items: center; }
.fs-list .fs-item:not(:last-child) { border-bottom: 1px solid #678888; padding-bottom: 20px; margin-bottom: 20px; }
.fs-list .fs-item .fs-content .fs-title { margin-bottom: 8px; font-weight: 800; font-size: 20px; line-height: 160%; color: #003134; margin-bottom: 8px;    display: flex; flex-wrap: wrap; }
.fs-list .fs-item .fs-content { padding-left: 20px; }
.fs-list .fs-item .fs-content p { font-weight: 500; line-height: 160%; color: #2B4B4D; }
.fs-list .fs-item .fs-content p:last-child{margin-bottom: 0;}
.fs-list .fs-item .fs-content .fs-title .fs-badge { background: #F7FEE0; border: 1px solid #75999B; padding: 5px 20px; border-radius: 100px; font-size: 14px; font-weight: 700; color: #003134; line-height: 160%; letter-spacing: 1%; margin-left: 8px; display: flex; align-items: center; gap: 3px; }
.fs-list .fs-item .fs-content .fs-title .fs-badge:before{content: "";display: inline-block;background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.60938 0L10.1721 4.47269L15.2178 5.52786L11.756 9.34731L12.3117 14.4721L7.60938 12.36L2.90709 14.4721L3.46277 9.34731L0.00092268 5.52786L5.04663 4.47269L7.60938 0Z' fill='%23003134'/%3E%3C/svg%3E%0A"); width: 16px; height: 15px;}
.testimonial { background: #F6F7F0; padding: 80px 0; }
.testimonial .heading-wrap { text-align: center; margin-bottom: 40px; }
.testimonial .heading-wrap .heading-title .badge-italic { display: inline-flex; background: #003134; border-radius: 12px; color: #C7EE4E; font-family: "DM Serif Text";font-style: italic; padding: 0 10px; }
.testimonials-wrapper .testi-grid { display: flex; flex-wrap: wrap; gap: 20px; }
.testi-grid .testi-card { max-width: calc((100% - 40px) / 3); background: #FFFFFF; border: 1px solid #B3C1C2; padding: 20px; border-radius: 16px; }
.testi-grid .testi-card .stars { margin-bottom: 40px; display: flex;gap: 4px; align-items: center;}
.testi-grid .testi-card .stars .star { font-size: 24px; display: block; color: #74950E; line-height: 1; }
.testi-grid .testi-card p { font-size: 16px; font-weight: 500; line-height: 160%; letter-spacing: 1%; color: #2B4B4D; }
.testi-grid .testi-card .testi-quote { font-weight: 700; }
.testi-grid .testi-user { margin-top: 20px; display: grid; gap: 12px; grid-template-columns: 60px 1fr;    align-items: center; }
.testi-grid .testi-user .author-avatar img { width: 60px; height: 60px; border-radius: 100%; object-fit: cover; }
.testi-grid .testi-user .author-info .author-title { font-size: 14px; line-height: 20px; letter-spacing: 1%; font-weight: 500; color: #366063; }
.testi-grid .testi-user .author-info { display: grid; gap: 8px; align-items: flex-start; }
.testi-grid .testi-user .author-info .testi-badge { background: #F7FEE0; display: inline-flex; width: max-content; padding: 4px 20px; border: 1px solid #75999B; border-radius: 100px; font-size: 14px; font-weight: 500; line-height: 160%; letter-spacing: 1%; }
.goal-amount-section{margin-bottom: var(--home-row-space);}
.goalachieve .heading-wrap { margin-bottom: 40px; }
.goalachieve .heading-wrap .heading-title { margin-bottom: 12px; }
.goalachieve .heading-wrap p { font-size: 20px; line-height: 160%; font-weight: 600; color: #2B4B4D; letter-spacing: 0.5%; }
.goalachieve{margin-bottom: var(--home-row-space);}
.goalachieve .tabs { display: flex; justify-content: center; border-radius: 30px; border: 1px solid #75999B; overflow: hidden; margin-bottom: 40px; width: 100%; max-width: 500px; margin: auto auto 40px; }
.goalachieve .tabs .tab { flex: 1; padding: 7px 24px; background: #ffffff; color: #2B4B4D; font-size: 16px; font-weight: 500; border: none; cursor: pointer; transition: all 0.2s; border-right: 1px solid #75999B; text-align: center; color: #2B4B4D; line-height: 160%; letter-spacing: 1%; }
.goalachieve .tabs .tab.active { background: #003134; color: #ffffff; font-weight: 600; }
.goalachieve .content-card { border: 1px solid #75999B; padding: 40px; border-radius: 16px; }
.content-card .row { margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.goalachieve .content-slider {
  display: flex;
  transition: transform 0.5s ease;
}

.goalachieve .content-slide {
  min-width: 100%;
  box-sizing: border-box;
  
}

.goalachieve .content-slider-wrapper {
    overflow-x: hidden;
}

.content-card .row > div { width: 100%; padding: 0; }
.goalachieve .content-card .badge { display: inline-flex; background: #F7FEE0; font-size: 14px; font-weight: 500; letter-spacing: 1%; line-height: 160%; color: #2B4B4D; border: 1px solid #75999B; padding: 4px 20px; border-radius: 100px; margin-bottom: 20px; }
.goalachieve .content-card .milestone-title { font-size: 38px; font-weight: 700; line-height: 120%; color: #003134; letter-spacing: 0.5%; margin-bottom: 4px; }
.goalachieve .content-card  p{font-weight: 500; line-height: 160%;color: #2B4B4D;letter-spacing: 1%;margin-bottom: 20px;}
.goalachieve .content-card .highlight{font-weight: 600;color: #003134;}
.goalachieve .content-card .details .details-label { font-size: 14px; color: #2B4B4D; line-height: 160%; letter-spacing: 1%; }
.goalachieve .content-card .details { display: grid; grid-template-columns: auto 1fr; gap: 8px 20px; }
.goalachieve .content-card .details .details-value { font-size: 16px; color: #003134; line-height: 160%; letter-spacing: 1%; font-weight: 600; }
.goalachieve .slider-navigation { display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 40px; }
.goalachieve .content-card .comparison { background: #F6F7F0; border: 1px solid #75999B; padding: 20px; border-radius: 12px; }
.goalachieve .content-card .comparison .comparison-box:not(:last-child) { border-bottom: 1px solid #678888; padding-bottom: 20px; margin-bottom: 20px; }
.goalachieve .content-card .comparison .comparison-box .comparison-heading , .goalachieve .mistake-heading{ color: #366063; font-size: 14px; font-weight: 500; line-height: 160%; letter-spacing: 1%; margin-bottom: 4px; }
.goalachieve .content-card .comparison .comparison-box .comparison-heading.before {color: #ff0000;}
.goalachieve .content-card .comparison .comparison-box .comparison-heading.after {color: #008000;}
.goalachieve .content-card .comparison .comparison-box .comparison-text, .goalachieve .mistake-text { color: #003134; }
.goalachieve .content-card .comparison .comparison-box .comparison-text:last-child,.goalachieve  .mistake-text:last-child { margin-bottom: 0; }
.goalachieve .content-card .primary-btn { width: 100%; margin-top: 40px; }
.goalachieve .slider-navigation .nav-button { margin: 0; border: 1px solid #003134; background: transparent; width: 44px; height: 44px; display: flex; justify-content: center; padding: 0; align-items: center; border-radius: 100%;     color: var(--primary-100);}
.goalachieve  .slider-dots { display: flex; gap: 8px; align-items: center; }
.goalachieve  .slider-dots .dot { width: 8px; height:8px; border-radius: 50%; cursor: pointer; background-color: #BFD4D2; display: inline-block;     transition: all 0.3s ease;}
.goalachieve  .slider-dots .dot.active { width: 40px; border-radius: 38px; background-color: #003134; }
.goalachieve .slider-navigation .nav-button:disabled { opacity: 0.7; }
.sml-container, footer .container { max-width: 1120px; }
.faq-grid { display: grid; grid-template-columns: 1.56fr 1fr; gap: 60px; margin: 0; }
.faq{padding: var(--home-row-space) 0;}
.faq-grid > div { width: 100%; margin: 0; padding: 0; }
.faq-grid .heading-wrap { margin-bottom: 40px; }
.faq-grid .heading-wrap p { font-size: 20px; line-height: 160%; letter-spacing: 0.5%; font-weight: 600; }
.faq-grid .heading-wrap .heading-title { margin-bottom: 12px; }
.faq-grid .accordion .accordion-item .accordion-button { padding: 0; background: transparent; border: none; outline: none; box-shadow: none; font-size: 20px; line-height: 100%; letter-spacing: 0.5%; color: #003134; font-weight: 600; display: grid; grid-template-columns: 1fr auto; align-items: flex-start; gap: 10px;    line-height: 1.2; }
.faq-grid .accordion .accordion-item { padding: 20px 0; border-bottom: 1px solid #B3C1C2; margin-bottom: 0; }
.faq-grid .accordion .accordion-item .accordion-body{padding:8px 0 0;}
.faq-grid .accordion-button:not(.collapsed)::after{background: transparent;content: "-";transform: inherit;}
.faq-grid .accordion-button:after{content: "+";font-size: 18px; line-height: 20px;color: #003134;letter-spacing: 0.5%;font-weight: 600;background: transparent!important;    width: 10px;
    text-align: center;}
.faq-grid .accordion .accordion-item .accordion-body { padding: 8px 0 0; font-size: 16px; font-weight: 500; letter-spacing: 1%; color: #003134; }
.faq-grid .side-faq img { margin-bottom: 20px !important; }
.faq-grid .side-faq .h5 { font-weight: 600; font-size: 20px; color: #003134; line-height: 100%; letter-spacing: 0.5%; margin-bottom: 12px; }
.faq-grid  .side-faq p { font-weight: 500; line-height: 160%; letter-spacing: 1%; color: #003134; }
.faq-grid .side-faq .btn img { margin-bottom: 0 !important; }
.faq-grid .side-faq .btn { width: 100%;padding: 5px 30px; min-height: 48px;}
.faq-grid .side-faq .btn-primary-outline{border: 1px solid #003134}
.mob-dropdown { display: none; }
.navbar-nav .nav-link{    color: #E4E9E9;}
.navbar-collapse .btn-3{background: linear-gradient(180deg, #F3FBD9 -4.17%, #C7EE4E 14.96%, #85B000 88.25%, #9ACC00 108.33%);    min-width: 300px; box-shadow: 0px 15px 15px 0px #00000033; }
.testimonial .slider-nav { display: none; }
.goal-amount-grid .right-panel.great-news .heading-block { background: #003134; padding: 20px; border-radius: 12px; border: none; }
.goal-amount-grid .right-panel.great-news .heading-block .investment-badge { letter-spacing: 1% !important; margin-bottom: 12px; }
.goal-amount-grid .right-panel.great-news .heading-block .investment-amount { font-size: 16px; font-weight: 500; color: #E4E9E9; line-height: 160%; letter-spacing: 1%; margin-bottom: 12px; }
.goal-amount-grid .right-panel.great-news .heading-block .investment-amount .highlight { display: block; font-size: 20px; font-weight: 600; color: #C7EE4E; letter-spacing: 0.5%; line-height: 160%; }
.goal-amount-grid .right-panel.great-news .investment-subtitle { font-size: 14px; font-weight: 500; color: #BBCCCC; }
.goal-amount-grid .right-panel.great-news .investment-subtitle strong { color: #fff; font-weight: 700; }
.goal-amount-grid .right-panel.great-news .investment-subtitle .highlight { color: #C7EE4E; }
.goal-amount-grid .right-panel.great-news .breakdown p { font-weight: 500; line-height: 160%; color: #E4E9E9; }
.goal-amount-grid .right-panel.great-news .breakdown p .highlight{font-weight: 700; color: #C7EE4E;}
.roadmap-section .heading-wrap .heading-title span { color: #74950E;  font-family: "DM Serif Text";font-style: italic; }
.mile-desc-content{display: block;}
.goal-amount-grid  .more-in {display: none;}
div#mob-foot-section{display: none;}
/* Mobile responsive hero adjustments */
@media (max-width: 992px) {
  .goal-img-placeholder iframe{    width: 100%;        height: 350px;}
  body{    --home-row-space: 80px;}
  .goal-amount-grid{    padding: 25px;    gap: 30px;}
  .testimonial{    padding: 60px 0;}
  .faq-grid{    gap: 40px;}
  .steps-grid{    grid-template-columns: 1fr 1fr;}
}
@media (max-width: 768px) {
  .hero-section .row {
    text-align: left;
  }

  .hero-subtitle br {
    display: none;
  }

  .hero-section .col-lg-7 {
    text-align: left;
    margin-top: 20px;
  }

  .hero-section .hero-image {
    text-align: left;
    margin-bottom: 20px;
  }

  .hero-section .hero-image img {
    max-width: 100%;
    height: auto;
  }

  .hero-section .hero-cta {
    flex-direction: column;
    gap: 6px !important;
    align-items: flex-start;
  }

  .primary-btn,
  .secondary-btn {
    width: 100%;
  }

  .hero-section h1 {
    font-size: 32px;
  }

  .hero-section h5 {
    font-size: 11px;
  }

  .hero-section h1 .font-family-2 {
    font-size: 36px;
  }

  .hero-subtitle {
    font-size: 14px;
  }


}


/**********************new landing page************************/

nav{
    box-shadow: 0 3px 3px rgb(0 0 0 / 5%), 0 3px 6px rgb(0 0 0 / 5%);
}

.navbar-brand img{
    height: 36px;
}

.navbar .dropdown:hover .dropdown-menu{
    display: block;
}

.navbar .nav-item:hover .nav-link{ 
    color: var(--contrast-color);
}

.nav-link{
    color: var(--black-75);
    font-weight: 500;
}

.nav-item{
    font-family: var(--font-family);
    font-size: 0.95rem;
    font-weight: 600;
    margin: 0px 24px 0px 0px;
    transition: all 0.2s ease-in-out;
}

nav .dropdown-item{
    font-family: var(--font-family);
    font-size: 0.9rem;
}

/* .nav-item:hover{
    text-shadow: var(--hover-shadow)
} */

.nav-button{
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--primary-100);
    border-color: var(--primary-100);
    border: solid 1px;
    padding: 0.6rem 1rem;
    margin-right: 10px;
}

.nav-button:hover{
    color: white;
    background: var(--contrast-color);
}

.button-outside{
    display: none;
}

.navbar-toggler{
    border:none!important
}

.navbar .dropdown-menu .dropdown-item:hover{
    background: var(--contrast-color);
    color: white;
}

.navbar .active{
    color: var(--contrast-color)!important;
}

.navbar .dropdown-menu .active{
    color: white!important;
    background: var(--contrast-color);
}
body{--home-container:1144px;}
nav.navbar{background: #003134;}
nav .container > .navbar-nav .nav-item .btn-sml { padding: 4px 12px; line-height: 160%; border-radius: 20px;border: none;}
nav .container > .navbar-nav > .nav-item .vr { border-right: 1px solid #BBCCCC; opacity: 1; }
nav .container > .navbar-nav > .nav-item {margin-right: 12px;}
nav .container > .navbar-nav .nav-item .btn-sml:hover, nav .container > .navbar-nav .nav-item .btn-sml.btn-sml-active{background: #F7FEE0;color: #003134;}
.navbar-nav .nav-link{color: #BBCCCC; letter-spacing: 0.16px; font-size: 16px;} 
.navbar-collapse .nav-item .nav-link:hover, .navbar-collapse .nav-item.dropdown:hover .nav-link, .navbar-collapse .nav-item .nav-link.active{color: #C7EE4E!important;font-weight: 800;}
.navbar-nav .dropdown-toggle::after { -webkit-mask-image: url('../images/arrow-down.svg');
  mask-image: url('../images/arrow-down.svg');content: ""; border: none; width: 8px; height: 5px;     background-color: #BBCCCC;}
  .navbar-nav .dropdown-toggle:hover::after{background-color: #C7EE4E;}
.navbar-collapse .btn-3{background: linear-gradient(180deg, #F3FBD9 -4.17%, #C7EE4E 14.96%, #85B000 88.25%, #9ACC00 108.33%);padding: 14px 40px;    border-radius: 8px;color: #1E2F2C;font-size: 16px; line-height: 20px;letter-spacing: 0.08px; }  
.navbar .login-btn { background: linear-gradient(180deg, rgba(214, 214, 214, 0.2) 0%, rgba(0, 49, 52, 0.2) 100%); border: 0.5px solid #E4E9E9; backdrop-filter: blur(7px); margin-right: 0; margin-left: 12px; color: #E4E9E9; font-size: 16px; line-height: 1.2; min-height: 48px; display: flex; align-items: center; gap: 4px;    padding: 14px 40px; }
.navbar-collapse  a{text-decoration: none;}
.nav-item{margin-right: 28px;}

/* primary button hover changes */
body{--green-gradient-hover: linear-gradient( 180deg, #f3fbd9 -9.38%, #c7ee4e 31.94%, #85b000 84%, #9acc00 96.45% ); --green-btn-shadow-hover: 0 0 25px 0 rgba(187, 227, 64, 0.1), 0 15px 15px 0 rgba(0, 0, 0, 0.15); --green-btn-active-bg: linear-gradient( 180deg, #9acc00 -11.46%, #85b000 59.22%, #c7ee4e 158.86%, #f3fbd9 193.75% ); --green-btn-active-shadow: 0 7px 7.4px 0 rgba(0, 0, 0, 0.25) inset, 0 9px 5px 0 rgba(0, 0, 0, 0.2); 
--light-green-gradient-hover: linear-gradient(180deg, #DDF29B 10.42%, #C2EB45 27.41%, #A5D60E 88.41%, #85AE07 101.04%);
--light-green-btn-shadow-hover: 0px 10px 15px 0px #00000026;
--light-green-gradient-active: linear-gradient(135deg, #85AE07, #A5D60E, #C2EB45, #DDF29B);
/* Drop Shadow */ --light-green-gradient-active: 0px 4px 5px 0px rgba(0, 0, 0, 0.20), inset 0px 4px 4px 0px rgba(0, 0, 0, 0.25);


}

.footer-cta .cta-buttons .consult-button-secondary:hover,.newsletter #newsletterForm button:hover, .invest-cta-section .cta-buttons .primary-btn:hover, .steps-section .primary-btn:hover, .goal-amount-grid .cta-button:hover, .hero-cta .primary-btn:hover, .navbar-collapse .btn-3:hover{    background: var(--green-gradient-hover);
    box-shadow: var(--green-btn-shadow-hover);}

.cta-button, .btn{font-size: 16px;line-height: 1.6;font-weight: 600;letter-spacing: 1%;    border-radius: 8px;padding: 11px 30px;    text-decoration: none;    display: inline-flex; justify-content: center; align-items: center; gap: 4px;    transition: all 0.3s ease;}
.secondary-btn{background: linear-gradient(180deg, rgba(214, 214, 214, 0.2) 0%, rgba(0, 49, 52, 0.2) 100%);border: 0.5px solid rgba(228, 233, 233, 1);backdrop-filter: blur(7px);color: #E4E9E9; }
.primary-btn{background: linear-gradient(180deg, #C7EE4E 10.42%, #A2D409 101.04%); }
footer {
    background: #003134;
        padding: 50px 0;
}
footer .newsletter {
    border-bottom: 1.5px solid rgba(242, 242, 242, 0.1);
    padding-bottom: 40px;
    padding-top: 0;
}
footer  .newsletter .title-block {
    margin-bottom: 20px;
}
.newsletter .title-block h2 {
    color: #E4E9E9;
    font-size: 28px;
    line-height: 120%;
    margin-bottom: 12px;
    letter-spacing: 0.005em;
}
.newsletter .title-block p {
    color: #BBCCCC;
    font-weight: 500;
    letter-spacing: 0.01em;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 0;
}
.newsletter form#newsletterForm {
    margin-top: 0;
}
footer .fo-newsletter > div {
    margin-bottom: 0 !important;
}
.newsletter #newsletterForm button {
    background: linear-gradient(180deg, #F3FBD9 -4.17%, #C7EE4E 14.96%, #85B000 88.25%, #9ACC00 108.33%);
    box-shadow: 0px 15px 15px 0px #00000033;
    padding: 14px 44px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.005em;
    color: #1E2F2C;
    font-weight: 600;
    width: auto;
    border: none;
}
footer .newsletter .signatory .title {
    margin-bottom: 12px;
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.01em;
}
.footer-main, .footer-cta {
    border-bottom: 1.5px solid rgba(242, 242, 242, 0.10);
    padding: 40px 0;
}
.footer-main .footer-brand .footer-logo {
    margin-bottom: 40px;
    max-width: 212px;
}
.footer-main .footer-brand .footer-logo img {
    max-width: 100%;
}
.footer-main .contact-box {
    background: #034144;
    padding: 12px 16px;
    border-radius: 8px;
    max-width: 390px;
}
.footer-main .contact-box > span:not(:last-child) {
    margin-bottom: 12px;
}
footer .contact-img {
    margin-right: 15px;
}
.footer-main .contact-box p {
    margin-bottom: 0;
    color: #E4E9E9;
}
footer .footer-main a, footer .footer-main p {
    font-size: 14px;
    line-height: 1.6;
    color: #BBCCCC;
    letter-spacing: 0.001rem;
    font-weight: 500;
    opacity: 1;
}
footer .footer-main h6 {
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0.001rem;
    font-weight: 700;
    color: #E4E9E9;
    margin-bottom: 8px;
}
footer .footer-main a:not(:last-child) {
    margin-bottom: 12px;
}
.footer-main, .footer-cta {
    border-bottom: 1.5px solid rgba(242, 242, 242, 0.10);
    padding: 40px 0;
}
.footer-cta h3 {
    font-weight: 500;
    font-size: 28px;
    line-height: 120%;
    letter-spacing: 0.005rem;
    color: #E4E9E9;
    margin-bottom: 8px;
}
.footer-cta p {
    font-size: 16px;
    line-height: 1.6;
    color: #BBCCCC;
    font-weight: 500;
}
.footer-cta .cta-buttons {
    margin-top: 20px;
    max-width: 610px;
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
}
.footer-cta .cta-buttons .consult-button-secondary, .footer-cta .cta-buttons .btn-primary-outline {
    font-size: 16px;
    font-weight: 600;
}
.footer-cta .cta-buttons .consult-button-secondary {
    background: linear-gradient(180deg, #F3FBD9 -4.17%, #C7EE4E 14.96%, #85B000 88.25%, #9ACC00 108.33%);
    display: flex;
    height: 48px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 8px;
    color: #1e2f2c;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.08px;
    text-decoration: none;
}
.footer-cta .cta-buttons .btn-primary-outline {
    background: linear-gradient(180deg, rgba(214, 214, 214, 0.2) 0%, rgba(0, 49, 52, 0.2) 100%)!important;
    border: 0.5px solid #E4E9E9!important;
    backdrop-filter: blur(7px);
    display: inline-flex!important;
    min-height: 48px;
    border-radius: 8px;
    align-items: center!important;
    justify-content: center!important;
    color: #E4E9E9;
    letter-spacing: 0.005rem;
}
.footer-cta .cta-buttons .btn-primary-outline:hover{    box-shadow: 0px 12px 15px rgba(0, 0, 0, 0.25), 0px 0px 20px rgba(185, 225, 61, 0.15)!important;    background: linear-gradient(180deg, rgba(214, 214, 214, 0.2) 0%, rgba(199, 238, 78, 0.2) 100%)!important;
}
.footer-cta .review-img {
    max-width: 172px;
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
    margin-bottom: 34px;
}
.footer-cta .review-img img {
    max-width: 100%;
}
.footer-cta .social-img {
    display: flex;
    margin-left: auto;
    justify-content: flex-end;
    gap: 22px;
}
.footer-bottom {
    padding-top: 40px;
}
.footer-bottom p {
    font-weight: 600;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0.01em;
    color: rgba(228, 233, 233, 0.6);
}
.newsletter .fo-newsletter input {
    border: 1px solid #BBCCCA;
    border-radius: 8px;
    padding: 11px 28px;
    text-align: left !important;
    font-size: 16px;
    font-weight: 500;
    color: #75999B !important;
    text-align: left;
    background: #fff;
    width: 100%;
}
.footer-main .contact-box > p:not(:last-child) {
    margin-bottom: 12px;
}
footer .footer-main .footer-title {
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0.001rem;
    font-weight: 700;
    color: #E4E9E9;
    margin-bottom: 8px;
}
footer p, footer a {
    opacity: 1;
}
.footer-cta .social-img img {
    max-height: 40px;
}
.invest-cta-section .cta-wrap {
    background: #003134;
    padding: 40px;
    border-radius: 16px;
}
.invest-cta-section {margin-bottom: var(--home-row-space);}
.invest-cta-section .cta-text {
    max-width: 688px;
    margin: auto auto 40px;
    text-align: center;
}
.invest-cta-section .cta-text .heading {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 0.5%;
    line-height: 120%;
    margin-bottom: 12px;
}
.invest-cta-section .cta-text .heading span {
    display: block;
    color: #C7EE4E;
    font-size: 40px;
    font-family: "DM Serif Text", serif;
    font-style: italic;
    font-weight: 400;
}
.invest-cta-section .cta-text p {
    font-size: 16px;
    line-height: 160%;
    font-weight: 500;
    color: #BBCCCC;
    margin-bottom: 0;
    letter-spacing: 1%;
}
.invest-cta-section .cta-buttons {
    max-width: 620px;
    margin: auto;
    display: flex;
    gap: 20px;
}
.invest-cta-section .cta-buttons .cta-button {
    flex: 1;
}
.invest-cta-section .cta-buttons .primary-btn{cursor: pointer;}
@media only screen and (min-width: 768px) {
    footer .newsletter .row {
        margin: 0;
        display: grid;
        grid-template-columns: 1fr 274px;
        gap: 20px;
    }
    footer .newsletter .row > div {
        padding: 0;
        width: 100%;
    }
    .fo-newsletter {
        display: flex;
        gap: 8px;
        max-width: 574px;
    }
    .fo-newsletter div:first-child {
        flex: 1;
    }
    .footer-main {
        display: grid;
        grid-template-columns: 1.2fr auto auto auto;
        margin: 0;
        gap: 60px;
    }
    .footer-main > div {
        padding: 0;
        width: 100%;
    }
    .mobile-disclosure-dropdown{display: none;}
}
@media (max-width: 767px) {
    
   body { --home-row-space: 120px; }
    .goal-inner{    grid-template-columns: 1fr;    gap: 28px;}
  .goal-inner .goal-img { order: -1; }
  .roadmap-cards{    grid-template-columns: 1fr; gap: 12px;}
  .goal-amount-grid{    grid-template-columns: 1fr;        padding: 20px 16px;        gap: 38px;}
  .goalachieve .content-card .row{    grid-template-columns: 1fr; gap: 28px;}
  .steps-grid { grid-template-columns: 1fr; }
  .faq-grid { gap: 60px; grid-template-columns: 1fr; }
  .invest-cta-section .cta-buttons{    flex-direction: column;}
  nav.navbar button.navbar-toggler { display: none; }
  .container{padding-left: 15px;padding-right: 15px;}
  .navbar .navbar-collapse {     display: flex !important;flex-basis: inherit;justify-content: flex-end;}
  .navbar .navbar-collapse .navbar-nav { display: none; }
  .navbar-collapse .btn-3 { padding: 7px 23.5px; width: max-content; min-width: inherit; font-size: 14px; line-height: 160%; font-weight: 700; letter-spacing: 1%; }
  .navbar-brand img{    height: auto; max-width: 91px;}
  .hero-section{    min-height: inherit; align-items: flex-start;}
  .hero-section .hero-image{margin-bottom: 0; position: static;}
  .hero-section .hero-content{margin-top: 0;}
  .hero-section { padding-top: 44px; }
  .hero-section .hero-content .hero-title { font-size: 32px; }
  .hero-section .hero-content .hero-title .accent { font-size: 36px; }

  .hero-section .hero-cta{gap: 20px!important;}
  .hero-section .row{        gap: 9px;}
  .heroivestors{    padding: 20px 0;}
  .hero-stat .val{    font-size: 20px;}
  .hero-stat .lbl { font-size: 10px; }
  .hero-stats .hero-stat:first-child .val{    text-align: left;}
  .goal-img-placeholder iframe{        height: 242px; border-radius: 5px;}
  .goal-img-placeholder p{display: none;}
  .heading-wrap .heading-title{font-size: 32px;}
  .goal-content  .heading-wrap .heading-title br{display: none;}
  .goal-inner .heading-wrap { margin-bottom: 20px; }
  .goal-inner .btn-wrap { margin-top: 28px; }
  .roadmap-section .heading-wrap{    text-align: left !important;}
  .roadmap-cards .roadmap-card{    padding: 16px;}
  .goal-amount-section .heading-wrap.mobile{display: block;margin-bottom: 12px;}
  .goal-amount-grid .left-panel .heading-wrap{display: none;}
  .goal-amount-section .heading-wrap.mobile p:last-child { margin-bottom: 0; }
  .goal-amount-grid { grid-template-columns: 1fr; padding: 20px 16px; }
  .milestone-selector .milestone-buttons{    display: grid; grid-template-columns: 1fr 1fr 1fr;}
  .goal-amount-grid .milestone-selector .milestone-buttons .milestone-btn { padding: 4px 12px; }
  .goal-amount-grid .milestone-selector { margin-bottom: 20px; }
  .calc-slider-group:not(:last-child) { margin-bottom: 20px; }
  .goal-amount-grid .right-panel { padding: 20px; }
  .goal-amount-grid .right-panel .investment-amount { font-size: 32px; }
  .goal-amount-grid .right-panel .heading-block { padding-bottom: 0; border-bottom: none; margin-bottom: 0; }
  .goal-amount-grid .breakdown{display: none;}
  .goal-amount-grid .breakdown .breakdown-row:not(:last-child) { margin-bottom: 10px; }
.goal-amount-grid  .more-in { display: inline-flex; text-decoration: none; color: #C7EE4E; font-weight: 700; font-size: 14px; line-height: 160%; letter-spacing: 1%; margin: 16px 0; gap: 4px;        align-items: center; }
.goal-amount-grid  .more-in:after{content: "";background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3497_5552' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='12' height='12'%3E%3Crect y='12' width='12' height='12' transform='rotate(-90 0 12)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3497_5552)'%3E%3Cpath d='M10.8906 3.74951L5.89062 8.74951L0.890625 3.74951L1.77812 2.86201L5.89062 6.97451L10.0031 2.86201L10.8906 3.74951Z' fill='%23C7EE4E'/%3E%3C/g%3E%3C/svg%3E%0A"); width: 12px; height: 12px; display: block;}
.goal-amount-grid .more-in i { display: none; }
.goal-amount-grid .right-panel .disclaimer{font-size: 10px;}
.goal-amount-grid .right-panel.great-news .more-in{display: none;}
.goal-amount-grid .right-panel { padding: 16px; }
.goal-amount-grid .breakdown { border-top: 1px solid #678888; padding-top: 28px; margin-top: 28px; }
.goalachieve .heading-wrap { margin-bottom: 28px; text-align: left !important; }
.goalachieve .tabs { margin-bottom: 28px; }
.goalachieve .tabs .tab { padding: 7px 12px; }
.goalachieve .content-card{    padding: 16px;}
.goalachieve .content-card .primary-btn{margin-top: 28px;}
.goalachieve .content-card .comparison{    padding: 12px;}
.goalachieve .content-card .comparison .comparison-box:not(:last-child){    padding-bottom: 12px; margin-bottom: 12px;}
.goalachieve .slider-navigation{margin-top: 28px; justify-content: space-between;}
.goalachieve .content-card .milestone-title { font-size: 24px; }
.mile-desc-content{display: none;}
.goalachieve .content-card .milestone-title { display: flex; justify-content: space-between; margin-bottom: 20px; }
.goalachieve .content-card .milestone-title .mile-cta-more { color: #74950E; font-size: 14px; font-weight: 700; letter-spacing: 1%; line-height: 160%; display: inline-flex; align-items: center; gap: 4px; }
.fund-selectors-section .heading-wrap { margin-bottom: 40px; text-align: left !important; }
.fs-list .fs-item .fs-num { border: none; padding-right: 0; font-size: 38px; }
.fs-list .fs-item { display: grid; grid-template-columns: 1fr; gap: 16px; border-left: 1px solid #74950E; padding-left: 16px;        position: relative; }
.fs-list .fs-item .fs-content { padding-left: 0; }
.fs-list .fs-item:not(:last-child) { border-bottom: none; padding-bottom: 0; margin-bottom: 40px; }
.fs-list .fs-item:not(:last-child):after { content: ""; display: block; background: #678888; height: 0.5px; width: 100%; position: absolute; bottom: -20px; }
.fs-list .fs-item .fs-content .fs-title .fs-badge{    padding: 4px 12px;}
.testimonials-wrapper .testi-grid { display: flex; gap: 16px; transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); will-change: transform; flex-wrap: nowrap; }
.testi-grid .testi-card{    min-width: calc(100% - 48px); max-width: calc(100% - 48px); flex-shrink: 0;}
.testimonial{overflow-x: clip;}
.testimonial .slider-nav {     display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 40px; }
.testimonial .slider-nav .nav-button{display: none;}
.testimonial .slider-dots { display: flex; gap: 8px; align-items: center; }
.testimonial .slider-dots .testdot  { width: 8px; height: 8px; border-radius: 50%; cursor: pointer; background-color: #BFD4D2; display: inline-block; transition: all 0.3s ease; }
.testimonial .slider-dots .testdot.active { width: 24px; border-radius: 38px; background-color: #003134; }
.steps-grid .step-card{    min-height: 232px;}
.faq-grid .accordion .accordion-item:first-child { padding-top: 0; }
.faq-grid .side-faq { text-align: left !important; }
.faq-grid .side-faq p{margin-bottom: 20px;}
.invest-cta-section .cta-wrap{    padding: 20px;}
.invest-cta-section .cta-text{    text-align: left;}
.invest-cta-section .cta-text .heading{    font-size: 32px;}
.footer-main { gap: 28px 8px; display: grid; grid-template-columns: 1fr 1.2fr; }


}

@media (max-width: 767px) {
  body footer { padding: 40px 0; }
  footer .newsletter .fo-newsletter input{    padding: 11px 12px;}
  footer .newsletter #newsletterForm button { width: 100%; margin-top: 12px; }
  footer .newsletter .signatory { margin-top: 40px; }
  .footer-main .footer-brand .footer-logo{margin-bottom: 28px;}
  .footer-main{gap: 28px 20px; display: grid; grid-template-columns: auto auto;}
  .footer-main .footer-brand { grid-column: 1 / -1; }
  .footer-cta .cta-buttons{    grid-template-columns: 1fr;    margin-bottom: 40px;}
  .footer-cta .review-img{    justify-content: initial; margin-left: 0; margin-bottom: 40px;}
  .footer-cta .social-img{    justify-content: inherit;}
  .footer-bottom p:last-child{margin-bottom: 0;}
  footer .row{margin-left: 0; margin-right: 0;}
  footer .row div[class*="col-"]{padding-left: 0; padding-right: 0;}
  .mobile-disclosure-dropdown { display: block; width: auto; max-width: inherit; background: #F2F3EB; padding: 12px 16px; top: 0; z-index: 9; position: fixed; width: 100%; left: 0;transition: all 0.3s ease-in-out; display: none;}
   .sticky-on  .mobile-disclosure-dropdown{animation: slideDown 0.4s ease forwards;display: block;}
  .mobile-disclosure-dropdown .select-trigger { border: 1px solid #003134; padding: 11px 16px; font-weight: 600; border-radius: 8px; font-size: 16px; line-height: 160%; letter-spacing: 0.01rem; color: #003134; width: 100%; display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.mobile-disclosure-dropdown .custom-select ul { border: 1px solid #003134; padding: 4px 8px; box-shadow: 0px 10px 10px 0px #00000026; z-index: 99; top: 100%; position: absolute; left: 0; width: 100%; background: #fff; border-radius: 16px; list-style: none; margin: 0; display: none;    top: calc(100% + 4px); }
.mobile-disclosure-dropdown .custom-select.open ul { display: block; }
.mobile-disclosure-dropdown .custom-select { width: 100%; position: relative; }
.mobile-disclosure-dropdown .custom-select ul li { border: none; border-bottom: 1px solid rgba(179, 193, 194, 0.5); border-radius: 0; margin: 0; padding: 0; width: 100%; border-radius: 8px; padding: 12px; border-radius: 8px; line-height: 1; font-weight: 500; color: #2B4B4D; font-size: 16px; line-height: 160%; }
.mobile-disclosure-dropdown .custom-select ul li.active { background: #F7FEE0; font-weight: 600; color: #003134 !important; letter-spacing: 0.01rem; }
section { scroll-margin-top: 75px; }
div#mob-foot-section { position: fixed; bottom: 0; left: 0; right: 0; z-index: 999; display: block; box-shadow: 0px -10px 10px 0px #00000026; border-top: 1px solid #75999B; background: #F6F7F0; padding: 16px 16px 34px; transform: translateY(100%); opacity: 0; transition: transform 0.4s ease, opacity 0.4s ease; }

div#mob-foot-section .hero-cta .primary-btn { line-height: 125%; box-shadow: none; }
div#mob-foot-section.visible{transform: translateY(0); opacity: 1;}
body:has(#mob-foot-section) footer { padding-bottom: 140px; }

}
@media (min-width: 768px) {
    nav.navbar{    position: sticky; top: 0; z-index: 9;}
    .step-card:hover { transform: translateY(-6px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3), 0 0 0 1px #a8d57a33; }
    .roadmap-cards .roadmap-card:hover { transform: translateY(-6px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1); border-color: #a8d57a; }
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}