/* MODEL LIST - EXPLORE LEXUS */
    /* indicator custom button*/
    .slickCount--models ul{
        display: flex;
        justify-content: center;
        margin: 0;
        padding: 39px 0 0 0;
    }
    .slickCount--models ul li{
        list-style-type: none;
        padding: 0 5px;
    }
    .slickCount--models ul li:only-child{
        display: none;
    }
    .slickCount--models ul li button{
        font-size: 0px;
        height: 2px;
        width: 50px;
        border: none;
    }
    .slickCount--models ul li button{
        color: var(--gray-light);
        background-color: var(--gray-light);
    }
    .slickCount--models ul .slick-active button{
        color: black;
        background-color: black;
    }
    .slickCount--models .slick-list .slick-track:before, .slickCount--models .slick-list .slick-track:after{
        display: none;
    }
    /* Force slide to have same height */
    .slickCount--models div .slick-track{
        display: flex !important;
    }
    .slickCount--models div div .slick-slide{
        height: inherit !important;
    }
    /* Controls */
    .slick-prev--models::after{
        font-family:'Bootstrap-icons';
        content: '\F284';
    }
    .slick-next--models::after{
        font-family:'Bootstrap-icons';
        content: '\F285';
    }
    /* styles */
    #CarTab-category li a[aria-selected="true"]{
        color: black;
        font-weight: 700 !important;
        text-decoration: underline !important;
        text-decoration-thickness: 2px !important;
        text-underline-offset: 5px;
    }
    #CarTab-category li a:hover{
        color: black;
    }
    /* slick Category */
    .slick-carousel--category .slick-list .slick-track{
        display: flex ;
        justify-content: center;
    }
/* END - MODEL LIST - EXPLORE LEXUS */

    
/* GALLERY */
.scroll-animation{
    animation-fill-mode: forwards;
    animation-name: ScrollShow ;
    animation-duration: 700ms;
    opacity:0;
}
    @keyframes ScrollShow {
        to {opacity: 1;}
    }

    /* SLICK--GALLERY */
    /* indicator custom button*/
    .slick-carousel--gallery ul{
        position: absolute;
        bottom: 25px;
        display: flex;
        justify-content: center;
        margin: 0;
        padding-left: 27px;
    }
    .slick-carousel--gallery ul li{
        list-style-type: none;
        padding: 0 5px;
    }
    .slick-carousel--gallery ul li:only-child{
        display: none;
    }
    .slick-carousel--gallery ul li button{
        font-size: 0px;
        height: 2px;
        width: 50px;
        border: none;
    }
    .slick-carousel--gallery ul li button{
        color: #B9C0C2;
        background-color: #B9C0C2;
    }
    .slick-carousel--gallery ul .slick-active button{
        color: white;
        background-color: white;
    }


/* STYLES FOR RESPONSIVE*/
/* DESK XXXL CUSTOM*/
@media (min-width: 1550px) {
    .px-xxxl-10{
        padding: 0 112px !important;
    }
    
}

/*  DESK XXL MIN1400*/
@media (min-width: 1400px) {
    /* GALLERY */
    .w-xxl-50{
        width: 50%;
    }
}

/*  DESK MD*/
@media (min-width: 992px) {
    /* EXPLORE LEXUS- MODEL LIST */
    .fs-lg-6{
        font-size: 1.125rem !important;
    }
    /* offer &promotion */
    .display--md-5{
        font-size: 48px;
        font-weight: 500;
    }
    
}

/* 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) {
    /* slick Category */
    .slick-carousel--category .slick-list .slick-track{
        justify-content: space-evenly;
    }
    #CarTab-category li a[aria-selected="true"]{
        text-decoration: underline !important;
        text-decoration-thickness: 5px !important;
    }
    /* GALLERY */
    .display-5--mob{
        font-size: 1.625rem !important;
    }
    .fs-3--mob{
        font-size: 1rem !important;;
    }
    /* offer &promotion */
    .display--md-5{
        font-size: 32px;
        font-weight: 500;
    }
}

/* MOB MEDIUM (768~991) RESPONSIVE MAX767*/
@media (max-width: 767px) {
    /* MODEL LIST - EXPLORE LEXUS */
    .slick-prev--models, .slick-next--models{
        top:20% !important;
    }
    .slick-prev--models::after , .slick-next--models::after{
        font-size: 24px;
    }
    .px-xxxl-10{
        padding: 0 58px !important;
    }
    
}

/* MOB SMALL (576~767) RESPONSIVE MAX575*/
@media (max-width: 575px) {
    .slickCount--models ul li button{
        width: 9vw;
    }
}

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

}

/*.model-scroll:target{*/
/*    scroll-margin-top: 500px !important;*/
/*}*/