@font-face{
    font-family:'Toyota Regular';src:url(/Font/ToyotaType-Book.woff2) format("woff2"),url(/Font/ToyotaType-Book.woff) format("woff");font-style:normal;font-weight:normal;font-display:swap
}
html, body{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family:'Toyota Regular';
}
.load-content{
    height: 500px;
    width: 100%;
}
.custom-intro{
    background-image: url('/img/cover.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.question-container{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.question-container h1{
    color:white;
    text-align: center;
}
.custom-intro h1,p{
    color: white;
    text-align: center;
}
.custom-intro a{
    color:white;
    background-color: red;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 50px;
}
.answers-container{
    display: flex;
    flex-direction: row;
}
.answer-item{
    background-color: white;
    color:black;
    padding: 10px 20px;
    margin-right: 10px;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
}
.answer-item:hover{
    background-color: black;
    color: white;
}
.load-bar{
    border: 2px solid lightgray;
    height: 8px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.load-bar-progress{
    background-color: black;
    height: 100%;
    transition: width 0.4s ease-in-out;
}
.model-slider-wrapper{
    overflow-x: hidden;
}
.model-slider{
    width: 100%;
    /* background-color: red; */
}
.model-slider-item{
    width:25%;
    box-sizing: border-box;
    padding: 20px;
    /* background-color: green; */
}
.model-name{
    font-size: 18px;
}

.model-thumbnail{
    width: 100%;
    /* height: 300px; */
    /* background-color: yellow; */
    /*height: 230px;*/
}
.model-thumbnail img{
   width:100%;
}
.price-bold{
    font-weight: bold;
    font-size: 18px;
}
.model-info{
    padding-left: 15px;
}
.model-cta{
    background-color: black;
    color: white;
    text-decoration: none;
    padding: 10px;
    display: inline-block;
    margin-left: 15px;
    margin-top: 10px;

}
 /* the slides */
 .slick-slide {
    margin: 0 27px;
}

/* the parent */
.slick-list {
    margin: 0 -27px;
}
@media screen and (max-width:600px){
    .model-slider-item{
        padding:50px;
    }
}