@layer components-widgets {
    .slider-cards__wrapper {
        height: 932px
    }

    @media screen and (max-width: 1919px) {
        .slider-cards__wrapper {
            height: 776px
        }
    }@media screen and (max-width: 1599px) {
    .slider-cards__wrapper {
        height: 616px
    }
}@media screen and (max-width: 1279px) {
    .slider-cards__wrapper {
        height: 468px
    }
}.slider-cards__pagination {
     display: flex;
     justify-content: center;
     margin-top: 24px;
     -moz-column-gap: 8px;
     column-gap: 8px
 }

    .slider-cards__navigation {
        position: absolute;
        top: calc(50% + 20px);
        right: 0;
        display: flex
    }

    @media screen and (max-width: 1279px) {
        .slider-cards__navigation {
            display: none
        }
    }.slider-cards__slide {
         width: 24.5%;
         height: 474px;
         padding: 20px;
         transition: width 0.4s, height 0.4s, max-width 0.4s, background 0.4s;
         border-radius: var(--br4);
         background: var(--gray)
     }

    @media screen and (max-width: 1919px) {
        .slider-cards__slide {
            height: 392px
        }
    }@media screen and (max-width: 1599px) {
    .slider-cards__slide {
        height: 308px
    }
}@media screen and (max-width: 1279px) {
    .slider-cards__slide {
        height: 100%
    }
}.slider-cards__slide-container {
     display: flex;
     flex-direction: column;
     height: 100%
 }

    .slider-cards__slide-container_bottom-image {
        overflow: hidden
    }

    .slider-cards__slide-container_bottom-image .slider-cards__slide-center {
        order: 2
    }

    @media screen and (min-width: 1280px) {
        .slider-cards__slide-container_bottom-image .slider-cards__slide-center {
            align-items: flex-end
        }
    }.slider-cards__slide-container_bottom-image .slider-cards__slide-bottom {
         align-items: baseline;
         flex-direction: column;
         order: 1
     }

    .slider-cards__slide-container_mh-225 .slider-cards__slide-static-image {
        max-height: 225px;
        transition: max-height 0.4s
    }

    .slider-cards__slide-top {
        display: none;
        -moz-column-gap: 8px;
        column-gap: 8px
    }

    @media screen and (max-width: 1279px) {
        .slider-cards__slide-top {
            display: flex;
            flex-wrap: wrap;
            order: 0
        }
    }@media screen and (max-width: 1279px) {
    .slider-cards__slide-text {
        color: var(--primary-black)
    }

    .slider-cards__slide-text:not(:nth-child(-n+3)) {
        display: none
    }
}.slider-cards__slide-center {
     display: flex;
     align-items: center;
     justify-content: center;
     height: 100%
 }

    @media screen and (max-width: 1279px) {
        .slider-cards__slide-center {
            order: 2
        }
    }.slider-cards__slide-image {
         display: block;
         width: 232px;
         height: 148px;
         transition: box-shadow 0.1s, transform 0.1s, width 0.4s, height 0.4s
     }

    @media screen and (max-width: 1599px) {
        .slider-cards__slide-image {
            width: 173px;
            height: 106px
        }
    }@media screen and (max-width: 1279px) {
    .slider-cards__slide-image {
        width: 232px;
        height: 148px
    }
}.slider-cards__slide-bottom {
     display: flex;
     justify-content: space-between
 }

    @media screen and (max-width: 1279px) {
        .slider-cards__slide-bottom {
            display: contents
        }
    }@media screen and (max-width: 1279px) {
    .slider-cards__slide-heading {
        display: flex;
        order: 1;
        margin-top: 8px
    }
}.slider-cards__slide-list {
     display: none
 }

    .slider-cards__slide-button {
        display: none
    }

    @media screen and (max-width: 1279px) {
        .slider-cards__slide-button {
            display: flex;
            justify-content: center;
            order: 4;
            width: 100%;
            color: var(--primary-white);
            background: var(--primary-blue)
        }
    }.slider-cards__slide-active {
         width: 49.5% !important;
         height: 932px;
         background: var(--primary-blue)
     }

    .slider-cards__slide-active .slider-cards__slide-top {
        display: flex;
        overflow: hidden
    }

    .slider-cards__slide-active .slider-cards__slide-image {
        width: 402px;
        height: 256px;
        border-radius: 22px;
        box-shadow: 0 30px 50px 0 var(--black-25);
        aspect-ratio: .5
    }

    .slider-cards__slide-active .slider-cards__slide-image:hover {
        cursor: pointer;
        box-shadow: 0 0 30px var(--black-25)
    }

    @media screen and (max-width: 1599px) {
        .slider-cards__slide-active .slider-cards__slide-image {
            width: 318px;
            height: 202px
        }
    }.slider-cards__slide-active .slider-cards__slide-heading {
         display: flex;
         color: var(--primary-white)
     }

    .slider-cards__slide-active .slider-cards__slide-text {
        display: flex;
        white-space: nowrap;
        color: var(--primary-white)
    }

    .slider-cards__slide-active .slider-cards__slide-button {
        display: flex
    }

    .slider-cards__slide-active .slider-cards__slide-container_bottom-image .slider-cards__slide-heading {
        font-size: var(--fs44);
        line-height: 1.1
    }

    @media screen and (max-width: 1279px) {
        .slider-cards__slide-active .slider-cards__slide-container_bottom-image .slider-cards__slide-heading {
            font-size: var(--fs32);
            line-height: 1.2
        }
    }.slider-cards__slide-active .slider-cards__slide-container_bottom-image .slider-cards__slide-list {
         display: inherit
     }

    .slider-cards__slide-active .slider-cards__slide-container_mh-225 .slider-cards__slide-static-image {
        max-height: 523px;
        transition: max-height 0.4s
    }

    @media screen and (max-width: 1919px) {
        .slider-cards__slide-active {
            height: 776px
        }
    }@media screen and (max-width: 1599px) {
    .slider-cards__slide-active {
        height: 616px
    }
}
}