/* DESCRIPTION: banner */

    .csr-banner-container {
        width: 100%;
        max-height: 115vh;
        height: auto;
        padding-bottom: 12.35%;
        position: relative;

        .csr-bg-container {
            position: relative;
            height: 93.7vh;

            .csr-banner-bg-img {
                /* aspect-ratio: 1920 / 1272; */
                background-repeat: no-repeat;
                background-size: cover;
                /* background-size: 114%; */
                background-position: center center;
                background-attachment: fixed;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            .overlay {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 101%;
                /* aspect-ratio: 1920 / 1272; */
                background: linear-gradient(180deg, rgba(67, 102, 143, 0.68) 0%, rgba(55, 82, 114, 0.45) 45%, rgba(26, 44, 71, 0.55) 65.5%, rgba(26, 44, 71, 0.80) 84.5%, rgba(26, 44, 71, 0.98) 100%);
                z-index: 1;
            }
        }


        .small-size {
            margin-top: 1.1%;
        }

        .csr-banner-content {
            width: 100%;
            position: absolute;
            z-index: 2;
            top: 30.8%;

            .top-section {
                margin: auto;
                width: 77.5%;

                .banner-heading {
                    width: 100%;
                    display: flex;
                    align-items: baseline;
                    align-items: center;
                    text-wrap: wrap;

                    span {
                        margin-right: 1%;
                        font-weight: 400;
                        text-transform: none;
                    }

                }

                .banner-description {
                    width: 79.57;
                    margin-top: 1.08%;
                }

                .csr-banner-button {
                    margin-top: 4.10% !important;
                    border-radius: 50px;
                    border: 2px solid var(--adro-electric-blue);
                    background: var(--adro-deep-blue);

                    &:hover {
                        background: var(--adro-blue);
                    }
                }
            }

            .csr-banner-quote {
                margin-top: 14%;
                display: flex;
                flex-direction: column;
                align-items: center;
                text-align: center;
                justify-content: center;
                width: 100%;

                .csr-banner-quote-text {
                    width: 45.84%;
                    font-weight: 400;
					font-size: 20px;																													
                	height: 128px;

                }

                .csr-banner-learn-more-button {
                    margin-top: 12.91% !important;
                    border-radius: 50px;
                    border: 2px solid var(--adro-electric-blue);
                    background: var(--adro-deep-blue);

                    &:hover {
                        background: var(--adro-blue);
                    }
                }
            }
        }
    }

    @media screen and (max-width: 1024px) {
        .csr-banner-container {
            width: 100%;
            height: 108.21vh;

            .csr-bg-container {
                .csr-banner-bg-img {
                    width: 100%;
                    height: 91.1%;
                    aspect-ratio: 834/915;
                    background-size: cover;
                }

                .overlay {
                    width: 100%;
                    height: 93.1%;
                    aspect-ratio: 834/915;
                }
            }

            .csr-banner-content {
                width: 100%;
                top: 23.88%;
                margin-top: 0px;

                .top-section {
                    margin: auto;
                    width: 75.1%;

                    .banner-heading {
                        .animated-text {
                            div {
                                font-size: clamp(2.313rem, 0.25rem + 4.297vw, 3rem);
                                letter-spacing: 2.4px;
                            }
                        }
                    }

                    .banner-description {
                        width: 79.4%;
                        margin-top: 4.96%;
                    }

                    .csr-banner-button {
                        margin-top: 4.1% !important;
                    }
                }

                .small-size {
                    margin-top: 5.1%;
                }

                .csr-banner-quote {
                    margin-top: 35.14%;

                    .csr-banner-quote-text {
                        width: 71.23%;
                        margin-right: 14.4%;
                        margin-left: 14.4%;
                        text-align: center;
                    }

                    .csr-banner-learn-more-button {
                        margin-top: 18.19% !important;
                    }
                }
            }


            /* For Landscape */
            @media screen and (orientation: landscape) {
                width: 100%;
                height: 128.5vh;

                .csr-bg-container {
                    .csr-banner-bg-img {
                        width: 100%;
                        aspect-ratio: 800/600;
                    }

                    .overlay {
                        width: 100%;
                        aspect-ratio: 800/600;
                    }
                }

                .csr-banner-content {
                    width: 100%;
                    position: absolute;
                    z-index: 2;
                    top: 35%;



                    .top-section {
                        margin-left: 16.53% !important;
                    }

                    .csr-banner-quote {
                        margin-top: 23%;
                    }
                }
            }
        }
    }

    @media screen and (max-width: 767.5px) and (orientation: portrait) {
        .csr-banner-container {
            width: 100%;
            height: 115vh;
            padding-bottom: 0px;
            overflow: unset;

            .csr-bg-container {
                .csr-banner-bg-img {
                    width: 100%;
                    aspect-ratio: 390/704;
                    background-size: cover;
                }

                .overlay {
                    width: 100%;
                    aspect-ratio: 390/704;

                }
            }

            .csr-banner-content {
                width: 100%;
                top: 25%;
                padding-left: 6.16%;
                padding-right: 6.16%;

                .top-section {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;

                    .banner-heading {
                        flex-direction: column;
                        align-items: center;
                        justify-content: center;

                        span {
                            margin-right: 0;

                        }

                        .animated-text {
                            margin-top: 2.34%;
                            position: relative;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            width: auto;

                            div {
                                position: absolute;
                                top: 0;
                                left: 50%;
                                transform: translateX(-50%);
                                opacity: 0;
                                animation: typewriter 6s infinite;
                                white-space: nowrap;
                                overflow: hidden;
                                animation-delay: var(--delay, 0s);
                                width: 0;
                                color: var(--adro-yellow);
                                text-transform: uppercase;
                                font-weight: 600;
                                transform-origin: left center;
                                font-size: clamp(2.25rem, 2.25rem + 0vw, 2.25rem);
                                letter-spacing: 1.8px;
                            }
                        }
                    }

                    .small-size {
                        margin-top: 9.5%;
                    }

                    .csr-banner-button {
                        margin-top: 9.1% !important;
                    }
                }

                .csr-banner-quote {
                    margin-top: 53.63%;

                    .csr-banner-quote-text {
                        width: 100%;
                        margin-right: 0px;
                        margin-left: 0px;
                        text-align: center;
                    }

                    .csr-banner-learn-more-button {
                        margin-top: 13.67% !important;
                    }
                }
            }
        }
    }


    @keyframes typewriter {
        0% {
            opacity: 1;
            width: 0;
            border-right-color: var(--adro-yellow);
        }

        20% {
            opacity: 1;
            width: var(--text-width);
            border-right-color: var(--adro-yellow);
        }

        30% {
            opacity: 1;
            width: var(--text-width);
            border-right-color: var(--adro-yellow);
        }

        31% {
            opacity: 0;
            width: var(--text-width);
            border-right-color: transparent;
        }

        100% {
            opacity: 0;
            width: var(--text-width);
            border-right-color: transparent;
        }
    }

    /* DESCRIPTION: Custom HTML */
    .spacer-between-banner-content-frame-mobile {
        height: 0px;
    }

    @media screen and (max-width: 767.5px) and (orientation: portrait) {
        .spacer-between-banner-content-frame-mobile {
            height: 29.4vw;
        }

    }


    /* DESCRIPTION:Animation part */

    .animated-text-transition {
        animation: containerFadeIn 0.6s ease-out 0.4s forwards;
        color: #FFFFFF5C;
        display: inline-block;
        opacity: 0;
    }

    /* Each word animates separately */
    .animated-text-transition .word {
        display: inline-block;
        color: #FFFFFF5C;
        animation: wordColorTransition 1.5s ease-out calc(var(--n) * 0.3s) forwards;
    }

    /* Highlighted (colored) words inside span */
    .animated-text-transition .color-de .word {
        animation-name: colorDeTransition;
        animation-duration: 1.5s;
        animation-delay: calc(var(--n) * 0.3s);
        animation-timing-function: ease-out;
        animation-fill-mode: forwards;
    }

    /* --- Keyframes --- */
    @keyframes containerFadeIn {
        to {
            opacity: 1;
        }
    }

    @keyframes wordColorTransition {
        to {
            color: #FFFFFF;
            /* regular text fades to white */
        }
    }

    @keyframes colorDeTransition {
        to {
            color: var(--adro-lilac);
            /* span text transitions to brand color */
        }
    }


/* Adrosonic Foundation Section */

.our_expertise_container {
  display: flex;
  flex-direction: column;
  padding: 2.11% 3.37%;
  padding-top: 10.5vw !important;
  position: relative;
  overflow-x: hidden;
  width: 100%;
  box-sizing: border-box;

  .section-header {
    width: 100%;
    margin-bottom: 2.25%;
	

    .overline-text {
      color: rgba(255, 255, 255, 0.7);
      font-size: 0.875rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      margin-bottom: 0.5em;
      font-weight: 400;
    }

    h2 {
      color: white;
      margin: 0;
    }
  }

  .content-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .video-container {
    width: 66.13%;
    aspect-ratio: 1184 / 688;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    box-sizing: border-box;
  }

  .video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .content {
    width: 30.63%;
    box-sizing: border-box;

    .description {
      color: white;
    }
  }
}

/* Animation Styles */
.animate-on-scroll {
  opacity: 1;
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.animate-on-scroll:not(.in-view) {
  opacity: 0;
}

.slide-in-left {
  transform: translateX(-100px);
}

.slide-in-right {
  transform: translateX(100px);
}

.slide-in-top {
  transform: translateY(-50px);
}

.slide-in-left.in-view {
  opacity: 1 !important;
  transform: translateX(0);
  transition: transform 1.5s ease, opacity 1.5s ease;
}

.slide-in-right.in-view {
  opacity: 1 !important;
  transform: translateX(0);
  transition: transform 1.5s ease, opacity 1.5s ease;
}

.slide-in-top.in-view {
  opacity: 1 !important;
  transform: translateY(0);
  transition: transform 1.2s ease, opacity 1.2s ease;
}

.our_expertise_container .video-container,
.our_expertise_container .content,
.our_expertise_container .section-header {
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .our_expertise_container {
    padding: 3.4%;
    padding-top: 8vw;

    .section-header {
      margin-bottom: 2.5em;
    }

    .video-container {
      width: 62.82%;
      aspect-ratio: 1.39;
		margin-bottom: 5.4%;
    }

    .content {
      width: 34.32%;
    }
  }
}

@media screen and (max-width: 767.5px),
  screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .our_expertise_container {
    padding: 10.7% 6.41%;
    padding-top: 14.4vw;

    .section-header {
      margin-bottom: 2em;
	  text-align: center;

      .overline-text {
        font-size: 0.75rem;
      }
    }

    .content-wrapper {
      flex-direction: column;
    }

    .content {
      width: 100%;
    }

    .video-container {
      width: 100%;
      aspect-ratio: 1.15;
      margin-bottom: 5.4%;
    }
  }

  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .our_expertise_container {
      padding: 4.89%;
      padding-top: 8vw;

      .section-header {
        margin-bottom: 2.5em;
      }

      .video-container {
        aspect-ratio: 1.72;
		margin-bottom: 5.4%
      }
    }
  }
}

