.slick-carousel--subsection .slick-list{
    display: flex;
    justify-content: center;
}

  @media (max-width: 1187px) {
    .slick-carousel--subsection .slick-list{
        display: block;
        justify-content: none;
    }
  }

/* cancel pt-10 */
.pt-10{
    padding-top: 0;
}

/* spacing once clicked subsection */
.subsection--position-clicked:target{
    scroll-margin-top: 75px;
    /* scroll-snap-margin-top: 80px; */
}

/* SUBSECTION */
    .sticky-top{
        z-index: 1003 !important;
        background-color: white;
    }
    .slick-carousel--subsection li a:hover{
        color: #333333 !important;
    }
    /* slick */
    .slick-prev--subsection::after{
        font-family:'Bootstrap-icons';
        content: '\F284';
    }
    .slick-next--subsection::after{
        font-family:'Bootstrap-icons';
        content: '\F285';
    }

    .slick-prev--subsection[aria-disabled="true"], .slick-next--subsection[aria-disabled="true"]{
        color:var(--gray-primary);
    }

    /* width auto but fix margin*/
    .slick-carousel--subsection .slick-list .slick-track{
        display: flex ;
        justify-content: space-between;
        margin: 0;
    }

    .slick-carousel--subsection .slick-list .slick-track::before, .slick-carousel--subsection .slick-list .slick-track::after{
        display: none;
    }
    /* END - width auto but fix margin*/
/* END - SUBSECTION */

/* EXPLORE YOUR LEXUS */
    /* LEXUS ELECTRIFIED - RANGE */
    #tab-variants li a[aria-selected="true"], #tab-LEcategory li .active{
        color: black;
        font-weight: 700 !important;
        text-decoration: underline !important;
        text-decoration-thickness: 2px !important;
        text-underline-offset: 5px;
    }
    /* LEXUS ELECTRIFIED - RANGE */
    #tab-variants li a:hover, #tab-LEcategory li a:hover{
        color: black;
    }

    .btn-explore--size{
        padding-top: 14.5px;
        padding-bottom: 14.5px;
    }
    
    .width-responsive--custom{
        object-fit: cover !important;
        height: calc(10vw + 130px);
        width: calc(18vw + 275px);
    }

    .info--icon::after{
        font-family:'Bootstrap-icons';
        content: '\F431';
    }

    /* variants Button */
    .slick-carousel--variants .slick-list .slick-track{
        display: flex ;
        justify-content: space-between;
    }

    .carousel-indicators button[data-bs-target]{
        width: 50px;
        height: 2px;
    }
/* END - EXPLORE YOUR LEXUS */

/* INTERIOR EXTERIOR*/
    /* indicator custom button*/
    .slick-carousel--interior ul, .slick-carousel--exterior ul{
        position: absolute;
        bottom: 25px;
        display: flex;
        justify-content: center;
        margin: 0;
        padding-left: 45px;
    }
    .slick-carousel--interior ul li, .slick-carousel--exterior ul li{
        list-style-type: none;
        padding: 0 5px;
    }
    .slick-carousel--interior ul li:only-child, .slick-carousel--exterior ul li:only-child{
        display: none;
    }
    .slick-carousel--interior ul li button, .slick-carousel--exterior ul li button{
        font-size: 0px;
        height: 2px;
        width: 50px;
        border: none;
    }
    .slick-carousel--interior ul li button{
        color: rgba(255, 255, 255, 0.40);
        background-color: rgba(255, 255, 255, 0.40);
    }
    .slick-carousel--interior ul .slick-active button, .slick-carousel--exterior ul li button{
        color: white;
        background-color: white;
    }
    .slick-carousel--exterior ul .slick-active button{
        color: black;
        background-color: black;
    }
    
/* END - INTERIOR EXTERIOR*/


