.offers {
    background: #EEF9F9;
    padding: 96px 24px;
    position: relative;
}

.offers__slider h2 {
    margin-bottom: 56px;
    text-align: center;
}

.offers__slider li {
    background: white;
    border-radius: 10px;
    padding: 32px;
    height: 258px;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.offers__slider li:hover {
    background: #1E3246;
    cursor: pointer;
}

.offers__slider li:hover .card::after {
    content: url(../images/icon-more2.svg);
    background: #00BCBB;
}

.offers__slider li:hover .card p, .offers__slider li:hover .card .single .singleContent li, .single .singleContent .offers__slider li:hover .card li {
    color: white;
}

.offers__slider li:hover .card h3 {
    color: white;
}

.offers__slider li:hover .card .location .line {
    background: white;
}

.offers__slider li .card::after {
    content: url(../images/icon-more.svg);
    border-radius: 50%;
    border: 1px solid #00BCBB;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    position: absolute;
    bottom: 32px;
    right: 32px;
}

.offers__slider li .card h3 {
    font-family: 'Prompt';
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    margin: 16px 0;
}

.offers__slider li .card .location {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.offers__slider li .card .location p, .offers__slider li .card .location .single .singleContent li, .single .singleContent .offers__slider li .card .location li {
    position: relative;
    left: 33px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}

.offers__slider li .card .location p::before, .offers__slider li .card .location .single .singleContent li::before, .single .singleContent .offers__slider li .card .location li::before {
    content: "";
    background: url(../images/icon-marker.svg);
    width: 16px;
    height: 16px;
    background-size: contain;
}

.offers__slider li .card .location .line {
    width: 20px;
    height: 2px;
    background: #1E3246;
    position: absolute;
    left: 0;
    margin: 0;
}

.offers__slider li:hover .card__txt::after {
    border: 1px solid #00BCBB;
    background: #00BCBB;
}

.offers__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 64px;
    margin-top: 64px;
    padding-top: 64px;
    border-top: 1px dashed #1E3246;
}

@media (max-width: 767px) {
    .offers__text {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px;
    }
}

.offers__text h2 {
    -ms-flex-preferred-size: 16%;
    flex-basis: 16%;
}

.offers__text div {
    -ms-flex-preferred-size: 77%;
    flex-basis: 77%;
}

.offers__text .button {
    background-color: #00BCBB;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 32px;
}

.offers__text .button::before {
    display: none;
}

.offers__text .button::after {
    content: url("../images/white-arrow.svg");
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

@media (max-width: 767px) {
    .offers__text .button::after {
        background-color: initial;
        height: initial;
        width: initial;
    }
}

.offers .arrow-offers {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    top: 37%;
    z-index: 1;
    margin: auto;
    left: 0;
    right: 0;
}

@media (max-width: 1280px) {
    .offers .arrow-offers {
        position: relative;
        gap: 16px;
        margin-top: 40px;
    }
}

@media (min-width: 1281px) {
    .offers .arrow-offers .owl-prev, .offers .arrow-offers .owl-next {
        position: absolute;
        left: 2%;
    }
    .offers .arrow-offers .owl-prev::after, .offers .arrow-offers .owl-next::after {
        width: 56px;
        height: 56px;
    }
}

@media (min-width: 1281px) {
    .offers .arrow-offers .owl-next {
        right: 2%;
        left: initial;
    }
}

.offers .arrow-offers .owl-next::after {
    -webkit-transform: initial;
    transform: initial;
}