.listCar a{
    text-decoration: none;
}
.cardCar{
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}
.listCarBox{
    padding: 144px 0px;
}
.listCarBox .btn{
    display: inline-block;
}
.titleListCar{
    font-family: OpenSauceBold;
    font-size: 32px;
    margin: 0px;
}
.listCar{
    margin: 44px 0px 0px;
    list-style: none;
    padding: 0px;
    display: inline-block;
    width: 100%;
}
.firstCard{
    background: #F8F8F8;
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
}
.yearSmall{
    font-size: 14px;
    color: #979797;
    margin: 0px;
}
.titleCarSmall{
    font-size: 26px;
    font-family: OpenSauceBold;
    margin: 0px;
    line-height: 32px;
}
.secondCard{
    background: #EFEFEF;
    padding: 16px;
    display: flex;
    align-items: center;
    align-self: stretch;
    justify-content: space-between;
}
.iconCar {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 4px;
    width: 55%;
}
.iconCar1, .iconCar2, .iconCar3 {
    width: 33.33%;
    justify-content: center;
    display: flex;
    background: #FFF;
    padding: 4px 8px;
    border-radius: 16px;
    font-size: 14px;
    color: #979797;
    gap: 4px;
}
.priceCar{
    color: #000;
    font-size: 16px;
    font-family: OpenSauceBold; 
}
.priceCar span{
    color: #979797 !important;
    font-family: OpenSauce !important;
}
.cardCar .arrow{
    position: absolute;
    right: 16px;
    top: 32px
}







/* RESPONSIVE */

/* SMALL DESKTOP */
@media only screen and (min-width : 1025px) and (max-width : 1198px) {

}
/* IPAD */
@media (min-width: 768px) and (max-width: 1024px) {

}

/* IPAD LANDSCAPE */
@media (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {

}

/* IPAD PORTRAIT */
@media (min-width: 768px) and (max-width: 1024px) and (orientation:portrait){

}

/* SMARTPHONE */
@media only screen and (min-width: 320px) and (max-width: 767px) {

}