.newshub-page-carousel-wrapper {
        padding: 0 3.34%;

        a {
            text-decoration: none !important;
        }

        .section-central-heading {
            margin-bottom: 2.7% !important;
            text-align: left;

            h2 {
                margin: 0;
                margin-bottom: 2.7%;
            }

            h3 {
                text-align: center;
            }
        }

        .newshub-page-item {
            position: relative;
            overflow: hidden;

            /* Move border-radius to container */

            img {
                aspect-ratio: 424/344;
                border-radius: 20px;
                /* Keep on image too */
                width: 100%;
                display: block;
                transition: transform 0.5s ease;
            }

            &:hover img {
                transform: scale(1.05);
                /* Adjust scale value as needed (1.1 to 1.3 recommended) */
            }
        }

        #playPauseBtn {
            display: none !important;
        }

        .owl-nav {
            circle {
                stroke: white;
            }

            svg path,
            line {
                fill: white !important;
                stroke: white !important;
            }
        }

        .description-text {
            margin: 4.2% 0 3.8% 0;
            width: 100%;
        }

        .carousel-controls {
            margin-bottom: 2.7%;
            margin-top: 2.7%;
        }

/*         .owl-carousel .owl-dots .owl-dot {
            border-color: white !important;
        }

        .owl-carousel .owl-dots .owl-dot.active {
            background-color: white !important;
        }
	 */
	


        @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
            padding: 0;

            .section-central-heading {
                text-align: center;
                margin: 0 4.8% 8.7% 4.8% !important;

                h2 {
                    margin-bottom: 5.4%;
                    text-align: left;
                }
            }

            .description-text {
                width: 100%;
                margin: 4.5% 0 5.1% 0;
            }

            .carousel-controls {
                margin-bottom: 8.7%;
                margin-top: 4.6%;
				
            }
        }

        @media screen and (max-width: 767.5px) {
            padding: 0;

            .section-central-heading {
                text-align: center;
                margin: 0 6.3% 12.3% 6.3% !important;

                h2 {
                    margin-bottom: 9.4%;
                }
            }

            .description-text {
                width: 100%;
                margin: 9% 0 4.1% 0;

            }

            .carousel-controls {
                margin-bottom: 14.5%;
                margin-top: 10.5%;
            }
        }

        @media screen and (max-width: 1024px) {
            .service-button-cta {
                display: block !important;

                span {
                    font-size: 18px !important;
                }
            }
        }
    }

./* Adrosonic Foundation Section */

.our_expertise_container {
  display: flex;
  flex-direction: column;
  padding: 2.11% 3.37%;
  padding-top: 10.5vw !important;
  position: relative;
  overflow-x: hidden;
  width: 100%;
  box-sizing: border-box;

  .section-header {
    width: 100%;
    margin-bottom: 2.25%;
	

    .overline-text {
      color: rgba(255, 255, 255, 0.7);
      font-size: 0.875rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      margin-bottom: 0.5em;
      font-weight: 400;
    }

    h2 {
      color: white;
      margin: 0;
    }
  }

  .content-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .video-container {
    width: 66.13%;
    aspect-ratio: 1184 / 688;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    box-sizing: border-box;
  }

  .video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .content {
    width: 30.63%;
    box-sizing: border-box;

    .description {
      color: white;
    }
  }
}

/* Animation Styles */
.animate-on-scroll {
  opacity: 1;
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.animate-on-scroll:not(.in-view) {
  opacity: 0;
}

.slide-in-left {
  transform: translateX(-100px);
}

.slide-in-right {
  transform: translateX(100px);
}

.slide-in-top {
  transform: translateY(-50px);
}

.slide-in-left.in-view {
  opacity: 1 !important;
  transform: translateX(0);
  transition: transform 1.5s ease, opacity 1.5s ease;
}

.slide-in-right.in-view {
  opacity: 1 !important;
  transform: translateX(0);
  transition: transform 1.5s ease, opacity 1.5s ease;
}

.slide-in-top.in-view {
  opacity: 1 !important;
  transform: translateY(0);
  transition: transform 1.2s ease, opacity 1.2s ease;
}

.our_expertise_container .video-container,
.our_expertise_container .content,
.our_expertise_container .section-header {
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .our_expertise_container {
    padding: 3.4%;
    padding-top: 8vw;

    .section-header {
      margin-bottom: 2.5em;
    }

    .video-container {
      width: 62.82%;
      aspect-ratio: 1.39;
		margin-bottom: 5.4%;
    }

    .content {
      width: 34.32%;
    }
  }
}

@media screen and (max-width: 767.5px),
  screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .our_expertise_container {
    padding: 10.7% 6.41%;
    padding-top: 14.4vw;

    .section-header {
      margin-bottom: 2em;
	  text-align: center;

      .overline-text {
        font-size: 0.75rem;
      }
    }

    .content-wrapper {
      flex-direction: column;
    }

    .content {
      width: 100%;
    }

    .video-container {
      width: 100%;
      aspect-ratio: 1.15;
      margin-bottom: 5.4%;
    }
  }

  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .our_expertise_container {
      padding: 4.89%;
      padding-top: 8vw;

      .section-header {
        margin-bottom: 2.5em;
      }

      .video-container {
        aspect-ratio: 1.72;
		margin-bottom: 5.4%
      }
    }
  }
}

