/* Zalando Sans Expanded Medium — used for this page's H1/H2 */
@font-face {
  font-family: "Zalando Expanded Medium";
  src: url("/wp-content/themes/sinatra/assets/fonts/ZalandoSansExpanded-Medium.woff2") format("woff2"),
       url("/wp-content/themes/sinatra/assets/fonts/ZalandoSansExpanded-Medium.woff")  format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

body:is(.page-id-42251) #masthead,
body:is(.page-id-42251) .ast-primary-header-bar,
body:is(.page-id-42251) .site-primary-header-wrap {

    z-index: 999 !important;

}
    .elevate-banner {
        width: 100%;
        position: relative;
        overflow: hidden;
		@media screen and (min-width: 1025px),
 (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    &::before {
    content: '';
    position: absolute;
    bottom: 0;
    background-image: url(/wp-content/uploads/2026/09/Banner%20ECL%201.png);
    background-size: 100% auto;
    z-index: 99;
    pointer-events: none;
    width: 100%;
    top: 6%;
		left :0;
}

    }
		
		@supports (-moz-appearance:none) {
@media screen and (min-width: 1025px),
 (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
&::before {
      background-size: 100% 100%;
    }
  }
}
		@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
			&::before {
				 background-size: 100% 100%;
			}
			}

        .banner-content {
			aspect-ratio: 1489 / 850;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            flex-direction: column;
            position: relative;
            padding-left: 22%;
            padding-right: 22%;
            padding-top: 10.68%;
            z-index:99;

            .text-above-logo {
                width: 100%;
                text-align: center;
                color: var(--adro-electric-green);
                font-weight: 500;
                margin-bottom: 1.87%;
            }

            .logo-wrapper {
                width: 41.11%;
                margin-bottom: 9.58%;

                .elevate-logo {
                    width: 100%;
                    height: auto;
                    aspect-ratio: 442/230;
                    background-size: cover;
                }
            }

            .elevate-title {
                width: 100%;
                text-align: center;
                font-weight: 500;
                margin-bottom: 1.12%;
            }

            .elevate-title-below {
                max-width: 100%;
                font-weight: 500;
                margin-bottom: 5.12%;
				text-align: center;
            }

            .text-below-title {
                width: 100%;
                text-align: center;
                font-weight: 500;
                color: var(--adro-electric-green);
                margin-bottom: 4.47%;
            }

            a .elevate-get-in-touch {
                background-color: var(--adro-deep-blue);
                color: var(--adro-electric-green);
                border-color: 2px solid var(--adro-electric-green);

            }
a{
margin-bottom: 20%;
}
            a .elevate-get-in-touch:hover {

                background-color: var(--adro-electric-cyan);
                color: var(--adro-deep-blue);
            }
        }
    }
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .elevate-banner {
        &::before {
            content: '';
            position: absolute;
            top: 12%;
            left: 0;
            bottom: 0;
            width: 100%;
            background-image: url(/wp-content/uploads/2026/09/Banner.png);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            z-index: 99;
            pointer-events: none;
        }
    }
}

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

            .banner-content {
                padding-left: 14.63%;
                padding-right: 14.63%;
                padding-top: 24.5%;

                .text-above-logo {
                    margin-bottom: 5.77%;
                }

                .elevate-logo {
                    width: 53.9%;
                    height: auto;
                    aspect-ratio: 318 / 166;
                    margin-bottom: 6.78%;
                    object-fit: cover;

                }

                .elevate-title {
                    margin-bottom: 1%;
                }

                .elevate-title-below {
                    text-align: center;
                }

                .text-below-title {
                    margin-bottom: 4.07%;
                }

            }

            @media screen and (orientation: landscape) {
                height: 100.52vh;

                .banner-content {
                    padding-top: 9.5%;
                }

            }
        }
    }

    @media screen and (max-width: 767.5px) and (orientation: portrait) {
        .elevate-banner {
            width: 100%;
            height: 84.25vh;

            .banner-content {
                padding-left: 8.23%;
                padding-right: 8.23%;
                padding-top: 37.4%;

                .text-above-logo {
                    margin-bottom: 4.92%;
                }

                .elevate-logo {
                    width: 74.9%;
                    height: auto;
                    aspect-ratio: 244 / 128;
                    margin-bottom: 7.37%;

                }

                .elevate-title {
                    margin-bottom: 2%;
                }

                .text-below-title {
                    padding-left: 5%;
                    padding-right: 5%;
                    margin-bottom: 7.37%;
                }
            }
        }
    }

/* BANNER —  */



@media screen and (min-width: 1025px) and (max-width: 1200px) {
    .elevate-banner .banner-content .logo-wrapper {
        margin-bottom: 4%;
    }

    .elevate-banner .banner-content .elevate-title-below {
        margin-bottom: 3%;
    }

    .elevate-banner .banner-content .text-below-title {
        margin-bottom: 3%;
    }
}

/* BANNER —  */

@media (prefers-reduced-motion: no-preference) {
    .elevate-banner .banner-content {
        --ecl-banner-rise: 2.1875rem;
        --ecl-banner-duration: 1.6s;
        --ecl-banner-stagger: 0.12s;
        --ecl-banner-lead: 0.2s;
    }

    .elevate-banner .banner-content > * {
        animation: eclBannerRise var(--ecl-banner-duration) ease-out backwards;
        animation-delay: calc(var(--ecl-banner-lead) + var(--ecl-banner-i, 0) * var(--ecl-banner-stagger));
    }

    .elevate-banner .banner-content > :nth-child(2) { --ecl-banner-i: 1; }
    .elevate-banner .banner-content > :nth-child(3) { --ecl-banner-i: 2; }
    .elevate-banner .banner-content > :nth-child(4) { --ecl-banner-i: 3; }
    .elevate-banner .banner-content > :nth-child(5) { --ecl-banner-i: 4; }
    .elevate-banner .banner-content > :nth-child(6) { --ecl-banner-i: 5; }

    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .elevate-banner .banner-content {
            --ecl-banner-rise: 1.75rem;
            --ecl-banner-duration: 1.4s;
            --ecl-banner-stagger: 0.1s;
        }
    }

    @media screen and (max-width: 767.5px) {
        .elevate-banner .banner-content {
            --ecl-banner-rise: 1.25rem;
            --ecl-banner-duration: 1.4s;
            --ecl-banner-stagger: 0.1s;
        }
    }
}
@media (max-width: 768px) {
    .elevate-banner {
        & .banner-content {
            .logo-wrapper {
                margin-bottom: 0 !important;
				width: 74.6%;

            }
        }
    }
}
@media (max-width: 768px) {
    .elevate-banner {
        & .banner-content {
            .elevate-title-below {
                max-width: 95% !important;
            }
        }
    }
}

@keyframes eclBannerRise {
    from { opacity: 0; transform: translate3d(0, var(--ecl-banner-rise), 0); }
    70%  { opacity: 1; }
    to   { opacity: 1; transform: translate3d(0, 0, 0); }
}

/* COUNTER SECTION */

    .counter-section {
        width: 100%;
        height: 100%;
        aspect-ratio: 1920 / 120;
        background: linear-gradient(90deg, #78A0F6 -45.55%, #23E4BA 133.52%);
        color: var(--adro-deep-blue);
        padding: 1.41% 7.82%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;

        .event-start-title {
            width: auto;
            font-weight: 500;
            text-align: left;
            color: var(--adro-deep-blue);
            margin: 0;
            margin-left: unset !important;
            margin-right: unset !important;
			font-family: 'Montserrat' !important;
        }

        .counter {
            color: var(--adro-deep-blue);
            display: flex;
            align-items: center;
            flex-direction: row;
            margin-left: 9.27%;
            width: 62.51%;
            justify-content: space-between;

            .counter-style {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                min-width: 11.08%;

                span:nth-child(1) {
                    font-weight: 700;
                    font-family: Roboto !important;
                }

                span:nth-child(2) {
                    font-weight: 500;
                }
            }
        }

        &.event-started {
            justify-content: center;

            .event-start-title {
                width: 100%;
                text-align: center;
                margin: 0 !important;
            }

            .counter {
                display: none;
            }
        }
    }

    @media screen and (max-width: 1024px) {
        .counter-section {
            height: 16.05vh;
            padding: 1.92% 4.08%;
            flex-direction: column;
            align-items: center;

            .event-start-title {
                margin-bottom: 2.1%;
                text-align: center;
            }

            .counter {
                width: 100%;
                flex-direction: row;
                justify-content: space-between;
                margin-left: 0 !important;
                margin-right: 0 !important;

                .counter-style {
                    text-align: center;
                    min-width: 16.19%;
                }
            }

            &.event-started {
                justify-content: center;

                .event-start-title {
                    margin-bottom: 0;
                    width: 100%;
                    text-align: center;
                }
            }

            @media screen and (orientation: landscape) {

                height: 20.94vh;
                padding: 1.41% 3.34%;
                flex-direction: row;
                align-items: center;

                .event-start-title {
                    margin-bottom: 0;
                    text-align: left;
                }

                .counter {
                    width: 62.51%;
                    flex-direction: row;
                    justify-content: space-between;
                    margin-left: 9.27% !important;
                    margin-right: 0 !important;
                    height: auto;
                    display: flex;
                    grid-template-columns: none;
                    grid-template-rows: none;
                    gap: 0;

                    .counter-style {
                        text-align: center;
                        min-width: 11.08%;

                    }
                }

                &.event-started {
                    justify-content: center;

                    .event-start-title {
                        text-align: center;
                        width: 100%;
                    }
                }
            }
        }
    }

    @media screen and (max-width: 767.5px) and (orientation: portrait) {
        .counter-section {
            height: 34.38vh;
            padding: 4.62% 6.16%;
            flex-direction: column;
            align-items: center;

            .event-start-title {
                margin-bottom: 5.27%;
                text-align: center;
                font-size: 1.3rem;
            }

            .counter {
                width: 100%;
                height: 100%;
                display: grid;
                grid-template-columns: 1fr 1fr;
                grid-template-rows: 1fr 1fr;
                gap: 3%;
                margin-left: 0 !important;
                margin-right: 0 !important;

                .counter-style {
                    text-align: center;
                    min-width: 16.19%;

                    span:nth-child(1) {
                        font-size: 2rem;
                    }
                }
            }

            &.event-started {
                height: 15.94vh;
                justify-content: center;

                .event-start-title {
                    margin-bottom: 0;
                    width: 100%;
                    text-align: center;
                }
            }
        }
    }

/* SPEAKERS SECTION */

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

    a {
      text-decoration: none !important;
    }

    circle {
      stroke: var(--adro-electric-green)
    }

    svg path,
    line {
      fill: var(--adro-electric-green) !important;
    }

    .owl-carousel {
      .owl-dots .owl-dot {
        border: 2px solid var(--adro-electric-green) !important;

      }

      .owl-dot.active {
        background-color: var(--adro-electric-green) !important;
      }
    }

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

      h2,
      .sub-heading {
        margin-bottom: 2.7%;
      }

    }

    .speakers-page-item {
      position: relative;

      img {
        aspect-ratio: 72/43;
        border-radius: 18px;
      }
    }

    .image-wrapper {
      position: relative;
      border: 2px solid var(--adro-electric-cyan);
      border-radius: 20px;

    }

    .speaker-name {
      position: absolute;
      width: 78.2%;
      bottom: 0;
      left: 0;
      color: var(--adro-deep-blue);
      background-color: var(--adro-electric-cyan);
      padding: 1.5% 2.8%;
      border-radius: 0px 18px;
      z-index: 10;
    }

    .cta-with-icon {
      width: 81.3%;
      margin-bottom: 7%;
      margin-top: 0%;
    }

    .speakers-page-item .cta-with-icon:hover {
      color: var(--adro-electric-blue);
    }

    .description-text {
      margin: 8% 0 8.5% 0;
      width: 81.3%;
      color: white;
    }

    .title-icon {
      vertical-align: text-top;
      margin-left: 1%;
    }

    .carousel-controls {
      margin-bottom: 2.2%;

    }
	      .speakers-page-carousel.spk-scroll-animate {
      opacity: 0;
      transform: translateY(35px);
      transition: opacity 2s ease-out, transform 2s ease-out;
      will-change: opacity, transform;
    }

    .speakers-page-carousel.spk-scroll-animate.visible {
      opacity: 1;
      transform: translateY(0);
    }

    @media (max-width: 1024px) {
      .speakers-page-carousel.spk-scroll-animate {
        transition: opacity 1.5s ease-out, transform 1.5s ease-out;
      }
    }

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

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

        h2 {
          margin: 5.8% 4.8% 2.9% 4.8%;
        }

        .sub-heading {
          margin: 0 4.8% 4.8% 4.8%;
        }
      }

      .speaker-name {
        width: 84.7%;
        padding: 2.2% 4.4%;
      }

      .description-text {
        width: 100%;
        margin: 7% 0 8.8% 0;
      }

      .carousel-controls {
        margin-bottom: 3.5%;
      }
    }

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

      .section-central-heading {
        margin-bottom: 10.3% !important;

        h2 {
          margin: 0 6.32% 6.32% 6.32%;
        }

        .sub-heading {
          margin: 0 6.32% 8.32% 6.32%;
        }
      }

      .speaker-name {
        width: 87%;
        padding: 3% 5.8%;
      }

      .description-text {
        width: 100%;
        margin: 8.4% 0 17% 0;

      }

      .carousel-controls {
/*         margin-bottom: 24.5%; */
      }
    }

  }

  .speakers-page-carousel-wrapper{ .carousel-controls #playPauseBtn {
    display: none !important;
  }
}

