@media (max-width: 1919px) {
    /* hero */
    .contact__title {
        font-size: 60px;
        margin-bottom: 22px;
    }

    .contact-card {
        max-width: 308px;
        height: 167px;
        padding: 22px;
    }

    .contact__cards {
        gap: 9px;
    }

    .contact-card__label {
        font-size: 10px;
    }

    .contact-card__value {
        font-size: 22px;
    }

    .contact-card__arrow {
        width: 16px;
        height: 16px;
    }
}

@media (max-width: 1270px) {
    .final-cards__list {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .final-cards__video {
        height: 700px;
    }

    .contact-card__value {
        font-size: 19px;
    }
}

@media (max-width: 1024px) {
    .hero {
        padding-bottom: 40px;
        padding-top: 0px;
    }

    .contact__cards {
        flex-direction: column;
        align-items: end;
    }

    .contact-card {
        min-height: 187px;
    }

    /* .contact-cards */
    .contact-cards__list {
        flex-direction: column;
        gap: 40px;
    }

    /* final-cards */
    .final-cards__list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 570px) {
    .hero {
        padding-bottom: 27px;
        min-height: 870px;
    }

    .contact__cards {
        align-items: start;
        width: 100%;
    }

    .contact-card {
        max-width: 100%;
        padding: 25px;
        padding-bottom: 32px;
        min-height: 155px;
    }

    .contact__title {
        font-size: 40px;
        margin-bottom: 45px;
    }

    .contact-card__arrow {
        display: none;
    }

    .contact-card__label {
        font-size: 14px;
    }

    .contact-card__value {
        font-size: 24px;
        line-height: 104%;
    }

    /* .contact-cards */
    .contact-cards {
        padding-top: 45px;
        padding-bottom: 22px;
    }

    .contact-cards__video {
        margin-bottom: 25px;
        min-height: 272px;
        object-fit: cover;
    }

    .contact-cards__title {
        font-size: 25px;
        margin-bottom: 8px;
    }

    .contact-cards__desc {
        font-size: 14px;
    }

    .contact-cards__list {
        gap: 43px;
    }

    /* .contact-slider */
    .contact-slider {
        padding: 22px 0;
    }

    /* 1 slide per view — card fills the container (offset is 33 each side) */
    .contact-slide {
        width: calc(100vw - 28px);
    }

    /* arrows move to the title row, bottom-right, and stay put (override the JS top) */
    .contact-slider__button {
        top: 566px !important; /* video 515 + margin 22 + half of the title row */
        background: #17415e; /* active */
        transition: background 0.25s ease;
    }

    /* active → white arrow; disabled → white button + navy arrow (like become-part) */
    .contact-slider__button img {
        filter: brightness(0) invert(1);
    }

    .contact-slider__button.is-disabled {
        background: #fff;
    }

    .contact-slider__button.is-disabled img {
        filter: none;
    }

    .contact-slider__button--prev {
        left: auto;
        right: 68px;
    }

    .contact-slider__button--next {
        right: 16px;
    }

    .contact-slide__video {
        margin-bottom: 35px;
    }

    .contact-slider .contact-cards__title {
        max-width: 200px;
    }

    .contact-slider .contact-cards__desc {
        max-width: 145px;
    }

    /* .contact-big-slider — active/disabled states (like become-part) */
    .contact-big-slider__button {
        background: #17415e; /* active */
        transition: background 0.25s ease;
    }

    .contact-big-slider__button img {
        filter: brightness(0) invert(1); /* white arrow (active) */
    }

    .contact-big-slider__button.is-disabled {
        background: #fff;
    }

    .contact-big-slider__button.is-disabled img {
        filter: none; /* navy arrow (disabled) */
    }

    /* same placement as the small slider: bottom-right on the title row
       (top is set in JS since the big video is height:auto).
       inner sits inside .container (14px pad), so +2/+54 == the slider's 16/68 */
    .contact-big-slider__button--prev {
        left: auto;
        right: 54px;
    }

    .contact-big-slider__button--next {
        right: 2px;
    }

    .contact-big-slider .contact-cards__title {
        max-width: 200px;
    }

    .contact-big-slider .contact-cards__desc {
        max-width: 145px;
    }

    .contact-big-slide__video {
        min-height: 272px;
        object-fit: cover;
        margin-bottom: 35px;
    }

    .contact-big-slider {
        padding-top: 100px;
        padding-bottom: 60px;
    }

    /* final-cards */
    .final-cards {
        padding: 60px 0 70px;
    }

    .final-cards__video {
        height: 524px;
        margin-bottom: 35px;
    }

    .final-cards__list {
        gap: 75px;
    }
}