.newshub-page-carousel-wrapper {
        padding: 0 3.34%;

        a {
            text-decoration: none !important;
        }

        .section-central-heading {
            margin-bottom: 2.7% !important;
            text-align: left;

            h2 {
                margin: 0;
                margin-bottom: 2.7%;
            }

            h3 {
                text-align: center;
            }
        }

        .newshub-page-item {
            position: relative;
            overflow: hidden;

            /* Move border-radius to container */

            img {
                aspect-ratio: 424/344;
                border-radius: 20px;
                /* Keep on image too */
                width: 100%;
                display: block;
                transition: transform 0.5s ease;
            }

            &:hover img {
                transform: scale(1.05);
                /* Adjust scale value as needed (1.1 to 1.3 recommended) */
            }
        }

        #playPauseBtn {
            display: none !important;
        }

        .owl-nav {
            circle {
                stroke: white;
            }

            svg path,
            line {
                fill: white !important;
                stroke: white !important;
            }
        }

        .description-text {
            margin: 4.2% 0 3.8% 0;
            width: 100%;
        }

        .carousel-controls {
            margin-bottom: 2.7%;
            margin-top: 2.7%;
        }

/*         .owl-carousel .owl-dots .owl-dot {
            border-color: white !important;
        }

        .owl-carousel .owl-dots .owl-dot.active {
            background-color: white !important;
        }
	 */
	


        @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
            padding: 0;

            .section-central-heading {
                text-align: center;
                margin: 0 4.8% 8.7% 4.8% !important;

                h2 {
                    margin-bottom: 5.4%;
                    text-align: left;
                }
            }

            .description-text {
                width: 100%;
                margin: 4.5% 0 5.1% 0;
            }

            .carousel-controls {
                margin-bottom: 8.7%;
                margin-top: 4.6%;
				
            }
        }

        @media screen and (max-width: 767.5px) {
            padding: 0;

            .section-central-heading {
                text-align: center;
                margin: 0 6.3% 12.3% 6.3% !important;

                h2 {
                    margin-bottom: 9.4%;
                }
            }

            .description-text {
                width: 100%;
                margin: 9% 0 4.1% 0;

            }

            .carousel-controls {
                margin-bottom: 14.5%;
                margin-top: 10.5%;
            }
        }

        @media screen and (max-width: 1024px) {
            .service-button-cta {
                display: block !important;

                span {
                    font-size: 18px !important;
                }
            }
        }
    }
.popup-open{
  overflow: hidden;
  position: fixed;
  width: 100%;
}

/* FOUNDATION POPUP*/