/* INTRODUCTION SECTION */

.our_expertise_video_section {
    display: flex;
    width: 76%;
    aspect-ratio: 1459 / 720;
    height: 50%;
    justify-content: center;
    align-items: center;
    margin-left: 12% !important;
    margin-top: 3.8%;

    .video-container {
        width: 100%;
        aspect-ratio: 1459 / 720;
        position: relative;
        overflow: hidden;
        border-radius: 20px;
    }

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

.our_expertise_content_section {
    display: block;
    width: 100%;
    aspect-ratio: 1920/861;
    position: relative;

    h2, .description {
        position: relative;
        z-index: 1;
    }

    h2 {
        width: 73.9%;
        aspect-ratio: 1419 / 57;
        padding-top: 14.8%;
        padding-bottom: 0%;
        text-align: left;
        font-weight: 500;
        color: white;
        margin-left: 22%;
        margin-right: 5.7%;
    }

    .description {
        width: 72.4%;
        aspect-ratio: 1390 / 381;
        font-weight: 400;
        text-align: left;
        color: white;
        margin-left: 22%;
        margin-right: 5.7%;
    }
}

@media screen and (min-width: 1025px),
 (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .our_expertise_content_section {
        &::before {
            content: "";
            position: absolute;
            inset: 0;
            background-image: url('/wp-content/uploads/2026/09/DES%20.png');
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain;
            z-index: 0;
            pointer-events: none;
            top: 14%;
        }
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.our_expertise_content_section {
        &::before {
		background-size:cover !important;
			background-size: 100% 100%;
            z-index: 0;
            pointer-events: none;
			 top: -5%;
            bottom: -22%;
	}
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .our_expertise_video_section {
        width: 100%;
        aspect-ratio: 834 / 438;
        margin: 0 !important;

        .video-container {
            width: 90.4%;
            aspect-ratio: 754 / 438;
        }
    }

    .our_expertise_content_section {
        margin: 0 !important;
		 &::before {
            content: "";
            position: absolute;
            inset: 0;
            background-image: url(/wp-content/uploads/2026/09/second%20section.png);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 100% 100%;
            z-index: 0;
            pointer-events: none;
			 top: 3%;
            bottom: -13%;
        }

        h2 {
            margin: 0 auto !important;
            width: 74%;
            aspect-ratio: 651 / 94;
			padding-top: 25%;
			left :8%;
        }

        .description {
            margin: 0 auto !important;
            width: 71.8%;
            aspect-ratio: 665 / 333;
			left :7%;
        }
    }

/*     .our_expertise_content_section h2.large-size {
        font-size: 0 !important;
        line-height: 0 !important;
        color: transparent !important;
/* 		left :5%; */
/* 		left: 11.6%;
        margin-bottom: 3% !important;

        &::before {
            content: "40 visionaries.One";
            display: block;
            font-size: clamp(24px, 4vw, 40px) !important;
            line-height: 1.3 !important;
            font-weight: 500;
            color: #ffffff;
        }

        &::after {
            content: "game-changing conversation.";
            display: block;
            font-size: clamp(24px, 4vw, 40px) !important;
            line-height: 1.3 !important;
            font-weight: 500;
            color: var(--adro-electric-green);
        }
    } */ */
}

@media screen and (min-width: 1025px) {
    .our_expertise_content_section {
        h2 {
            aspect-ratio: 651 / 94;
            width: 78% !important;
        }
    }
}

@media screen and (max-width: 767.5px) {
    .our_expertise_video_section {
        width: 100%;
        aspect-ratio: 390 / 344;
        margin: 0 auto !important;

        .video-container {
            width: 88%;
            aspect-ratio: 342 / 296;
            border-radius: 20px !important;
            flex-shrink: 0;
        }
    }

    .our_expertise_content_section {
        width: 100%;
        aspect-ratio: 390 / 432;

        h2 {
            text-align: left;
            aspect-ratio: 334 / 61;
            width: 85.9%;
            padding-right: 4%;
            margin: 0 auto !important;
            padding-top: 0 !important;
            padding-bottom: 6%;
        }

        .description {
            text-align: left;
            aspect-ratio: 316 / 228;
            width: 86%;
            margin: 0 auto !important;
            font-size: clamp(18px, 2vw, 20px) !important;
        }
    }

    /* NOTE: hard-coded heading text again - same caveat as tablet portrait. */
/*     .our_expertise_content_section h2.large-size {
        font-size: 0 !important;
        line-height: 0 !important;
        color: transparent !important;

        &::before {
            content: "40 visionaries. One";
            display: block;
            font-size: clamp(20px, 2vw, 20px) !important;
            line-height: normal !important;
            font-weight: 500;
            color: #ffffff;
        }

        &::after {
            content: "game-changing conversation.";
            display: block;
            font-size: clamp(20px, 2vw, 20px) !important;
            line-height: normal !important;
            font-weight: 500;
            color: var(--adro-electric-green);
        }
    } */
}

.our_expertise_content_section.animate-on-scroll-group {

    overflow-x: clip;
}

/* Stagger: frame first, then heading, then copy. */
.our_expertise_content_section.animate-on-scroll-group.in-view h2.slide-in-right {
    transition-delay: 0.15s;
}

.our_expertise_content_section.animate-on-scroll-group.in-view .description.slide-in-right {
    transition-delay: 0.3s;
}

.our_expertise_content_section.animate-on-scroll-group.in-view .description.slide-in-right ~ .description.slide-in-right {
    transition-delay: 0.45s;
}

@media screen and (min-width: 768px) {
    .our_expertise_content_section.animate-on-scroll-group::before {
        opacity: 0;
        transform: translateX(-6.25rem);
    }

    .our_expertise_content_section.animate-on-scroll-group.in-view::before {
        opacity: 1;
        transform: translateX(0);
        transition: transform 1.5s ease, opacity 1.5s ease;
    }
}

@media (prefers-reduced-motion: reduce) {
    .our_expertise_content_section.animate-on-scroll-group::before {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}

/* KEYNOTE SECTION */

  .keynotes {

    overflow-x: clip;
	aspect-ratio: 1920 / 1280;
    height: 90%;

    --kn-side: 6.15vw;
    --kn-heading-block: 4.43vw;

    --kn-panel: url(/wp-content/uploads/2026/09/Frame%2015493.svg);
    --kn-panel-from:#1b4c55;
  }

  .section-wrapper {
    position: relative;
    margin: 4.8% auto 5.16%;
    z-index: 3;
	  top:10%;

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

    .keynote-heading {
      width: 32.92vw;
      margin: 0 0 1.51vw 0;
      color: var(--adro-electric-green);
      line-height: 1.1667;
      white-space: nowrap;
    }

    .keynote-panel {
      position: relative;
		aspect-ratio: 1920 / 486;
		height:90%;
    }

    .background-layout {
      position: absolute;
      top: 0;
      left: 0;
      display: flex;

      align-items: flex-end;
      width: 100%;
      height: 100%;
      z-index: -1;
      padding-left: var(--kn-side);

      .background-left {
        width: 93.85vw;
        aspect-ratio: 1802 / 376;
        opacity: 0;
        border-radius: 20px 0 0 20px;
        background-image: var(--kn-panel);
        background-size: 100% 100%;
        background-repeat: no-repeat;
      }

      .background-right {
        display: none;
      }
    }

    .content-overlay {
      display: flex;
      flex-direction: row;
      align-items: flex-end;
      justify-content: space-between;
      width: inherit;
      padding: 0 var(--kn-side);
		aspect-ratio: 1920 / 486;
        height: 100%;

      .content-left,
      .content-right {
        opacity: 0;
      }

      .content-left {
        display: flex;
        flex-direction: column;
        z-index: 1;
        width: 39.32vw;

        min-height: 24vw;
        margin-left: 4.43vw;

        p {
          flex: 0 0 auto;
         min-height: 17.19vw;
          margin: 1.82vw 0 0;
          color: var(--adro-white);
        }
      }

      .content-right {
        width: 37.35vw;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        opacity: 1;
		  height:100%;

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

      .content-right .image-wrapper {
        position: relative;
        width: 100%;
		  width: 74.84%;
            height: 100%;
      }

      .info-overlay {
        position: fixed;
        bottom: 0;
        right: 0;
        width: 100%;
        padding: 2% 4.83%;
        background: var(--adro-electric-cyan);
        border-radius: 20px;
        opacity: 0.85;
        z-index: 2;
        display: flex;
        flex-direction: column;
/*         gap: 0.2rem; */
        color: var(--adro-deep-blue);
            aspect-ratio: 717 / 102;
            height: 21%;
		}

      .person-name,
      .person-designation {
        color: var(--adro-deep-blue);
      }
    }
  }

  .section-wrapper:nth-child(even) {

    .content-overlay {
      flex-direction: row-reverse;
    }

    .content-left {
      margin-left: 0;
      margin-right: 4.43vw;
    }
  }

@media screen and (min-width: 1025px),
 (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .keynotes {
        position: relative;

        &::before {
            content: "";
            position: absolute;
            inset: 0;
            background-image: url('/wp-content/uploads/2026/09/Keynote%20BG.png');
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            z-index: -1;
            pointer-events: none;
        }
    }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .speakers-page-carousel-wrapper {
    .section-central-heading {
		margin-top: 10% !important;
    }
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .our_expertise_content_section h2 {
        padding-top: 12% !important;
    }
}

  @media screen and (max-width: 767.5px),
  screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

    .keynotes {
      aspect-ratio: auto;
      height: auto;
      --kn-panel: url(/wp-content/uploads/2026/09/Frame%2015493%20%281%29.svg);
    }

    .keynotes .section-wrapper {
      top: auto;
    }

    .keynotes .keynote-panel,
    .keynotes .content-overlay {
      aspect-ratio: auto;
      height: auto;
    }

    .keynotes .content-right,
    .keynotes .content-right .image-wrapper {
      height: auto;
    }

    .keynotes .info-overlay {
      aspect-ratio: auto;
      height: auto;
    }

    .keynotes .section-wrapper {
      position: relative;
      display: block;
      padding: 0;

      .background-layout {
        display: none;
      }

      .keynote-panel {
        position: relative;
        padding-bottom: var(--kn-drop);
      }

      .content-overlay {
        position: static;
        display: block;
        width: 100%;
        padding: 0;
      }

      .content-left {
        display: block;
        width: auto;
        height: auto;
        min-height: 0;
        margin: 0 0 0 var(--kn-gutter);
        padding: 0;
        background: none;
        border: none;
        border-radius: 0;
      }

      .keynote-heading {
        width: auto;
        white-space: normal;
        margin: 0 0 var(--kn-head-gap) var(--kn-head-indent);
        color: var(--adro-electric-green);
      }

      .content-left > p {
        box-sizing: border-box;
        height: auto;
        min-height: var(--kn-card-min);
        margin: 0;
        padding: var(--kn-card-pad);
        border-radius: var(--kn-radius) 0 0 var(--kn-radius);
        background-image: var(--kn-panel);
        background-size: 100% 100%;
       background-repeat: no-repeat;
        color: var(--adro-white);
      }

      .content-right {
        position: absolute;
        bottom: 0;
        display: block;
        width: var(--kn-img);
        aspect-ratio: auto;
        border-radius: 0;
        overflow: visible;

        .image-wrapper {
          position: relative;
          width: 100%;
          aspect-ratio: auto;
        }

        img {
          display: block;
          width: 100%;
          height: auto;
          object-fit: contain;
          border-radius: 0;
        }
      }

      .info-overlay {
        box-sizing: border-box;
        border-radius: 15px;
        background: var(--adro-electric-green);
        opacity: 0.85;
        color: var(--adro-deep-blue);
      }
    }

    /* Opening: speaker on the right. */
    .keynotes .section-wrapper:nth-child(odd) .content-right {
      right: var(--kn-img-out);
      left: auto;
    }

    .keynotes .section-wrapper:nth-child(even) {
      .content-overlay {
        padding: 0;
      }

      .content-left {
        margin-right: 0;
      }

      .content-left > p {
        padding: var(--kn-card-pad-alt);
      }

      .keynote-panel {
        padding-bottom: var(--kn-drop-alt);
      }

      .content-right {
        left: var(--kn-img-out-alt);
        right: auto;
        width: var(--kn-img-alt);
      }
    }
  }

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

    .keynotes {
      --kn-gutter: 7.69%;
      --kn-head-indent: 0;
      --kn-head-gap: 3.39%;
      --kn-radius: 25px;
      --kn-card-min: 46.5vw;

      --kn-card-pad: 4.69% 54% 5.21% 5.08%;

      --kn-card-pad-alt: 4.69% 2.73% 4.04% 43.36%;

      --kn-drop: 12.14%;
      --kn-drop-alt: 9.01%;

      --kn-img: 57.57%;
      --kn-img-out: 0;
      --kn-img-alt: 38.22%;
      --kn-img-out-alt: 6.01%;
		 position: relative;

      &::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: url(/wp-content/uploads/2026/09/Keynotes.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        z-index: -1;
         pointer-events: none;
		}
    }

    .keynotes .section-wrapper {

      margin: 13% auto;

        .keynote-heading {
         padding-top: 10.4%;
		}

      .info-overlay {
        position: static;
        width: 97.91%;
        margin: 0 4.18% 0 auto;
        padding: 3.62% 3.84%;
        left: auto;
        right: auto;
        bottom: auto;
      }

      .person-designation {
        margin-top: 0;
      }
    }

    .keynotes .section-wrapper:first-child {
      margin-top: 9.59%;
    }

    .keynotes .section-wrapper:not(:last-child) {
      margin-bottom: 9.11%;
    }

    .keynotes .section-wrapper + .section-wrapper {
      margin-top: -9.89%;
    }

    .keynotes .section-wrapper:nth-child(even) {

      .keynote-heading {
        text-align: right;
        padding-right: 9.24%;
      }

      .info-overlay {
        width: 147.48%;
        margin: 0 auto 0 4.4%;
      }
    }
  }

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

    .keynotes {
      --kn-gutter: 6.15%;
      --kn-head-indent: 6.56%;
      --kn-head-gap: 7.92%;
      --kn-radius: 20px;

      --kn-card-min: 76.8vw;

      --kn-card-pad: 6.56% 6.56% 11% 6.56%;
      --kn-card-pad-alt: 6.56% 6.56% 11% 6.56%;

      --kn-drop: 34.36%;
      --kn-drop-alt: 52.82%;

      --kn-img: 57.95%;
      --kn-img-out: 6.15%;
      --kn-img-alt: 55.64%;
      --kn-img-out-alt: 10%;
		  --kn-panel: url(/wp-content/uploads/2026/09/Frame%2015456%20%286%29.svg);
    }

    .keynotes .section-wrapper {

		        .content-left {
                      padding-left: 8%;
		}

      .info-overlay {
        position: absolute;
        bottom: 0;
        right: 0;
        left: auto;
        width: 104.42%;
        padding: 5% 6.8%;
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
      }

      .person-designation {
        margin-top: 0;
      }
    }

	.keynotes .section-wrapper + .section-wrapper {
      margin-top: 14.6%;
    }

    .keynotes .section-wrapper:nth-child(even) {
      .info-overlay {
        left: -6.91%;
        right: auto;
        width: 108.76%;
      }
    }
  }

  @media screen and (max-width: 767.5px),
  screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

    .keynotes {

      --kn-badge-radius: 15px;
      --kn-badge-opacity: 0.85;
      --kn-badge-bg:var(--adro-electric-cyan);
      --kn-img-w: 100%;
    }

    .keynotes .section-wrapper .content-overlay .content-right {

      height: auto;
    }

    .keynotes .section-wrapper .content-overlay .content-right .image-wrapper {
      width: var(--kn-img-w);
      height: auto;
      aspect-ratio: auto;
    }

    .keynotes .section-wrapper .content-overlay .info-overlay {
      position: var(--kn-badge-pos);
      width: var(--kn-badge-w);
      margin: var(--kn-badge-margin, 0);
      padding: var(--kn-badge-pad);
      top: auto;
      bottom: var(--kn-badge-bottom, auto);
      left: var(--kn-badge-left, auto);
      right: var(--kn-badge-right, auto);
      aspect-ratio: auto;
      height: auto;
      box-sizing: border-box;
      border-radius: var(--kn-badge-radius);
      background: var(--kn-badge-bg);
      opacity: var(--kn-badge-opacity);
      color: var(--adro-deep-blue);
    }
  }

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

    .keynotes {
      --kn-badge-pos: static;
      --kn-badge-w: 97.91%;
      --kn-badge-margin: 0 4.18% 0 auto;
      --kn-badge-pad: 3.62% 3.84%;
    }

    .keynotes .section-wrapper:nth-child(even) {
      --kn-badge-w: 147.48%;
      --kn-badge-margin: 0 auto 0 4.4%;
    }
  }

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

    .keynotes {
      --kn-badge-pos: absolute;
      --kn-badge-w: 104.42%;
      --kn-badge-pad: 5% 6.8%;
      --kn-badge-bottom: 0;
      --kn-badge-right: 0;
    }

    .keynotes .section-wrapper:nth-child(even) {
      --kn-badge-w: 108.76%;
      --kn-badge-left: -6.91%;
      --kn-badge-right: auto;
    }
  }

  @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    .keynotes {
      aspect-ratio: auto;
      height: auto;
    }

    .keynotes .section-wrapper {
      top: auto;
    }

    .keynotes .section-wrapper .keynote-panel,
    .keynotes .section-wrapper .content-overlay {
      aspect-ratio: auto;
      height: auto;
    }

    .keynotes .section-wrapper .content-overlay .content-right {

      position: relative;
      height: auto;
    }

    .keynotes .section-wrapper .content-overlay .content-right img {

      height: auto;
    }

      .keynotes .section-wrapper .content-overlay .info-overlay {
      position: absolute;
      bottom: 0;
      right: 0;
      left: auto;
      width: 100%;
      aspect-ratio: auto;
      height: auto;
    }

    .keynotes .section-wrapper .content-overlay .content-left p.small-size {
      font-size: clamp(0.75rem, 1.6vw, 1rem) !important;
	  vertical-align: center !important;
    }
  }

  .animate-on-scroll {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.8s ease, transform 0.8s ease;
  }

  .slide-in-left.in-view {
    transition: transform 1.5s ease, opacity 1.5s ease;
  }

  .slide-in-right.in-view {
    transition: transform 1.5s ease, opacity 1.5s ease;
  }

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

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

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

  .animate-on-scroll-group .slide-in-left,
  .animate-on-scroll-group .slide-in-right {
    opacity: 0;
  }

  .animate-on-scroll-group.in-view .slide-in-left,
  .animate-on-scroll-group.in-view .slide-in-right {
    opacity: 1;
    transform: translateX(0);
    transition: transform 1.5s ease, opacity 1.5s ease;
  }

  @media (prefers-reduced-motion: reduce) {
    .animate-on-scroll-group .slide-in-left,
    .animate-on-scroll-group .slide-in-right {
      opacity: 1 !important;
      transform: none !important;
      transition: none !important;
    }
  }

