*{
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

/* text styles */
.text--gray-primary{
  color: var(--gray-primary);
}
.text--gray-secondary{
  color: var(--gray-secondary);
}
.text--gray-tertiary{
  color: var(--gray-tertiary) !important;
}
.text--dark-blue{
  color: var(--dark-blue);
}
/* .--Arial{
  font-family: 'Arial' !important;
} */


/* header */
/* .sticky-top{
  position: static;
} */


/* INTRO CSS */
  .introBtn--hover:hover{
    background-color: #002441;
  }
  /* .colorName--position{
      top: 70%;
  } */
  /* .colorBtn--position{
      top: 45%;   
  } */
  .colorBtn--border{
    border: 2px var(--dark-blue) solid !important;
    background-color: transparent!important;
  }
  .carousel-fade .carousel-item {
    transition-duration: .5s;
   }  
  .carousel-indicators .active{
    border: 3px var(--dark-blue) solid !important;
    width: 40px !important;
    height: 40px !important;
  }
  .carousel-indicators .active .colorBtn--active {
    width: 40px !important;
    height: 40px !important;
  }
  #avaiImgId, .img--zoom{
    /* animation: fadeIn 5s; */
    transition: transform .5s;   
  }
  .overlay_container:hover > .overlay--card img, .img-hover--zoom:hover>.img--zoom{
    -ms-transform: scale(1.03); /* IE 9 */
    -webkit-transform: scale(1.03); /* Safari 3-8 */
    transform: scale(1.03); 
  }
  .img-hover--zoom{
    overflow: hidden;
  }

  .h3 {
    font-size: 1.875rem;
  }

.h5 {
  font-size: 1rem;
}

/* .h6 {
  font-size: 15px;
} */

.ext-txt-block h1{
  width: 40vw
}

.ext-txt-block p{
  width: 45%;
}

.container-fluid .w-txt-block {
  width: 45%;
}

.container-fluid .display-5 {
  width: 40%;
  font-size: calc(38px + 7*(100vw - 768px)/832)
}

.model-cardCarousel {
  /* font-size: 18px; */
}




/* STICKY NAV BAR */
  .sticky-Navbar--margin{
    /* filter: blur(1px);
    -webkit-filter: blur(1px); */
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }
  .btn-primary--custom{
    background-color: #008DFC;
    border-color: #008DFC;
    font-weight: bold;
  }
  .btn-primary--custom:hover{
    background-color: #0078D6;
  }
  .dropdown--hover-bg:hover{
    background-color: inherit;
    color: black;
  }
  .dropdown--position .dropdown-menu{
    width: 230%;
    height:auto !important;
  }
/* STICKY NAVBAR - STYLES FOR SCROLL*/
  .sticky-Navbar--position{
    position: fixed !important;
    top: 0 !important;
  }
  .sticky-Navbar--background{
    background-color: #3333337a !important;
    color: var(--white) !important;
  }
  .sticky-Navbar--background ul li .btn-outline-light--custom{
    border-color:  var(--white) !important;
    color:  var(--white) !important;
  }
  .sticky-Navbar--background ul li .btn-outline-light--custom:hover{
      color: var(--gray-primary) !important;
  }
/* STICKY NAVBAR - STYLES FOR SCROLL*/

ul li .btn {
  height: 46px;
  width: 206px;
}

.px-2--mob{
  padding: 10px !important;
}


/* AVAILABLE MODELS CSS */
  .brandIcon--radius>.btn:first-child, .btn-group--in>.btn--in:first-child{
  border-top-left-radius: 30px !important;
  border-bottom-left-radius: 30px !important;
  }
  .brandIcon--radius>.btn:last-child, .btn-group--in>.btn--in:last-child{
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
  }
  /* , .btn-group--in>:not(.btn--in:first-child) -- modify*/
  .brandIcon--radius>:not(.btn:first-child) .brandIcon--border{
    border-left: 0.8px var(--gray-tertiary) solid;
  }
  .btn-gray--custom:hover, .btn-gray--custom:has(.active){
    background-color: var(--gray-primary);
  }
  .btn-gray--custom:hover> a img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(7495%) hue-rotate(323deg) brightness(113%) contrast(111%);
  }
  .btn-outline-lightgray--custom{
    border-color: #BBBBBB!important;
    font-weight: bold;
  }
  .btn-outline-lightgray--custom:hover{
    background-color: #EBEBEB;
  }

  .brand-btn {
    padding: 1.2rem;
  }


/* SLICK SLIDER */
  .slick-dots li button{
    content: '' !important;
    display: none;
  }
  .slick-track, .slick-list{
    display:flex ;
  }
  .slick-slide {
    margin: 0 20px;
  }
  .slick-disabled{
    opacity:0;
  }
  ul[class="slick-dots"]{
    display:flex;
    justify-content: center;
  }
  ul[class="slick-dots"] li{
    /* margin: 0 15px; */
    font-size: 22px;
    color: var(--gray-tertiary);
  }
  ul[class="slick-dots"] .slick-active{
    color: var(--gray-primary);
  }

  .btn-model-pad {
    padding-top: 0.6rem;
    height: 46px;
    width: 207px;
  }

    .--CorpoSTextBold {
      font-family: "Corpo S Text Office Bold" !important;
    }