.foundation-popup {

  position: fixed;
  inset: 0;
  width: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;

  background: linear-gradient(180deg,
      #1A2C47 4.08%,
      rgba(61, 92, 125, 0.7) 49.29%,
      rgba(55, 82, 114, 0.75) 74.27%,
      rgba(5, 9, 14, 0.5) 109.97%);

  .popup-container {
    width: 78.12%;
    aspect-ratio: 1488 / 638;
    border-radius: 20px;
    background: var(--adro-mid-blue);
    position: relative;
    padding: 3.4% 3.7% 3.4% 1.99%;

    .popup-close {
      position: absolute;
      top: 4.61%;
      right: 1.9%;
      width: 2.15%;
      height: 6%;
      background: none;
      border: none;
      cursor: pointer;

      svg {
        width: 100%;
        height: 100%;
      }
    }

    .popup-grid {
      display: flex;

      .popup-image {
        width: 50%;
        /*  		margin-right: 2%;  */

        img {
          width: 96.1%;
          aspect-ratio: 629 / 510;
          border-radius: 20px;
          object-fit: cover;
        }
      }

      .popup-content {
        width: 55.3%;
        font-family: "Montserrat", sans-serif;
        color: #ffffff;

        .popup-heading {
          font-weight: 500;
          margin-bottom: 1.34%;
          color: #ffffff;
          width: 61.5%;
        }

        .popup-description {
          font-weight: 400;
          margin-bottom: 2.15%;
          color: #ffffff;
          overflow-y: auto;
          font-family: 'Montserrat';
          line-height: normal;
          font-style: normal;
          width: 100%;
        }

        .popup-quote {
          width: 100%;
          font-style: italic;
          font-weight: 400;
          text-align: center;
          color: #00CCFF;
          font-family: 'Montserrat', sans-serif;
          margin-top: 2.68%;
        }
      }
    }
  }


@media screen and (max-width:768px) {
  .popup-container {
    width: 87.7%;
    aspect-ratio: 342 / 560;
    padding: 0;

    .popup-close {
      width: 30px;
      height: 50px;
      top: 0px;
      right: 0px;
    }

    .popup-grid {
      margin-top: 16.6%;
      flex-direction: column;
      align-items: center;

      .popup-image {
        width: 70%;
        align-content: center;

        img {
          width: 100%;
          aspect-ratio: 240 / 195;
        }
      }

      .popup-content {
        max-height: 260px;
        overflow-y: auto;
        width: 89%;
        text-align: center;
      }

      .popup-heading {
        width: 100% !important;
        text-align: center;
        position: sticky;
        top: -5px;
        z-index: 5;
        background: var(--adro-mid-blue);
        margin-top: 2.6%;
        margin-bottom: 2.6% !important;
      }

      .popup-description {
        max-height: none;
        overflow: visible;
      }
    }
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .popup-container {
    width: 83.7%;
    padding: 0;

    .popup-close {
      width: 32px;
      top: 24px;
      right: 24px;
    }

    .popup-grid {
      margin-top: 10.2%;
      display: flex;
      flex-direction: column;
      align-items: center;

      .popup-image {
        width: 70%;
        margin-bottom: 2.4%;

        img {
          width: 100%;
          aspect-ratio: 490/397;
        }
      }

      .popup-heading {
        width: 100% !important;
        text-align: center;
        position: sticky;
        top: -5px;
        z-index: 5;
        margin-bottom: 4.34% !important;
        background: var(--adro-mid-blue);
      }

      .popup-content {
        max-height: 320px;
        overflow-y: auto;
        width: 78%;
        text-align: center;
        padding-right: 45px;
        padding-bottom: 24px;
      }

      .popup-description {
        max-height: none;
        overflow: visible;
      }
    }
  }
}
}
/* Foundation Popup end*/
/* Initial hidden state */
.focus-item .item-header,
.focus-item .video-container,
.focus-item .content {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease-out;
}

/* When visible */
.focus-item .item-header.visible,
.focus-item .video-container.visible,
.focus-item .content.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Optional fine-tuning for smooth staggering */
.focus-item .item-header {
  transition-delay: 0.1s;
}

.focus-item .video-container {
  transition-delay: 0.3s;
}

.focus-item .content {
  transition-delay: 0.5s;
}


/* Initiative and Focus Section */
.initiative-and-focus-section {
  .service-button-cta:after {
    background-image: url(/wp-content/uploads/2025/09/Button%20icons%20Solid%20%26%20Non%20Solid%20button%20large%20%26%20Small%20x%20small%20%281%29.svg);
  }

  .underline-on-hover span::before {
    background-color: var(--adro-deep-blue);
  }

/*    .owl-carousel .owl-dots {
    border-color: white;
  }  */

/*   .owl-carousel .owl-dots .owl-dot {
    border-color: white !important;
  }

  .owl-carousel .owl-dots .owl-dot.active {
    background-color: white !important;
  } */

  #playPauseBtn,
  .owl-nav button {
    svg path,
    line {
      fill: white;
      stroke: white;
    }

    circle {
      stroke: white;
    }
  }

  @media screen and (min-width: 1025px),
    (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .card-wrapper[data-alignment="left"] {
      background-position: left center;
    }

    .card-wrapper[data-alignment="right"] {
      background-position: right center;
    }

    .card-wrapper[data-alignment="center"] {
      background-position: center center;
    }

    .carousel-controls {
      margin: 2.2% 0 0 0;
    }

    /* Card container */
    .card-section .small-cards .card {
      overflow: hidden;
      position: relative;
    }

    /* Gradient overlay on hover */
    .card-section .small-cards .card:hover::before {
      background: linear-gradient(
          0deg,
          rgba(120, 160, 246, 0.92) 0%,
          rgba(120, 160, 246, 0.92) 100%
        ),
        linear-gradient(
          180deg,
          rgba(67, 102, 143, 0.14) 11.22%,
          rgba(5, 9, 14, 0.64) 74.68%
        ) !important;
    }

    /* Always show title at bottom */
    .card-section .small-cards .card .card-title {
      width: 80.2%;
      text-align: center;
      color: #fff;
      z-index: 2;
    }

    /* Hide description and CTA by default */
    .card-section .small-cards .card .card-description,
    .card-section .small-cards .card .card-cta {
      display: none;
      text-align: center;
      z-index: 3;
      color: #fff;
    }

    .card-section .small-cards .card .card-description {
      top: 30%;
      text-align: left !important;
      margin-top: 0px !important;
    }

    .card-section .small-cards .card .card-cta {
      text-align: left;
      margin: 4% auto auto auto;
    }

    .card-section .small-cards .card:hover .card-content {
      aspect-ratio: 1;
    }

    /* Hover effect */
    .card-section .small-cards .card:hover .card-title {
      margin-top: 18% !important;
      color: var(--adro-deep-blue);
      width: 79.7%;
      text-align: left;
    }

    .card-section .small-cards .card:hover .card-description,
    .card-section .small-cards .card:hover .card-cta {
      display: block;
      color: var(--adro-deep-blue);
      width: 79.7%;
    }
  }

  /* Hide description on non-active cards */
  .card-section .item .card-description,
  .card-section .small-cards .card .card-description {
    display: none;
    width: 84%;
    margin: 0 auto;
    text-align: center;
    z-index: 3;
  }

  /* Show description on active card */
  .card-section .item.active .card-description,
  .card-section .small-cards .card.active .card-description {
    visibility: visible;
    opacity: 1;
    color: var(--adro-deep-blue);
  }

  .our-initiative-and-focus-header {
    padding: 4.22% 3.34% 0;

    .main-header {
      margin-bottom: 1em;
    }

    .sub-header {
      text-align: center;
    }
  }

  .card-section {
    display: flex;
    grid-template-columns: 2.02fr 0.98fr;
    gap: 1.67vw;
/*     padding: 2.45% 0% 2.82%; */

    .main-card {
      border-radius: 20px;
      grid-row: 1 / 2;
      grid-column: 2 / 3;
      position: relative;
      overflow: hidden;
      padding: 7.66%;
      background-size: cover;
      background-position: center;
      text-align: center;
      display: none;
      flex-direction: column;

      .main-card-title,
      .main-card-content {
        color: var(--adro-deep-blue);
        transition: opacity 0.3s ease, transform 0.3s ease;
        opacity: 1;
        transform: translateY(0);
        text-align: left;
      }

      .main-card-title {
        margin-bottom: 1.07em;
      }

      .main-card-scrollable {
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
      }

      .main-card-cta {
        display: inline-block;
        text-align: left;
        margin-top: 1em;
        color: var(--adro-deep-blue);
        text-decoration: none;
        transition: color 0.3s ease;
      }
    }

    /* Added for main-card zoom animation */
    .main-card.clicked {
      transform: scale(0);
      opacity: 0;
      filter: blur(1px);
      /* slight blur during exit */
      transition: transform 0.7s cubic-bezier(0.25, 0.1, 0.25, 1),
        opacity 0.6s cubic-bezier(0.25, 0.1, 0.25, 1), filter 0.5s ease;
    }

    .main-card.clicked-back {
      transform: scale(1);
      opacity: 1;
      filter: blur(0px);
      /* clear on return */
      transition: transform 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.275),
        opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), filter 0.8s ease;
    }

    .main-card.fade-out .main-card-title,
    .main-card.fade-out .main-card-content {
      opacity: 0;
      transform: translateY(10px);
    }

    .main-card.fade-in .main-card-title,
    .main-card.fade-in .main-card-content {
      opacity: 1;
      transform: translateY(0);
    }

    .main-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(
        to bottom right,
        rgba(120, 160, 246, 0.9) 0%,
        rgba(120, 160, 246, 0.9) 100%
      );
      z-index: 1;
    }

    .main-card * {
      position: relative;
      z-index: 2;
    }

    .small-cards {
      width: 100%;

      .card:nth-child(5) {
        display: none;
      }

      .card {
        align-items: flex-end;
        background-size: cover;
        /* background-position: center; */
        aspect-ratio: 1;
        position: relative;
        cursor: pointer;
        display: flex;
        justify-content: center;

        .card-content {
          z-index: 2;
          width: 100%;
          text-align: center;
          position: absolute;
          display: flex;
          flex-direction: column;

          .card-title {
            padding: 0;
            margin: 0 auto 4% auto;
          }
        }
      }

      .card::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          0deg,
          rgba(67, 102, 143, 0.14) -0.03%,
          rgba(5, 8, 14, 0.56) 43.48%,
          rgba(5, 8, 14, 0.56) 67.04%,
          rgba(67, 102, 143, 0.14) 100%
        );
        z-index: 1;
      }

      .card.clicked {
        transform: scale(0);
        opacity: 0;
        filter: blur(1px);
        /* slight blur during exit */
        transition: transform 0.7s cubic-bezier(0.25, 0.1, 0.25, 1),
          opacity 0.6s cubic-bezier(0.25, 0.1, 0.25, 1), filter 0.5s ease;

        .card-title {
          opacity: 0.75;
        }
      }

      .card.clicked-back {
        transform: scale(1);
        opacity: 1;
        filter: blur(0px);
        /* clear on return */
        transition: transform 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.275),
          opacity 0.9s cubic-bezier(0.25, 0.1, 0.25, 1), filter 0.8s ease;
      }
    }
  }

  @media screen and (min-width: 768px) and (max-width: 1100px) and (orientation: landscape) {
    .card-section {
      .small-cards {
        .card {
          aspect-ratio: 1/1.4;
        }
      }
    }

    .card-section .small-cards .card:hover .card-content {
      aspect-ratio: 1/1.4;
    }
  }

  @media screen and (max-width: 767.5px),
    screen and (max-width: 1024px) and (orientation: portrait) {
    .our-initiative-and-focus-header {
      padding: 0% 6.16% 0;

      .main-header {
        margin-bottom: 1.34em;
      }

      .sub-header {
        text-align: left;
      }
    }

    .card-section {
      display: flex;
      flex-direction: column;
      padding: 0;
      gap: 0;

      .owl-stage-outer {
        margin-bottom: 8.72%;
      }

      .main-card {
        margin: 8.21% 6.16% !important;
        padding: 8.21% 6.67%;
        aspect-ratio: 342 / 344;
        display: flex;
        justify-content: center;

        .main-card-title {
          margin-bottom: 0.95em;
        }

        #mainCtaText {
          font-size: 18px !important;
        }
      }

      .small-cards {
        margin-bottom: 0%;
        display: block;

        .card {
          aspect-ratio: 576 / 320;
          align-items: center;

          .card-cta {
            font-size: 18px;
          }

          .card-title {
            margin: 0 auto 0 auto !important;
          }
        }
      }
    }
  }

  @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .our-initiative-and-focus-header {
      padding: 0% 4.8% 0;

      .main-header {
        margin-bottom: 1em;
      }
    }

    .card-section {
      .owl-stage-outer {
        margin-bottom: 3.84%;
      }

      .main-card {
        margin: 4.8% !important;
        padding: 3.84% 5.28%;
        aspect-ratio: 754/352;

        .main-card-title {
          margin-bottom: 0.67em;
        }
      }

      .small-cards {
        margin-bottom: 0%;
      }
    }
  }
}