/* ROUNDTABLSE SECTION */

    .round-table {
        padding-top: 5.16%;
/*         padding-bottom: 11%; */

.fade-text {
  transition: opacity 0.4s ease;
}
.fade-out {
  opacity: 0;
}

        .main-header {
            display: flex;
        justify-content: flex-start;
        align-items: center;
        aspect-ratio: 980 / 30;
        width: 100%;

            .main-header-inner {
                width: 80%;
            height: 99%;
            display: flex;
            justify-content: left;
            align-items: flex-start;
            padding-left: 3.34%;
            margin-bottom: 3.13%;

                .round-table-header {
                    margin-bottom: 1.73%;
                }
            }
        }

        .container {
            display: flex;

            flex-direction: row-reverse;

            .left-box {
                width: 36%;
            height: 100%;

            box-sizing: border-box;
            margin: 0% 3.34% 0% 3.34%;
            aspect-ratio: 604 / 445;

                .round-table-header {
                    margin-bottom: 5.4%;

                }

                .sub-header {
                    display: none;

                    .round-table-header {}
                }
            }

            .carousel-container {
                flex: 1;
                width: 100%;
                overflow: hidden;
				aspect-ratio:1104/557;

                .carousel:hover {
                    /* animation-play-state: paused; */
                }

                .carousel {
                    will-change: transform;
                    display: flex;
                    width: calc(20.2vw * var(--slide-count) * 2 + 1.67vw * (var(--slide-count) * 2 - 1));
                    animation: slideLoop calc(3.5 * var(--slide-count) * 1s) linear infinite;

                    .panel-slide[data-after-target="true"] .speaker .title,
                    .panel-slide[data-after-target="true"] .speaker:hover .caption,
                    .panel-slide[data-after-target="true"] .speaker .caption {
                        background-color: var(--adro-lilac);
                    }

                    .panel-slide {
                        margin: 0;
                        width: 20.2vw;
                        box-sizing: border-box;
                        margin-right: 1.67vw;

                        .speaker {
                            position: relative;
                            background: none;
                            overflow: hidden;
                            display: flex;
                            flex-direction: column;
                            justify-content: space-between;
will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
                            img {
                                border-radius: 20px;
                                aspect-ratio: 416 / 603;
								width:100%;

                                object-fit: cover;

                            }
                        }

                        .speaker .caption {
                            text-align: left;

                            .name,
                            .designation {
                                display: block;
                                overflow-wrap: break-word;
                            }

                            .name {
                                line-height: 1.1;
                            }

                            .designation {
                                font-weight: 500;
                                line-height: 1.2;
                                margin-top: 0.65em;
                            }
                        }

                       @media screen and (min-width:768px) and (max-width:1024px) and (orientation: landscape),
                        screen and (min-width:1025px) {
                            .speaker .caption {
                                position: absolute;
                                left: 0;
                                bottom: 0;
                                width: 100%;
                                margin: 0;
                                height: 5.9896vw;
                                padding: 3.14% 7.03% 0;
                                opacity: 0.85;
                                color: var(--adro-deep-blue);
                                background-color: var(--adro-electric-green);
                                border-radius: 0 0 20px 20px;

                                .name {
                                    font-size: 1.7708vw;
                                    font-weight: 600;
                                    line-height: 1;
                                }

                                .designation {
                                    font-size: 1.0417vw;
                                    line-height: 1.15;
                                    margin-top: 0.5em;
                                }
                            }

                            @media screen and (min-width:768px) and (max-width:1024px) and (orientation: landscape) {
                                .speaker .caption {
                                    height: 9.2661vw;

                                    .name {
                                        font-size: 2.7391vw;
                                    }

                                    .designation {
                                        font-size: max(1.6115vw, 0.8125rem);
                                    }
                                }
                            }
                        }
                    }
                }
 @media screen and (min-width:768px) and (max-width:1024px) and (orientation: landscape) {
                    min-height: calc(31.25vw * 603 / 416);

                    .carousel {
                        width: calc(31.25vw * var(--slide-count) * 2 + 2vw * (var(--slide-count) * 2 - 1));

                        .panel-slide {
                            width: 31.25vw;
                            margin-right: 2vw;
                        }
	               }
                }
            }
        }

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

            .main-header {
                display: none;
            }

            .container {
                display: flex;
                flex-direction: column;

                .left-box {
                    aspect-ratio: auto;
                    height: auto;

                    padding-left: 6.16%;
                    width: 100%;
                    padding-right: 6.16%;
                    text-align: center;
					margin:0;

                    .round-table-header {
                        margin-bottom: 9.36%;
                    }

                    .round-table-text {
                        margin-bottom: 9.36%;
/* 						text-align: left; */
                    }

                    .sub-header {
                        justify-content: center;
                        height: auto;
                        display: block;

                        .round-table-header {

                            margin-bottom: 6.15%;
/* 							text-align: left; */
                        }

                        .sub-header-inner {
                            width: 100%;
                            text-align: center
                        }
                    }
                }

                .carousel-container {
                    width: 100%;
					aspect-ratio: 390 / 280;

                    .carousel {
                        width: calc(53.84vw * var(--slide-count) * 2 + 4.1vw * (var(--slide-count) * 2 - 1));
                        animation: slideLoop calc(4* var(--slide-count) * 1s) linear infinite;

                        display: flex;
                        align-items: stretch;
						height: 100%;

                        .panel-slide {
                            margin-right: 4.1vw;
                            width: 53.84vw;
                            display: flex;
                            flex-direction: column;
                            flex: 1 1 auto;

                            .speaker {
                                flex: 1 1 auto;
                                display: flex;
                                flex-direction: column;

                                .title {
                                    display: none;
                                }

                                img {
                                    border-radius: 20px 20px 0 0;
									height:70%;
                                    flex: 0 0 70%;
                                }

                                .caption {
                                    height: 100%;
                                    padding: 2.85%;
                                    text-align: center;
                                    position: static;
                                    margin: 0;
                                    top: 0;
                                    color: var(--adro-deep-blue);
                                    background-color: var(--adro-electric-green);
                                    border-radius: 0 0 20px 20px;
                                    width: 100%;
                                    opacity: 1;
                                }
                            }
                        }
                    }
                }
            }
        }
           @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
		   padding-left: 0;

            .main-header {
                display: none;
            }

            .container {
                display: flex;
                flex-direction: column;

                .left-box {
                    padding-left: 6.16%;
                    width: 100%;
                    padding-right: 6.16%;
                    text-align: center;
					padding-top:0;
					height: auto;
					aspect-ratio: auto;
					min-height: 47.347vw;

                    .round-table-header {
                        margin-bottom: 9.36%;
                    }

                    .round-table-text {
                        margin-bottom: 9.36%;
                    }

                    .sub-header {
                        justify-content: center;
                        height: auto;
                        display: block;

                        .round-table-header {

                            margin-bottom: 6.15%;
                        }

                        .sub-header-inner {
                            width: 100%;
                            text-align: center
                        }
                    }
                }

                .carousel-container {
                    width: 100%;
					aspect-ratio: 834 / 560;
                    .carousel {
                        width: calc(53.84vw * var(--slide-count) * 2 + 4.1vw * (var(--slide-count) * 2 - 1));
                        animation: slideLoop calc(4* var(--slide-count) * 1s) linear infinite;

                        display: flex;
                        align-items: stretch;
						height: 100%;

                        .panel-slide {
                            margin-right: 4.1vw;
                            width: 53.84vw;
                            display: flex;
                            flex-direction: column;
                            flex: 1 1 auto;

                            .speaker {
                                flex: 1 1 auto;
                                display: flex;
                                flex-direction: column;

                                .title {
                                    display: none;
                                }

                                img {
                                    border-radius: 20px 20px 0 0;
									height:78.5%;
                                    flex: 0 0 78.5%;
                                }

                                .caption {
                                    height: 100%;
                                    padding: 2.85%;
                                    text-align: center;
                                    position: static;
                                    margin: 0;
                                    top: 0;
                                    color: var(--adro-deep-blue);
                                    background-color: var(--adro-electric-green);
                                    border-radius: 0 0 20px 20px;
                                    width: 100%;
                                    opacity: 1;
                                }
                            }
                        }
                    }
                }
            }
        }
        @media screen and (min-width:768px) and (max-width:1024px) and (orientation: portrait) {

            .container {
                .left-box {
                    padding-left: 4.8%;
                    padding-right: 4.8%;
					margin:0;

                    .round-table-header {
                        margin-bottom: 5.31%;
                    }

                    .round-table-text {
                        margin-bottom: 5.31%;
                    }

                    .sub-header {
                        .round-table-header {
                            margin-bottom: 3.45%;
                        }
                    }
                }

                .carousel-container {
                    .carousel {
                        width: calc(46.52vw * var(--slide-count) * 2 + 3.8vw * (var(--slide-count) * 2 - 1));

                        .panel-slide {
                            margin-right: 3.8vw;
                            width: 46.52vw;
                        }
                    }
                }
            }

        }
    }

    @keyframes slideLoop {
        0% {
            transform: translateX(1vw);
        }

        100% {
            transform: translateX(calc(-1 * (20.2vw * var(--slide-count) + 1.67vw * (var(--slide-count) - 1))));
        }
    }

    @media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
        @keyframes slideLoop {
            0% {
                transform: translateX(0);
            }

            100% {
                transform: translateX(calc(-31.25vw * var(--slide-count) - 2vw * var(--slide-count)));
            }
        }

    }

    @media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
        @keyframes slideLoop {
            0% {
                transform: translateX(-2vw);
            }

            100% {
                transform: translateX(calc(-46.52vw * var(--slide-count) - 3.8vw * var(--slide-count)));
            }
        }

    }

    @media screen and (max-width:767.5px) {
        @keyframes slideLoop {
            0% {
                transform: translateX(-2vw);
            }

            100% {
                transform: translateX(calc(-53.84vw * var(--slide-count) - 4.1vw * var(--slide-count)));
            }
        }

    }

