.page-cases {
    position: relative;
}

.page-cases,
.section-pt2 + .alert {
    margin-top: 40px;
}

.page-cases__item {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.page-cases__item-img {
    min-height: 300px;

    overflow: hidden;
    border-radius: var(--border-radius);
    background: var(--color-gray2);
}

.page-cases__item-img:hover,
.page-cases__item-img:active {
    opacity: 1;
}

.page-cases__item-company {
    padding: var(--padding);
    padding-right: 15px;
}

.page-cases__item-company h3,
.page-cases__item-company h5 {
    margin-bottom: 0;
}

.page-cases__item-sticker {
    padding: var(--padding-sm-el);

    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    color: var(--color-main);

    background: rgba(136, 76.50, 255, 0.10);
    border-radius: var(--border-radius);
}

.page-cases__item-btn.btn {
    margin-top: 20px;
}

.page-cases__item-btn_mobile.btn {
    display: none;
}

.page-cases__item-info-title,
.page-cases__item-compare-el-tag {
    opacity: .4;
}

.page-cases__item-compare {
    padding: var(--padding);
    padding-left: 15px;
}

.page-cases__item-compare-el {
    flex: 1 1 auto;
    padding: var(--padding);

    border-radius: var(--border-md-radius);
    background: var(--color-gray);
}

.page-cases__item-compare-el .svg {
    margin-top: 30px;
}

.page-cases__item-compare-el .svg.svg-next-down svg {
    transform: rotate(90deg);
}

@media (max-width: 1199px) {
    .page-cases__item {
        grid-template-columns: repeat(2, 1fr);
    }

    .page-cases__item-img {
        height: 300px;
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    .page-cases {
        margin-top: 30px;
    }

    .page-cases__item {
        grid-template-columns: 1fr;
    }

    .page-cases__item-company,
    .page-cases__item-compare {
        padding: 10px;
    }

    .page-cases__item-btn_desc.btn {
        display: none;
    }

    .page-cases__item-btn_mobile.btn {
        display: flex;
        margin: 10px;
    }
}