/* PLEDGE SECTION */

.quote{
         color: var(--adro-electric-blue);    
          }
    .csr-pledge-banner {
        width: 100%;
        display: flex;
        overflow: hidden;
        flex-direction: column;
        margin-bottom: 0px;

        .csr-pledge-hero-banner {
            display: flex;
            flex-wrap: nowrap;
            width: 100%;
            padding-right: 7.2%;
            padding-left: 7.2%;
            flex: 1;

            .left-text-box {
                width: 95%;
                display: flex;
                margin-right: 4.2%;
                padding-left: 0%;
                flex-direction: column;
                align-items: flex-start;
                text-align: left;
            }

            .csr-pledge-text-above-title {
                margin-top: 21% !important;
                margin-bottom: 0% !important;
                width: 100%;
                font-weight: 500;
            }

            .csr-pledge-title {
                margin-top: 4% !important;
                font-weight: 400;
            }

            
            .csr-pledge-download-button {
                border-radius: 50px;
                border: 2px solid var(--adro-electric-blue);
                background: var(--adro-deep-blue);
                color: white;
                margin-top: 8% !important;
                min-width: 296px;
            }

            .csr-pledge-download-button:hover {
                background-color: var(--ia-btn-hover-color);
                border-color: var(--ia-btn-hover-color);
                color: white;
            }

            .right-container {
                position: relative;
                width: 50%;
                display: flex;
                justify-content: start;
                align-items: center;

                .right-img {
                    width: 91.5%;
                    aspect-ratio: 497 / 520;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    z-index: 2;
                    margin-top: 44.2%;
                    margin-bottom: auto;
                    margin-right: auto;
                    border-radius: 20px;
                }

                .csr-pledge-border {
                    position: absolute;
                    top: auto;
                    left: auto;
                    width: 91.5%;
                    aspect-ratio: 497 / 520;
                    z-index: 1;
                    top: 26%;
                    right: 1.56%;
                    border-radius: 20px;
                    border: 2px solid var(--adro-electric-blue, #0CF);
                }
            }

            .pledge-title-tablet-mobile {
                display: none;
            }
        }
    }

    /* Animation Styles */
    .animate-on-scroll {
        opacity: 0;
        transition: opacity 0.8s ease, transform 0.8s ease;
    }

    .slide-in-left {
        transform: translateX(-100px);
        opacity: 0;
    }

    .slide-in-right {
        transform: translateX(100px);
        opacity: 0;
    }

    .slide-in-top {
        transform: translateY(-50px);
        opacity: 0;
    }

    .slide-in-left.in-view {
        opacity: 1 !important;
        transform: translateX(0);
        transition: transform 1.5s ease, opacity 1.5s ease;
    }

    .slide-in-right.in-view {
        opacity: 1 !important;
        transform: translateX(0);
        transition: transform 1.5s ease, opacity 1.5s ease;
    }

    .slide-in-top.in-view {
        opacity: 1 !important;
        transform: translateY(0);
        transition: transform 1.2s ease, opacity 1.2s ease;
    }

    /* Ensure proper z-index for animated elements */
    .csr-pledge-banner .left-text-box,
    .csr-pledge-banner .right-container,
    .csr-pledge-banner .pledge-title-tablet-mobile {
        position: relative;
        z-index: 1;
    }

    @media screen and (max-width: 1024px) and (orientation: portrait) {
        .csr-pledge-banner {
            overflow: hidden;

            .csr-pledge-hero-banner {

                .left-text-box,
                .right-img {
                    width: 100%;
                    padding-left: 0;
                    padding-right: 0;
                }
            }
        }
    }

    @media screen and (max-width: 1024px) {
        .csr-pledge-banner {
            overflow-x: hidden;
            /* Add this */
            width: 100%;
            /* Add this */

            .csr-pledge-hero-banner {
                align-items: start;
                align-content: space-between;
                flex-direction: column-reverse;
                justify-content: start;
                padding: 0% 4.8% 0%;
                z-index: 1;
                box-sizing: border-box;
                /* Add this */
                width: 100%;
                /* Add this */

                .pledge-title-tablet-mobile {
                    display: block;
                    width: 100%;
                    text-align: center;
                    margin-top: 16.97%;
                    margin-bottom: 1.07%;
                    box-sizing: border-box;
                    /* Add this */
                }

                .left-text-box {
                    align-items: center;
                    margin-right: 0px;
                    box-sizing: border-box;
                    /* Add this */

                    .csr-pledge-text-above-title {
                        margin-top: 4.25% !important;
                        width: 47.75%;
                        display: none;
                    }

                    .csr-pledge-title {
                        width: 100%;
                        margin-top: 8% !important;
                        box-sizing: border-box;
                        /* Add this */
                    }

                    .csr-pledge-download-button {
                        margin-top: 15.25% !important;
                        white-space: nowrap;
                        min-width: 296px;
                    }
                }

                .right-container {
                    margin-left: 19.9%;
                    margin-right: auto;
                    position: relative;
                    width: 56.4%;
                    padding: 0px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    aspect-ratio: 425 / 456;
                    box-sizing: border-box;
                    /* Add this */

                    .right-img {
                        background-position: right;
                        width: 87.05%;
                        aspect-ratio: 370 / 389;
                        margin-top: 13.17%;
                        margin-right: auto;
                        margin-left: 2.36%;
                        margin-bottom: auto;
                    }

                    .csr-pledge-border {
                        position: absolute;
                        width: 88%;
                        left: 0;
                        top: 0;
                        aspect-ratio: 370 / 389;
                        margin-left: 9.6%;
                        margin-top: 5.77%;
                    }
                }
            }
        }

        /* Mobile tablet title animation delay */
        .pledge-title-tablet-mobile.slide-in-top.in-view {
            transition-delay: 0.3s;
        }

        @media screen and (orientation: landscape) {
            .csr-pledge-banner {
                overflow: hidden;
                height: 79.68%;
                height: 79.68vh;
                min-height: fit-content;

                @supports (-moz-appearance: none) {
                    height: -moz-max-content;
                }

                .csr-pledge-hero-banner {
                    padding: 9.54% 3.4% 3.4%;
                    flex-wrap: nowrap;
                    gap: 0;
                    flex-direction: row;
                    align-items: start;

                    .pledge-title-tablet-mobile {
                        display: none;
                    }

                    .left-text-box {
                        width: 78.64%;
                        padding-left: 0;
                        align-items: start;

                        .csr-pledge-text-above-title {
                            width: 100%;
                            display: block;
                        }
                    }

                    .right-container {
                        margin-left: 1.9%;
                        margin-right: auto;
                        position: relative;
                        width: 56.4%;
                        padding: 0px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        aspect-ratio: 425 / 456;

                        @supports (-moz-appearance: none) {
                            height: 56.4vh;
                        }
                    }

                    @media (min-aspect-ratio: 3/2) {
                        .right-container {
                            margin: auto;
                            width: 30%;

                            @supports (-moz-appearance: none) {
                                height: 43.09vh;
                            }
                        }
                    }
                }
            }
        }
    }

    @media screen and (max-width: 767.5px) and (orientation: portrait) {
        .csr-pledge-banner {
            overflow-x: hidden;
            /* Add this */

            .csr-pledge-hero-banner {
                padding: 0% 6.17% 0%;
                flex-direction: column-reverse;
                justify-content: unset;
                box-sizing: border-box;
                /* Add this */

                .pledge-title-tablet-mobile {
                    display: block;
                    width: 100%;
                    text-align: center;
                    margin-top: 28.06%;
                    margin-bottom: 0px !important;
                    box-sizing: border-box;
                    /* Add this */
                }

                .left-text-box {
                    box-sizing: border-box;
                    /* Add this */

                    .csr-pledge-text-above-title {
                        margin-top: 7.03% !important;
                        width: 97.41%;
                    }

                    .csr-pledge-title {
                        margin-top: 11.8% !important;
                        width: 100%;
                        box-sizing: border-box;
                        /* Add this */
                    }

                    .csr-pledge-download-button {
                        margin-top: 18.71% !important;
                        width: 280px;
                    }
                }

                .right-container {
                    position: relative;
                    width: 100%;
                    display: flex;
                    margin-left: 0px;
                    margin-right: 0px;
                    justify-content: center;
                    align-items: center;
/*                     margin-top: 9.37%; */
                    aspect-ratio: 342 / 360;
                    box-sizing: border-box;
                    /* Add this */

                    .right-img {
                        width: 88.34%;
                        aspect-ratio: 302 / 312;
                        background-position: center;
                        background-repeat: no-repeat;
                        background-size: cover;
                        z-index: 2;
                        margin-top: 21.1%;
                        margin-right: auto;
                        margin-left: 1.76%;
                        margin-bottom: auto;
                    }

                    .csr-pledge-border {
                        position: absolute;
                        width: 89.51%;
                        aspect-ratio: 302 / 312;
                        z-index: 1;
                        top: 0px;
                        left: 0px;
                        margin-top: 11.9%;
                        margin-right: auto;
                        margin-left: 10%;
                        margin-bottom: auto;
                    }
                }
            }
        }
    }

/* COMMUNITY SECTION */

.featured-insight-header-area {
    .sub-header {
        text-align: center;
        margin-bottom: 0.89em !important;
        margin-top: 2.68%;

        @media screen and (max-width: 767.5px),
        screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
            margin-top: 3.34%;
        }
    }
}