.round-table .container .carousel-container .carousel .panel-slide .speaker .caption {
    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        padding: 3.14% 7.03% 0;
        text-align: left;
        height: auto;
        flex: 1 1 auto;

        .name {
            font-size: 4.0767vw;
            font-weight: 500;
        }

        .designation {
            font-size: 2.3981vw;
        }
    }

    @media screen and (max-width: 767.5px) {
        padding: 5.67% 6.22% 0;
        text-align: left;
        height: auto;
        flex: 1 1 auto;

        .name {
            font-size: 4.6154vw;
            font-weight: 600;
        }

        .designation {
            font-size: 4.1026vw;
            margin-top: 0.34em;
        }
    }
}

/* LATEST NEWS / HIGHLIGHTS SECTION */

.latest-news-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);
        filter: brightness(0) invert(1);
    }

    .underline-on-hover span::before {
        background-color: #fff;
    }

    .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; }
    .owl-carousel .owl-dots .owl-dot.adjacent { border-color: rgba(255, 255, 255, 0.7) !important; }
    .owl-carousel .owl-dots .owl-dot.near { border-color: rgba(255, 255, 255, 0.5) !important; }
    .owl-carousel .owl-dots .owl-dot.far,
    .owl-carousel .owl-dots .owl-dot.edge-indicator {
        border-color: rgba(255, 255, 255, 0.3) !important;
    }

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

    .our-latest-news-header {
        padding: 2.6% 3.34% 0;
		padding-left: 4%;

        .main-header { margin-bottom: 0.5em; }
        .sub-heading { text-align: left; }
    }

    .card-section {
        display: flex;

        padding: 3% 4% 2.9688%;
    }

    .below-latest-news-button {
        display: flex;
        justify-content: center;
        padding: 0 4% 2.2396%;

        a {

            text-decoration: none !important;
        }

        .custom-button {

            border-color: var(--adro-electric-green) !important;
            color: var(--adro-white);
        }
		.custom-button:hover {
        background-color: var(--adro-electric-cyan) !important;
        color: var(--adro-deep-blue) !important;
    }
        .custom-button:focus,
.custom-button:focus-visible {
    background-color: var(--adro-deep-blue) !important;
    color: #fff!important;
    outline: none;
}
    }

    .card-section .latest-news-accordion .item.card .card-collapsed-title {
        display: none;
    }

    @media screen and (min-width: 1025px),
           screen and (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; }
 */
			   .card-section .latest-news-accordion .item.card.card-wrapper[data-alignment="left"] {
    background-position: left center !important;
}
.card-section .latest-news-accordion .item.card.card-wrapper[data-alignment="right"] {
    background-position: right center !important;
}
.card-section .latest-news-accordion .item.card.card-wrapper[data-alignment="center"] {
    background-position: center center !important;
}   
        .card-section .small-cards.latest-news-accordion {
            display: flex !important;
            flex-direction: row !important;
            gap: 24px;
            width: 98.7% !important;
            overflow: visible !important;
            transform: none !important;
            transition: none !important;
        }

        .card-section .small-cards.latest-news-accordion .owl-stage-outer,
        .card-section .small-cards.latest-news-accordion .owl-stage {
            display: contents !important;
        }

        .card-section .small-cards.latest-news-accordion .owl-item {
            display: contents !important;
            width: auto !important;
            transform: none !important;
        }

        .card-section .small-cards.latest-news-accordion .owl-dots,
        .card-section .small-cards.latest-news-accordion .owl-nav,
        .card-section .small-cards.latest-news-accordion .owl-stage-outer::after {
            display: none !important;
        }

        .card-section .latest-news-accordion .item.card {
            flex: 1;
            height: 31.3vw;
            min-width: 0;
            border-radius: 10px;
            overflow: hidden;
            cursor: pointer;
            position: relative;
            background-size: cover;
            background-position: center;
            transition: flex 0.6s cubic-bezier(0.4, 0, 0.2, 1);
            display: flex;
            align-items: flex-end;
            justify-content: flex-start;
        }

        .card-section .latest-news-accordion .item.card.active { flex: 4.6; }

        .card-section .latest-news-accordion .item.card::before {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: 10px;
            background: linear-gradient(180deg,
                rgba(67, 102, 143, 0.14) 11.22%,
                rgba(5, 9, 14, 0.60)     74.68%);
            z-index: 1;
            transition: background 0.5s ease;
        }

        .card-section .latest-news-accordion .item.card.active::before {
            background: linear-gradient(180deg,
                rgba(67, 102, 143, 0.14) 37.59%,
                rgba(5, 9, 14, 0.60)     63.32%);
        }

        .card-section .latest-news-accordion .item.card .card-content {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 2;
            padding: 0 7% 1% 7%;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            overflow: hidden;
        }

        .card-section .latest-news-accordion .item.card .card-title {
            opacity: 0;
            visibility: hidden;
            transform: translateY(12px);
            color: #fff;
            text-transform: uppercase;
            white-space: normal;
            margin: 0 0 1% 0;
            transition: opacity 1.4s ease, transform 1.4s ease;
        }

        .card-section .latest-news-accordion .item.card.active .card-title {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
            transition-delay: 0.5s;
        }

        .card-section .latest-news-accordion .item.card .card-description {
            opacity: 0;
            visibility: hidden;
            transform: translateY(12px);
            color: #fff;
            text-align: left;
            width: 100%;
            margin: 0 0 6.8% 0;
            transition: opacity 1.4s ease, transform 1.4s ease;
        }

        .card-section .latest-news-accordion .item.card.active .card-description {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
            transition-delay: 0.6s;
        }

        .card-section .latest-news-accordion .item.card .card-cta {
            display: none;
            color: #fff;
            text-align: left;
        }

        .card-section .latest-news-accordion .item.card.active .card-cta {
            display: inline-block;
            animation: lnSlideUp 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
            animation-delay: 0.36s;
        }

        @keyframes lnSlideUp {
            from { opacity: 0; transform: translateY(8px); }
            to   { opacity: 1; transform: translateY(0); }
        }

        .card-section .latest-news-accordion .item.card .card-collapsed-title {
            display: block;
            position: absolute;
            right: 0;
            bottom: 0;
            width: 69px;
            height: 253px;
            overflow: hidden;
            border-radius: 10px 0 0 0;
            background: rgba(0, 0, 0, 0.00);
            -webkit-backdrop-filter: blur(18px) saturate(160%) brightness(1.05);
            backdrop-filter: blur(18px) saturate(160%) brightness(1.05);
            z-index: 2;
            transition: opacity 0.35s ease, visibility 0.35s ease;
        }

        .card-section .latest-news-accordion .item.card .card-collapsed-title::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(-45deg,
                rgba(255, 255, 255, 0.30) 0%,
                rgba(255, 255, 255, 0.00) 45%,
                rgba(255, 255, 255, 0.00) 60%,
                rgba(255, 255, 255, 0.12) 100%);
            mix-blend-mode: overlay;
            pointer-events: none;
        }

        .card-section .latest-news-accordion .item.card .card-collapsed-title-text {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 253px;
            height: 69px;
            margin-top: -34.5px;
            margin-left: -126.5px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: var(--ADROSONIC-White-Base, #FFF);
            text-align: center;
            transform: rotate(-90deg);
            font-family: "Montserrat", sans-serif;
        }

        .card-section .latest-news-accordion .item.card.active .card-collapsed-title {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
        }

        @media screen and (min-width: 1025px) and (max-width: 1200px) {
            .card-section .latest-news-accordion .item.card { height: 700px; }
        }

        @media screen and (min-width: 768px) and (max-width: 1110px) and (orientation: landscape) {
            .card-section .latest-news-accordion .item.card { height: 500px; }
        }
    }

    /* MOBILE + PORTRAIT TABLET */
    @media screen and (max-width: 767.5px),
           screen and (max-width: 1024px) and (orientation: portrait) {

        .our-latest-news-header {
            padding: 4.31% 6.16% 0;

            .main-header {
                font-size: clamp(24px, 5vw, 24px) !important;
                text-align: center !important;
                line-height: normal !important;
                margin-bottom: 1em;
            }

            .sub-heading {
                font-size: clamp(18px, 5vw, 18px) !important;
                text-align: center !important;
                line-height: 1.4 !important;
                margin-bottom: 2.5rem;
            }
        }

        .below-latest-news-button {
            padding: 8.2051% 6.33%;

        }

        .card-section {
            display: flex;
            flex-direction: column;
            padding: 0;
            gap: 0;
            overflow-x: clip;
            overflow-y: hidden;

            .owl-stage-outer {
                overflow: hidden !important;
                margin-bottom: 0;
            }

            .owl-stage {
                display: flex !important;
                align-items: center !important;
            }

            .owl-nav { display: none !important; }

            .center-outside-content {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 0.5rem;
                padding-top: 4%;
                padding-bottom: 0;

                .card-description {
                    margin: 0;
                    line-height: 1.5 !important;
                    color: #fff;
                    text-align: left;
                }

                .card-cta {
                    display: inline-flex;
                    align-items: center;
                    gap: 0.75rem;
                }
            }

            .owl-dots {
                display: flex !important;
                justify-content: center !important;
                align-items: center !important;
                gap: 0.5rem !important;
                margin-top: 8% !important;
                padding: 0 !important;
                margin-bottom: 16.3%;
            }

            .small-cards {
                display: block;

                .owl-item { display: flex !important; }

                .card {
                    border-radius: 4vw;
                    position: relative;
                    background-size: cover;
                    background-position: center;
                    display: inline-flex;
                    flex-direction: column;
                    align-items: center;
                    overflow: hidden !important;
                    margin: 0 !important;
                    transform: none;
                    padding: 0 !important;
                    box-sizing: border-box;
                    flex-shrink: 0;
                }

                .card::before {
                    content: "";
                    position: absolute;
                    inset: 0;
                    border-radius: inherit;
                    background: linear-gradient(180deg,
                        rgba(67, 102, 143, 0.65) 0%,
                        rgba(55, 82, 114, 0.75)  30%,
                        rgba(5, 9, 14, 0.75)     100%);
                    z-index: 1;
                }

                .card .card-content {
                    z-index: 2;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    padding-left: 6.4%;
                    padding-top: 6.4%;
                    box-sizing: border-box;
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                }

                .card .card-title {
                    display: block;
                    margin: 0 !important;
                    color: #fff;
                    text-align: left;
                    font-size: clamp(13px, 5vw, 18px) !important;
                    font-family: "Montserrat", sans-serif !important;
                }

                .owl-item:not(.center) .card .card-title { display: none !important; }
                .owl-item.active.center .card .card-title { display: block !important; }

                .card .card-description,
                .card .card-cta { display: none !important; }

                .card .card-collapsed-title { display: none !important; }

                .owl-item.active.center {
                    z-index: 3 !important;
                    position: relative;
                    justify-content: center !important;
                }

                .owl-item.active.center .card {
                    border-radius: 2.5vw !important;
                    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
                    width: 75vw !important;
                    max-width: none !important;
                    height: 82vw !important;
                    padding: 0 !important;
                    top: 0;
                    z-index: 3;
                }

                .owl-item.active.center .card::before {
                    border-radius: inherit;
                    background: linear-gradient(0deg, rgba(67, 102, 143, 0.00) 55.16%, rgba(21, 35, 55, 0.67) 83.99%);
                    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
                }

                .owl-item:not(.center) {
                    z-index: 1 !important;
                    position: relative;
                    justify-content: center !important;
                }

                .owl-item.center + .owl-item { justify-content: flex-start !important; }
                .owl-item:has(+ .owl-item.center) { justify-content: flex-end !important; }

                .owl-item:not(.center) .card {
                    width: 55vw !important;
                    max-width: none !important;
                    height: 69vw !important;
                    padding: 0 !important;
                    z-index: 1;
                }
            }
        }
    }

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

        .below-latest-news-button {
            padding: 0 4.8% 5.7554%;

        }

        .our-latest-news-header {
            padding: 8.7% 4.8% 0;

            .main-header {
                font-size: clamp(32px, 5vw, 40px) !important;
                line-height: normal !important;
                margin-bottom: 1.2em;
            }

            .sub-heading {
                font-size: clamp(16px, 3.5vw, 24px) !important;
                line-height: normal !important;
                text-align: center !important;
            }
        }

        .card-section {

            .owl-stage-outer { margin-bottom: 0; }

            .owl-dots {
                margin-top: 4.7% !important;
                margin-bottom: 4.9%;
            }

            .center-outside-content {
                padding-top: 3%;

                .card-description { font-size: clamp(24px, 3.5vw, 24px) !important; }
                .card-cta { font-size: clamp(24px, 3.5vw, 24px) !important; }
            }

            .small-cards {

                .card .card-title {
                    font-size: clamp(16px, 4.5vw, 32px) !important;
                    font-family: "Montserrat", sans-serif !important;
                }

                .owl-item.active.center { z-index: 10 !important; }

                .owl-item.active.center .card {
                    width: 55vw !important;
                    max-width: none !important;
                    height: 62vw !important;
                    padding: 0 !important;
                    top: 0;
                    z-index: 10;
                }

                .owl-item:not(.center) .card {
                    width: 45vw !important;
                    max-width: none !important;
                    height: 51vw !important;
                    padding: 0 !important;
                    z-index: 1;
                }

                .owl-item.center + .owl-item .card { transform: translateX(0vw) !important; }
                .owl-item:has(+ .owl-item.center) .card { transform: translateX(0vw) !important; }
            }
        }
    }
}
@media screen and (max-width: 767px) {
    .latest-news-section {
        .card-section {
            .owl-dots {
                margin-bottom: 6% !important;
            }
        }
    }

    .latest-news-section {
        .below-latest-news-button {
            padding-top: 0 !important;
        }
    }
}