/* END - SLICK SLIDER */

.ext-hover:hover {
  color: #333;
}
  
  /*Styles Button white*/
/*.ebrochure--spaces .content-btn {
    display: grid;
    grid-template-columns: 49.5% 49.5%;
    justify-items: center;
}
.ebrochure--spaces button.type2btn {
    width: 90%;
    background-color: white;
    border-radius: 3rem;
    padding: 0.5rem;
    border: 1px solid black;
}

.ebrochure--spaces button.type1btn {
    width: 90%;
    background-color: #0078D6;
    border-radius: 3rem;
    padding: 0.5rem;
    border: 1px solid #0078D6;
}*/
/* TAB ACCORDION */
  .avai-aTag--hover:hover, p a[aria-expanded="true"], h4 a[aria-expanded="true"]{
    color: var(--gray-primary) !important;
  }
  .avai-aTag--hover{
    cursor: pointer;
    /* box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); */
  }
  .avai-aTag--hover:not(.collapsed){
    box-shadow: none !important;
  }
  .nav .in_aTag--hover.active  {
    border-bottom: 2px var(--dark-blue) solid !important;
    color: var(--gray-primary) !important;
  }
  .nav-tabs .nav-link:hover{
    border:none;
  }
  .in_aTag--hover:hover{
    color: var(--gray-primary) !important;
  }
  .eiFilterBtnActive{
    color: black !important;
  }
  .accordion-flush .accordion-item:first-child{
    border-bottom:0;
  }


/* Contact Us reverse z-index */
  .content-page-form {
    z-index: 0 !important;
  }
/* eBrochure reverse spaces */
  .ebrochure--spaces .contentForm {
    padding: 0 !important;
    margin-bottom: 0 !important;
  }

/* Roadside Assitance */
.banner-Title--width{
  width:80%;
}
  
/* ColorPicker Blocklist */
  .btn-group--in .colorBtn--border{
    border: none !important;
  }
  .colorBtn--border:has(.eiFilterBtnActive){
    border: 4px var(--dark-blue) solid !important;
  }
  .btn-group--in:has(.colorBtn--border){
    align-items: center;
  }
  .p-1--smaller{
    padding: 2px;
  }
/* END- ColorPicker Blocklist */

/* FIlter Button- Blocklist */
.btn-group--in>:not(.btn--in:first-child) .border-length--short{
    border-left: 0.8px var(--gray-tertiary) solid;
  }
/* END - FIlter Button- Blocklist */




