.school-tours {
    margin-bottom:100px;
}
.school-tours.inner-section {
    margin-top:40px;
}
.school-tours__title.section-title {
    margin-bottom:30px;
}
.school-tours .cards {
    position:relative;
}
.cards__list {
    padding: 0;
    list-style: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 3 ];
    grid-template-columns:repeat(3, 1fr);
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 60px;
    margin: 0 0 80px
}

.cards__title {
    margin: 0 0 20px
}

.cards__top-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 50px
}

.cards__description {
    font-size: 16px;
    max-width: 80%
}

.card--with-ad::before, .cards__more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #df6435;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px
}

.cards__slider {
    overflow: visible;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.cards__slider-navigation .navigation-button {
    position: absolute;
    top: 30%;
    z-index: 3
}

.cards__slider-navigation .navigation-button--prev {
    left: -25px
}

.cards__slider-navigation .navigation-button--next {
    right: -25px
}

.cards__pagination, .cards__pagination-pages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cards__pagination {
    margin-bottom: 110px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cards__pagination-pages {
    padding: 0;
    list-style: none;
    margin: 0 28px
}

.cards__pagination-page {
    margin: 0 12px
}

.cards__pagination-link {
    font-weight: 600;
    font-size: 20px;
    color: #c4c4c4
}

.card:hover .card__title, .cards__pagination-link--active {
    color: #df6435
}

.card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    color: var(--color-primary);
}

.card--with-ad {
    position: relative
}

.card--with-ad::before {
    content: 'Реклама';
    position: absolute;
    top: 15px;
    left: 15px;
    background: #df6435;
    border-radius: 30px;
    width: 95px;
    height: 25px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 10px;
    z-index: 1
}

.card:hover .card__picture {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.card__picture-wrapper {
    overflow: hidden;
    margin: 0 0 20px;
    aspect-ratio: 1/1;
    width:370px;
    height:370px;
}

.card__picture {
    width: auto;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

.card__suptitle {
    font-weight: 600;
    font-size: 16px;
    color: #df6435;
    text-transform: uppercase;
    margin: 0 0 10px
}

.card__title {
    margin: 0 0 15px;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
    height:auto;
    max-height:78px;
    overflow: hidden;
}

.card__price {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #00508b;
    margin-bottom: 20px
}

.card__description {
    margin: 0;
    font-size: 16px
}

.card__description p {
    margin: 0 0 5px
}

.card__description-paragraph {
    text-transform: uppercase
}

.card__description-paragraph--primary {
    font-weight: 600;
    color: #df6435
}

.card__more {
    margin-top: 25px
}

.card__subtitle {
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase
}

.card__raiting {
    margin-top: auto;
    height: 40px
}

.card__school {
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    color: #df6435;
    margin-top: 15px
}

.school-tours .swiper-button-next,
.school-tours .swiper-button-prev {
    top: 185px;
    color: white;
    background-color: var(--color-link);
    width:50px;
    height:50px;
    border-radius:25px;
}
.school-tours .swiper-button-prev,
.school-tours .swiper-rtl .swiper-button-next {
    left: -10px;
}
.school-tours .swiper-button-next,
.school-tours .swiper-rtl .swiper-button-prev {
    right: -10px;
}
.school-tours .swiper-button-next::after,
.school-tours .swiper-rtl .swiper-button-prev::after,
.school-tours .swiper-button-prev::after,
.school-tours .swiper-rtl .swiper-button-next::after {
    font-size:30px;
}
@media (min-width: 992px)
{
    .school-tours .swiper-button-next,
    .school-tours .swiper-button-prev {
        display:none;
    }
}
@media (max-width:1920px) {
    .school-tours {
        margin-bottom: calc(60px + 40 * ((100vw - 375px) / 1545));
    }
}

@media (max-width:992px) {
    .card__picture-wrapper {
        width:unset;
        height:unset;
    }
}