@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');


/**********************
    Typography
***********************/
h1, h2, h3,
h4, h5, h6,
h1.pagetitle {
  font-family: "Audiowide", serif!important;
  font-weight: 400!important;
  font-style: normal!important;
}

/**********************
    Quicklinks
***********************/
.quicklinkbuttons-vertical {
    padding: 0px!important;
}

@media(max-width: 767.7px) {
.cus-quick .quicklinkbutton-label {
    font-size: 16px!important;
}
}

/**********************
    Youtube
***********************/
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 300%;height: 100%;margin-left: -100%; margin-top: -120px;}
.ytplayer {pointer-events: none; position: absolute;}

.video-row-bg .element-outer-container.element-type-customhtml {padding: 0px!important;}
.video-row-bg {background-color: #000;}
.video-row-bg .container-fluid {opacity: .6;}

#element-a6417eb9c8254f99843ed59c064e0010 {
    padding: 0px;
}

/**********************
    CUSTOM BANNER
***********************/
.cusban-desktop {
    display: none;
}
div.banner-container {
    background-color: #000;
}


.banner-container .container {
    padding: 0px;
}

.cus-loc-ban {
    display: flex;
    gap: 20px;
    flex-direction: column;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
.cusban-desktop {
    display: block;
}
.cusban-mobile {
    display: none;
}
.cus-loc-ban {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: space-around;
    margin-bottom: 20px;
}
}


/*
.calc-loan-amount.calc-loan-amount,
.calc-monthly-payment.calc-monthly-payment,
.calc-lease-price.calc-lease-price,
.calc-monthly-payment.calc-monthly-payment,
.calc-vehicle-price.calc-vehicle-price {
    color: #121212;
}
*/

input.input-data, textarea.input-data, div.input-data {
    background-color: #111!important;
}

span.quicklinkbutton-label-img {
    background-color: #bb0000;
    color: #000;
}

span.quicklinkbutton-label-img {
    font-size: 15px;
 font-weight: 900;
}

span.quicklinkbutton-label {
font-weight: 700;
}

span.quicklinkbutton-label-img:hover {
    background-color: rgb(6 6 6 / 59%);
}

/****Banner  background IMG
@media screen and (max-width: 972px) {
    .banner-container.dynamic-centering.main-container  {
           background-position: 3rem center !important;
           background-size: contain;
     }
}****/

/* Hide .custombanner on tablets and desktops (e.g., screens wider than 768px) */
@media (min-width: 768px) {
  .custombanner {
    display: none;
  }
}