/* PROMOTIONAL BANNER */
body {
    overflow-x: hidden !important;
}

.promotional-banner-service {
    position: relative;
}

    .promotional-banner-service img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: brightness(40%);
    }

.promotional-banner-service_text {
    position: absolute;
    text-align: center;
    color: #fff;
}

    .promotional-banner-service_text p {
        letter-spacing: 0.05em;
    }

.seasonal-offer_layout {
    padding: 0;
    font-family: TypeNextCondensedProBold;
}

    .seasonal-offer_layout h1 {
        text-transform: uppercase;
        line-height: 32px;
        font-size: 32px;
    }
/* Individual card separation */
.seasonal-offer_card {
    padding: 0;
    margin: 0;
    border-radius: 0.25rem;
    border: 1px solid rgba(0,0,0,.125);
    box-sizing: border-box;
}
/* Card Images effect */
.seasonal-offer_card__image {
    overflow: hidden;
}

.seasonal-offer_card__image {
    width: 100%;
}

    .seasonal-offer_card__image img {
        max-height: 390.25px;
        width: 100%;
    }

    .seasonal-offer_card__image:hover img {
        transform: scale(1.15);
        transition: transform 1s;
    }
/* Card content (text) */
.slick-slide {
    height: auto !important;
}


.seasonal-offer_card__content {
    padding: 2rem;
    border-bottom: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
}

    .seasonal-offer_card__content h3 {
        height: 48px !important;
        font-size: 1.25rem;
    }

    .seasonal-offer_card__content h6 {
        height: 65px !important;
        font-family: TypeNextCondensedProLight;
    }

@media (max-width: 992px) {
    .seasonal-offer_card__content h5 {
        height: 72px !important;
    }

    .seasonal-offer_card__content h6 {
        height: 55px !important;
    }
}

@media (max-width: 768px) {
    .seasonal-offer_card__content h6 {
        height: 72px !important;
    }
}

@media (max-width: 257px) {
    .seasonal-offer_card__content h5 {
        height: 100px !important;
    }

    .seasonal-offer_card__content h6 {
        height: 100px !important;
    }
}

.seasonal-offer_card__service-btn {
    background-color: #1C69D4;
    border: none;
    display: flex;
    justify-content: center;
    text-decoration: none;
    padding: 1.2rem;
    color: #fff;
    line-height: 1;
    border-radius: 4px;
    font-family: 'TypeNextProRegular';
    width: 100%;
}

    .seasonal-offer_card__service-btn:hover {
        background-color: #0653B6;
        color: #fff;
    }


/* Sliders */
.container-arrows,
.container-arrows_1,
.container-arrows_2,
.container-arrows_3 {
    position: absolute;
    z-index: 5;
}

.arrow_prev,
.arrow_prev_1,
.arrow_prev_2,
.arrow_prev_3 {
    position: absolute;
    z-index: 5;
    left: 0;
}

.arrow_next,
.arrow_next_1,
.arrow_next_2,
.arrow_next_3 {
    position: absolute;
    z-index: 5;
}

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {

    .promotional-banner-service {
        height: 270px;
    }

    .promotional-banner-service_text {
        top: 20%;
    }

    /* CSS */
    .container-arrows {
        top: 135%;
    }

    .arrow_prev {
        margin-left: 2.5rem;
    }

    .arrow_next {
        right: 36rem;
        margin-right: 1.5rem;
    }

    .container-arrows_1 {
        top: 135%;
    }

    .arrow_prev_1 {
        margin-left: 2.5rem;
    }

    .arrow_next_1 {
        right: 36rem;
        margin-right: 1.5rem;
    }

    .container-arrows_2 {
        top: 295%;
    }

    .arrow_prev_2 {
        margin-left: 2.5rem;
    }

    .arrow_next_2 {
        right: 36rem;
        margin-right: 1.5rem;
    }

    .container-arrows_3 {
        top: 380%;
    }

    .arrow_prev_3 {
        margin-left: 2.5rem;
    }

    .arrow_next_3 {
        right: 36rem;
        margin-right: 1.5rem;
    }
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {

    .promotional-banner-service {
        height: 270px;
    }

    .promotional-banner-service_text {
        top: 15%;
    }

    /* CSS */
    .container-arrows {
        top: 165%;
    }

    .arrow_prev {
        margin-left: 2.5rem;
    }

    .arrow_next {
        right: 7rem;
        margin-right: 1.5rem;
    }

    .container-arrows_1 {
        top: 165%;
    }

    .arrow_prev_1 {
        margin-left: 2.5rem;
    }

    .arrow_next_1 {
        right: 36rem;
        margin-right: 1.5rem;
    }

    .container-arrows_2 {
        top: 400%;
    }

    .arrow_prev_2 {
        margin-left: 2.5rem;
    }

    .arrow_next_2 {
        right: 7rem;
        margin-right: 1.5rem;
    }

    .container-arrows_3 {
        top: 520%;
    }

    .arrow_prev_3 {
        margin-left: 2.5rem;
    }

    .arrow_next_3 {
        right: 7rem;
        margin-right: 1.5rem;
    }
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

    .container-arrows,
    .container-arrows_1,
    .container-arrows_2,
    .container-arrows_3 {
        display: none;
    }
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    /* CSS */
    .container-arrows,
    .container-arrows_1,
    .container-arrows_2,
    .container-arrows_3 {
        display: none;
    }
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

    /* CSS */
    .container-arrows,
    .container-arrows_1,
    .container-arrows_2,
    .container-arrows_3 {
        display: none;
    }
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

    /* CSS */

    .promotional-banner-service {
        height: 420px;
    }

    .promotional-banner-service_text {
        top: 10%;
    }

    .container-arrows,
    .container-arrows_1,
    .container-arrows_2,
    .container-arrows_3 {
        display: none;
    }
}