.latest-news-section {
    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        & .our-latest-news-header {
            .main-header {
                text-align: left !important;
            }
        }
    }
}

html:has(.ecl-testimonial),
body:has(.ecl-testimonial) {
    overflow-x: clip;
    overflow-y: visible;
}

@property --ecl-peek {
    syntax: "<length>";
    inherits: true;
    initial-value: 35px;
}

.ecl-testimonial {

    --ecl-card-from: #2A6176;

    --ecl-card-radius: clamp(0.9375rem, 2.87vw, 3.4375rem);
    --ecl-photo-radius: clamp(0.625rem, 1.46vw, 1.75rem);

    --ecl-visible-cards: 3;
    --ecl-peek: 1.875rem;
    --ecl-shrink: 0.1;
    --ecl-veil: 0.34;
    --ecl-scroll-per-card: 80;
    --ecl-hold-last: 40;
    --ecl-exit-tilt: 0.6;

    position: relative;
    background-color: var(--adro-deep-blue);

    .ecl-testimonial-pin {
        position: sticky;
        top: 0;
        height: 100vh;
        height: 100svh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
       gap: 10.0625rem;
        padding-block: clamp(1.5rem, 4svh, 3rem);
        overflow: hidden;
    }

    .ecl-testimonial-header {
        width: 100%;
        padding-inline: 3.96%;

        h2 {
            color: var(--adro-white);
            text-align: left;
            text-transform: capitalize;
            margin-bottom: 0;
        }
    }

    .ecl-testimonial-deck {
        position: relative;
        width: 72.5%;
        aspect-ratio: 1392 / 584;
        max-width: calc(72svh * 1392 / 584);
    }

     .ecl-testimonial-card {
        position: absolute;
        inset: 0;
        border-radius: var(--ecl-card-radius);
        background: linear-gradient(180deg, var(--ecl-card-from) -13.75%, var(--adro-deep-blue) 140%);
        box-shadow: inset 0 0.25rem 0.25rem 0 var(--adro-electric-green);
        transform-origin: top center;
    }

     .ecl-testimonial-card::after {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        background: var(--adro-deep-blue);
        opacity: var(--v, 0);
        pointer-events: none;
    }

    .ecl-testimonial-card {
        display: flex;
        align-items: stretch;
        overflow: hidden;
        will-change: transform, opacity;
        --v: 0;
    }

    .ecl-testimonial-body {
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: column;
         width: 57.18%;
        padding: 5.68% 0 4.89% 6.9%;
    }

    .ecl-testimonial-logo {
         width: 54.71%;

        img {
            display: block;
            width: 100%;
            height: auto;
            object-fit: contain;
            object-position: left center;
        }
    }

    .ecl-testimonial-quote {
        width: 100%;
        margin: 0;
        margin-top: 3.5%;
        padding: 0;
        border: 0;
        color: var(--adro-white);
        font-style: italic;
    }

    .ecl-testimonial-author {
        display: flex;
        align-items: flex-start;
       gap: 3.43%;
        margin-top: auto;

        p {
            color: var(--adro-white);
        }
    }

    .ecl-testimonial-quote-mark {
        flex: 0 0 auto;
        width: 4%;
        line-height: 0;

        svg {
            display: block;
            width: 100%;
            height: auto;
            fill: var(--adro-electric-green);
        }
    }

    .ecl-testimonial-author-name,
    .ecl-testimonial-author-role {
        display: inline;
    }

    .ecl-testimonial-author-name:not(:last-child)::after {
        content: " - ";
    }

    .ecl-testimonial-author-company {
        display: block;
    }

    .ecl-testimonial-photo {
        position: absolute;
        right: 3.33%;
        bottom: 0;
        z-index: 1;
        width: 37.48%;
        height: 100%;
        border-radius: var(--ecl-photo-radius);
        overflow: hidden;

        img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: bottom center;
        }
    }

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

        --ecl-peek: 1.5rem;
        --ecl-scroll-per-card: 72;

        .ecl-testimonial-pin {
		 gap: 6.4375rem;
            height: 72vh !important;

		}

        .ecl-testimonial-header {
            padding-inline: 4.8% 17.39%;
        }

        .ecl-testimonial-deck {
            width: 84.77%;
            aspect-ratio: 707 / 509;
            max-width: calc(72svh * 707 / 509);
        }

        .ecl-testimonial-body {
            position: static;
            width: 51.2%;
            padding: 7.6% 0 5% 8.63%;
        }

        .ecl-testimonial-logo {
            width: 97.67%;
        }

        .ecl-testimonial-author-name,
        .ecl-testimonial-author-role {
            display: block;
        }

        .ecl-testimonial-author-name:not(:last-child)::after {
            content: none;
        }

        .ecl-testimonial-quote.medium-size {
            margin-top: 15.4%;
            font-size: clamp(1.375rem, 2.877vw, 1.875rem) !important;
            line-height: normal;
        }

        .ecl-testimonial-photo {
            right: 2%;
            bottom: 24%;
            width: 45.83%;
            height: 53.63%;

            img {
                object-position: top center;
            }
        }

        .ecl-testimonial-author {
            position: absolute;
            z-index: 2;
            left: 52.2%;
            bottom: 2%;
            width: 37.15%;
            height: 19.62%;
            margin-top: 0;
            gap: 5.33%;
            align-items: center;
        }

        .ecl-testimonial-quote-mark {
            width: 17.9%;
        }

        .ecl-testimonial-author p.smaller-size {
            flex: 1;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            font-size: clamp(1rem, 2.158vw, 1.25rem) !important;
        }

    }

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

        --ecl-peek: 1.09375rem;
        --ecl-scroll-per-card: 65;
        --ecl-hold-last: 35;
        --ecl-exit-tilt: 0;

        .ecl-testimonial-pin {
 		gap: 4.5rem;
            height: 80vh !important;
		}

        .ecl-testimonial-header {
            padding-inline: 6.15%;
        }

        .ecl-testimonial-deck {
            width: 79.49%;
            aspect-ratio: 310 / 430;
            max-width: calc(72svh * 310 / 430);
        }

        .ecl-testimonial-body {
            width: 100%;
            padding: 9.35% 0 4% 7.1%;
        }

        .ecl-testimonial-logo {
            width: 52.34%;
            flex-shrink: 0;
        }

        .ecl-testimonial-quote {
            width: 92.01%;
            margin-top: 6.4%;

            font-size: clamp(0.8125rem, 4.1vw, 1rem) !important;
        }

        .ecl-testimonial-author {
            flex-direction: column;
            align-items: flex-start;
            gap: 0.5rem;
            width: 42.71%;
        }

        .ecl-testimonial-quote-mark {
            width: 19.39%;
        }

        .ecl-testimonial-author-name,
        .ecl-testimonial-author-role {
            display: block;
        }

        .ecl-testimonial-author-name:not(:last-child)::after {
            content: none;
        }

        .ecl-testimonial-author p.smaller-size {
            font-size: clamp(0.8125rem, 4.1vw, 1rem) !important;
        }

        .ecl-testimonial-photo {
            right: 3.23%;
            width: 51.29%;
            height: 40.89%;

            img {
                object-position: top center;
            }
        }
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .ecl-testimonial {

		 .ecl-testimonial-deck {
            aspect-ratio: 1392 / 780;
            max-width: calc(58svh * 1392 / 780);
    }
		   &.is-static .ecl-testimonial-card {
            aspect-ratio: 1392 / 780;
}
	}
}

