/* 
  ##Device = All
  ##Screen = Styles will be apply for all resolutions
*/

/* CSS */
/* 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: TypeNextCondensedProLight;
}

    .seasonal-offer_layout h1 {
        text-transform: uppercase;
        line-height: normal;
        letter-spacing: 10px;
        font-size: 37px;
        margin-left: 0.5rem;
    }

/* Individual card separation */
.seasonal-offer_card {
    padding: 0rem 4rem 0.5rem 0.5rem;
    border-radius: 0.25rem;
    /* border: 1px solid rgba(0,0,0,.125); */
    box-sizing: border-box;
}

.card-small {
    padding: 0rem 0.5rem;
    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 {
        width: 100%;
        object-fit: cover;
        aspect-ratio: 1;
    }

    .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: 1.5rem 0rem 0.5rem 0rem;
    border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 14rem;
}

    .seasonal-offer_card__content h3 {
        text-transform: uppercase;
        font-size: 25px;
        font-family: TypeNextCondensedProLight;
    }

    .seasonal-offer_card__content h4 {
        font-size: 19px;
        font-family: TypeNextCondensedProLight;
    }

.seasonal-offer_card__big-content {
    height: 16rem;
    margin-bottom: 2rem;
}

.card-content-small h5 {
    font-size: 20px;
}

.card-content-small h6 {
    font-size: 17px;
}

.btn-small-card-content {
    color: black;
    font-weight: 600;
    text-decoration: none;
}


.seasonal-offer_card__wrapper {
    position: relative;
}

.description-top {
    max-width: 1320px;
    margin: auto;
    margin-bottom: 6rem;
    margin-top: 6rem;
}

.text-service {
    color: #000;
    font-family: TypeNextProRegular;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-right: 3rem;
}

.description-bottom {
    margin-bottom: 11rem;
}

.card-description {
    min-height: 41px;
}

.title-cards {
    min-height: 48px;
}

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

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

.seasonal-offer_service-btn-white {
    background-color: #fff;
    outline: 1.5px solid #000;
    border: 2.5px solid transparent;
    margin-top: 2rem;
    display: flex;
    text-decoration: none;
    justify-content: center;
    border-radius: 4px;
    padding: 1.2rem;
    color: #000;
    line-height: 1;
    font-family: 'TypeNextProRegular';
    height: 54px;
    margin: 1.13rem auto;
}

    .seasonal-offer_service-btn-white:hover {
        background-color: #fff;
        color: black;
        outline: 0px solid transparent;
        border: solid 2.5px black;
    }

.seasonal-offer_service-btn-white-middle {
    background-color: #fff;
    outline: 1.5px solid #000;
    border: 2.5px solid transparent;
    margin-top: 2rem;
    display: flex;
    text-decoration: none;
    justify-content: center;
    border-radius: 4px;
    padding: 1.2rem;
    color: #000;
    line-height: 1;
    font-family: 'TypeNextProRegular';
    height: 54px;
}

    .seasonal-offer_service-btn-white-middle:hover {
        background-color: #fff;
        color: black;
        outline: 0px solid transparent;
        border: solid 2.5px black;
    }

/* Sliders */
.container-arrows {
    position: absolute;
    z-index: 30;
    top: 30%;
    cursor: pointer;
}

.container-arrows_1,
.container-arrows_2,
.container-arrows_3,
.container-arrows_4 {
    position: absolute;
    z-index: 30;
    top: 25%;
    cursor: pointer;
}

.prev-arrow {
    left: 1%;
}

.next-arrow {
    left: 95%;
}

.text-service {
    margin: 0;
}

.buttons-service {
    padding-left: 8rem;
}

/* 
  ##Device = Desktops large
  ##Screen = 1920px to higher resolution desktops
*/
@media (min-width: 1920px) {
    /* CSS */
    .promotional-banner-service {
        height: 270px;
    }

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

    .only-two .slick-list .slick-track {
        width: auto !important;
    }
    /* modificado por mayerly */
    .description-top {
        margin: 6rem 24rem;
    }

    .seasonal-offer_layout h2 {
        letter-spacing: 10px;
        font-size: 37px;
        padding-left: 0.5rem;
    }

    .next-arrow-big-card {
        left: 91%;
    }
}


/* 
  ##Device = Desktops
  ##Screen = 1281px to 1919px
*/

@media (min-width: 1281px) and (max-width: 1919px) {

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

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

    .only-two .slick-list .slick-track {
        width: auto !important;
    }
    /* modificado por Mayerly */
    .description-top {
        margin: 6rem 9rem;
    }

    .seasonal-offer_layout h1 {
        letter-spacing: 4px;
        font-size: 28px;
    }

    .next-arrow-big-card {
        left: 91%;
    }
}

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

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

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

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

    .only-two .slick-list .slick-track {
        width: auto !important;
    }

    .description-top {
        margin: 6rem 6rem;
    }

    .seasonal-offer_layout h1 {
        letter-spacing: 2px;
        font-size: 23px;
    }

    .next-arrow {
        left: 94.5%;
    }
}

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

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

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

    .container-arrows_1,
    .container-arrows_2,
    .container-arrows_3,
    .container-arrows_4 {
        top: 25%;
    }


    .description-top {
        margin: 3rem 2rem;
    }

    .only-two .slick-list .slick-track {
        width: auto !important;
    }

    .seasonal-offer_layout h1 {
        letter-spacing: 2px;
        font-size: 23px;
    }

    .seasonal-offer_card__service-btn {
        width: 100%;
    }

    .seasonal-offer_service-btn-white {
        width: 100%;
    }

    .prev-arrow {
        left: 1.5%;
    }

    .next-arrow {
        left: 91.5%;
    }
}

/* 
    ##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,
    .container-arrows_4 {
        top: 25%;
    }

    .description-top {
        margin: 3rem 2rem;
    }

    .seasonal-offer_layout h2 {
        letter-spacing: 2px;
        font-size: 23px;
    }

    .prev-arrow {
        left: 1.5%;
    }

    .next-arrow {
        left: 93.5%;
    }
}

/* 
    ##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,
    .container-arrows_4 {
        top: 25%;
    }

    .description-top {
        margin: 3rem 2rem;
    }

    .seasonal-offer_layout h1 {
        letter-spacing: 2px;
        font-size: 23px;
    }

    .seasonal-offer_card__service-btn {
        width: 100%;
    }

    .seasonal-offer_service-btn-white {
        width: 100%;
    }

    .prev-arrow {
        left: 1.5%;
    }

    .next-arrow {
        left: 93.5%;
    }
}

/* 
    ##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,
    .container-arrows_4 {
        top: 30%;
    }

    .description-top {
        margin: 3rem 2rem;
    }

    .seasonal-offer_layout h2 {
        letter-spacing: 2px;
        font-size: 23px;
        margin-left: 1rem;
    }

    .seasonal-offer_card {
        padding: 0.5rem 1rem;
        border-radius: 0.25rem;
        /* border: 1px solid rgba(0,0,0,.125); */
        box-sizing: border-box;
    }

    .seasonal-offer_service-btn-white-middle {
        padding: 1rem 0.5rem;
    }

    .seasonal-offer_card__service-btn {
        width: 100%;
    }

    .seasonal-offer_service-btn-white {
        width: 100%;
    }

    .prev-arrow {
        left: 4%;
    }

    .next-arrow {
        left: 83.5%;
    }

    .buttons-service {
        padding: 0rem 0.5rem;
    }
}