/* START - PERFORMANCE*/

    .perf-head{
        color: var(--LexusColors-Black, #000);
        font-family: Nobel;
        font-size: 48px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    
    .perf-head-space{
        margin-bottom: 20px;
    }
    
    .perf-sec-space{
        margin-top: 50px;
        margin-left: 145px;
        margin-right: 145px;
        margin-bottom: 50px;
    }
    
    .perf-subhead{
        color: var(--LexusColors-Black, #000);
        font-family: Nobel;
        font-size: 26px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    .perf-subhead-space{
        margin-bottom: 8px;
    }
    
    .perf-subhead-content{
        color: var(--LexusColors-Black, #000);
        /*font-family: Nobel Light;*/
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }
    
    .perf-subhead-content-space{
        margin-bottom: 36px;
    }
    
    .perf-banner-space{
        margin-bottom: 36px;
    }
    
    .perf-image-size{
        width: auto;
        height: auto;
        align-items: flex-start;
    }
    
    .perf-text-title{
        color: var(--LexusColors-Black, #000);
        font-family: Nobel;
        font-size: 26px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    
    .perf-text-title-space{
        margin-left: 128px;
        margin-bottom: 8px;
        
    }
    
    .perf-text-content{
        color: var(--LexusColors-Black, #000);
        /*font-family: Nobel Light;*/
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }
    
    .perf-text-content-space{
        width: 715px;
    }
    
    /*MEDIA PERFORMANCE*/
    @media (max-width: 1300px) { 
        .perf-sec-space{
            margin-top: 50px;
            margin-left: 19px;
            margin-right: 21px;
            margin-bottom: 60px;
        }
        
        .perf-head{
            font-size: 32px;
            text-align: center;
        }
        
        .perf-subhead{
            font-size: 18px;
        }
        
        .perf-text-title{
            font-size: 18px;
        }
        
        .perf-text-content-space{
        /*width: 500px;*/
        }
        
        .perf-text-title-space{
            margin-left: 0px;
        }
        .perf-text-content-space{
            width: 400px;
        }
    }
    
    @media (max-width: 1199px) (min-width: 990px){
        .perf-text-title-space{
            margin-left: 30px;
            
        }
        
        .perf-text-content-space{
            width: 100px;
        }
    }
    
    @media (max-width: 989px){
        .perf-text-content-space{
            width: auto;
        }
    }
    
    /*End performance*/
    

/* START - SAFETY*/

    .safe-head{
        color: var(--LexusColors-Black, #000);
        font-family: Nobel;
        font-size: 48px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    
    .safe-head-space{
        margin-bottom: 20px;
    }
    
    .safe-sec-space{
        padding-top: 50px;
        margin-left: 145px;
        margin-right: 145px;
        padding-bottom: 50px;
    }
    
    .safe-subhead{
        color: var(--LexusColors-Black, #000);
        font-family: Nobel;
        font-size: 26px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    .safe-subhead-space{
        margin-bottom: 8px;
        
    }
    
    .safe-subhead-content{
        color: var(--LexusColors-Black, #000);
        /*font-family: Nobel Light;*/
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }
    
    .safe-subhead-content-space{
        margin-bottom: 36px;
    }
    
    .safe-banner-space{
        margin-bottom: 36px;
    }
    
    .safe-image-size{
        width: auto;
        height: auto;
        align-items: flex-start;
    }
    
    .safe-text-title{
        color: var(--LexusColors-Black, #000);
        font-family: Nobel;
        font-size: 26px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    
    .safe-text-title-space{
        margin-right: 128px;
        margin-bottom: 8px;
        
    }
    
    .safe-text-content{
        color: var(--LexusColors-Black, #000);
        /*font-family: Nobel Light;*/
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }
    
    .safe-text-content-space{
        width: 715px;
    }
    
    /*MEDIA PERFORMANCE*/
    @media (max-width: 1300px) { 
        .safe-sec-space{
            margin-top: 50px;
            margin-left: 19px;
            margin-right: 21px;
            padding-bottom: 60px;
        }
        
        .safe-head{
            font-size: 32px;
            text-align: center;
        }
        
        .safe-subhead{
            font-size: 18px;
        }
        
        .safe-text-title{
            font-size: 18px;
        }
        
        .safe-text-content-space{
        /*width: 500px;*/
        }
        
        .safe-text-title-space{
            margin-left: 0px;
        }
        .safe-text-content-space{
            width: 400px;
        }
    }
    
    @media (max-width: 1199px) (min-width: 990px){
        .safe-text-title-space{
            margin-left: 30px;
            
        }
        
        .safe-text-content-space{
            width: 100px;
        }
    }
    
    @media (max-width: 989px){
        .safe-text-content-space{
            width: auto;
        }
    }

/*END SAFETY*>


/*Gallery CSS*/
/*.swiper {*/
/*      width: 100%;*/
/*      height: 100%;*/
/*    }*/

/*    .swiper-slide {*/
/*      text-align: center;*/
/*      font-size: 18px;*/
/*      background: #fff;*/
/*      display: flex;*/
/*      justify-content: center;*/
/*      align-items: center;*/
/*    }*/

/*    .swiper-slide img {*/
/*      display: block;*/
/*      width: 100%;*/
/*      height: 100%;*/
/*      object-fit: cover;*/
/*    }*/

/*    .swiper-slide {*/
/*      width: 80%;*/
/*    }*/
    
/*    .swiper-slide:nth-child(1n) {*/
/*      width: 30%;*/
/*    }*/

/*    .swiper-slide:nth-child(2n) {*/
/*      width: 60%;*/
/*    }*/

/*    .swiper-slide:nth-child(3n) {*/
/*      width: 40%;*/
/*    }*/


/* SPECIFICATION */
    #tab-variantss li a[aria-selected="true"]{
        color: white;
        font-weight: 700 !important;
        text-decoration: underline !important;
        text-decoration-thickness: 2px !important;
        text-underline-offset: 5px;
    }
    #tab-variantss li a:hover{
        color: white;
        font-weight: 700 !important;
    }
/* END- SPECIFICATION */








/* STYLES FOR RESPONSIVE*/
/* DESK CUSTOM- FIGMA SIZE 1920 RESPONSIVE*/
    @media (min-width: 1550px) {
        /* EXPLORE YOUR LEXUS */
        /* fit of carousel controls */
        #tab-variantsColorContent .tab-pane .variantsColorCarousel{
            width: calc(100vw * 0.465);
        }
        /* END - EXPLORE YOUR LEXUS */
    }

/*  DESK XXLARGE RESPONSIVE MIN1400*/
@media (min-width: 1400px) {  
    /* EXPLORE YOUR LEXUS */
    .margin-top--colorName{
        margin-top: 100px !important;
    }
    #tab-variantsColor li a[aria-selected="true"]{
        height: 60px !important; 
        width: 60px !important;
        outline: 2px solid black;
        outline-offset: 2px;
    }
/* END - EXPLORE YOUR LEXUS */ 
}

/*  DESK LARGE RESPONSIVE MIN992*/
    @media (min-width: 992px) {     
    /* SUBSECTION */
        .font-lg-small{
            font-size: 1.125rem !important;
        }
    /* END - SUBSECTION */
    /* EXPLORE LEXUS */
        .font--48-32{
            font-size: 48px;
            font-weight: 500;
        }
        .carousel-control-next-icon, .carousel-control-prev-icon{
            background-size: 40px 40px;
            height: 40px;
            width: 20px;
            /* filter: invert(100%) sepia(67%) saturate(0%) hue-rotate(288deg) brightness(0%) contrast(100%) !important; */
        }
        .mx-lg-12{
            margin-left: 12px !important;
            margin-right: 12px !important;
        }
    /* LEXUS-ELECTRIFIED */
        .display--md-5{
            font-size: 48px;
            font-weight: 500;
        }
    }

/*  DESK MED RESPONSIVE MIN768*/
    @media (min-width: 768px) {
    
    }

/* MOB XXL */
    @media (max-width: 1399px) {
        /* EXPLORE YOUR LEXUS*/
        #tab-variantsColor li a{
            height: 26px !important; 
            width: 27px !important;
        }
        #tab-variantsColor li a[aria-selected="true"]{
            height: 32px !important; 
            width: 32px !important;
            outline: 2px solid black;
            outline-offset: 1px;
        }
    /* END - EXPLORE YOUR LEXUS */

    }

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

/* MOB LARGE (992~1999) RESPONSIVE MAX991 */
    @media (max-width: 991px) {
        /* EXPLORE LEXUS */
        .font--48-32{
            font-size: 32px;
            font-weight: 500;
        }
        .carousel-control-next-icon, .carousel-control-prev-icon{
            background-size: 24px 24px;
            height: 24px;
            width: 24px;
        }
        /* INTERIOR */
       .min-height--mob{
            min-height:642px !important;
       }
       .min-height--mob div div{
            padding-top:100px !important;
       }
       /* END - INTERIOR */
       /* LEXUS-ELECTRIFIED */
       .display--md-5{
            font-size: 42px !important;
            font-weight: 500;
        }
    }

/* MOB MEDIUM (768~991) RESPONSIVE MAX767*/
    @media (max-width: 767px) {
        .btn-explore--size{
            width: 98.565% !important;
        }

        /* .contentText-banner-form {
            margin-top: 8%;
        } */

        .safe-text-title-space {
            margin-right: 0;
        }

        .perf-img {
            order: 2;
        }

        .perf-text-whole {
            order: 1;
        }
    }

/* MOB SMALL (576~767) RESPONSIVE MAX575*/
    @media (max-width: 575px) {
        /* INTERIOR EXTERIOR*/
        .slick-carousel--interior ul li button, .slick-carousel--exterior ul li button{
            width: 9vw !important;
        }
  
    }

/* MOB MOBILE SIZE IN FIGMA RESPONSIVE MAX407*/
    @media (max-width: 407px) {
        /* EXPLORE LEXUS - FIX for 2 lines color Btn */
        .pt--5{
            padding-top: 3rem;
        }
        /* SPECIFICATION - Fix Connected text description Table*/
        .RTE--table-specs table tbody tr td:last-child{
            padding-left: 15px;
        }
    }