.featured-insights {
    .service-button-cta:after {
        background: url('/wp-content/uploads/2025/04/ic_blue_arrow.svg');
        background-size: contain;
        background-repeat: no-repeat;
    }

    @media screen and (max-width:1024px) {
        .service-button-cta {
            display: block;
        }

    }

    .owl-carousel,
    .owl-carousel .owl-item {
        -webkit-tap-highlight-color: transparent;
        position: relative
    }

    .owl-carousel {
        display: none;
        width: 100%;
        z-index: 1
    }

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }

    .owl-carousel .owl-stage:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        margin-bottom: 0.6%;
    }

    .owl-carousel .owl-item,
    .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0)
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none;

    }

    .owl-carousel .owl-item img {
        display: block;
        width: 100%
    }

    .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        display: none
    }

    .no-js .owl-carousel,
    .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel .owl-dot,
    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel button.owl-dot {
        color: inherit;
        padding: 0 !important;
        font: inherit
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

    .owl-carousel.owl-rtl .owl-item {
        float: right
    }

    .owl-carousel .animated {
        animation-duration: 1s;
        animation-fill-mode: both
    }

    .owl-carousel .owl-animated-in {
        z-index: 0
    }

    .owl-carousel .owl-animated-out {
        z-index: 1
    }

    .owl-carousel .fadeOut {
        animation-name: fadeOut
    }

    @keyframes fadeOut {
        0% {
            opacity: 1
        }

        100% {
            opacity: 0
        }
    }

    .owl-height {
        transition: height .5s ease-in-out
    }

    .owl-carousel .owl-item .owl-lazy {
        opacity: 0;
        transition: opacity .4s ease
    }

    .owl-carousel .owl-item .owl-lazy:not([src]),
    .owl-carousel .owl-item .owl-lazy[src^=""] {
        max-height: 0
    }

    .owl-carousel .owl-item img.owl-lazy {
        transform-style: preserve-3d
    }

    .slider {
        position: relative;

        .owl-item.active.center {
            z-index: 1;
        }

        .owl-item.active.center .insights-featured {
            z-index: 1;
            transition-delay: 0.5s;
            transform: scale(1.17);
        }

        .owl-item.active.center .insights-featured img {
            box-shadow: 0px 0px 18px 0px rgba(0, 204, 255, 0.80);
        }
    }

    .insights-featured {
        margin: 15.5% 0;
        transform: scale(1);
        opacity: 1;
        box-shadow: none;
        transition: transform 0.3s ease-in-out;
        transition-delay: 0.1s;
        position: relative;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 20px;

        * {
            text-decoration: none !important;
        }

        .clickable .insights-featured-text:hover {
            color: var(--adro-electric-blue);
        }
    }

    .insights-featured img {
        box-shadow: none;
        transition: box-shadow 0.5s ease-in-out;
        transition-delay: 0.1s;
        position: relative;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 20px;
        aspect-ratio: 1.674;
    }

    .owl-item:not(.center) .insights-featured .whole-card-cta {
        border-radius: inherit;
        position: relative;
    }

    .owl-item:not(.center) .insights-featured .whole-card-cta:before {
        position: absolute;
        content: "";
        height: 100%;
        width: 100%;
        z-index: 1;
        top: 0;
        left: 0;
        border-radius: 20px;
        opacity: 1;
        transition: opacity 0.3s ease-in-out;
        background: linear-gradient(180deg, #43668FA6 65%,
                #375272BF 75%,
                #05090EBF 100%);
    }




    .insights-featured-content {

        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-top: 4.45%;
        padding-right: 7.04%;
        border-radius: inherit;
    }

    .insights-featured-head {
        position: absolute;
        padding: 4.33% 4.33% 15%;
        top: 0;
        margin-bottom: 0px !important;
        text-align: left;
    }

    .insights-featured-sub-head {
        text-align: left;
        margin-top: auto;
    }

    .insights-featured-text {
        text-align: left;
        margin-bottom: 0.5em;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }



    .container {
        width: 100%;
    }

    @media screen and (max-width:767.5px) {
        .owl-carousel .owl-stage-outer {
            margin-bottom: 3%;
        }

        .slider .owl-item.active.center .insights-featured {
            transform: scale(1.13);
        }
    }

    @media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
        .owl-carousel .owl-stage-outer {

            margin-bottom: 0.8%;
        }

        .slider .owl-item.active.center .insights-featured {
            transform: scale(1.12);
        }
    }

    @media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
        .owl-carousel .owl-stage-outer {

            margin-bottom: 1.36%;
        }

        .slider .owl-item.active.center .insights-featured {
            transform: scale(1.15);
        }
    }
}

.below-featured-insight-button {
    display: flex;
    text-decoration: none !important;
    margin-top: 2.5%;
}

@media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .below-featured-insight-button {
        margin-top: 4.5%;
    }
}

@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .below-featured-insight-button {
        margin-top: 6.5%;
    }
}

@media screen and (max-width:767.5px) {
    .below-featured-insight-button {
        margin-top: 8.5%;
    }
}


/* Quote section */
.Quote-wrt .comma {
  vertical-align: middle;
}
.csr-Quote {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
	margin-left: 12% !important;
    margin-right: 12% !important;
}

.Quote {
  width: 100%;
  font-size: clamp(2.5rem, 1.069rem + 2.234vw, 3.75rem) !important;
  font-style: italic;
  margin-bottom: 4.7%;
}

.comma {
  color: var(--adro-lilac);
}

.Quote-wrt {
  width: 100%;
  max-width: 821px !important;
/*   margin-top: 14px; */
  font-size: clamp(1.125rem, 0.123rem + 1.564vw, 2rem) !important;
}

