.card-special-offer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-height: 314px;
    padding: 24px 36px;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid var(--primary-color);
    -webkit-transition: border-color .3s ease-in-out;
    transition: border-color .3s ease-in-out
}

.card-special-offer > * {
    position: relative;
    z-index: 2
}

.card-special-offer::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
    background: linear-gradient(180deg, #fff 0, #f5f5f5 100%);
    z-index: 1;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.card-special-offer::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#00747d), to(#005e68));
    background: linear-gradient(180deg, #00747d 0, #005e68 100%);
    z-index: 1;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity: 0
}

.card-special-offer__category {
    margin-bottom: 10px;
    color: var(--primary-color)
}

.card-special-offer__name {
    margin-bottom: 20px;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.card-special-offer__footer {
    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;
    width: 100%;
    margin-top: auto;
    white-space: nowrap
}

.card-special-offer__date {
    color: var(--primary-color)
}

.card-special-offer__more {
    color: var(--primary-color);
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}
@media (max-width: 1839.98px) {
    .card-special-offer__category .t-button-text {
        font-size: 13px
    }
}

@media (max-width: 1199.98px) {
    .card-special-offers.row {
        overflow: auto;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .card-special-offers.row > div {
        min-width: 50%
    }

    .card-special-offer {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-left: 36px;
        padding-right: 36px;
        min-height: 241px
    }
}
@media (max-width: 767.98px) {

    .card-special-offers.is-mobile-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}
@media (min-width: 1200px) and (max-width: 1839.98px) {

    .card-special-offer {
        padding-bottom: 29px;
        padding-right: 20px;
        min-height: 245px
    }

    .card-special-offer:nth-child(3n+1) {
        padding-left: 60px
    }

    .card-special-offer:nth-child(3), .card-special-offer:nth-child(3n) {
        padding-right: 60px
    }
}
@media (any-hover: hover) {

    .card-special-offer:hover {
        border-bottom-color: #005e68
    }

    .card-special-offer:hover::after {
        opacity: 1
    }

    .card-special-offer:hover .card-special-offer__name {
        color: var(--white)
    }

    .card-special-offer:hover .card-special-offer__more {
        opacity: 1
    }
}