.about-us-bg {
    background: url(assets/img/about/about-us-dark-noise.webp), url(assets/img/about/about-us-bg.svg),
        linear-gradient(122.39deg, #0961fb 7.89%, #870666 99.93%);
    padding: 40px 40px;
    border-radius: 20px;
    color: #e6e8f2;
    background-blend-mode: overlay, normal;
    background-position:100%, 71% 81%, 100% !important;
    background-repeat: repeat, no-repeat, no-repeat !important;
    position: relative;
    top: -30%;
    z-index: 1;
}
.about-us-bg h2 {
    /*font-size: 45px;*/
}
.about-us-bg .founder-pic {
    position: relative;
    top: 11.5%;
}
.icon-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.icon-list li {
    display: flex;
    align-items: baseline;
    margin-bottom: 8px;
}
.icon-list li i {
    color: var(--theme-color);
    margin-right: 10px;
}
.visa-item .count {
    position: unset !important;
}
.card-footer .theme-btn {
    padding: 3px 15px;
    float: right;
}
.bg-card {
    background: var(--theme-color-light);
}
.card-footer {
    background-color: transparent !important;
}
.animation {
    height: 50px;
    overflow: hidden;
    margin-left: 1rem;

    color: #ffffff;
    font-weight: 400;
}
.slidingVertical {
    height: clamp(80px, 15vw, 130px); /* grows for smaller screens */
    overflow: hidden;
    position: relative;
    width: 100%;
}
.slidingVertical .slide-track {
    display: flex;
    flex-direction: column;
    animation: swipeLoop 10s ease-in-out infinite;
}
.slidingVertical .slide-track span {
    height: clamp(80px, 15vw, 130px); /* match container height */
    line-height: clamp(30px, 4vw, 51px); /* smoother multi-line */
    text-align: center;
    font-weight: 600;
    font-size: clamp(25px, 5vw, 54px);
    background: linear-gradient(90deg, #ffd400 58.55%, #f15d27 81.66%);
    background-clip: text;
    color: #0a25401a;
    -webkit-text-fill-color: #0000;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: normal;
    padding: 0 20px;
    box-sizing: border-box;
}

/* Adjusted animation for 5 items */
:root {
    --slide-height: clamp(80px, 15vw, 130px);
}
.slidingVertical .slide-track {
    animation: swipeLoop 12s ease-in-out infinite;
}
@keyframes swipeLoop {
    0%,
    18% {
        transform: translateY(0);
    }
    20%,
    38% {
        transform: translateY(calc(-1 * var(--slide-height)));
    }
    40%,
    58% {
        transform: translateY(calc(-2 * var(--slide-height)));
    }
    60%,
    78% {
        transform: translateY(calc(-3 * var(--slide-height)));
    }
    80%,
    98% {
        transform: translateY(calc(-4 * var(--slide-height)));
    }
    100% {
        transform: translateY(0);
    }
}

.video-section {
    width: 100%;
    height: 90vh; /* shorter hero height */
    position: relative;
    overflow: hidden;
    background-color: #281a39;
}

.videocontainer {
    width: 100%;
    height: 100%;
    position: relative;
}
.videocontainer::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(40, 26, 57, 1) 0%,
        /* fully opaque bottom */ rgba(40, 26, 57, 0.95) 15%,
        /* very dense fog */ rgba(40, 26, 57, 0.85) 30%,
        /* thick mist rising */ rgba(40, 26, 57, 0.65) 50%,
        /* medium haze */ rgba(40, 26, 57, 0.35) 70%,
        /* lighter upper fog */ rgba(40, 26, 57, 0.1) 90%,
        /* very faint near top */ rgba(40, 26, 57, 0) 100% /* clear top */
    );
    z-index: 1;
    transition: opacity 1s ease-in-out;
    pointer-events: none;
}
.videocontainer::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(40, 26, 57, 0.4);
    backdrop-filter: blur(20px);
    mask-image: linear-gradient(to top, black 0%, transparent 80%);
    -webkit-mask-image: linear-gradient(to top, black 0%, transparent 80%);
    z-index: 2;
    pointer-events: none;
}

.videoembed {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: center;
    display: block;
}
/* ✅ Keep text visible on top */
.video-text-box {
    position: absolute;
    top: 45%;
    left: 40px;
    z-index: 3; /* Must be higher than overlay */
    color: #fff;
    text-align: left;
    max-width: 600px;
}
.about-founder {
    font-size: 38.25px;
    line-height: 42.5px;
    font-weight: 400;
    color: #c3dbf4;
    line-height: 1.4;
    text-transform: uppercase;
    font-family: "Bebas Neue", sans-serif;
    text-align: center;
}
.about-founder:before {
    content: "";
    position: absolute;
    height: 1px;
    background: #8b9094;
    width: 60%;
    left: 20%;
    top: 0%;
}
.about-founder:after {
    content: "";
    position: absolute;
    height: 1px;
    background: #8b9094;
    width: 60%;
    left: 20%;
    bottom: 0%;
}
@media (max-width: 768px) {
    .video-section,
    .videoembed {
        height: 80vh;
    }
    .about-us-bg {
        position: relative;
        top: -18%;
    }
    .video-text-box {
        bottom: 20px;
        left: 0%;
    }
    .about-founder {
        font-size: 33.75px;
        line-height: 37.5px;
    }
}

/* whole background color */
.bg_color_all {
    position: relative;
    background: rgb(40, 26, 57);
}

.bg_color_all::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(40, 26, 57, 0)), to(#281a39));
    background: -webkit-linear-gradient(bottom, rgba(40, 26, 57, 0) 0%, #281a39 100%);
    background: -o-linear-gradient(bottom, rgba(40, 26, 57, 0) 0%, #281a39 100%);
    background: linear-gradient(0deg, rgba(40, 26, 57, 0) 0%, #281a39 100%);
    z-index: 0;
}
.bg_color_all::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(40, 26, 57, 0)), to(#281a39));
    background: -webkit-linear-gradient(top, rgba(40, 26, 57, 0) 0%, #281a39 100%);
    background: -o-linear-gradient(top, rgba(40, 26, 57, 0) 0%, #281a39 100%);
    background: linear-gradient(180deg, rgba(40, 26, 57, 0) 0%, #281a39 100%);
    z-index: 0;
}
.sm-icons {
    background:linear-gradient(#281a39, #281a39) padding-box,linear-gradient(90deg, #00ffff, #ff00ff) border-box;
    color: #fff;
    border-radius: 0px;
    width: 35px;
    text-align: center;
    height: 35px;
    align-items: center;
    justify-content: center;
    display: flex;
}
.sm-icons i {
    margin-left: 0px;
    transform: rotate(360deg);
}
.theme-bg-lite {
    background: #3c2e5a !important;
}
.about-us-bg-striped-lines{
    background: #3c2e5a !important;
    background-image: url(../../assets/img/about/striped-lines.webp) !important;
    background-position: center center !important;
    background-size: 110% auto !important;
}