@media screen and (min-width: 1025px) {
  h2.Quote.large-size {
    font-size: clamp(2.5rem, 1.068rem + 2.235vw, 3.75rem) !important;
  }
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024.9px) and (orientation: landscape) {
  .Quote {
    width: 562px !important;
    font-size: clamp(1.5rem, -1.489rem + 6.228vw, 2.5rem) !important;
  }
	
	.csr-Quote{
		margin-left: 16.5% !important;
		margin-right: 16.5% !important;
	}

  .Quote-wrt {
    width: 369px !important;
    /* font-size: clamp(1rem, 0.626rem + 0.779vw, 1.125rem) !important; */
  }
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024.9px) and (orientation: portrait) {
  .Quote {
/*     width: 562px !important; */
    font-size: clamp(1.5rem, -1.489rem + 6.228vw, 2.5rem) !important;
	  margin-bottom: 2%
  }
	
	.csr-Quote{
		margin-left: 16.5% !important;
		margin-right: 16.5% !important;
	}

  .Quote-wrt {
    width: 369px !important;
    /* font-size: clamp(1rem, 0.626rem + 0.779vw, 1.125rem) !important; */
  }
}

@media screen and (min-device-width: 768px) and (max-device-width: 834px) and (orientation: portrait) {
  .Quote {
/*     width: 562px !important; */
    font-size: clamp(1.5rem, -10.136rem + 24.242vw, 2.5rem) !important;
  }
	.csr-Quote{
		margin-left: 5% !important;
		margin-right: 5% !important;
	}

  .Quote-wrt {
    width: 369px !important;
    /* font-size: clamp(1rem, -0.455rem + 3.03vw, 1.125rem) !important; */
  }
}

@media screen and (max-width: 767.5px) {
  .Quote {
    width: 342px !important;
    /* font-size: clamp(1.5rem, 1.5rem + 0vw, 1.5rem) !important; */
  }
	
	.csr-Quote{
		margin-left: 6% !important;
		margin-right: 6% !important;
	}

  .Quote-wrt {
    width: 342px !important;
    font-size: clamp(1rem, 1rem + 0vw, 1rem) !important;
  }
}

.animated-text-transition {
  animation: containerFadeIn 0.6s ease-out 0.4s forwards; 
  	color: #ffffff5c;
	display: inline-block;
     opacity: 1!important;
}


.animated-text-transition .word {
  display: inline-block;
  color: #ffffff5c;
  animation: wordColorTransition 1.5s ease-out calc(var(--n) * 0.3s) forwards; 
}

.animated-text-transition .word:last-child {
        margin-right: 0;
    }

/* .animated-text-transition .color-ia .word {
  animation-name: colorIaTransition;
  animation-duration: 1.5s; 
  animation-delay: calc(var(--n) * 0.3s);
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
} */

@keyframes containerFadeIn {
  to {
    opacity: 1;
  }
}

@keyframes wordColorTransition {
  to {
    color: white;
  }
}

/* @keyframes colorIaTransition {
  to {
    color: var(--adro-electric-blue);
  }
} */


/* Our Partners Section */
.platform-partners-carousel {
    height: min-content;
    background: none !important;

    

    .platform-partners-heading {
        text-align: center;
        padding-top: 4%;
        padding-bottom: 0.85%;
        margin-bottom: 0 !important;
        color: white !important;
        font-weight: 500 !important;
    }

    .slide button {
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.6s cubic-bezier(.26, .85, .44, .985);
    }

    .button-text {
        position: relative;
        background: none;
        border: none;
        cursor: pointer;
        color: inherit;
        display: inline-block;
        margin: auto;
    }

    /* Underline using ::after */
    .button-text::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        /* underline thickness */
        background: white !important;
        transform: scaleX(0);
        /* hidden initially */
        transform-origin: left;
        /* animate from left */
        transition: transform 0.5s ease;
        /* smooth animation */
    }

    /* On hover, expand underline from left to right */
    .button-text:hover::after {
        transform: scaleX(1);
    }

    .slide.center button,
    .slide.active.center button {
        opacity: 1;
        pointer-events: auto;
        transition: opacity 0.6s cubic-bezier(.26, .85, .44, .985);
    }

    .platform-partners-button {
        display: inline-flex;
        /* To align text + SVG neatly */
        align-items: center;
        /* Vertical center */
        gap: 5px;
        /* Space between text and icon */
        position: relative;
        /* relative to keep it inline */
        margin: auto auto 2.1% auto;
        /* space under Description */
        border: none;
        background-color: transparent;
        color: white !important;
        cursor: pointer;
        transition: opacity 0.6s cubic-bezier(.26, .85, .44, .985);
    }

    .platform-partners-button svg {
        height: 3.2vh;
        width: 4vw;
        margin: auto auto auto 0;
    }

    /* center the global button itself */
    .platform-partners-button-wrapper {
        display: flex;
        justify-content: center;
/*         height: 7.5vh; */

    }

    .owl-carousel .owl-stage {
        overflow: hidden;
        padding: 0% 0 1.3% 0;
    }

    .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        display: none;
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab;
    }

    .owl-carousel.owl-rtl {
        direction: rtl;
    }

    .owl-carousel.owl-rtl .owl-item {
        float: right;
    }

    .owl-carousel .animated {
        animation-duration: 1s;
        animation-fill-mode: both;
    }

    .owl-carousel .owl-animated-in {
        z-index: 0;
    }

    .owl-carousel .owl-animated-out {
        z-index: 1;
    }

    .owl-carousel .fadeOut {
        animation-name: fadeOut;
    }

    @keyframes fadeOut {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    .owl-height {
        transition: height 0.5s ease-in-out;
    }

    .owl-carousel .owl-item .owl-lazy {
        opacity: 0;
        transition: opacity 0.4s ease;
    }

    .owl-carousel .owl-item .owl-lazy:not([src]),
    .owl-carousel .owl-item .owl-lazy[src^=""] {
        max-height: 0;
    }

    .owl-carousel .owl-item img.owl-lazy {
        transform-style: preserve-3d;
    }

    .slider {
        position: relative;

        .owl-item.active.center {
            z-index: 1;
        }

        .owl-item.active.center {
            z-index: 1;
            transition-delay: 1s;
            transform: scale(1);
        }
    }

    .owl-item {
        transform: scale(0.339);
        opacity: 1;
        box-shadow: none;
        transition: transform 1s ease-in-out;
        transition-delay: 0.1s;
        display: flex;
        justify-content: center;

        img {
            min-width: 150px;
        }
    }

    .slide-content {
        inset: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: inherit;
    }

    .container {
        width: 100%;
    }

    .description-text {
        color: white !important;
        font-weight: 500;
        margin: 0 19.2% 2% 19.2% !important;
        text-align: center;
        line-height: normal;
        opacity: 1;
        transform: translateY(0);
        transition: opacity 1s ease, transform 1s ease;
    }

    .description-text.dissolve {
        opacity: 0;
        transform: translateY(-20px);
        transition: opacity 1s ease, transform 1s ease;
    }

    .carousel-controls {
        padding: 0 64px 2.1% 64px;
    }

    .carousel-controls {

        .owl-nav button,
        #playPauseBtn {
            svg {
                circle {
                    stroke: white !important;
                }

                path,
                line {
                    stroke: white !important;
                    fill: white !important;
                }
            }
        }

        .owl-dots {
/*             border-color: white !important;
 */
            .owl-dot {
/*                 background-color: white !important; */
            }

            .owl-dot.active {
/*                 background-color: white !important;
                border: 2px solid white !important; */
            }
        }
    }

    @media screen and (max-width: 1024px) {
        .carousel-controls {
            .owl-dots .owl-dot {
/*              background-color: white !important;
                border: 2px solid white !important;  */
            }

            .button-text:hover::after {
                transform: scaleX(0);
            }
        }
    }

    @media screen and (max-width: 767.5px) {
        .platform-partners-heading {
            padding-top: 15%;
        }

        .owl-carousel .owl-stage-outer {
            padding: 4% 0 4.12% 0;
        }

        .owl-item {
            transform: scale(0.6);
        }

        .slider .owl-item.active.center {
            transform: scale(1.316);
        }

        .carousel-controls {
            padding: 0 64px 0% 64px;
			margin-top: 5%;
        }

        .platform-partners-button {
            display: inline-flex;
            /* To align text + SVG neatly */
            align-items: center;
            /* Vertical center */
            gap: 5px;
            /* Space between text and icon */
            position: relative;
            /* relative to keep it inline */
            margin-bottom: 2.1%;
            /* space under Description */
            border: 2px solid var(--adro-lilac);
            background-color: var(--adro-lilac);
            color: white !important;
            cursor: pointer;
            transition: opacity 0.6s cubic-bezier(.26, .85, .44, .985);
            justify-content: center;
        }

        .platform-partners-button svg {
            display: none;
        }

        .button-text:hover::after {
            transform: scaleX(0);
        }

        .description-text {
            margin: 0 6.2% 10.3% 6.2% !important;
        }
    }

    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .platform-partners-heading {
            padding-top: 8%;
			padding-bottom: 1.85%;
        }
		

        .owl-item {
            transform: scale(0.45);
        }

        .slider .owl-item.active.center {
            transform: scale(1.11);
        }

        .carousel-controls {
            padding: 0 64px 0% 64px;
			margin-top: 5%;
        }

        .platform-partners-button {
            display: inline-flex;
            /* To align text + SVG neatly */
            align-items: center;
            /* Vertical center */
            gap: 5px;
            /* Space between text and icon */
            position: relative;
            /* relative to keep it inline */
            margin-bottom: 2.1%;
            /* space under Description */
            border: 2px solid var(--adro-lilac);
            background-color: var(--adro-lilac);
            color: white !important;
            cursor: pointer;
            transition: opacity 0.6s cubic-bezier(.26, .85, .44, .985);
            justify-content: center;
        }

        .platform-partners-button svg {
            display: none;
        }

        .button-text:hover::after {
            transform: scaleX(0);
        }

        .description-text {
            margin: 0 16.4% 4.8% 16.4% !important;
        }
    }

    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
        .platform-partners-heading {
            padding-top: 8%;
        }

        .owl-item {
            transform: scale(0.405);
        }

        .slider .owl-item.active.center {
            transform: scale(1);
        }

        .carousel-controls {
            padding: 0 64px 3.4% 64px;
        }

        .description-text {
            margin: 0 15.2% 2.1% 15.2% !important;
        }
    }
}