.ecl-testimonial.is-static {
    height: auto !important;
}

.ecl-testimonial.is-static .ecl-testimonial-pin {
    position: static;
    height: auto;
    overflow: visible;
}

.ecl-testimonial.is-static .ecl-testimonial-deck {
    width: 72.5%;
    height: auto;
    max-width: none;
    aspect-ratio: auto;
    display: grid;
    gap: 2rem;
}

.ecl-testimonial.is-static .ecl-testimonial-card {
    position: relative;
    inset: auto;
    aspect-ratio: 1392 / 584;
    transform: none;
    opacity: 1;
    --v: 0;
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .ecl-testimonial.is-static .ecl-testimonial-deck { width: 84.77%; }
    .ecl-testimonial.is-static .ecl-testimonial-card { aspect-ratio: 707 / 509; }
}

@media screen and (max-width: 767.5px) {
    .ecl-testimonial.is-static .ecl-testimonial-deck { width: 79.49%; }
    .ecl-testimonial.is-static .ecl-testimonial-card { aspect-ratio: 310 / 430; }
}

/* AGENDA SECTION */

    .agenda-section-head {
        text-align: center;

        .section-head {
            margin-bottom: 0;
        }
    }
@media screen and (min-width: 1025px),
 (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .agenda-full-wrapper {
        position: relative;

        &::before {
            content: "";
            position: absolute;
            inset: 0;
            background-image: url('/wp-content/uploads/2026/09/Agenda.png');
            background-repeat: no-repeat;
            background-position: top center;
            background-size:cover;
            z-index: 0;
            pointer-events: none;
        }
    }

    .agenda-section-head,
    .svg-background-section .content {
        position: relative;
        z-index: 1;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.agenda-full-wrapper {
	&::before {
            content: "";
            position: absolute;
            inset: 0;
            background-repeat: no-repeat;
            background-position: top center;
            background-size:100% 100%;
            z-index: 0;
            pointer-events: none;
		    top:7%;
        }
	}
}

    .svg-background-section {
        position: relative;
        overflow: hidden;

        .only-space-div {
            height: 7.6vh;
        }

        .only-space-div-bottom {
/*             height: 2.4vh; */
        }

        .content {
            position: relative;
            z-index: 1;
        }

        .timeline-container {
            position: relative;
            width: 56.05%;
            margin: auto;

            .timeline-line-wrapper {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 50%;
                transform: translateX(-50%);
                z-index: 0;
                display: flex;
                flex-direction: column;
                align-items: center;

                .timeline-head,
                .timeline-foot {
                    height: 24px;
                    transform: translateX(1px);
                }

                .timeline-line {
                    flex: 1;
                    width: 2px;
                    background: var(--adro-electric-green);
                    margin-top: -8px;
                    margin-bottom: -8px;
                    margin-left: 1px;
                }
            }

            .timeline-item {
                width: 50%;
                padding: 0 5.91%;
                position: relative;
                box-sizing: border-box;

                .content {
                    background:linear-gradient(0deg, var(--adro-electric-cyan) 0%, var(--adro-electric-cyan) 100%);
                    border-radius: 15px;
                    padding: 3.9% 4.87%;
                    position: relative;
                    z-index: 1;
                    gap: 8px;
                    display: flex;
                    flex-direction: column;

                    * {
                        color: var(--adro-deep-blue);
                    }
                }

                .svg-connector {
                    position: absolute;
                    top: 50%;
                    bottom: 50%;
                    transform: translateY(-50%);
                    z-index: 0;

                    svg circle,
                    svg path {
                        fill: var(--adro-electric-cyan);
                    }
                }
            }

            .timeline-item.left {
                left: 0;

                .svg-connector {
                    right: -10px;
                }
            }

            .timeline-item.right {
                left: 50%;
                text-align: left;

                .svg-connector {
                    left: -8px;
                    transform: scaleX(-1);
                }
            }

            @media screen and (min-width:768px) {
                .timeline-item.right:not(:first-child) {
                    margin-top: -4vh;
                }

                .timeline-item.left.translateup:not(:first-child) {
                    margin-top: -4vh;
                }
            }

            .only-space-empty {
                height: 24px;
            }
        }

        @media screen and (min-width:768px) and (max-width:1024px) and (orientation: landscape) {
            .timeline-container {
                width: 100%;

                .timeline-item {
                    padding: 0 3.34%;
                }
            }
        }

        @media screen and (min-width:768px) and (max-width:1024px) and (orientation: portrait) {
            .only-space-div {
                height: 6.16vh;
            }

            .timeline-container {
                width: 100%;

                .timeline-item .content {
                    padding: 4.85%;
                }

                .timeline-item.left {
                    padding-right: 5.64%;
                    padding-left: 4.8%;
                }

                .timeline-item.right {
                    padding-left: 5.64%;
                    padding-right: 4.8%;
                }
            }
        }

        @media (max-width: 767.5px) {
            .only-space-div {
                height: 5vh;
            }

            .timeline-container {
                width: 100%;

                .timeline-line-wrapper {
                    right: 4.11%;
                    left: unset;
                    transform: none;

                    .timeline-line {
                        left: 0;
                    }
                }

                .timeline-item,
                .timeline-item.left,
                .timeline-item.right {
                    width: 95.9%;
                    left: 0;
                    text-align: left;
                    padding: 0;
                }

                .timeline-item.left.translateup:not(:first-child) {
                    margin-top: 9.75%;
                }

                .timeline-item.right:not(:first-child) {
                    margin-top: 9.75%;
                }

                .timeline-item {
                    margin-top: 0;

                    .content {
                        margin-left: 4.55%;
                        margin-right: 5.09%;
                        width: 88.24%;
                        padding: 2.14% 4.28%;
                    }
                }

                .timeline-item.left {
                    .svg-connector {
                        right: -0.54%;
                    }
                }

                .timeline-item.right {
                    .svg-connector {
                        right: 0;
                        left: unset;
                        transform: scaleX(1);
                    }
                }
            }
        }
    }

@media screen and (min-width: 768px) {

    @keyframes agendaFocusPulse {
        0%   { transform: translateY(0)    scale(1);    }
        45%  { transform: translateY(-6px) scale(1.07); }
        100% { transform: translateY(0)    scale(1);    }
    }

    .svg-background-section .timeline-item .content {
        transform-origin: center center;
        will-change: transform;
    }

    .svg-background-section .timeline-item.agenda-focus > .content {
        animation: agendaFocusPulse 1.2s cubic-bezier(0.34, 1.2, 0.64, 1) both;
    }
}

@media (prefers-reduced-motion: reduce) {
    .svg-background-section .timeline-item.agenda-focus > .content {
        animation: none !important;
    }
}

/* JOIN US SECTION */

.join-us-at-wrapper {

    --join-us-bg-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 926'%3E%3C/svg%3E");

    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    background-color: var(--adro-deep-blue);
    background-image: var(--join-us-bg-svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 100%;

    padding: 0.2% 4.6875% 8.3333% 3.3333%;

    * {
        box-sizing: border-box;
    }

    .join-us-inner {
        display: grid;
        grid-template-columns: 45.2435% 50.5663%;
        column-gap: 4.1903%;
        align-items: start;
    }

    .venue-heading {
        grid-column: 2;
        grid-row: 1;
        margin-top: 2.4636%;

        margin-bottom: 2.6875%;

        color: var(--adro-white);
    }

    .venue-gallery {
        grid-column: 1;
        grid-row: 1 / span 2;
        display: flex;
        gap: 4.8811%;

        align-self: stretch;
        min-height: 36.5625vw;

    }

    .venue-image {
        width: 47.5594%;

        height: 100%;
        min-height: 36.5625vw;

        object-fit: cover;
        border-radius: 1.25rem;

        display: block;
    }

    .venue-body {
        grid-column: 2;
        grid-row: 2;
    }

    .venue-name {
        color: var(--adro-electric-green);
        margin-bottom: 1.9037%;

    }

    .venue-desc {
        color: var(--adro-white);
        margin-bottom: 3.9194%;
		font-weight: 400 !important;


    }

	.venue-directions,
    .venue-directions:hover,
    .venue-directions:focus,
    .venue-directions:visited {

        text-decoration: none !important;
    }

    .venue-directions {
        display: inline-block;
        margin: 0 0 6.4949%;

        .custom-button {
            min-width: 15.5rem;

            min-height: 2.5rem;

            padding: 0.5rem;
            gap: 0.5rem;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            text-decoration: none;
            border: 2px solid var(--adro-electric-green);
            border-radius: 50px;
            background-color: var(--adro-deep-blue);
            color: var(--adro-white);
        }

        .custom-button:hover {
            background-color: var(--adro-electric-cyan);
            color: var(--adro-deep-blue);

        }
    }

    .transport-info {
        display: flex;
        flex-direction: column;

        .info {
            display: flex;
            align-items: center;
            gap: 4.9272%;

        }

        .info+.info {
            margin-top: 8.7346%;

        }

        .info svg {
            flex: 0 0 auto;
            width: 8.125rem;

            height: 7.125rem;

        }

        .info .text {
            color: var(--adro-white);
        }
    }

    @media screen and (min-width: 1025px),
    screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

        .venue-directions .custom-button {
            width: 15.5rem;

            height: 2.5rem;

        }

        .transport-info .info .text {

            font-size: clamp(1.25rem, 1.4583vw, 1.75rem) !important;
        }
    }

    /* TABLET LANDSCAPE —  */
    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

        .venue-heading {
            font-size: clamp(1.25rem, 2.5vw, 2.425rem) !important;
        }

        .venue-name,
        .venue-desc {
            font-size: clamp(0.9375rem, 1.6667vw, 1.35rem) !important;
        }

        .venue-directions .custom-button {
            width: 11rem;
            min-width: 11rem;
            height: 3rem;
            min-height: 3rem;
        }

        .transport-info {

            .info svg {
                width: 6.7708vw;
                height: 5.9375vw;
            }

            .info .text {
                font-size: clamp(0.875rem, 1.4583vw, 1.75rem) !important;
            }
        }
    }

    /* TABLET PORTRAIT */
    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

        padding: 0% 4.7962% 9.6%;

        .join-us-inner {
            grid-template-columns: 1fr;
            column-gap: 0;
        }

        .venue-heading,
        .venue-gallery,
        .venue-body {
            grid-column: 1;
            grid-row: auto;
        }

        .venue-heading {
            margin-top: 0;
            margin-bottom: 4.5093%;

            font-size: 2.5rem !important;

        }

        .venue-name,
        .venue-desc {
            font-size: 2rem !important;

        }

        .transport-info .info .text {
            font-size: 1.5rem !important;

        }

        .venue-gallery {
            gap: 4.2553%;

            margin-bottom: 6.1007%;

			min-height: 0;
        }

        .venue-image {
            width: 47.8723%;
			height: auto;
            min-height: 0;
            aspect-ratio: 360 / 408;
        }

        .venue-name {
            margin-bottom: 5.5%;

        }

        .venue-desc {
            margin-bottom: 7.4270%;

        }

        .venue-directions {
            margin-bottom: 6.4%;

            .custom-button {
                min-width: 15.5rem;
                width: 15.5rem;

                min-height: 2.5rem;
                height: 2.5rem;

            }
        }

        .transport-info {

            .info {
                gap: 8.3554%;

            }

            .info+.info {
                margin-top: 5.3050%;

            }

            .info svg {
                width: 5.25rem;

                height: 4.625rem;

            }
        }
    }

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

        padding: 8.2051% 6.3300% 11.2462%;

        .join-us-inner {
            grid-template-columns: 1fr;
            column-gap: 0;
        }

        .venue-heading,
        .venue-gallery,
        .venue-body {
            grid-column: 1;
            grid-row: auto;
        }

        .venue-heading {
            margin-top: 0;
            margin-bottom: 7.0381%;

            text-align: left;
        }

        .venue-gallery {
            gap: 4.3724%;

            margin-bottom: 6.9032%;
			min-height: 0;

        }

        .venue-image {
            width: 47.8138%;
			height: auto;           /* ADD */
            min-height: 0;          /* ADD */

            aspect-ratio: 163.043 / 184.915;
            border-radius: 0.9375rem;

        }

        .venue-name {
            margin-bottom: 7.0381%;

        }

        .venue-desc {
            margin-bottom: 7.0381%;

        }

        .venue-directions {
            display: block;
            width: fit-content;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 11.7302%;

            .custom-button {
                min-width: 11.4375rem;
                width: 11.4375rem;

                min-height: 2.5rem;
                height: 2.5rem;

            }
        }

        .transport-info {

            .info {
                gap: 4.6921%;

            }

            .info+.info {
                margin-top: 7.0381%;

            }

            .info svg {
                width: 5.25rem;

                height: 4.625rem;

            }
        }
    }
}

