@import url('./settings/variables.css');

.car-basic-information *{
    padding: 0px;
    margin: 0px;
}

.car-basic-information > div:nth-child(2){
    padding-left: calc(var(--padding-margin-xxxl) * 2);
}

.car-basic-information .card-info-car{
    padding: var(--padding-margin-sm);
    gap: var(--padding-margin-lg);
    border-radius: 16px;
    border: 2px solid #DFDFDF;
    background: #FAFAFA;
    box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.06);
}

.car-basic-information .bi-header{
    color: var(--text-color);
}

.car-basic-information .bi-header > div{
    font-size: 16px;
}

.i-favorite{
    font-size: var(--icon-md);
}

.i-bi{
    font-size: var(--icon-md) !important;
}

div.field-basic-info > span::first-letter {
    text-transform: uppercase;    
}

.field-basic-info > span{
    text-transform: lowercase;
    font-size: 16px;
}

.bi-footer{
    color: var(--gray-dark-color);
}

.bi-footer span{
    font-size: 16px;
}

.contact-button button{
    font-size: 20px;
    width: 100%;
}

.contact-button button i{
    font-size: var(--icon-md) !important;
}