.application__grid>.application__card picture,
.application__grid>.application__card p {
    height: auto
}

.application__grid>.application__card picture {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0
}
}

@media (max-width: 1200px) {
    .application__grid {
        grid-template-rows: 322px 322px
    }
}

@media (max-width: 920px) {
    .application__grid {
        grid-template-rows: 266px 266px
    }
}

@media (max-width: 600px) {
    .application__grid {
        display: none
    }
}

.application__slider {
    display: none
}

@media (max-width: 600px) {
    .application__slider {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.application__swiper {
    width: 100%;
    overflow: hidden
}

.application__swiper .swiper-slide {
    height: auto
}

.application__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-top: 16px;
    position: relative
}

@media (max-width: 600px) {
    .application__pagination {
        margin-top: 26px
    }
}

.application__pagination .swiper-pagination-bullet {
    background: #737373;
    opacity: 1;
    margin: 0 !important;
    width: 100%;
    max-width: 48px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 2px !important;
    border-radius: 0 !important
}

.application__pagination .swiper-pagination-bullet-active {
    background: var(--color-orange)
}

.application__grid>.application__card:nth-child(1) {
    grid-area: a
}

@media (max-width: 1600px) {
    .application__grid>.application__card:nth-child(1) {
        grid-column: 1/5;
        grid-row: 1
    }
}

.application__grid>.application__card:nth-child(1) picture {
    height: 73%;
    width: 100%
}

.application__grid>.application__card:nth-child(1) p {
    height: 27%
}

@media (max-width: 1200px) {
    .application__grid>.application__card:nth-child(1) p {
        height: 28%
    }
}

.application__grid>.application__card:nth-child(2) {
    grid-area: b
}

@media (max-width: 1600px) {
    .application__grid>.application__card:nth-child(2) {
        grid-column: 5/7;
        grid-row: 1
    }
}

.application__grid>.application__card:nth-child(2) picture {
    height: 60%;
    width: 100%
}

.application__grid>.application__card:nth-child(2) p {
    height: 40%
}

@media (max-width: 1200px) {
    .application__grid>.application__card:nth-child(2) p {
        height: 28%
    }
}

.application__grid>.application__card:nth-child(3) {
    grid-area: c
}

@media (max-width: 1600px) {
    .application__grid>.application__card:nth-child(3) {
        grid-column: 7/11;
        grid-row: 1
    }
}

.application__grid>.application__card:nth-child(3) picture {
    height: 73%;
    width: 100%
}

.application__grid>.application__card:nth-child(3) p {
    height: 27%
}

@media (max-width: 1200px) {
    .application__grid>.application__card:nth-child(3) p {
        height: 28%
    }
}

.application__grid>.application__card:nth-child(4) {
    grid-area: d
}

@media (max-width: 1600px) {
    .application__grid>.application__card:nth-child(4) {
        grid-column: 1/6;
        grid-row: 2
    }
}

.application__grid>.application__card:nth-child(4) picture {
    height: 70%;
    width: 100%
}

.application__grid>.application__card:nth-child(4) p {
    height: 30%
}

@media (max-width: 1200px) {
    .application__grid>.application__card:nth-child(4) p {
        height: 28%
    }
}

.application__grid>.application__card:nth-child(5) {
    grid-area: e
}

@media (max-width: 1600px) {
    .application__grid>.application__card:nth-child(5) {
        grid-column: 6/11;
        grid-row: 2;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.application__grid>.application__card:nth-child(5) picture {
    height: 70%;
    width: 100%
}

.application__grid>.application__card:nth-child(5) p {
    height: 30%
}

@media (max-width: 1200px) {
    .application__grid>.application__card:nth-child(5) p {
        height: 28%
    }
}

.application__grid>.all {
    grid-area: all
}

@media (max-width: 1600px) {
    .application__grid>.all {
        grid-area: unset;
        position: absolute;
        top: calc(100% + 40px);
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translate(-50%);
        right: 0;
        height: 54px;
        width: 246px
    }
}