/* Awards and Recognition Section */

	.csr-page-carousel-wrapper {
  		padding: 0 3.34%;

  a {
    text-decoration: none !important;
  }

  .section-central-heading {
    margin-bottom: 2.7% !important;
    text-align: left;

    h2 {
      margin: 0;
      margin-bottom: 2.7%;
    }

    h3 {
      text-align: center;
    }
  }

  .csr-page-item {
    position: relative;

    img {
      aspect-ratio: 424/344;
      border-radius: 20px;
    }
  }

  #playPauseBtn {
    display: none !important;
  }

  .owl-nav {
    circle {
      stroke: white;
    }

    svg path,
    line {
      fill: white !important;
      stroke: white !important;
    }
  }

  .description-text {
    margin: 4.2% 0 3.8% 0;
    width: 100%;
  }

  .carousel-controls {
    margin-bottom: 2.7%;
    margin-top: 2.7%;
  }

/*   .owl-carousel .owl-dots .owl-dot {
    border-color: white !important;
  }

  .owl-carousel .owl-dots .owl-dot.active {
    background-color: white !important;
  } */

  @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    padding: 0;

    .section-central-heading {
      text-align: center;
      margin: 0 4.8% 8.7% 4.8% !important;

      h2 {
        margin-bottom: 5.4%;
        text-align: left;
      }
    }

    .description-text {
      width: 100%;
      margin: 4.5% 0 5.1% 0;
    }

    .carousel-controls {
      margin-bottom: 8.7%;
      margin-top: 4.6%;
    }
	
  }

  @media screen and (max-width: 767.5px) {
    padding: 0;

    .section-central-heading {
      text-align: center;
      margin: 0 6.3% 12.3% 6.3% !important;

      h2 {
        margin-bottom: 9.4%;
      }
    }

    .description-text {
      width: 100%;
      margin: 9% 0 4.1% 0;
    }

    .carousel-controls {
      margin-bottom: 14.5%;
      margin-top: 10.5%;
    }
  }

  @media screen and (max-width: 1024px) {
    .service-button-cta {
      display: block !important;

      span {
        font-size: 18px !important;
      }
    }
  }
}

.fade-in-on-scroll {
  opacity: 0;
  transform: translateY(30px);
  transition: all 1s ease-out;
}

.fade-in-on-scroll.visible {
  opacity: 1;
  transform: translateY(0);
}









.spacer-below-banner {
  height: 5.4vw;
}
.spacer-below-adrosonic-foundation {
  height: 0.8vw;
}
.spacer-below-the-pledge.wp-block-spacer {
  height: 7.1vw;
}
.spacer-below-community-section.wp-block-spacer {
  height: 9.1vw;
}
.spacer-below-quote-section.wp-block-spacer {
  height: 12.3vw;
}
.spacer-below-our-partners.wp-block-spacer {
  height: 5vw;
}
.spacer-below-awards-and-recognition.wp-block-spacer {
  height: 3.35vw;
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait) {
  .spacer-below-community-section.wp-block-spacer {
    height: 15.35vw;
  }
  .spacer-below-adrosonic-foundation {
    height: 2.4vw;
  }
  .spacer-below-awards-and-recognition.wp-block-spacer {
    height: 2vw;
  }
  .spacer-below-the-pledge.wp-block-spacer {
    height: 15.4vw;
  }
  .spacer-below-quote-section.wp-block-spacer {
    height: 16.1vw;
  }
  .spacer-below-our-partners.wp-block-spacer {
    height: 16.8vw;
  }
  .spacer-below-banner.wp-block-spacer {
    height: 0vw;
  }
}
@media screen and (max-width: 767.5px) {
  .spacer-below-community-section.wp-block-spacer {
    height: 19vw;
  }
  .spacer-below-adrosonic-foundation {
    height: 3.1vw;
  }
  .spacer-below-awards-and-recognition.wp-block-spacer {
    height: 4vw;
  }
  .spacer-below-the-pledge.wp-block-spacer {
    height: 16.5vw;
  }
  .spacer-below-quote-section.wp-block-spacer {
    height: 18.2vw;
  }
  .spacer-below-our-partners.wp-block-spacer {
    height: 27.6vw;
  }
}


/*CSR – Scroll Animation (content only)*/

.csr-animate {
  opacity: 0;
  transform: translateY(30px);
  transition: 
    opacity 1.3s cubic-bezier(0.25, 0.1, 0.25, 1),
    transform 1.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.csr-animate.visible {
  opacity: 1;
  transform: translateY(0);
}







@media (min-width:1025px){

  /* show arrows */
  .csr-page-carousel-wrapper .owl-nav{
    display:flex !important;
  }

  /* hide dots only */
  .csr-page-carousel-wrapper .owl-dots{
    display:none !important;
  }

  /* hide play pause button if exists */
  .csr-page-carousel-wrapper #playPauseBtn{
    display:none !important;
  }
}



@media (max-width:1024px){

  /* hide arrows */
  .csr-page-carousel-wrapper .owl-nav{
    display:none !important;
  }

  /* keep dots normal horizontal */
  .csr-page-carousel-wrapper .owl-dots{
    display:flex !important;
    justify-content:center;
  }
}