.featured-insights,
.featured-insight-header-area,
.below-featured-insight-button {
    --adro-electric-blue: var(--adro-electric-green);
}

.featured-insights .slider .owl-nav button.owl-prev,
.featured-insights .slider .owl-nav button.owl-next {
    color: var(--adro-electric-green) !important;
}

.featured-insights .slider .owl-nav button svg [fill]:not([fill="none"]) {
    fill: var(--adro-electric-green) !important;
}

.featured-insights .insights-featured-cta.service-button-cta::after {
    background: url(/wp-content/uploads/2026/08/ic_green_arrow.svg) no-repeat center / contain !important;
}

.featured-insights .slider .owl-nav button svg [stroke]:not([stroke="none"]) {
    stroke: var(--adro-electric-green) !important;
}

.below-featured-insight-button .custom-button {
    border-color: var(--adro-electric-green) !important;
}
.below-featured-insight-button .custom-button:hover {
    background-color: var(--adro-electric-cyan) !important;
	color: var(--adro-deep-blue) !important;
}
.below-featured-insight-button .custom-button:focus,
.below-featured-insight-button .custom-button:focus-visible {
    background-color: var(--adro-deep-blue) !important;
    color:#fff !important;
    outline: none;
}

@media screen and (max-width: 767.5px) {
    .featured-insight-header-area .sub-header {
        margin-bottom: 2rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .featured-insight-header-area .sub-header {
        margin-bottom: 3.75rem;
    }
}

/* SPACER SECTION */

.site-above-footer-wrap[data-section="section-above-footer-builder"] {
  background-color: var(--adro-electric-green);
}
header{
background-color:var(--adro-deep-blue);
}
header:hover{
background-color:var(--adro-blue);
}

  .spacer-between-banner-introduction {
    height: 0vh;
  }

  .spacer-between-agenda-featured-insights {
    height: 15.5vh;
  }

  .spacer-between-featured-insights-join-us {
    height: 16.6667vh;
  }

  .spacer-between-introduction-speakers {
    height: 10vh;
  }

  .spacer-between-speakers-keynote {
    height: 0vh;
  }

  .spacer-between-keynote-roundtable {
/*     height: 4.4vh; */
  }

  .spacer-between-roundtable-innovation-showcase {
    height: 9.7vh;
  }

  .spacer-between-roundtable-speakers-2 {
    height: 18.8vh;
  }

  .spacer-between-speakers-2-innovation-showcase {
    height: 1.2vh;
  }

  .spacer-between-innovation-showcase-agenda {
    height: 17.8vh;
  }

  .spacer-between-innovation-showcase-testimonial {
    height: 2.7vh;
  }

  .spacer-between-testimonial-agenda {
    height: 13.7vh;
  }

  .spacer-between-roundtable-agenda {
    height: 17.8vh;
  }

  .spacer-between-agenda-join-us {
    height: 13.4vh;
  }

  @media screen and (min-width:768px) and (max-width: 1024px) and (orientation:portrait) {
    .spacer-between-banner-introduction {
      height: 4.7vh;
    }

    .spacer-between-introduction-speakers {
      height: 6.8vh;
    }

    .spacer-between-speakers-keynote {
      height: 0vh;
    }

    .spacer-between-keynote-roundtable {
      height: 3vh;
    }

    .spacer-between-roundtable-innovation-showcase {
      height: 3vh;
    }

    .spacer-between-roundtable-speakers-2 {
      height: 6.8vh;
    }

    .spacer-between-speakers-2-innovation-showcase {
      height: 3vh;
    }

    .spacer-between-innovation-showcase-agenda {
      height: 10.45vh;
    }

    .spacer-between-innovation-showcase-testimonial {
      height: 2.1vh;
    }

    .spacer-between-testimonial-agenda {
      height: 5.6vh;
    }

    .spacer-between-roundtable-agenda {
      height: 10.45vh;
    }

    .spacer-between-agenda-featured-insights {
      height: 9.24vh;
    }

    .spacer-between-featured-insights-join-us {
      height: 3.83vh;
    }

    .spacer-between-agenda-join-us {
      height: 10.7vh;
    }
  }

  @media screen and (max-width: 767.5px) {
    .only-space-div-bottom {
      height: 0 !important;
    }

    .spacer-between-banner-introduction {
      height: 0vh;
    }

    .spacer-between-introduction-speakers {
      height: 9.3vh;
    }

    .spacer-between-speakers-keynote {
      height: 4.63vh;
    }

    .spacer-between-keynote-roundtable {
      height: 6.13vh;
    }

    .spacer-between-roundtable-innovation-showcase {
      height: 9.3vh;
    }

    .spacer-between-roundtable-speakers-2 {
      height: 9.3vh;
    }

    .spacer-between-speakers-2-innovation-showcase {
      height: 9.3vh;
    }

    .spacer-between-innovation-showcase-agenda {
      height: 10vh;
    }

    .spacer-between-innovation-showcase-testimonial {
      height: 0vh;
    }

    .spacer-between-testimonial-agenda {
      height:7.25vh;
    }

    .spacer-between-roundtable-agenda {
      height: 10vh;
    }

    .spacer-between-agenda-featured-insights {
      height: 11.9vh;
    }

    .spacer-between-featured-insights-join-us {
      height: 5.8vh;
    }

    .spacer-between-agenda-join-us {
      height: 13vh;
    }
  }
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .ecl-testimonial .ecl-testimonial-pin {
    height: 92svh !important;
  }
}

