.offers-slide {
    position: relative
}

.offers-slide .offer-tag {
    font-family: Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.375;
    z-index: 1;
    color: #303c49;
    background-color: #ffcd00;
    position: absolute;
    padding: .625rem .625rem .625rem 3.75vw;
    top: 1rem
}

@media (min-width:768px) {
    .offers-slide .offer-tag {
        font-size: 1.125rem
    }
}

@media (min-width:768px) {
    .offers-slide .offer-tag {
        line-height: 1.3888888889
    }
}

@media (min-width:768px) {
    .offers-slide .offer-tag {
        top: 1.5rem
    }
}

@media (min-width:960px) {
    .offers-slide .offer-tag {
        top: 7rem
    }
}

@media (min-width:960px) {
    .offers-slide .offer-tag {
        left: 7.5vw
    }
}

.offers-slide .offer-image {
    width: 100%;
    position: relative
}

@media (min-width:960px) {
    .offers-slide .offer-image {
        position: absolute;
        /* left: 0; */
        right:0;
        width: calc(50% - 1.875vw);
        z-index: 1
    }
}

.offers-slide .offer-image:after {
    content: "";
    background-color: transparent;
    width: 100%;
    height: 75%;
    position: absolute;
    top: 0;
    left: 0
}

.offers-slide .offer-text-wrapper {
    background: #303c49
}

@media (min-width:960px) {
    .offers-slide .offer-text-wrapper {
        background: 0 0 !important
    }
}

.offers-slide .offer-text-wrapper .content {
    padding: 2rem 0 .5rem;
    background: #303c49
}

@media (min-width:768px) {
    .offers-slide .offer-text-wrapper .content {
        padding: 3rem 0 1.5rem
    }
}

@media (min-width:960px) {
    .offers-slide .offer-text-wrapper .content {
        padding: 4rem 15vw 2.5rem 3.75vw
    }
}

@media (min-width:960px) {
    .offers-slide .offer-text-wrapper .content {
        margin-top: 3rem
    }
}

@media (min-width:768px) {
    .offers-slide .offer-text-wrapper .content {
        min-height: 36.09375vw
    }
}

@media (min-width:1600px) {
    .offers-slide .offer-text-wrapper .content {
        min-height: 27.0703125vw
    }
}

@media (min-width:960px) {
    .offers-slide .offer-text-wrapper .content .headline {
        margin-top: 4.5rem
    }
}

.offers-slide .offer-text-wrapper .content .subheadline {
    margin-bottom: 1.5rem
}

.offers-slide .offer-text-wrapper .content .btn {
    margin: 0 1rem 1.5rem 0
}

.offers-slide .offer-text-wrapper .content .btn:last-child {
    margin-right: 0
}
