/* WCU OUR VISION SHORTCODE START */

       /* Root scope and shared timings */
.wcu-our-vision {
        --wcu-our-vision-expand-duration: 750ms;
        --wcu-our-vision-media-duration: 600ms;
        width: 100%;
}

/* Gallery layout */
.wcu-our-vision .wcu-our-vision__gallery {
        display: flex;
        gap: 12px;
        max-width: 1440px;
        width: 100%;
        margin: 0 auto;
        touch-action: pan-y;
        overflow: hidden;
}

.wcu-our-vision .wcu-our-vision__slide {
        position: relative;
        flex: 0 0 228px;
        flex-basis: 228px;
        flex-grow: 0;
        flex-shrink: 0;
        height: 326px;
        overflow: hidden;
        border-radius: 6px;
        cursor: pointer;
        min-width: 0;
        background: #0f0f10;
        will-change: flex-basis, transform;
        transform: translateZ(0);
        backface-visibility: hidden;
        contain: layout paint;
        transition:
                flex-basis var(--wcu-our-vision-expand-duration) cubic-bezier(.25, .8, .25, 1),
                flex-grow var(--wcu-our-vision-expand-duration) cubic-bezier(.25, .8, .25, 1),
                flex-shrink var(--wcu-our-vision-expand-duration) cubic-bezier(.25, .8, .25, 1);
}

.wcu-our-vision .wcu-our-vision__slide:focus-visible {
        outline: 2px solid rgba(255, 255, 255, 0.8);
        outline-offset: 2px;
}

.wcu-our-vision .wcu-our-vision__slide.is-active {
        flex: 1 1 600px;
        flex-basis: 600px;
        flex-grow: 1;
        flex-shrink: 1;
}
.wcu-our-vision__icon-img {
    width: 32px !important;
    height: 32px !important;
    display: block;
}

@media (hover: hover) and (pointer: fine) {
        .wcu-our-vision .wcu-our-vision__slide:hover:not(.is-active) {
/*                 flex-basis: 115px; */
                flex-grow: 0;
                flex-shrink: 0;
        }
}

.wcu-our-vision .wcu-our-vision__slide.is-active::before {
        display: none !important;
}

/* Media treatment */
.wcu-our-vision .wcu-our-vision__media,
.wcu-our-vision .wcu-our-vision__image,
.wcu-our-vision .wcu-our-vision__overlay {
        position: absolute;
        inset: 0;
}

.wcu-our-vision .wcu-our-vision__image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        filter: blur(4px);
        transform: scale(1.05);
        transition:
                filter var(--wcu-our-vision-media-duration) ease,
                transform var(--wcu-our-vision-media-duration) ease;
}

.wcu-our-vision .wcu-our-vision__slide.is-active .wcu-our-vision__image {
        filter: blur(0);
        transform: scale(1);
}

/* .wcu-our-vision .wcu-our-vision__overlay {
        background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.15));
           background: rgba(57, 57, 57, 0.10);
           backdrop-filter: blur(8px);
} */

/* Shared icon styling */
.wcu-our-vision .wcu-our-vision__icon {
        flex-shrink: 0;
        width: 32px;
        height: 32px;
        color: #ffffff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
}

.wcu-our-vision .wcu-our-vision__icon svg {
        width: 100%;
        height: 100%;
        display: block;
}

/* Expanded content */
.wcu-our-vision .wcu-our-vision__content {
        position: absolute;
        left: 20px;
        top: 20px;
        right: 20px;
        color: #ffffff;
        opacity: 0;
        transform: translateY(20px);
        transition:
                opacity 0.4s ease,
                transform 0.4s ease;
        max-width: 560px;
}

.wcu-our-vision .wcu-our-vision__slide.is-active .wcu-our-vision__content {
        opacity: 1;
        transform: translateY(0);
        transition-delay: 0.25s;
}

.wcu-our-vision .wcu-our-vision__content-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
        width: 100%;
}

.wcu-our-vision .wcu-our-vision__content-text {
        min-width: 0;
}

.wcu-our-vision .wcu-our-vision__title {
        font-family: "Inter Tight", sans-serif;
        font-size: 22px;
        font-weight: 500;
        letter-spacing: -0.17px;
        color: #ffffff;
        margin: 0 0 8px;
}

.wcu-our-vision .wcu-our-vision__description {
        font-family: "Inter Tight", sans-serif;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: -0.12px;
        color: #F4F4F5;
        line-height: 1.6;
        max-width: 348px;
        margin: 0;
}

/* .wcu-our-vision .wcu-our-vision__icon--active {
        margin-top: 20px;
} */

/* Collapsed label */
.wcu-our-vision .wcu-our-vision__collapsed-label {
        position: absolute;
        left: 20px;
        right: 20px;
        bottom: 24px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        opacity: 1;
        transition: opacity 0.4s ease;
}

.wcu-our-vision .wcu-our-vision__slide.is-active .wcu-our-vision__collapsed-label {
        opacity: 0;
}

.wcu-our-vision .wcu-our-vision__collapsed-title {
        font-family: "Inter Tight", sans-serif;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: -0.17px;
        color: #ffffff;
        white-space: pre-wrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 140px;
        line-height: 24px;
}

/* Active slide nav */
.wcu-our-vision .wcu-our-vision__bottom-nav {
        position: absolute;
        left: 18px;
        right: 18px;
        bottom: 18px;
        display: flex;
        align-items: center;
        gap: 18px;
        opacity: 0;
        transition: opacity 0.4s ease;
}

.wcu-our-vision .wcu-our-vision__slide.is-active .wcu-our-vision__bottom-nav {
        opacity: 1;
        transition-delay: 0.25s;
}