.panel-to-testimonial-wrapper {
    position: relative;

    &::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: url('/wp-content/uploads/2026/09/Panel%20Discussion.png');
        background-repeat: no-repeat;
        background-position: top center;
        background-size: contain;
        z-index: -1;
        pointer-events: none;
		top:0%;
    }
	 .ecl-testimonial {
        background-color: transparent;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.panel-to-testimonial-wrapper {
	&::before {
        content: "";
        position: absolute;
        inset: 0;
        background-repeat: no-repeat;
        background-position: top center;
        background-size: contain;
        z-index: -1;
        pointer-events: none;
	}
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .panel-to-testimonial-wrapper {
        &::before {
            background-image:
                url(/wp-content/uploads/2026/09/Panel%20Discussion.png),
                url(/wp-content/uploads/2026/09/Panel%20Tab.png);
            background-repeat: no-repeat, no-repeat;
            background-position: top center, top center;
            background-size: contain, contain;
        }
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .agenda-full-wrapper {
        position: relative;

        &::before {
            content: "";
            position: absolute;
            inset: 0;
            background-image: url(/wp-content/uploads/2026/09/Agenda%20Tab.png);
            background-repeat: no-repeat;
            background-position: top center;
            background-size: cover;
            z-index: 0;
            pointer-events: none;
        }
    }

    .agenda-section-head,
    .svg-background-section .content {
        position: relative;
        z-index: 1;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait),
	screen and (max-width: 767.5px) {
.below-featured-insight-button {
         justify-content: center !important;
	}
}
@media screen and (min-width: 1025px),
 (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .featured-insights-full-wrapper {
        position: relative;

        &::before {
            content: "";
            position: absolute;
            inset: 0;
            background-image: url('/wp-content/uploads/2026/09/Insights%20%20main%20frame.svg');
            background-repeat: no-repeat;
            background-position: top center;
            background-size: cover;
            z-index: 0;
            pointer-events: none;
        }
    }
    .below-featured-insight-button {
        display: flex;
        justify-content: center;
    }
}
/* @media screen and (min-width: 1025px),
 (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .join-us-at-wrapper {
        --join-us-bg-svg: url('/wp-content/uploads/2026/09/Location.png');
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .join-us-at-wrapper {
        --join-us-bg-svg: url(/wp-content/uploads/2026/09/Last%20Section.png);
    }
} */
.site-above-footer-wrap[data-section="section-above-footer-builder"] {
    background: linear-gradient(90deg, #7286DB -42.55%, #23E4BA 148.46%);
}
@media screen and (max-width: 767px) {
  .panel-to-testimonial-wrapper {
	  &::before {
    display: none;
	  }
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .speakers-page-carousel-wrapper-2 .section-central-heading {
    margin-top: 0 !important;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .round-table .main-header {
    aspect-ratio: auto;
    height: auto;
    min-height: calc(100vw * 30 / 980);
  }

  .round-table .main-header .main-header-inner {
    height: auto;
  }

  .round-table .container .left-box {
    aspect-ratio: auto;
    height: auto;
  }

  /* AGENDA — pull-up based on width (not height) so short cards don't cause overlap */
  .svg-background-section .timeline-container .timeline-item.right:not(:first-child),
  .svg-background-section .timeline-container .timeline-item.left.translateup:not(:first-child) {
    margin-top: -2.25vw;
  }
}



/* ROUNDTABLE — still cards (when PHP adds .is-static): first speaker centered, neighbours peeking */
.round-table .carousel-container:has(.carousel.is-static) {
  container-type: inline-size;
}

/* Desktop */
.round-table .carousel-container .carousel.is-static {
  animation: none !important;
  transform: translateX(calc(50cqw - 20.2vw / 2 - var(--slide-count) * (20.2vw + 1.67vw))) !important;
}

/* Tablet landscape */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .round-table .carousel-container .carousel.is-static {
    transform: translateX(calc(50cqw - 31.25vw / 2 - var(--slide-count) * (31.25vw + 2vw))) !important;
  }
}

/* Tablet portrait */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .round-table .carousel-container .carousel.is-static {
    transform: translateX(calc(50cqw - 46.52vw / 2 - var(--slide-count) * (46.52vw + 3.8vw))) !important;
  }
}

/* Mobile */
@media screen and (max-width: 767.5px) {
  .round-table .carousel-container .carousel.is-static {
    transform: translateX(calc(50cqw - 53.84vw / 2 - var(--slide-count) * (53.84vw + 4.1vw))) !important;
  }
}
/* INNOVATION SHOWCASE — desktop only: updated collapsed title box (Figma 96×418 @1920, text 28px/500) */

@media screen and (min-width: 1025px) {

  .latest-news-section .card-section .latest-news-accordion .item.card .card-collapsed-title {

    width: 5vw;                 /* 96px @1920 */

    height: 21.77vw;            /* 418px @1920 */

    border-radius: 10px 0;

    background: rgba(255, 255, 255, 0.10);

    box-sizing: border-box;

  }
	
	
	/* KEYNOTE — name badge shape as per Figma (desktop + tablet landscape) */
@media screen and (min-width: 1025px),
       screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

  /* Opening Keynote */
  .keynotes .section-wrapper:nth-child(odd) .content-overlay .info-overlay {
    border-radius: 1.042vw 1.042vw 1.042vw 0;
  }

  /* Closing Keynote: 0 20px  */
  .keynotes .section-wrapper:nth-child(even) .content-overlay .info-overlay {
    border-radius: 0 1.042vw;
  }
}
 
  .latest-news-section .card-section .latest-news-accordion .item.card .card-collapsed-title-text {

    width: 21.77vw;             /* = box height (text is rotated) */

    height: 5vw;                /* = box width */

    margin: 0;

    padding: 0 1.25vw;

    box-sizing: border-box;

    transform: translate(-50%, -50%) rotate(-90deg);

    color: var(--ADROSONIC-White-Base, #FFF);

    text-align: center;

    font-family: "Montserrat", sans-serif;

    font-size: 1.458vw !important;   /* 28px @1920 */

    font-style: normal;

    font-weight: 500 !important;

    line-height: normal;

  }

}
 
@media screen and (min-width: 1025px),
 (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.elevate-banner {
  & .banner-content {
    .text-below-title {
      position: relative;
      left: 2.2%;
    }
  }
}
	 .our_expertise_content_section {
  .description {
    width:62.5% !important;
	  left:3%;
  }
		 h2 {
			 width:56% !important;
			 left:3%;
		 }
}
	 .section-wrapper {
  & .content-overlay {
    & .content-left {
      p {
       padding-top:2% !important;
		  width:93.5%;
      }
    }
  }
}
.round-table {
  .container {
    padding-top: 2.92% !important;
  }
}
.round-table {
  .main-header {
    width: 104% !important;
  }
}
	 .section-wrapper {
  & .content-overlay {
    .content-right .image-wrapper {
      width: 68.4% !important;
      right: 10% !important;
    }
  }
}

}
@media screen and (min-width: 1500px) and (max-width: 1600px) {
  .counter-section {
padding-bottom:1.8% !important;
	}
}


body:is(.page-id-42251) .entry-content h1 {
  font-family: "Zalando Expanded Medium", sans-serif !important;
  font-weight: 500 !important;
}
/* Tablet Landscape */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .our_expertise_content_section {
    h2 {
      left:7% !important;
    }
	  .description {
		  left:7% !important;
	  
  }
}
    .round-table {
        .container {
            padding-top: 4% !important;
        }
    }
}



/* KEYNOTE — tablet portrait only: Opening photo matched to Closing size, photo + badge lifted */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

  /* Opening Keynote photo: same width as Closing (was 57.57%) */
  .keynotes .section-wrapper:nth-child(odd) .content-overlay .content-right {
    width: 38.22% !important;
    bottom: 3.5% !important;
  }

  /* Closing Keynote: lift only */
  .keynotes .section-wrapper:nth-child(even) .content-overlay .content-right {
    bottom: 3.5% !important;
  }

  /* Opening text card: right space reduced to match the smaller photo (was 54%) */
  .keynotes .section-wrapper:nth-child(odd) .content-overlay .content-left > p {
    padding-right: 42% !important;
  }
	
	  /* Opening name badge: same width as Closing, extra width added on the LEFT, right edge unchanged */
  .keynotes .section-wrapper:nth-child(odd) .content-overlay .info-overlay {
    width: 147.48% !important;
    margin: 0 0 0 -49.57% !important;   /* 97.91% (old right edge) - 147.48% (new width) */
  }
}


/* ROUNDTABLE — portrait + phone: empty left heading shouldn't reserve space */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait),
       screen and (max-width: 767.5px) {
  .round-table .container .left-box > .round-table-header:empty {
    display: none !important;
  }
		   /* Show the "Panel Discussion…" heading ABOVE the paragraph */
  .round-table .container .left-box {
    display: flex !important;
    flex-direction: column !important;
  }

  .round-table .container .left-box > .sub-header {
    order: 0;
  }

  .round-table .container .left-box > .round-table-text {
    order: 2;
  }

  .round-table .container .left-box > .round-table-header {
    order: 1;
  }

}

/* Gap between Keynote and Roundtable — tablet portrait */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  /* 1. last keynote's bottom margin (was 13%) — the main cause */
  .keynotes .section-wrapper:last-child {
    margin-bottom: 4% !important;
  }

  /* 2. roundtable's own top padding (was 5.16%) */
  .round-table {
    padding-top: 2% !important;
  }

  /* 3. spacer */
  .spacer-between-keynote-roundtable {
    height: 1.5vh !important;   /* was 3vh */
  }
}

/* Gap between Keynote and Roundtable — phone */
@media screen and (max-width: 767.5px) {
  .spacer-between-keynote-roundtable {
    height: 3vh !important;     /* was 6.13vh */
  }
}
/* @media screen and (max-width: 1336px) {
 .our_expertise_content_section {
        &::before {
			top: 9% !important;
            bottom: 3% !important;
	 }
}
} */

/* KEYNOTE — phone only: push the Opening photo lower so it clears the paragraph */
@media screen and (max-width: 767.5px) {
  .keynotes .section-wrapper:nth-child(odd) .keynote-panel {
    padding-bottom: 48% !important;   /* was 34.36% (--kn-drop) */
  }
}


/* ROUNDTABLE — speaker caption text inherits font from .smaller-size, like the Speakers section (all views) */
.round-table .container .carousel-container .carousel .panel-slide .speaker .caption .name,
.round-table .container .carousel-container .carousel .panel-slide .speaker .caption .designation {
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

/* Tablet portrait: caption text was too small after inheriting — scale it back up */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .round-table .container .carousel-container .carousel .panel-slide .speaker .caption {
    font-size: 3vw !important;   /* ≈ 21.7px at 834px */
  }
}