/* Mobile-only Swiper presentation for education cards. */

.dt-education__pagination {
    display: none;
}

.dt-education__cards .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
}

@media (max-width: 1199px) {
    .dt-education__cards .swiper-wrapper {
        gap: 18px;
    }
}

@media (max-width: 767px) {
    .dt-education__cards.swiper {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0 0 5px;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
    }

        .dt-education__cards.swiper .swiper-wrapper {
            display: flex;
            gap: 0;
            align-items: stretch;
            will-change: transform;
        }

        .dt-education__cards.swiper .swiper-slide {
            flex: 0 0 auto;
            width: calc(100% - 18px);
            height: auto;
            min-height: 100%;
            margin: 0;
        }

    .dt-education__icon-art {
        position: relative;
        z-index: 1;
        display: block;
        max-width: 26px !important;
        max-height: 27px !important;
    }

    .dt-education__cards.swiper .dt-education__card {
        height: 100%;
    }

    .dt-education__cards.swiper .dt-education__image {
        height: 210px;
    }

    .dt-education__cards.swiper .dt-education__body {
        min-height: 80px;
    }

    .dt-education__pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 18px;
        margin: 9px 0 0;
        gap: 6px;
    }

        .dt-education__pagination .swiper-pagination-bullet {
            display: block;
            width: 7px;
            height: 7px;
            margin: 0 !important;
            border: 0;
            border-radius: 50%;
            background: #a8c6d4;
            opacity: 1;
            -webkit-transition: width .25s ease, border-radius .25s ease, background .25s ease;
            transition: width .25s ease, border-radius .25s ease, background .25s ease;
        }

        .dt-education__pagination .swiper-pagination-bullet-active {
            width: 22px;
            border-radius: 8px;
            background: #0c2997;
        }

    .dt-education__cards.swiper .swiper-slide:focus-within {
        outline: 3px solid rgba(17, 148, 160, .35);
        outline-offset: -3px;
        border-radius: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dt-education__pagination .swiper-pagination-bullet {
        -webkit-transition: none;
        transition: none;
    }
}