/* =========================================================
   SLIDER
========================================================= */

.crs-slider{
    width:100%;
    position:relative;
    overflow:hidden;
}

.crs-slider .swiper-slide{
    position:relative;
}

.crs-slider picture{
    display:block;
    width:100%;
}

.crs-slider img{
    width:100%;
    display:block;
}

/* =========================================================
   FULL BANNER LINK
========================================================= */

.crs-full-link{
    display:block;
    position:relative;
}

/* ========================================================= BUTTONS ========================================================= */ .crs-buttons{ position:absolute; left:40px; bottom:30px; z-index:99; display:flex; gap:20px; flex-wrap:wrap; } /* FIRST BUTTON */ .crs-buttons a:first-child{ width:auto;min-width: 120px; height:26px;background:#81898d; opacity:1; padding:10px 10px !important; box-shadow:none; border:0px solid RGBA(0,0,0,1); border-radius:30px; font-family:'Roboto','Arial'; color:#ffffff !important; font-size:16px; text-shadow:none; line-height:1.5; font-style:normal; text-decoration:none !important; text-align:center; letter-spacing:normal; word-spacing:normal; text-transform:none; font-weight:700; display:inline-flex; align-items:center; justify-content:center; transition:0.3s; } /* SECOND BUTTON */ .crs-buttons a:nth-child(2){width:auto;min-width: 120px; height:26px; background:#ffd600; color:#000 !important; font-weight:bold !important; font-size:16px !important; border-radius:20px !important; padding:10px 10px !important; font-family:'Roboto','Arial'; text-shadow:none; line-height:1.5; font-style:normal; text-decoration:none !important; text-align:left; letter-spacing:normal; word-spacing:normal; text-transform:none; display:inline-flex; align-items:center; justify-content:center; transition:0.3s; } /* HOVER */ .crs-buttons a:hover{  }

/* =========================================================
   ARROWS
========================================================= */

.swiper-button-next,
.swiper-button-prev{

    width:26px !important;
    height:26px !important;

    background:#fbc211 !important;

    background:RGBA(0,0,0,0.67);

    opacity:1;

    padding:2px;

    box-shadow:none;

    border:0px solid RGBA(0,0,0,1);

    border-radius:3px;

    transition:background 0.3s, opacity 0.4s;

    cursor:pointer;

    overflow:hidden;

    line-height:0 !important;

    z-index:18;

    -webkit-user-select:none;

    color:#fff !important;

}

.swiper-button-next:after,
.swiper-button-prev:after{

    font-size:12px !important;
    font-weight:700;

}

/* DESKTOP POSITION */

.swiper-button-prev{

    left:5px !important;

}

.swiper-button-next{

    right:5px !important;

}

/* =========================================================
   PAGINATION
========================================================= */

.swiper-pagination-bullet-active{
    display:none !important;
    
    background:#fff !important;

}
.swiper-pagination{
    height:0px;
}
/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

    .crs-slider img{

        width:100%;
        min-height:500px;

        object-fit:cover;

    }

    /* BUTTONS */

   .crs-buttons{ left:20px; right:20px; bottom:10px; gap:4px; display:flex; flex-direction:row; justify-content:space-between; align-items:center; } /* FIRST BUTTON */ .crs-buttons a:first-child{ padding:5px 5px !important; min-height:18px !important; height:auto !important; font-size:14px !important; border-radius:20px !important; } /* SECOND BUTTON */ .crs-buttons a:nth-child(2){ padding:5px 10px !important; min-height:18px !important; height:auto !important; font-size:14px !important; border-radius:20px !important; }

    /* MOBILE ARROWS */

    .swiper-button-next,
    .swiper-button-prev{

        width:22px !important;
        height:22px !important;

        top:50% !important;

    }

    .swiper-button-next{

        right:2px !important;

    }

    .swiper-button-prev{

        left:2px !important;

    }

    .swiper-button-next:after,
    .swiper-button-prev:after{

        font-size:10px !important;

    }

}