/* SLICK BOTTOM & SIDE-MOB*/
.slick-carousel--BottomBtn ul li button, 
.slick-carousel--SideBtnMob ul li button{
    font-size: 0px;
    border: none;
    padding: 0 10px;
}
.slick-carousel--BottomBtn .slick-list .slick-track:before, .slick-carousel--BottomBtn .slick-list .slick-track:after,
.slick-carousel--SideBtnMob .slick-list .slick-track:before, .slick-carousel--SideBtnMob .slick-list .slick-track:after{
    display: none;
}
.slick-carousel--BottomBtn ul,
.slick-carousel--SideBtnMob ul{
    display: flex;
    justify-content: center;
    margin: 0;
}

.slick-carousel--BottomBtn ul li,
.slick-carousel--SideBtnMob ul li{
    color: rgba(255, 255, 255, 0.50);
}

.slick-carousel--BottomBtn ul .slick-active,
.slick-carousel--SideBtnMob ul .slick-active{
    color: white;
}

.slick-carousel--BottomBtn ul li:only-child,
.slick-carousel--SideBtnMob ul li:only-child{
    display: none;
}
/* END - SLICK BOTTOM & SIDE-MOB*/


/* FLOATING BUTTON - SIDE - DESKTOP */
.bg--black-50{
    background-color: rgba(0, 0, 0, 0.50);
}

#SideBtn a:not(:last-child){
    border-bottom: 2px solid rgba(255, 255, 255, 0.50);
}

.SideBTnLink{
    height:77px;
}

.SideBTnLink:hover{
    animation-fill-mode: forwards;
    animation-name: BtnToggle ;
    animation-duration: 300ms;
}

@keyframes BtnToggle {
    to {right: 0px;}
}
/* END - FLOATING BUTTON - SIDE - DESKTOP */


/* FLOATING BUTTON - SIDE - MOBILE */
.slick-carousel--SideBtnMob a:not(:last-child){
    border-right: 1px solid rgba(255, 255, 255, 0.50);
    height:77px;
}

/* END - FLOATING BUTTON - SIDE - MOBILE */


/* FLOATING BUTTON - BOTTOM */
.icon--after::after{
    font-family:'Bootstrap-icons';
    content: '\F285';
}

.border--right a:not(:last-child){
    border-right: 1px solid white;
} 
/* END - FLOATING BUTTON - BOTTOM */



/* STYLES FOR RESPONSIVE*/
/* DESK XL RESPONSIVE MIN1200*/
@media (min-width: 992px) {
    
}

/*  DESK LARGE RESPONSIVE MIN992*/
@media (min-width: 992px) {

}

/* MOB ALMOST < XL */
@media (max-width: 1501px) {

}

/* MOB XL (1200~1399) RESPONSIVE MAX1999 */
@media (max-width: 1999px) {

}

/* MOB LARGE (992~1999) RESPONSIVE MAX991 */
@media (max-width: 991px) {

}

/* MOB MEDIUM (768~991) RESPONSIVE MAX767*/
@media (max-width: 767px) {
   
}

/* MOB SMALL (576~767) RESPONSIVE MAX575*/
@media (max-width: 575px) {

}

/* MOB MOBILE SIZE IN FIGMA RESPONSIVE MAX420*/
@media (max-width: 420px) {

}