/* VELAXIZ v1.46.0 — About Team four-up layout, blue Advantage labels and About intro video. */

/* About intro: the former image frame is now a responsive YouTube embed. */
.about-infos .lefts .about-intro-video {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #000;
}
.about-infos .lefts .about-intro-video iframe {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.about-infos .flexs.no-media .rights {
    width: 100%;
}
.about-infos .flexs.no-copy .lefts {
    width: min(100%, 900px);
    margin-right: auto;
    margin-left: auto;
}

/* Team: desktop is a clean four-card viewport; no clone should peek outside the frame. */
.about-team-box .slick-list {
    overflow: hidden;
}
.about-team-lists.slick-initialized {
    margin-right: -12px !important;
    margin-left: -12px !important;
}
.about-team-lists.slick-initialized .about-team-items {
    padding-right: 12px !important;
    padding-left: 12px !important;
}
@media (min-width: 1201px) {
    .about-team-lists.slick-initialized .about-team-conts .img_box {
        padding-top: 122%;
    }
}


/* Four or fewer members do not need a carousel: use a real responsive grid. */
.about-team-lists.about-team-static {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px 24px;
    margin: 30px 0 0 !important;
}
.about-team-lists.about-team-static .about-team-items {
    width: auto !important;
    padding: 0 !important;
}
@media (max-width: 1200px) {
    .about-team-lists.about-team-static {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 991px) {
    .about-team-lists.about-team-static {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 600px) {
    .about-team-lists.about-team-static {
        grid-template-columns: 1fr;
    }
}

/* Advantages use the site's Banner CTA blue instead of the legacy black pill. */
.about-choose2-content .tits {
    background: var(--primary) !important;
    color: #fff !important;
}