@media only screen and (min-width: 2560px) {
  /* .rms-bg-img {
    display: flex;
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
  }
  .rms-left-section {
    display: flex;
    padding: 5vw 0 3.75vw 0;
    align-items: center;
    gap: var(--spacing-7xl, 2.5vw);
    flex: 1 0 0;
    align-self: stretch;
    height: 100%;
    position: relative;
    background-position: 10%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .rms-left-container {
    display: flex;
    padding: 1.25vw 3.125vw 1.25vw 3.906vw;
    align-items: flex-start;
    gap: var(--spacing-4xl, 1.25vw);
  }
  .rms-left-content {
    display: flex;
    width: 30vw;
    max-width: var(--width-xl, 30vw);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-6xl, 1.875vw);
  }
  .rms-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-3xl, 0.938vw);
    align-self: stretch;
  }
  .rms-titles-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--spacing-lg, 0.469vw);
    align-self: stretch;
  }
  .rms-subtitle {
    align-self: stretch;
    color: var(--colors-text-text-brand-secondary-700, #015888);
    font-family: "MavenPro-Semibold";
    font-size: 0.625vw;
    font-style: normal;
    line-height: 0.938vw;
  }
  .rms-title {
    align-self: stretch;
    color: var(--colors-text-text-primary-900, #101828);
    font-family: "Merriweather";
    font-size: 2.344vw;
    font-style: normal;
    line-height: 2.813vw;
    letter-spacing: -0.047vw;
  }
  .rms-description {
    align-self: stretch;
    color: var(--colors-text-text-tertiary-600, #475467);
    font-family: "MavenPro-Regular";
    font-size: 0.781vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.172vw;
  }
  .rms-cta-btn-container {
    display: flex;
    position: absolute;
    top: 70%;
    left: 11%;
    align-items: center;
    gap: 0.469vw;
  }
  .rms-cta-primary-btn {
    display: flex;
    color: #fff;
    padding: var(--spacing-xl, 0.625vw) 0.859vw;
    justify-content: center;
    align-items: center;
    gap: 0.391vw;
    border-radius: var(--radius-full, 390.586vw);
    border: 0.039vw solid #006ba6;
    background: #006ba6;

    box-shadow: 0vw 0.039vw 0.078vw 0vw rgba(16, 24, 40, 0.05);

    font-family: "MavenPro-SemiBold";
    font-size: 0.703vw;
    font-style: normal;
    line-height: 1.094vw;
    transition: background-color 0.3s ease-in-out;
  }
  .rms-cta-primary-btn:hover {
    color: #fff;
    background-color: #015888;
  }
  .rms-cta-secondary-btn {
    display: flex;
    padding: var(--spacing-xl, 0.625vw) 0.859vw;
    justify-content: center;
    align-items: center;
    gap: 0.391vw;
    border-radius: var(--radius-full, 390.586vw);
    border: 0.039vw solid #d0d5dd;
    background: #fff;
    box-shadow: 0vw 0.039vw 0.078vw 0vw rgba(16, 24, 40, 0.05);
    color: #344054;
    font-family: "MavenPro-SemiBold";
    font-size: 0.703vw;
    font-style: normal;
    transition: background-color 0.3s ease-in-out;
    line-height: 1.094vw;
  }
  .rms-cta-secondary-btn:hover {
    color: #344054;
    background-color: #f9fafb;
  }
  .rms-cta-primary-btn img,
  .rms-cta-secondary-btn img {
    width: 0.938vw;
    height: 0.938vw;
  }
  .rms-right-section {
    height: 28.125vw;
    flex: 1 0 0;
    background: none;
  }

  .rms-right-img {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    background-repeat: no-repeat;
  } */

.rms-bg-img {
  display: flex;
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;

  /* background-position: center center; */
  min-height: 720px;
}

.rms-left-section {
  display: flex;
  padding: 128px 0 96px 0;
  align-items: center;
  gap: 64px;
  flex: 1 0 0;
  align-self: stretch;
  height: 100%;
  position: relative;
  /* background-position: 10%; */
  background-repeat: no-repeat;
  background-size: contain;

  background-position: center;
}
.rms-right-section {
  /* height: 720px; */
  flex: 1 0 0;
  background: none;
}
.rms-right-img {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;

  /* background-size: 100%;
    background-position: right; */
}



  .splide__pagination--rms {
    position: absolute;
    bottom: 25%;
    left: 2432px;
    left: unset;
    right: 0;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    gap: 0.586vw;
  }
  .splide__pagination__page {
    display: flex;
    width: 1.328vw;
    height: 1.328vw;
    padding: 0.078vw 0.469vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.391vw;
    border-radius: 0.664vw;
    border: 0.02vw solid var(--Colors-Border-border-primary, #d0d5dd);
    background: var(--Colors-Foreground-fg-white, #fff);
    opacity: 1;
  }
  .splide__pagination__page.is-active {
    color: #fff;
    display: flex;
    width: 1.328vw;
    height: 1.328vw;
    padding: 0.078vw 0.469vw;
    transform: scale(1);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.391vw;
    border-radius: 0.664vw;
    background: var(--colors-foreground-fg-brand-primary-600, #006ba6);
    border: 0.02vw solid var(--Colors-Border-border-primary, #006ba6);
  }

  /* Divider between pagination items */
  .pagination-divider {
    width: 0.039vw;
    background-color: #d0d5dd;
    margin: 0 0.469vw;
    border-radius: 0.039vw;
    transition: height 0.3s ease, opacity 0.3s ease;
    height: 0;
    opacity: 0;
  }
  .pagination-divider[style*="display: none"] {
    opacity: 0;
    height: 0;
  }
  /* Approach section */
  .appr-container {
    display: flex;
    position: relative;
    padding: 3.125vw 10.125vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-7xl, 2.5vw);
    align-self: stretch;
    background: linear-gradient(
        190deg,
        rgba(255, 255, 255, 0.81) 9.46%,
        rgba(255, 255, 255, 0) 43.5%,
        rgba(255, 255, 255, 0.81) 92.1%
      ),
      url("../Images/new-main-img/appr/approach-bg.png") lightgray 50% / cover
        no-repeat;
  }
  .appr-container > img:first-child {
    width: 2.246vw;
    height: 2.245vw;
    position: absolute;
    left: 66.641vw;
    top: 1.055vw;
  }
  .appr-container > img:nth-child(2) {
    width: 2.246vw;
    height: 2.245vw;
    position: absolute;
    left: 25.195vw;
    top: 1.758vw;
  }
  .appr-container > img:nth-child(3) {
    width: 2.246vw;
    height: 2.245vw;
    position: absolute;
    left: 6.374vw;
    top: 24.102vw;
  }
  .appr-titles-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.938vw;
    align-self: stretch;
  }
  .appr-heading-subheading-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.469vw;
    align-self: stretch;
  }
  .appr-subheading {
    align-self: stretch;
    color: #00a985;
    text-align: center;
    font-family: "MavenPro-SemiBold";
    font-size: 0.625vw;
    font-style: normal;
    line-height: 0.938vw;
  }
  .appr-heading {
    align-self: stretch;
    color: #101828;
    text-align: center;
    font-family: "MavenPro-SemiBold";
    font-size: 1.406vw;
    font-style: normal;
    line-height: 1.719vw;
    letter-spacing: -0.028vw;
  }
  .appr-heading span {
    color: var(--Colors-Green-light-600, #00aa86);
  }
  .appr-card-container {
    display: flex;
    height: 14.102vw;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 1.25vw var(--spacing-4xl, 1.25vw);
    align-self: stretch;
    flex-wrap: wrap;
  }
  .appr-card {
    display: flex;
    width: 12.5vw;
    padding: 0.781vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.938vw;
    border-radius: 1.172vw;
    background-image: linear-gradient(
        rgba(255, 255, 255, 0.8),
        rgba(255, 255, 255, 0.8),
        rgba(255, 255, 255, 0.8),
        rgba(255, 255, 255, 0.8)
      ),
      url("../Images/new-main-img/appr/card-bg.png");
    background-color: lightgray;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .appr-card-icon {
    width: 2.5vw;
    height: 2.5vw;
    flex-shrink: 0;
    aspect-ratio: 63.99/64;
  }
  .SF {
    background: url("../Images/new-main-img/appr/SF.svg") 50% / contain
      no-repeat;
  }
  .EM {
    background: url("../Images/new-main-img/appr/EM.svg") 50% / contain
      no-repeat;
  }
  .BH {
    background: url("../Images/new-main-img/appr/BH.svg") 50% / contain
      no-repeat;
  }
  .SO {
    background: url("../Images/new-main-img/appr/SO.svg") 50% / contain
      no-repeat;
  }
  .IG {
    background: url("../Images/new-main-img/appr/IG.svg") 50% / contain
      no-repeat;
  }
  .TL {
    background: url("../Images/new-main-img/appr/TL.svg") 50% / contain
      no-repeat;
  }
  .MD {
    background: url("../Images/new-main-img/appr/MD.svg") 50% / contain
      no-repeat;
  }
  .appr-card-desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.625vw;
    align-self: stretch;
  }
  .appr-card-desc p {
    color: #101828;
    font-size: 0.938vw;
    line-height: 1.25vw;
  }

  .appr-quote-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-lg, 0.469vw);
    align-self: stretch;
  }
  .appr-quote-text {
    color: var(--colors-text-text-tertiary-600, #475467);
    text-align: center;

    /* Text xl/Medium italic */
    font-family: "Inter";
    font-size: 0.781vw;
    font-style: italic;
    line-height: 1.172vw;
  }
  .appr-quote-text span {
    color: var(--colors-text-text-error-primary-600, #d92d20);

    /* Text xl/Medium italic */
    font-family: "Inter";
    font-size: 0.781vw;
    font-style: italic;
    font-weight: 500;
    line-height: 1.172vw;
  }
  .appr-quote-cta {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-lg, 0.469vw);

    color: #015888;
    font-family: "MavenPro-SemiBold";
    font-size: 0.703vw;
    font-style: normal;
    line-height: 1.094vw;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    transition: color ease-in 0.1s;
  }
  .appr-quote-cta:hover {
    color: #00446a;
    text-decoration-line: underline;
    transition: color ease-in 0.1s;
  }
  .appr-quote-cta img {
    width: 0.938vw;
    height: 0.938vw;
  }

  .projects-container {
    display: flex;
    padding: 3.125vw  3.75vw;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-7xl, 2.5vw);
    align-self: stretch;
    background: linear-gradient(
        190deg,
        rgba(255, 255, 255, 0.81) 9.46%,
        rgba(255, 255, 255, 0) 43.5%,
        rgba(255, 255, 255, 0.81) 92.1%
      ),
      url("../Images/new-main-img/section-bg.png") lightgray 50% / cover
        no-repeat;
    position: relative;
  }
  .projects-left-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--spacing-3xl, 0.938vw);
    flex: 1 0 0;
  }

  .projects-tab-container {
    display: flex;
    width: 20.273vw;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-md, 0.313vw);
    border-bottom: 0.039vw solid #eaecf0;
  }

  .projects-tabs {
    display: inline-flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.469vw;
  }

  .projects-tab {
    height: 1.406vw;
    padding: 0 0.156vw 0.469vw 0.156vw;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.313vw;
    cursor: pointer;
  }

  .projects-tab-active {
    border-bottom: 0.078vw solid #006ba6;
  }

  .projects-tab-label {
    font-family: "MavenPro-SemiBold", sans-serif;
    font-size: 0.625vw;
    line-height: 0.938vw;
    word-wrap: break-word;
    color: #667085;
  }

  .projects-tab-label-active {
    color: #015888;
  }

  .projects-section-header {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.469vw;
  }

  .projects-section-title {
    align-self: stretch;
    color: #101828;
    font-family: "MavenPro-SemiBold", sans-serif;
    font-size: 1.406vw;
    line-height: 1.719vw;
    word-wrap: break-word;
  }

  .projects-section-subtitle {
    align-self: stretch;
    color: #475467;
    font-family: "MavenPro-Regular", sans-serif;
    font-size: 0.781vw;
    font-weight: 400;
    line-height: 1.172vw;
    word-wrap: break-word;
  }

  .projects-button-row {
    display: inline-flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.469vw;
  }

  .projects-button {
    padding: 0.469vw 0.703vw;
    background: #006ba6;
    box-shadow: 0vw 0.039vw 0.078vw rgba(16, 24, 40, 0.05);
    border-radius: 390.586vw;
    border: 0.039vw solid #006ba6;
    outline-offset: -0.039vw;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.234vw;
    overflow: hidden;
    transition: background ease-in 0.2s;
  }
  .projects-button:hover {
    transition: background ease-in 0.2s;
    background: #015888;
    color: #fff;
  }

  .projects-button-inner {
    padding: 0 0.078vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .projects-button-text {
    font-family: "MavenPro-SemiBold", sans-serif;
    font-size: 0.625vw;
    line-height: 0.938vw;
    color: white;
    word-wrap: break-word;
  }

  .current-projects-wrapper {
    display: flex;
    width: 44.727vw;
    height: 25.391vw;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-4xl, 1.25vw);
    position: relative;
  }
  .projects-cards-group {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-4xl, 1.25vw);
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
  }
  .projects-cards-group.active {
    opacity: 1;
    pointer-events: auto;
    position: relative;
  }

  .current-projects-item {
    display: flex;
    padding: 0.781vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-xl, 0.625vw);
    align-self: stretch;
    border-radius: var(--radius-3xl, 0.781vw);
    border: 0.039vw solid var(--Colors-Border-border-secondary, #eaecf0);
    background: var(--Colors-Background-bg-primary, #fff);
    box-shadow: 0vw 0.039vw 0.078vw 0vw rgba(16, 24, 40, 0.05);
  }

  .current-projects-image {
    width: 20.156vw;
    height: 15.117vw;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: var(--radius-3xl, 0.781vw);
    object-fit: cover;
    display: block;
    aspect-ratio: 16 / 9;
  }

  .current-projects-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-lg, 0.469vw);
    align-self: stretch;
  }

  .current-projects-text-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-xs, 0.156vw);
    align-self: stretch;
  }

  .current-projects-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
    color: #101828;
    font-family: "MavenPro-Semibold", sans-serif;
    font-size: 0.781vw;
    font-style: normal;
    line-height: 1.172vw;
  }

  .current-projects-description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
    overflow: hidden;
    color: #475467;
    font-family: "MavenPro-Regular", sans-serif;
    font-size: 0.625vw;
    font-style: normal;
    font-weight: 400;
    line-height: 0.938vw; /* 150% */
  }

  .current-projects-link {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-md, 0.313vw);
  }
  .current-projects-link span {
    color: #015888;
    font-family: "MavenPro-SemiBold", sans-serif;
    font-size: 0.625vw;
    font-style: normal;
    line-height: 0.938vw;
  }
  .current-projects-icon {
    width: 0.781vw;
    height: 0.781vw;
    position: relative;
    vertical-align: middle !important;
  }

  .current-projects-progress {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.234vw;
    align-self: stretch;
    border-radius: 0.313vw;
    background: #fff;
  }

  .current-projects-progress-bar {
    position: relative;
    height: 0.313vw;
    border-radius: 0.313vw;
    width: 100%;
    background: white;
  }

  .current-projects-progress-bg {
    width: 100%;
    height: 0.313vw;
    background: #eaecf0;
    border-radius: 390.586vw;
    position: absolute;
  }

  .current-projects-progress-fg {
    height: 0.313vw;
    background: #006ba6;
    border-radius: 390.586vw;
    position: absolute;
    top: 0;
    left: 0;
  }

  .current-projects-funding-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
  }
  .current-projects-funding-info > span:first-child,
  .current-projects-funding-info
    .current-projects-funding-info-item
    span:first-child {
    color: #344054;
    text-align: center;
    font-family: "MavenPro-SemiBold";
    font-size: 0.547vw;
    font-style: normal;
    line-height: 0.781vw;
  }
  .current-projects-funding-info > span:nth-child(2),
  .current-projects-funding-info
    .current-projects-funding-info-item
    span:nth-child(2) {
    color: #667085;
    text-align: center;
    font-family: "MavenPro-SemiBold";
    font-size: 0.547vw;
    font-style: normal;
    line-height: 0.781vw;
  }
  .current-projects-funding-info span {
    color: #344054;
    text-align: center;
    font-family: "MavenPro-SemiBold", sans-serif;
    font-size: 0.469vw;
    font-style: normal;
    line-height: 0.703vw;
  }
  .current-projects-item-secondary {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-4xl, 1.25vw);
    flex: 1 0 0;
    align-self: stretch;
  }
  .current-projects-item.horizontal {
    display: flex;
    padding: 0.781vw;
    justify-content: center;
    align-items: center;
    gap: 0.938vw;
    align-self: stretch;
    position: relative;
    flex-direction: row;
  }
  .current-projects-item.horizontal .current-projects-image {
    width: 10.313vw;
    height: 8.555vw;
    flex: 1 0 0;
    align-self: flex-start;
    object-fit: cover;
    display: block;
    aspect-ratio: 16 / 9;
  }
  .current-projects-item.horizontal .current-projects-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.625vw;
    flex: 1 0 0;
    align-self: stretch;
  }
  .current-projects-item.horizontal
    .current-projects-content
    .current-projects-text-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-lg, 0.469vw);
    align-self: stretch;
  }
  .current-projects-item.horizontal
    .current-projects-content
    .current-projects-text-block
    .current-projects-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
    overflow: hidden;
    align-self: stretch;
    color: #101828;
    font-family: "MavenPro-SemiBold";
    font-size: 0.781vw;
    font-style: normal;
    line-height: 1.172vw;
  }
  .current-projects-item.horizontal
    .current-projects-content
    .current-projects-progress {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.234vw;
    align-self: stretch;
    border-radius: 0.313vw;
    background: #fff;
  }
  .current-projects-item.horizontal
    .current-projects-content
    .current-projects-funding-info-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
  }

  .current-projects-item.horizontal
    .current-projects-content
    .current-projects-funding-info
    span {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0vw;
  }

  .features-container {
    display: flex;
    padding: 3.125vw 13.125vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2.5vw;
    align-self: stretch;
    background: linear-gradient(
        190deg,
        rgba(255, 255, 255, 0.81) 9.46%,
        rgba(255, 255, 255, 0) 43.5%,
        rgba(255, 255, 255, 0.81) 92.1%
      ),
      url("../Images/new-main-img/section-bg.png") lightgray 50% / cover
        no-repeat;
    background-blend-mode: overlay;
    position: relative;
  }
  .features-header-container {
    display: flex;
    padding: 0vw var(--spacing-none, 0vw);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-4xl, 1.25vw);
    align-self: stretch;
  }
  .features-header-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-4xl, 1.25vw);
    align-self: stretch;
  }
  .features-text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-2xl, 0.781vw);
    align-self: stretch;
  }
  .title-subtitle-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-lg, 0.469vw);
    align-self: stretch;
  }
  .features-subtitle {
    align-self: stretch;
    color: #00a985;
    text-align: center;
    font-family: "MavenPro-SemiBold";
    font-size: 0.625vw;
    font-style: normal;
    line-height: 0.938vw; /* 150% */
  }
  .features-title {
    align-self: stretch;
    color: var(--colors-text-text-primary-900, #101828);
    text-align: center;

    /* Display md/Semibold */
    font-family: "MavenPro-SemiBold";
    font-size: 1.406vw;
    font-style: normal;
    line-height: 1.719vw; /* 122.222% */
    letter-spacing: -0.028vw;
  }
  .features-desc {
    align-self: stretch;
    color: var(--colors-text-text-tertiary-600, #475467);
    text-align: center;

    /* Text xl/Regular */
    font-family: "MavenPro-Regular";
    font-size: 0.781vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.172vw; /* 150% */
  }

  .feature-cards-container {
    display: flex;
    padding: 0vw var(--spacing-none, 0vw);
    align-items: flex-start;
    gap: var(--spacing-7xl, 2.5vw);
    align-self: stretch;
  }
  .features-cards-wrapper {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: var(--spacing-6xl, 1.875vw) var(--spacing-4xl, 1.25vw);
    flex: 1 0 0;
    flex-wrap: wrap;
  }
  .feature-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1.25vw;
    flex: 1 0 0;
  }
  .feature-item-img {
    height: auto;
    display: flex;
    justify-content: center;
    align-self: stretch;
    border-radius: 0.781vw;
  }
  .feature-item-img img {
    width: 70%;
    height: auto;
    align-self: stretch;
    object-fit: contain;
    display: block;
    aspect-ratio: 16 / 9;
  }

  .feature-text-box {
    display: flex;
    min-width: 9.375vw;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.781vw;
    align-self: stretch;
  }
  .feature-card-support-text-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.625vw;
    align-self: stretch;
  }
  .feature-card-ico-percent {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
  }
  .feature-card-percent {
    color: #006ba6;
    font-family: "MavenPro-Bold";
    font-size: 2vw;
    font-style: normal;
    line-height: 2.813vw;
    letter-spacing: -0.047vw;
  }
  .feature-card-ico {
    width: 2.813vw;
    height: 2.813vw;
  }
  .features-card-support-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.313vw;
    text-align: center;
    align-self: stretch;
  }
  .feature-card-support-text-title {
    color: #101828;
    font-family: "MavenPro-SemiBold";
    font-size: 0.938vw;
    font-style: normal;
    line-height: 1.25vw;
    align-self: stretch;
  }
  .feature-card-support-text-desc {
    align-self: stretch;
    color: #475467;
    font-family: "MavenPro-Regular";
    font-size: 0.703vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.094vw;
  }
  .features-cards-wrapper .feature-item:nth-child(2) {
    flex-direction: column-reverse;
  }

  .events-container {
    display: flex;
    padding: 3.125vw 13.125vw 4.492vw 13.125vw;
    flex-direction: column;
    align-items: center;
    gap: 2.5vw;
    align-self: stretch;
    position: relative;
    background: linear-gradient(
        117deg,
        rgba(255, 255, 255, 0.81) 37.76%,
        rgba(255, 255, 255, 0) 63.39%,
        rgba(255, 255, 255, 0.81) 99.99%
      ),
      url("../Images/new-main-img/section-bg.png") lightgray 50% / cover
        no-repeat;
  }
  .events-container > img:first-child {
    width: 2.246vw;
    height: 2.245vw;
    position: absolute;
    right: 25.864vw;
    top: 4.852vw;
  }
  .events-container > img:nth-child(2) {
    width: 2.246vw;
    height: 2.245vw;
    position: absolute;
    left: 4.023vw;
    top: 32.605vw;
  }
  .events-wrapper {
    display: flex;
    padding: 0vw 0vw;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.5vw;
    align-self: stretch;
  }
  .events-header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    row-gap: 1.25vw;
    align-self: stretch;
    flex-wrap: wrap;
  }
  .events-header-text-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.781vw;
    flex: 1 0 0;
  }
  .events-title {
    align-self: stretch;
    color: #101828;
    font-family: "MavenPro-SemiBold";
    font-size: 1.406vw;
    font-style: normal;
    line-height: 1.719vw;
    letter-spacing: -0.028vw;
  }
  .events-desc {
    align-self: stretch;
    color: #475467;

    font-family: "MavenPro-Regular";
    font-size: 0.781vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.172vw; /* 150% */
  }
  .events-cta-box {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-lg, 0.469vw);
  }
  .events-cta {
    display: flex;
    padding: 0.469vw 0.703vw;
    justify-content: center;
    align-items: center;
    gap: 0.234vw;
    border-radius: 390.586vw;
    box-shadow: 0vw 0.039vw 0.078vw 0vw rgba(16, 24, 40, 0.05);
    color: #fff;
    font-family: "MavenPro-SemiBold";
    font-size: 0.625vw;
    font-style: normal;
    line-height: 0.938vw;

    background: linear-gradient(180deg, #00b18a, #006eb4, #00b18a);
    background-size: 100% 300%;
    background-position: 50% 0%; /* start at top */
    transition: background-position 0.8s ease, color 0.2s ease;
  }
  .events-cta:hover,
  .events-cta:focus {
    color: #fff;
    background-position: 50% 100%; /* slide to bottom */
  }
  .events-slider-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-4xl, 1.25vw);
    width: 100%;
  }
  .events-slider-wrapper {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-4xl, 1.25vw);
    width: 100%;
    position: relative;
  }

  .events-slider-wrapper .custom-arrows {
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    bottom: -15%;
    right: 0px;
  }

  .events-slider-wrapper .splide__slide {
    width: 100%;
    scroll-snap-align: start;
  }
  .events-slider-wrapper .splide__track {
    width: 100%;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
  }
  .events-slider-wrapper .custom-arrows #custom-prev-e,
  .events-slider-wrapper .custom-arrows #custom-next-e {
    display: flex;
    width: 2.188vw;
    height: 2.188vw;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-lg, 0.469vw);
    border-radius: var(--radius-full, 390.586vw);
    border: 0.039vw solid var(--Colors-Border-border-primary, #d0d5dd);
    background-color: transparent;
    margin: 0 0.391vw;
  }
  .events-slider-wrapper .custom-arrows #custom-prev-e img,
  .events-slider-wrapper .custom-arrows #custom-next-e img {
    width: 0.938vw;
    height: 0.938vw;
    flex-shrink: 0;
  }
  .event-card {
    display: flex;
    width: 15vw;
    height: 19.688vw;
    padding-top: 0.938vw;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.938vw;
    border-radius: 0.781vw;
    background: linear-gradient(180deg, #006eb5, #7cb5d9, #3f92c7);
    background-size: 100% 150%;
  }
  .event-card img {
    width: 100%;
    height: auto;
    flex: 1 0 0;
    align-self: stretch;
    object-fit: cover;
    display: block;
    aspect-ratio: 16 / 9;
    border-radius: 0 0 0.781vw 0.781vw;
  }
  .event-card-text-box {
    display: flex;
    padding: 0vw 0.938vw;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.469vw;
    align-self: stretch;
    border-radius: 0.625vw;
  }
  .event-card-title-desc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.469vw;
    align-self: stretch;
  }
  .event-card-title {
    align-self: stretch;
    color: #fff;

    font-family: "MavenPro-SemiBold";
    font-size: 1.172vw;
    font-style: normal;
    line-height: 1.484vw;
  }
  .event-card-desc {
    align-self: stretch;
    color: #fff;

    font-family: "MavenPro-Regular";
    font-size: 0.703vw;
    font-style: normal;
    font-weight: 500;
    line-height: 1.094vw;
  }
  .event-card-cta {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.313vw;

    color: #fff;

    font-family: "MavenPro-SemiBold";
    font-size: 0.625vw;
    font-style: normal;
    line-height: 0.938vw;
  }
  .event-card-cta-arrow {
    width: 0.781vw;
    height: 0.781vw;
  }
  .event-card-date {
    color: #344054;
    font-family: "MavenPro-Medium";
    font-size: 0.547vw;
    font-style: normal;
    line-height: 0.938vw; /* 150% */
    display: flex;
    padding: 0.156vw 0.469vw;
    align-items: center;
    border-radius: 390.586vw;
    border: 0.039vw solid #eaecf0;
    background: #f9fafb;
  }

  .volunteer-container {
    display: flex;
    padding: 3.125vw 13.125vw;
    justify-content: center;
    align-items: center;
    gap: 2.5vw;
    align-self: stretch;

    background: linear-gradient(
        190deg,
        rgba(255, 255, 255, 0.81) 9.46%,
        rgba(255, 255, 255, 0) 43.5%,
        rgba(255, 255, 255, 0.81) 92.1%
      ),
      url("../Images/new-main-img/section-bg.png") lightgray 50% / cover
        no-repeat;
    background-blend-mode: overlay;
    position: relative;
  }
  .volunteer-wrapper {
    display: flex;
    align-items: center;
    gap:  2.5vw;
    flex: 1 0 0;
  }
  .volunteer-left-side-container {
    width: 32.5vw;
    height: 20.51vw;
    background: url("../Images/new-main-img/volunteer-side-img.png") 50% / cover
      no-repeat;
  }
  .volunteer-right-side-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.875vw;
    flex: 1 0 0;
    position: relative;
  }
  .volunteer-right-side-text-container {
    display: flex;
    padding: 0vw var(--spacing-none, 0vw);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-4xl, 1.25vw);
    align-self: stretch;
  }
  .volunteer-right-side-text-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-4xl, 1.25vw);
    align-self: stretch;
  }
  .volunteer-title-subtitle-desc-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-2xl, 0.781vw);
    align-self: stretch;
  }
  .volunteer-title-subtitle-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-lg, 0.469vw);
    align-self: stretch;
  }
  .volunteer-right-side-subtitle {
    align-self: stretch;
    color: #00a985;
    font-family: "MavenPro-SemiBold";
    font-size: 0.625vw;
    font-style: normal;
    line-height: 0.938vw;
  }
  .volunteer-right-side-title {
    align-self: stretch;
    color: var(--colors-text-text-primary-900, #101828);

    /* Display md/Semibold */
    font-family: "MavenPro-SemiBold";
    font-size: 1.406vw;
    font-style: normal;
    line-height: 1.719vw; /* 122.222% */
    letter-spacing: -0.028vw;
  }
  .volunteer-right-side-desc {
    align-self: stretch;
    color: var(--colors-text-text-tertiary-600, #475467);

    /* Text xl/Regular */
    font-family: "MavenPro-Regular";
    font-size: 0.781vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.172vw; /* 150% */
  }
  .volunteer-right-side-cta-container {
    display: flex;
    align-items: center;
    gap: var(--spacing-7xl, 2.5vw);
    align-self: stretch;
  }
  .volunteer-right-side-cta-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25vw;
    flex: 1 0 0;
  }
  .volunteer-right-side-cta-box {
    display: flex;
    align-items: center;
    gap: var(--spacing-2xl, 0.781vw);
    align-self: stretch;
  }
  .volunteer-right-side-cta-img {
    display: flex;
    width: 9.375vw;
    height: 8.438vw;
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-2xl, 0.625vw);
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.2) 0%,
        rgba(0, 0, 0, 0.2) 100%
      ),
      url("../Images/new-main-img/volunteer-cta.jpg") lightgray 50% / cover
        no-repeat;
  }
  .volunteer-right-side-cta-play {
    width: 3.125vw;
    height: 3.125vw;
    flex-shrink: 0;
  }
  .volunteer-right-side-cta-text-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-lg, 0.469vw);
    flex: 1 0 0;
  }
  .volunteer-right-side-cta-title-desc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.156vw;
    align-self: stretch;
  }
  .volunteer-right-side-cta-title {
    color: var(--colors-text-text-primary-900, #101828);

    /* Display xs/Semibold */
    font-family: "MavenPro-SemiBold";
    font-size: 0.938vw;
    font-style: normal;
    line-height: 1.25vw; /* 133.333% */
  }
  .volunteer-right-side-cta-desc {
    align-self: stretch;
    color: #475467;
    font-family: "MavenPro-Regular";
    font-size: 0.703vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.094vw;
  }
  .volunteer-right-side-button {
    display: flex;
    padding: 0.469vw 0.703vw;
    justify-content: center;
    align-items: center;
    gap: 0.234vw;
    border-radius: 390.586vw;
    box-shadow: 0vw 0.039vw 0.078vw 0vw rgba(16, 24, 40, 0.05);
    color: #fff;
    font-family: "MavenPro-Semibold";
    font-size: 0.625vw;
    font-style: normal;
    line-height: 0.938vw;

    background: linear-gradient(180deg, #00b18a, #006eb4, #00b18a);
    background-size: 100% 300%;
    background-position: 50% 0%;
    transition: background-position 0.8s ease, color 0.2s ease;
  }
  .volunteer-right-side-button:hover {
    color: #fff;
    background-position: 50% 100%;
  }
  .volunteer-right-side-button img {
    width: 0.781vw;
    height: 0.781vw;
  }
  .volunteer-medical-mission-cta-box {
    display: flex;
    align-items: center;
    gap: 0.469vw;
    align-self: stretch;
  }
  .volunteer-medical-mission-cta-box p {
    color: #475467;
    font-family: "MavenPro-Regular";
    font-size: 0.703vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.094vw;
  }
  .volunteer-medical-mission-cta-box p a {
    color: #00aa86;
    font-family: "MavenPro-SemiBold";
    font-size: 0.625vw;
    font-style: normal;
    line-height: 0.938vw;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
  .rmd-container {
    display: flex;
    padding: 4.125vw 14.125vw;
    justify-content: center;
    align-items: center;
    gap: 2.5vw;
    align-self: stretch;
    background: linear-gradient(
        288deg,
        rgba(0, 107, 166, 0) 37.91%,
        rgba(0, 107, 166, 0.2) 71.72%,
        rgba(0, 107, 166, 0.2) 99.99%
      ),
      url("../Images/new-main-img/donation-section-bg.svg") lightgray 50% /
        cover no-repeat;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
  }
  .rmd-container > img:first-child {
    width: 3.55vw;
    height: 3.55vw;
    position: absolute;
    left: 3.408vw;
    top: 1.386vw;
  }
  .rmd-container > img:nth-child(2) {
    width: 2.246vw;
    height: 2.245vw;
    position: absolute;
    left: 40.039vw;
    top: 1.142vw;
  }
  .rmd-container > img:nth-child(3) {
    width: 2.245vw;
    height: 2.256vw;
    position: absolute;
    left: 84.8%;
    top: 2.728vw;
  }
  .rmd-container > img:nth-child(4) {
    width: 1.562vw;
    height: 1.562vw;
    position: absolute;
    left: 50.8%;
    top: 24.713vw;
  }
  .rmd-container > img:nth-child(5) {
    width: 2.245vw;
    height: 2.245vw;
    position: absolute;
    left: 22.539vw;
    top: 23.681vw;
  }
  .rmd-left-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.938vw;
    flex: 1 0 0;
  }
  .rmd-left-title-desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.469vw;
    align-self: stretch;
  }
  .rmd-left-title {
    align-self: stretch;
    color: #fff;
    font-family: "MavenPro-SemiBold";
    font-size: 1.406vw;
    font-style: normal;
    line-height: 1.719vw;
    letter-spacing: -0.028vw;
  }
  .rmd-left-desc {
    align-self: stretch;
    color: var(--Colors-Text-text-white, #fff);
    font-family: "MavenPro-Regular";
    font-size: 0.781vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.172vw;
  }
  .rmd-right-container {
    display: flex;
    padding: var(--spacing-4xl, 1.25vw) var(--spacing-3xl, 0.938vw);
    align-items: flex-start;
    gap: var(--spacing-4xl, 1.25vw);
    border-radius: var(--radius-2xl, 0.625vw);
    border: 0.039vw solid rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(0.781vw);
  }
  .rmd-form-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25vw;
    flex: 1 0 0;
  }
  .rmd-form-title-subtitle-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.781vw;
    align-self: stretch;
  }
  .rmd-form-title {
    align-self: stretch;
    color: #fff;
    font-family: "MavenPro-SemiBold";
    font-size: 1.406vw;
    font-style: normal;
    line-height: 1.719vw;
    letter-spacing: -0.028vw;
  }
  .rmd-form-subtitle {
    align-self: stretch;
    color: #fff;
    font-family: "MavenPro-Regular";
    font-size: 0.781vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.172vw;
  }
  .rmd-form-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.938vw;
    align-self: stretch;
  }
  .rmd-recurrence-btn-container {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 0.625vw;
    align-self: stretch;
    flex-wrap: wrap;
  }
  .rmd-recurrence-btn {
    display: flex;
    padding: 0.625vw 0.625vw;
    justify-content: center;
    align-items: center;
    gap: 0.469vw;
    flex: 1 0 0;
    border-radius: 390.586vw;
    box-shadow: 0vw 0.039vw 0.078vw 0vw rgba(16, 24, 40, 0.05);
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(0.469vw);
  }
  .rmd-recurrence-btn.active {
    background: #bfe8ff;
  }
  .recurrence-btn-icon {
    width: 0.938vw;
    height: 0.938vw;
  }
  .recurrence-btn-text-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.078vw;
  }

  .rmd-recurrence-btn .recurrence-btn-text-box p {
    color: #344054;
    font-family: "Inter";
    font-weight: 600;
    font-size: 0.625vw;
    font-style: normal;
    line-height: 0.938vw;
  }
  .rmd-recurrence-btn.active .recurrence-btn-text-box p {
    color: #006ba6;
  }
  .rmd-input-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.625vw;
    align-self: stretch;
  }
  .rmd-amount-btn-container {
    display: flex;
    height: 1.719vw;
    align-items: flex-start;
    gap: 0.625vw;
    align-self: stretch;
  }
  .amount-btn {
    display: flex;
    height: 1.719vw;
    padding: 0.313vw 0.938vw;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
    border-radius: 433.99vw;
    border: 0.05vw solid #eaecf0;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(0.469vw);
    cursor: pointer;
  }
  .amount-btn p {
    color: var(--Component-colors-Utility-Gray-utility-gray-700, #344054);
    text-align: center;
    font-family: "Inter";
    font-size: 0.781vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .amount-btn.active {
    border: 0.05vw solid var(--Primary-Gray, #acc2d9);
    background: var(--Component-colors-Utility-Blue-utility-blue-50, #eff8ff);
  }
  .amount-btn.active p {
    color: var(--Primary-Blue, #006ba6);
  }
  .rmd-form-divider {
    display: flex;
    align-items: center;
    gap: 0.625vw;
    align-self: stretch;
  }
  .rmd-form-divider p {
    color: var(--Colors-Text-text-primary_on-brand, #fff);

    /* Text sm/Medium */
    font-family: "MavenPro-Regular";
    font-size: 0.547vw;
    font-style: normal;
    font-weight: 500;
    line-height: 0.781vw; /* 142.857% */
  }
  .form-divider-line {
    display: flex;
    flex: 1 0 0;
    background: var(--Component-colors-Utility-Gray-utility-gray-200, #eaecf0);
    height: 0.039vw;
  }
  .cash-wrappper {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 0.625vw;
    align-self: stretch;
  }
  .rmd-input-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.234vw;
  }

  .rmd-input-box {
    display: flex;
    align-items: center;
    background: white;
    box-shadow: 0vw 0.039vw 0.078vw rgba(16, 24, 40, 0.05);
    border: 0.039vw solid #d2d6db;
    border-radius: 0.313vw;
    padding: 0.391vw 0.547vw;
  }

  .rmd-input-prefix {
    color: #111927;
    font-size: 0.625vw;
    font-family: Inter, sans-serif;
    font-weight: 400;
    line-height: 0.938vw;
    margin-right: 0.469vw;
  }

  .rmd-input-field {
    flex: 1;
    border: none;
    outline: none;
    color: #6c737f;
    font-size: 0.625vw;
    font-family: Inter, sans-serif;
    font-weight: 400;
    line-height: 0.938vw;
  }
  .rmd-input-field.no-spinner::-webkit-outer-spin-button,
  .rmd-input-field.no-spinner::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .rmd-input-field.no-spinner[type="number"] {
    -moz-appearance: textfield;
  }
  .rmd-dropdown-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.234vw;
  }

  .rmd-dropdown-label {
    font-size: 0.547vw;
    font-weight: 500;
    color: white;
    font-family: "MavenPro-Regular", sans-serif;
  }

  .rmd-dropdown {
    background: white;
    border: 0.039vw solid #d0d5dd;
    border-radius: 0.313vw;
    padding: 0.391vw 0.547vw;
    box-shadow: 0vw 0.039vw 0.078vw rgba(16, 24, 40, 0.05);
    position: relative;
    cursor: pointer;
  }

  .rmd-dropdown-selected {
    font-size: 0.625vw;
    color: #667085;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Inter", sans-serif;
  }
  .dropdown-icon {
    transition: transform 0.3s ease;
    font-weight: 600;
  }

  .rmd-dropdown.active .dropdown-icon {
    transform: rotate(180deg);
  }
  .rmd-dropdown-options {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 0.039vw solid #d0d5dd;
    border-top: none;
    border-radius: 0 0 0.313vw 0.313vw;
    box-shadow: 0 0.156vw 0.313vw rgba(0, 0, 0, 0.05);
    display: none;
    font-family: "Inter", sans-serif;
    z-index: 1000;
    overflow-y: auto;
    max-height: 7.813vw;
    scrollbar-width: thin; 
    scrollbar-color: #ccc transparent;
  }
  .rmd-dropdown-options::-webkit-scrollbar {
    width: 0.313vw;
  }

  .rmd-dropdown-options::-webkit-scrollbar-track {
    background: transparent;
  }

  .rmd-dropdown-options::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 0.156vw;
    border: 0.078vw solid transparent;
    background-clip: content-box;
  }

  .rmd-dropdown-options::-webkit-scrollbar-thumb:hover {
    background-color: #999;
  }
  .rmd-dropdown-options::-webkit-scrollbar-button {
    display: none;
    height: 0;
    width: 0;
  }
  .rmd-dropdown.active .rmd-dropdown-options {
    display: block;
  }

  .rmd-dropdown-options li {
    padding: 0.391vw 0.547vw;
    font-size: 0.586vw;
    color: #444;
    cursor: pointer;
  }

  .rmd-dropdown-options li:hover {
    background-color: #f0f0f0;
    color: #111927;
    font-weight: 600;
  }
  .rmd-submit-btn-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 0.625vw;
    align-self: stretch;
  }
  .rmd-submit-btn-box {
    display: flex;
    padding: 0.469vw 0.703vw;
    justify-content: center;
    align-items: center;
    gap: 0.234vw;
    border-radius: 390.586vw;
    cursor: pointer;
    box-shadow: 0vw 0.039vw 0.078vw 0vw rgba(16, 24, 40, 0.05);

    background: linear-gradient(180deg, #00b18a, #006eb4, #00b18a);
    background-size: 100% 300%;
    background-position: 50% 0%;
    transition: background-position 0.8s ease, color 0.2s ease;
  }
  .rmd-submit-btn-box:focus,
  .rmd-submit-btn-box:hover {
    color: #fff;
    background-position: 50% 100%;
  }
  .rmd-submit-btn-icon {
    width: 0.781vw;
    height: 0.781vw;
  }
  .rmd-submit-btn-box p {
    color: var(
      --Component-colors-Components-Buttons-Primary-button-primary-fg,
      #fff
    );
    padding: 0vw var(--spacing-xxs, 0.078vw);

    /* Text md/Semibold */
    font-family: "MavenPro-SemiBold";
    font-size: 0.625vw;
    font-style: normal;
    line-height: 0.938vw; /* 150% */
  }

  .blog-container {
    display: flex;
    padding: 3.125vw 14.125vw;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-7xl, 2.5vw);
    align-self: stretch;
    background: linear-gradient(
        190deg,
        rgba(255, 255, 255, 0.81) 9.46%,
        rgba(255, 255, 255, 0) 43.5%,
        rgba(255, 255, 255, 0.81) 92.1%
      ),
      url("../Images/new-main-img/section-bg.png") lightgray 50% / cover
        no-repeat;
    background-blend-mode: overlay;
  }
  .blog-wrapper {
    display: flex;
    padding: 0vw var(--spacing-none, 0vw);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-4xl, 1.25vw);
    align-self: stretch;
  }
  .blog-header-content-container {
    display: flex;
    padding: 0vw var(--spacing-none, 0vw);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-4xl, 1.25vw);
    align-self: stretch;
  }
  .blog-header-content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.25vw;
    align-self: stretch;
  }
  .blog-header-text-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-2xl, 0.781vw);
    align-self: stretch;
  }
  .blog-title-subtitle-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-lg, 0.469vw);
    align-self: stretch;
  }
  .blog-header-subtitle {
    align-self: stretch;
    color: #00a985;
    text-align: center;

    /* Text md/Semibold */
    font-family: "MavenPro-SemiBold";
    font-size: 0.625vw;
    font-style: normal;
    line-height: 0.938vw; /* 150% */
  }
  .blog-header-title {
    align-self: stretch;
    color: var(--colors-text-text-primary-900, #101828);
    text-align: center;

    /* Display md/Semibold */
    font-family: "MavenPro-SemiBold";
    font-size: 1.406vw;
    font-style: normal;
    line-height: 1.719vw; /* 122.222% */
    letter-spacing: -0.028vw;
  }
  .blog-header-desc {
    align-self: stretch;
    color: var(--colors-text-text-tertiary-600, #475467);
    text-align: center;

    /* Text xl/Regular */
    font-family: "MavenPro-Regular";
    font-size: 0.781vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.172vw; /* 150% */
  }
  .blog-cards-container {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 1.25vw var(--spacing-4xl, 1.25vw);
    align-self: stretch;
    flex-wrap: wrap;
    position: relative;
  }
  .blog-cards-column {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: var(--spacing-4xl, 1.25vw);
    flex: 1 0 0;
    /* ---------------------------------------- */
    flex-direction: row;
    flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .blog-single-card {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 0.781vw var(--spacing-2xl, 0.781vw);
    align-self: stretch;
    flex-wrap: wrap;
    /* ---------------------------------------- */
    width: 49%;
  }
  .blog-thumbnail {
    height: 7.813vw;
    min-width: 12.5vw;
    flex: 0 0 0;
    border-radius: 0.781vw;
    object-fit: cover;
    display: block;
    aspect-ratio: 16 / 9;
  }
  .blog-text-content-date {
    display: flex;
    min-width: 7.813vw;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-3xl, 0.938vw);
    flex: 1 0 0;
  }
  .blog-date {
    align-self: stretch;
    color: var(--colors-text-text-brand-secondary-700, #015888);
    font-family: "MavenPro-SemiBold";
    font-size: 0.547vw;
    font-style: normal;
    line-height: 0.781vw; /* 142.857% */
  }
  .blog-title-desc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-md, 0.313vw);
    align-self: stretch;
  }
  .blog-title {
    align-self: stretch;
    color: var(--colors-text-text-primary-900, #101828);
    font-family: "MavenPro-SemiBold";
    font-size: 0.703vw;
    font-style: normal;
    line-height: 1.094vw; /* 155.556% */
  }
  .blog-desc {
    align-self: stretch;
    color: #475467;
    font-family: "MavenPro-Regular";
    font-size: 0.625vw;
    font-style: normal;
    font-weight: 400;
    line-height: 0.938vw; /* 150% */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .blog-read-more-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-md, 0.313vw);
  }
  .blog-read-more-btn span {
    color: #015888;
    font-family: "MavenPro-SemiBold";
    font-size: 0.625vw;
    font-style: normal;
    line-height: 0.938vw;
    transition: color ease-in 0.2s;
  }
  .blog-read-more-btn:hover span {
    color: #00446a;
    transition: color ease-in 0.2s;
  }
  .blog-read-more-btn img {
    vertical-align: middle !important;
  }

  .main-map-container {
    display: flex;
    padding: 3.125vw 13.125vw;
    align-items: center;
    gap: var(--spacing-7xl, 2.5vw);
    align-self: stretch;
    background: var(--Colors-Background-bg-primary, #fff);
  }
  .main-map-left-section {
    display: flex;
    padding: 0vw var(--spacing-none, 0vw) var(--spacing-none, 0vw)
      var(--spacing-none, 0vw);
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: var(--spacing-7xl, 2.5vw);
    flex: 1 0 0;
    z-index: 1;
  }
  .main-map-left-container {
    display: flex;
    width: 50vw;
    flex-direction: column;
    align-items: flex-start;
  }
  .main-map-left-content {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1vw;
    align-self: stretch;
  }

  .map-wrapper {
    position: relative;
    width: 47.938vw;
    height: 22.844vw;
  }
  .map-base {
    display: flex;
    width: 47.938vw;
    height: 22.844vw;
    padding: 0.031vw 0vw 0.118vw 0vw;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
  }
  .main-map-right-content {
    display: flex;
    width: 25.781vw;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--spacing-3xl, 0.938vw);
    z-index: 2; /* This makes it overlap left section */
    transform: translateX(-6.641vw); /* Adjust the amount of overlap */
  }
  .main-map-heading-sunheading-desc-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-2xl, 0.781vw);
    align-self: stretch;
  }
  .main-map-heading-subheading-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.469vw;
    align-self: stretch;
  }
  .main-map-subheading {
    align-self: stretch;
    color: #00a985;
    font-family: "MavenPro-SemiBold";
    font-size: 0.625vw;
    font-style: normal;
    line-height: 0.938vw; /* 150% */
  }
  .main-map-heading {
    align-self: stretch;
    color: var(--colors-text-text-primary-900, #101828);

    font-family: "MavenPro-SemiBold";
    font-size: 1.406vw;
    font-style: normal;
    line-height: 1.719vw; /* 122.222% */
    letter-spacing: -0.028vw;
  }

  .main-map-desc {
    align-self: stretch;
    color: var(--colors-text-text-tertiary-600, #475467);

    /* Text xl/Regular */
    font-family: "Maven Pro";
    font-size: 0.781vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.172vw; /* 150% */
  }

  .main-map-infographics-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-6xl, 1.875vw);
    align-self: stretch;
  }
  .main-map-infographics-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 1.25vw;
    align-self: stretch;
  }
  .main-map-single-infograph-box {
    display: flex;
    width: 12.5vw;
    min-width: 12.5vw;
    max-width: 21.875vw;
    align-items: flex-start;
    gap: var(--spacing-xl, 0.625vw);
  }
  .main-map-infograph-animation {
    width: 1.875vw;
    height: 1.875vw;
    flex-shrink: 0;
  }
  .main-map-single-infograph-text-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-2xl, 0.781vw);
    flex: 1 0 0;
  }
  .main-map-single-infograph-text-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-xs, 0.156vw);
    align-self: stretch;
  }
  .main-map-single-infograph-text-wrapper p:first-child {
    align-self: stretch;
    color: var(--colors-text-text-primary-900, #101828);
    font-family: "MavenPro-Semibold";
    font-size: 0.781vw;
    font-style: normal;
    line-height: 1.172vw; /* 150% */
  }
  .main-map-single-infograph-text-wrapper p:first-child span {
    color: var(--Green-light-600, var(--Colors-Green-light-600, #00aa86));
    font-family: "MavenPro-SemiBold";
    font-size: 0.781vw;
    font-style: normal;
    line-height: 1.172vw;
  }
  .main-map-single-infograph-text-wrapper p:nth-child(2) {
    align-self: stretch;
    color: var(--colors-text-text-tertiary-600, #475467);
    font-family: "MavenPro-Regular";
    font-size: 0.625vw;
    font-style: normal;
    font-weight: 400;
    line-height: 0.938vw; /* 150% */
  }
  .main-map-cta {
    display: flex;
    padding: 0.469vw 0.703vw;
    justify-content: center;
    align-items: center;
    gap: 0.234vw;
    border-radius: 390.586vw;
    box-shadow: 0vw 0.039vw 0.078vw 0vw rgba(16, 24, 40, 0.05);
    color: #fff;
    font-family: "MavenPro-Medium";
    font-size: 0.625vw;
    font-style: normal;
    line-height: 0.938vw;

    background: linear-gradient(180deg, #00b18a, #006eb4, #00b18a);
    background-size: 100% 300%;
    background-position: 50% 0%; /* start at top */
    transition: background-position 0.8s ease, color 0.2s ease;
  }
  .main-map-cta:hover,
  .main-map-cta:focus-visible {
    color: #fff;
    background-position: 50% 100%; /* slide to bottom */
  }

  .main-map-cta img {
    width: 0.781vw;
    height: 0.781vw;
  }

  .map-dots-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  .map-dot {
    width: 0.391vw;
    height: 0.391vw;
    border-radius: 0.875vw;
    background: #0097ea;
    position: absolute;
    transform: translate(-50%, -50%);
    pointer-events: all;
    cursor: pointer;
  }
  .pulse-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.586vw;
    height: 0.586vw;
    border-radius: 50%;
    background: #0097ea;
    opacity: 0.5;
    transform: translate(-50%, -50%) scale(1);
    z-index: -1;
  }
  .pulse-1 {
    animation: pulseAnim 2s infinite ease-out;
  }

  .pulse-2 {
    animation: pulseAnim 2s infinite ease-out;
    animation-delay: 1.5s;
  }

  @keyframes pulseAnim {
    0% {
      transform: translate(-50%, -50%) scale(1);
      opacity: 0.5;
    }
    100% {
      transform: translate(-50%, -50%) scale(2.5);
      opacity: 0;
    }
  }
  .mtp-container {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0vw 0.375vw 0.5vw -0.125vw rgba(16, 24, 40, 0.08),
      0vw 0.125vw 0.188vw -0.063vw rgba(16, 24, 40, 0.03);
    min-width: 7.031vw;
  }
  .mtp-wrapper {
    display: flex;
    padding: 0.469vw 0.313vw;
    flex-direction: column;
    align-items: center;
    gap: 0.313vw;
    border-radius: 0.313vw;
    background: #fff;
    min-width: 7.031vw;
  }
  .mtp-icon-container {
    display: flex;
    align-items: center;
    gap: 0.234vw;
  }
  .mtp-country-icon {
    width: 0.781vw;
    height: 0.781vw;
    aspect-ratio: 1/1;
    display: block;
    object-fit: cover;
  }
  .mtp-text-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.313vw;
  }
  .mtp-year {
    color: #475467;
    text-align: center;
    font-family: "MavenPro-Regular";
    font-size: 0.375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 0.563vw; /* 150% */
  }
  .header-branch-box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .mtp-header {
    align-self: stretch;
    color: #101828;
    text-align: left;
    font-family: "MavenPro-SemiBold";
    font-size: 0.547vw;
    font-style: normal;
    line-height: normal;
  }
  .mtp-branch {
    color: #475467;
    text-align: left;
    font-family: "Maven Pro";
    font-size: 0.375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 0.563vw; /* 150% */
  }
  .mtp-amount.two-col {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    gap: 0vw 0.469vw;
  }
  .amt-block {
    display: flex;
    flex-direction: column;
  }
  .amt-label {
    color: #101828;
    text-align: center;
    font-family: "MavenPro-Regular";
    font-size: 0.375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 0.563vw; /* 150% */
  }

  .amt-value {
    color: var(--colors-text-text-primary-900, #101828);
    font-family: "MavenPro-SemiBold";
    font-size: 0.469vw;
    font-style: normal;
    line-height: 0.563vw;
  }
  .mtp-amount {
    align-self: stretch;
    color: #101828;
    text-align: center;
    font-family: "MavenPro-SemiBold";
    font-size: 0.469vw;
    font-style: normal;
    line-height: normal;
  }
  .mtp-link {
    color: #344054;
    font-family: "MavenPro-Regular";
    font-size: 0.469vw;
    font-style: normal;
    line-height: normal;
  }
  .mtp-link:hover {
    color: #344054;
  }
  .mtp-link img {
    margin-left: 0.156vw;
    width: 0.521vw;
    height: 0.521vw;
  }
  .mtp-container.mtp-tooltip {
    position: absolute;
    bottom: 140%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
    z-index: 9;
  }

  /* Show tooltip on hover */
  .map-dot:hover .mtp-container.mtp-tooltip {
    opacity: 1;
    pointer-events: auto;
  }
  /* Triangle arrow */
  .mtp-container.mtp-tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 0.234vw;
    border-style: solid;
    border-color: var(--tooltip-background, #fff) transparent transparent
      transparent;
    filter: drop-shadow(
      0vw 0.078vw 0.117vw rgba(0, 0, 0, 0.1)
    ); /* Optional soft shadow */
  }

  .project-decoration-img-1 {
    position: absolute;
    left: 25.195vw;
    top: 1.766vw;
  }
  .project-decoration-img-2 {
    position: absolute;
    left: 69.922vw;
    top: 0.75vw;
  }
  .project-decoration-img-3 {
    position: absolute;
    left: 6.374vw;
    top: 24.109vw;
  }
  .feature-decoration-img-1 {
    position: absolute;
    left: 2.773vw;
    top: 4.305vw;
  }
  .feature-decoration-img-2 {
    position: absolute;
    left: 85%;
    top: 95%;
  }
  .events-decoration-img-1 {
    position: absolute;
    right: 14.864vw;
    top: 0.945vw;
  }
  .events-decoration-img-2 {
    position: absolute;
    left: 36.377vw;
    bottom: -0.019vw;
  }
  .volunteer-decoration-img-1 {
    position: absolute;
    left: 10.523vw;
    top: 0.906vw;
  }
  .volunteer-decoration-img-2 {
    position: absolute;
    right: -0.019vw;
    bottom: -0.034vw;
  }
  .volunteer-decoration-img-3 {
    position: absolute;
    left: 69.023vw;
    top: 3.133vw;
  }

  .featured-projects-container {
    display: flex;
    position: relative;
    padding: 3.125vw 13.125vw;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-7xl, 2.5vw);
    align-self: stretch;
    background: linear-gradient(
        190deg,
        rgba(255, 255, 255, 0.81) 9.46%,
        rgba(255, 255, 255, 0) 43.5%,
        rgba(255, 255, 255, 0.81) 92.1%
      ),
      url("../Images/new-main-img/section-bg.png") lightgray 50% / cover
        no-repeat;
  }
  .featured-projects-container > img:first-child {
    width: 15.625vw;
    height: 15.625vw;
    position: absolute;
    right: 4.391vw;
    top: -2.586vw;
  }
  .featured-projects-container > img:nth-child(2) {
    width: 2.246vw;
    height: 2.245vw;
    position: absolute;
    left: 40.997vw;
    top: 3.766vw;
  }
  .featured-projects-container > img:nth-child(3) {
    width: 2.246vw;
    height: 2.245vw;
    position: absolute;
    left: 6.374vw;
    top: 24.102vw;
  }
  .featured-projects-left-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--spacing-3xl, 0.938vw);
    flex: 1 0 0;
  }
  .featured-projects-left-wrapper .subheading {
    align-self: stretch;
    color: #00a985;
    font-family: "MavenPro-SemiBold";
    font-size: 0.625vw;
    font-style: normal;
    line-height: 0.938vw;
  }
  .featured-projects-left-wrapper .heading-desc-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.469vw;
    align-self: stretch;
  }
  .featured-projects-left-wrapper .heading-desc-box p:first-child {
    align-self: stretch;
    color: #101828;
    font-family: "MavenPro-SemiBold";
    font-size: 1.406vw;
    font-style: normal;
    line-height: 1.719vw;
    letter-spacing: -0.028vw;
  }
  .featured-projects-left-wrapper .heading-desc-box p:nth-child(2) {
    align-self: stretch;
    color: #475467;
    font-family: "MavenPro-Regular";
    font-size: 0.781vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.172vw;
  }
  .featured-projects-left-wrapper .cta {
    display: flex;
    padding: 0.469vw 0.703vw;
    justify-content: center;
    align-items: center;
    gap: 0.234vw;
    border-radius: 390.586vw;
    box-shadow: 0vw 0.039vw 0.078vw 0vw rgba(16, 24, 40, 0.05);
    color: #fff;
    font-family: "MavenPro-Medium";
    font-size: 0.625vw;
    font-style: normal;
    line-height: 0.938vw;
    background: linear-gradient(180deg, #00b18a, #006eb4, #00b18a);
    background-size: 100% 300%;
    background-position: 50% 0%; 
    transition: background-position 0.8s ease, color 0.2s ease;
  }
  .featured-projects-left-wrapper .cta:hover,
  .featured-projects-left-wrapper .cta:focus-visible {
    color: #fff;
    background-position: 50% 100%;
  }
  .featured-cases-container {
    display: flex;
    position: relative;
    width: 100%;
    padding: 3.125vw 13.125vw;
    justify-content: center;
    align-items: center;
    gap: 2.5vw;
    background-image: url("../Images/new-main-img/cases-bg.svg");
    background-repeat: no-repeat;
    background-position: right;
  }
  .featured-cases-container > img:first-child {
    width: 2.246vw;
    height: 2.245vw;
    position: absolute;
    left: 47.98vw;
    top: 1.763vw;
  }
  .featured-cases-container > img:nth-child(2) {
    width: 2.246vw;
    height: 2.245vw;
    position: absolute;
    left: 11.898vw;
    top: 1.922vw;
  }
  .featured-cases-left-wrapper {
    display: flex;
    height: 21.484vw;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-4xl, 1.25vw);
    flex: 1 0 0;
  }
  .featured-cases-left-wrapper .card {
    display: flex;
    padding: 0.781vw;
    min-width: 14.063vw;
    flex-direction: column;
    align-items: center;
    gap: 0.625vw;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 1.172vw;
    border: 0.039vw solid #eaecf0;
    background: #fff;
    box-shadow: 0 0.039vw 0.078vw 0 rgba(16, 24, 40, 0.05);
  }
  .featured-cases-left-wrapper .card > img {
    width: 100%;
    flex: 1 0 0;
    max-height: 12.656vw;
    align-self: stretch;
    object-fit: cover;
    display: block;
    aspect-ratio: 16 / 9;
    border-radius: 1.172vw;
  }
  .featured-cases-left-wrapper .card .text-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.469vw;
    align-self: stretch;
  }
  .featured-cases-left-wrapper .card .text-box p {
    align-self: stretch;
    color: #101828;
    font-family: "MavenPro-SemiBold";
    font-size: 0.781vw;
    font-style: normal;
    line-height: 1.172vw;
  }
  .featured-cases-left-wrapper .card .text-box a {
    color: #015888;
    font-family: "MavenPro-SemiBold";
    font-size: 0.625vw;
    font-style: normal;
    line-height: 0.938vw;
  }
  .featured-cases-left-wrapper .card .text-box a img {
    width: 0.781vw;
    height: 0.781vw;
  }
  .featured-cases-progress {
    display: flex;
    padding: 0vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.234vw;
    align-self: stretch;
    border-radius: 0.313vw;
    background: white;
  }

  .featured-cases-percentage {
    color: #006ba6;
    text-align: center;
    font-family: "MavenPro-SemiBold", sans-serif;
    font-size: 0.703vw;
    font-style: normal;
    line-height: 1.094vw;
  }
  .featured-cases-progress-bar {
    position: relative;
    height: 0.313vw;
    border-radius: 0.313vw;
    width: 100%;
    background: white;
  }

  .featured-cases-progress-bg {
    width: 100%;
    height: 0.469vw;
    background: #eaecf0;
    border-radius: 390.586vw;
    position: absolute;
  }

  .featured-cases-progress-fg {
    height: 0.469vw;
    background: #006ba6;
    border-radius: 390.586vw;
    position: absolute;
    top: 0;
    left: 0;
  }

  .featured-cases-funding-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
  }
  .featured-cases-funding-info
    .featured-cases-funding-info-item:first-child
    span {
    color: #344054;
    text-align: center;
    font-family: "MavenPro-SemiBold";
    font-size: 0.547vw;
    font-style: normal;
    line-height: 0.781vw;
  }
  .featured-cases-funding-info
    .featured-cases-funding-info-item:nth-child(2)
    span {
    color: #667085;
    text-align: center;
    font-family: "MavenPro-Medium";
    font-size: 0.547vw;
    font-style: normal;
    line-height: 0.781vw;
  }
  .featured-cases-funding-info span {
    color: #344054;
    text-align: center;
    font-family: "MavenPro-SemiBold", sans-serif;
    font-size: 0.469vw;
    font-style: normal;
    line-height: 0.703vw;
  }
  .featured-cases-right-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--spacing-3xl, 0.938vw);
    flex: 1 0 0;
  }
  .featured-cases-right-wrapper .subheading {
    align-self: stretch;
    color: #00a985;
    font-family: "MavenPro-SemiBold";
    font-size: 0.625vw;
    font-style: normal;
    line-height: 0.938vw;
  }
  .featured-cases-right-wrapper .heading-desc-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-lg, 0.469vw);
    align-self: stretch;
  }
  .featured-cases-right-wrapper .heading-desc-box p:first-child {
    align-self: stretch;
    color: #101828;
    font-family: "MavenPro-SemiBold";
    font-size: 1.406vw;
    font-style: normal;
    line-height: 1.719vw;
    letter-spacing: -0.028vw;
  }
  .featured-cases-right-wrapper .heading-desc-box p:nth-child(2) {
    align-self: stretch;
    color: #475467;
    font-family: "MavenPro-Regular";
    font-size: 0.781vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.172vw;
  }
  .featured-cases-right-wrapper .cta {
    display: flex;
    padding: 0.469vw 0.703vw;
    justify-content: center;
    align-items: center;
    gap: 0.234vw;
    border-radius: 390.586vw;
    box-shadow: 0vw 0.039vw 0.078vw 0vw rgba(16, 24, 40, 0.05);
    color: #fff;
    font-family: "MavenPro-Medium";
    font-size: 0.625vw;
    font-style: normal;
    line-height: 0.938vw;

    background: linear-gradient(180deg, #00b18a, #006eb4, #00b18a);
    background-size: 100% 300%;
    background-position: 50% 0%;
    transition: background-position 0.8s ease, color 0.2s ease;
  }
  .featured-cases-right-wrapper .cta:hover,
  .featured-cases-right-wrapper .cta:focus-visible {
    color: #fff;
    background-position: 50% 100%;
  }
  .main-cta-container-1,
  .main-cta-container-2 {
    display: flex;
    padding: 1.25vw 17.125vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2.5vw;
    align-self: stretch;
    background: #fff;
  }
  .main-cta-container-1 .main-cta-wrapper,
  .main-cta-container-2 .main-cta-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    gap: 1.875vw;
    min-height: 12.814vw;
  }
  .main-cta-container-1 .main-cta-wrapper {
    position: relative;
    min-height: 24.97vw;
    padding-top: 5%;
  }
  .main-cta-container-1 .main-cta-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("../Images/new-main-img/cta-bg-1.png");
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 0;
  }

  .main-cta-container-2 .main-cta-wrapper {
    background-image: url("../Images/new-main-img/cta-bg-2.svg");
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .main-cta-text-box {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.781vw;
    padding-left: 1.953vw;
    z-index: 1;
  }
  .main-cta-link-box {
    display: inline-flex;
    align-items: flex-start;
    padding-left: 1.953vw;
    gap: 0.469vw;
  }
  .main-cta-text-box p {
    align-self: stretch;
    color: #fff;
    font-family: "MavenPro-SemiBold";
    font-size: 1.406vw;
    font-style: normal;
    line-height: 1.719vw;
    letter-spacing: -0.028vw;
  }
  .main-cta-link-box a {
    display: flex;
    padding: 0.469vw 0.703vw;
    justify-content: center;
    align-items: center;
    gap: 0.234vw;
    border-radius: 390.586vw;
    border: 0.039vw solid #d0d5dd;
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0.48) 100%
    );
    backdrop-filter: blur(0.469vw);
    color: #344054;
    font-family: "MavenPro-SemiBold";
    font-size: 0.625vw;
    font-style: normal;
    line-height: 0.938vw;
  }
  .remove-from-2k {
    display: none;
  }
}