/* STYLES FOR RESPONSIVE MENU*/
  /* > XLARGE RESPONSIVE*/
  @media (min-width: 1201px) {
    /* FIXED NAVBAR */
    #sticky-Navbar{
      position: absolute;
      top: 83%;
    }
    .sticky-Navbar--margin{
      background-color: #33333374;
      color: var(--white);
    }
    /* .mx-lg-max {
      margin: 0 5%;
    } */
  }
  .nav-link.btn-outline-light--custom{
    border-color: var(--white);
    font-weight: bold;
    color: var(--white);
  }
  .btn-outline-light--custom:hover{
    background-color: #EBEBEB;
    color: var(--gray-primary);
  }

  /* > LARGE RESPONSIVE*/
  @media (min-width: 992px) {
    /* AVAILABLE CARS */
    .p-lg-5--custom{
      padding: 100px 50px !important;
    }
    .p-lg-4--custom{
      padding: 50px !important;
    }
    .py-lg-10{
      padding-top: 10% !important;
      width: 50%;
    }

  }

  /* ALMOST < XL */
  @media (max-width: 1501px) {
    .colorName--position{
      top: 67.5%;
    }
    .slickCount--avai .slick-list .slick-track .slick-slide{
      margin: 0 3px;
    }
  }

  /* < XL RESPONSIVE*/
  @media (max-width: 1200px) {
    /* FIXED NAVBAR */
    .sticky-Navbar--margin{
      color: var(--gray-primary);
    }

    /* .sticky-Navbar--position{
      top: 178px !important;
    } */
    .colorBtn--position{
      top: 52%;   
    }
    #stickyTrigger{
      position: static !important;
    }
    .nav-link.btn-outline-light--custom, .btn-outline-light--custom:hover{
      border-color: var(--black);
      font-weight: bold;
      color: var(--black);
    }
    

    /* INTRO RESPONSIVE */
    .colorName--position{
      top: 78% !important;
    }
    
    /* header */
    /* .sticky-top{
      position: sticky !important;
    } */
  }


  /* < LARGE RESPONSIVE*/
  @media (max-width: 991px) {
    .font-size--1{
    font-weight: 400 !important;
    font-size: 12px !important;
    }
    /* FIXED NAVBAR */
    /* .dropdown--position{
      display: none !important;
    } */
    .dropdown--position .dropdown-menu{
      width: 250% !important;
      margin: 65px 0 !important;
    }
    
    /* slick */
    .d-none--mob{
      display: none !important;
    }
    
    /* FOR TAB COLLAPSE */
    .tab-content>.tab-pane {
      display: block;
      opacity: 1;
    }

    /* INTRO RESPONSIVE */
    .colorBtn--size{
      width: 20px !important;
      height: 20px !important;
    }
    .carousel-indicators .active, .carousel-indicators .active .colorBtn--active{
      width: 30px !important;
      height: 30px !important;
    }

    /* Interior */
    .btn-group--in{
      position:static !important;
      /* justify-content: start !important; */
      /* margin: 20px 0 !important; */
    }
    .btn-group--in>.btn--in{
      border-top: 1px var(--gray-tertiary) solid;
      border-bottom: 1px var(--gray-tertiary) solid;
    }
    .btn-group--in>.btn--in:first-child{
      border-left: 1px var(--gray-tertiary) solid;
    }
    .btn-group--in>.btn--in:last-child{
      border-right: 1px var(--gray-tertiary) solid;
    }
    .fontSizeAdjustment{
      font-size: 15px !important;
    }


  /* RoadsideAssitance */
    .w-50--responsive{
      width: 50% !important;
    }
    .banner-top--size{
      /* top: 25% !important; */
    }
    .w-100--mob{
      width:100% !important;
    }

  }

  /* bugFixes - approach for changes on header sticky breakpoint */
  @media (max-width: 768px) {
    .sticky-Navbar--position{
      top: 77px !important;
    }
    #stickyTrigger{
      position: absolute !important;
      top: 64% !important;
    }
  }

  /* < MEDIUM RESPONSIVE*/
  @media (max-width: 620px) {
  /* bugFixes - approach for changes on header sticky breakpoint */
    #stickyTrigger{
      top: 275px !important;
    }

  /* INTRO RESPONSIVE */
    .image--responsive{
      height: 350px !important;
      object-fit: cover !important;
    }
    .carousel-indicators .active{
      border: 2px var(--dark-blue) solid !important;
    }
    .colorBtn--border{
      padding: 2px !important;
      border-width: 1.5px !important;
      margin: 1.5px ;
    }

  /* ColorPicker Blocklist */
    .colorBtn--border:has(.eiFilterBtnActive){
      border: 2px var(--dark-blue) solid !important;
      padding: 4px !important;
    }
  /* END - ColorPicker Blocklist */
  

  /* SLICK INTERIOR */
    .slick-next--in, .slick-prev--in, .slick-next--ex, .slick-prev--ex, .slick-next--tech, .slick-prev--tech{
        display: none !important;
    }

  /* YOUTUBE EMBED */
    .youtube-height--mob{
      height: 300px !important;
    }

  /* RoadsideAssitance */
    .font-size--mob .display-3{
      font-size: 28px !important;
    }
    .font-size--mob h5{
      font-size: 16px !important;
    }
  

  }


/* < SMALL RESPONSIVE*/
  @media (max-width: 576px) {
    /* INTRO RESPONSIVE */
    .colorBtn--size{
      width: 10px !important;
      height: 10px !important;
    }
    .carousel-indicators .active, .carousel-indicators .active .colorBtn--active{
      width: 15px !important;
      height: 15px !important;
    }

    /* SLICK SLIDER */
    .slick-slide {
      margin: 0 5px !important;
    }
    .slick-carousel--tech .img-hover--zoom{
      width: 310px !important;
    }

    /* ColorPicker Blocklist */
    .btn-group--in .colorBtn--border .colorBtn--size{
      width: 30px !important;
      height: 30px !important;
    }

    /* RoadsideAssitance */
    .w-50--responsive{
    width: 60% !important;
    }

    .h3 {
      padding-bottom: 4.5rem;
    }

    .container-fluid .h4,
    .container-fluid .display-5 {
      width: unset;
    }

    .ext-txt-block h1{
      width: unset;
    }
    
    .ext-txt-block p{
      width: unset;
    }
    
    .container-fluid .w-txt-block {
      width: unset;
    }

    ul li .btn {
      height: 46px;
      width: 184px !important;
  }
  ul.navbar-nav.m-lg-0.m-auto {
    gap: 0.5rem !important;
}
  .sticky-Navbar--margin {
    color: var(--gray-primary);
    padding-right: 0rem!important;
    padding-left: 0rem!important;
}
    .order-1 {
      display: none;
    }

    .order-2, .order-4 {
      padding: 0 0.15rem;
      padding-top: 0.15rem;
    }

  }

/* < MOBILE SIZE IN FIGMA RESPONSIVE*/
@media (max-width: 555px) {
  .dropdown--position .dropdown-menu{
    width: 85vw !important;
  }
}