.wcu-our-vision .wcu-our-vision__counter {
        color: #ffffff;
        font-size: 16px;
        font-family: "Inter Tight", sans-serif;
        font-weight: 400;
        min-width: 40px;
}

.wcu-our-vision .wcu-our-vision__progress {
        flex: 1;
        height: 2px;
        background: rgba(255, 255, 255, 0.3);
        position: relative;
        overflow: hidden;
}

.wcu-our-vision .wcu-our-vision__progress-fill {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 0;
        background: #ffffff;
}

.wcu-our-vision .wcu-our-vision__nav-buttons {
        display: flex;
        gap: 16px;
        flex-shrink: 0;
}

.wcu-our-vision .wcu-our-vision__nav-btn {
        width: 34px;
        height: 34px;
        border: none;
        color: #ffffff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        background:none;
        padding: 0;
        flex-shrink: 0;
}
.wcu-our-vision .wcu-our-vision__nav-btn:hover,
.wcu-our-vision .wcu-our-vision__nav-btn:focus,
.wcu-our-vision .wcu-our-vision__nav-btn:focus-visible{
 background:none;
}
.wcu-our-vision .wcu-our-vision__nav-btn.is-disabled,
.wcu-our-vision .wcu-our-vision__nav-btn:disabled {
        opacity:0.5;
}


.wcu-our-vision.wcu-our-vision--single .wcu-our-vision__progress,
.wcu-our-vision.wcu-our-vision--single .wcu-our-vision__nav-buttons {
        display: none;
}

/* Tablet */
@media (max-width: 1024px) {
        .wcu-our-vision .wcu-our-vision__slide {
                flex: 0 0 160px;
                height: 300px;
        }

        .wcu-our-vision .wcu-our-vision__slide.is-active {
                flex: 1 1 420px;
        }

        .wcu-our-vision .wcu-our-vision__title {
                font-size: 22px;
        }

        .wcu-our-vision .wcu-our-vision__description {
                font-size: 13px;
                max-width: 320px;
        }

        .wcu-our-vision .wcu-our-vision__icon {
                width: 28px;
                height: 28px;
        }

        .wcu-our-vision .wcu-our-vision__icon--active {
                margin-top: 14px;
        }

        .wcu-our-vision .wcu-our-vision__collapsed-title {
                font-size: 16px;
                line-height: 22px;
                max-width: 100px;
        }

        .wcu-our-vision .wcu-our-vision__collapsed-label .wcu-our-vision__icon {
                width: 24px;
                height: 24px;
        }
}

@media (max-width: 1024px) and (hover: hover) and (pointer: fine) {
        .wcu-our-vision .wcu-our-vision__slide:hover:not(.is-active) {
                flex-basis: 90px;
                flex-grow: 0;
                flex-shrink: 0;
        }
}

/* Mobile and small tablets */
@media (max-width: 770px) {
        .wcu-our-vision .wcu-our-vision__gallery {
                display: block;
        }

        .wcu-our-vision .wcu-our-vision__slide {
                width: 100%;
                height: 0;
                min-height: 0;
                opacity: 0;
                pointer-events: none;
                visibility: hidden;
                margin: 0;
                transition:
                        opacity 0.3s ease,
                        visibility 0.3s ease;
        }

        .wcu-our-vision .wcu-our-vision__slide.is-active {
                height: 320px;
                min-height: 320px;
                opacity: 1;
                pointer-events: auto;
                visibility: visible;
        }

        .wcu-our-vision .wcu-our-vision__content {
                left: 16px;
                right: 16px;
                top: 16px;
			    max-width: 100% !important;
        }

        .wcu-our-vision .wcu-our-vision__title {
                font-size: 22px;
                margin-bottom: 8px;
        }

        .wcu-our-vision .wcu-our-vision__description {
                font-size: 14px;
                max-width: 100%;
                line-height: 1.5;
        }

        .wcu-our-vision .wcu-our-vision__content-head {
                gap: 10px;
			    width: 100% !important;
        }

        .wcu-our-vision .wcu-our-vision__icon {
                width: 26px;
                height: 26px;
        }

        .wcu-our-vision .wcu-our-vision__icon--active {
                margin-top: 0;
        }

        .wcu-our-vision .wcu-our-vision__bottom-nav {
                left: 16px;
                right: 16px;
                bottom: 14px;
                gap: 10px;
        }

        .wcu-our-vision .wcu-our-vision__counter {
                font-size: 14px;
                min-width: 32px;
        }

        .wcu-our-vision .wcu-our-vision__nav-btn {
                width: 28px;
                height: 28px;
        }

        .wcu-our-vision .wcu-our-vision__nav-btn svg {
                width: 14px;
                height: 14px;
        }

        .wcu-our-vision .wcu-our-vision__collapsed-label {
                left: 16px;
                right: 16px;
                top: 0;
                bottom: 0;
                align-items: center;
        }

        .wcu-our-vision .wcu-our-vision__collapsed-title {
                font-size: 15px;
                line-height: 1.3;
                max-width: none;
                white-space: nowrap;
        }

        .wcu-our-vision .wcu-our-vision__collapsed-label .wcu-our-vision__icon {
                width: 20px;
                height: 20px;
        }
}

/* Small phones */
@media (max-width: 420px) {
        .wcu-our-vision .wcu-our-vision__slide.is-active {
                height: 280px;
                min-height: 280px;
        }

        .wcu-our-vision .wcu-our-vision__title {
                font-size: 16px;
        }

        .wcu-our-vision .wcu-our-vision__description {
                font-size: 12px;
        }
}

/* WCU OUR VISION SHORTCODE END */