* {
    font-family: 'Roboto' !important;
}

/* --- Hero Section --- */
.hero-slide {
    display: block;
    width: 100%;
    font-family: roboto !important;
}


/* --- Image Fitting --- */
.hero-left img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    display: block;
}



/*records section*/
.pb-light-blue-tint {
    background-color: var(--color-primary-blue-100);
    border: 1px solid var(--color-primary-blue-200);
}

.pb-light-blue-border {
    border: 1px solid var(--color-primary-blue-200);
    background-color: white;
}

.icon-white {
    background-color: white;
    border: 1px solid var(--color-primary-blue-200);
    border-radius: 8px;
    padding: 8px;
    height: 40px;
    width: 40px;
}

.icon-blue {
    background-color: var(--color-primary-blue-100);
    border: 1px solid var(--color-primary-blue-200);

    border-radius: 8px;
    padding: 8px;
    height: 40px;
    width: 40px;
}

/*driving record*/
.bg-dark-blue {
    background-color: var(--color-primary-blue-600);
}

.bg-success-subtle {
    background-color: #e6f6ee;
}

.text-success {
    color: #198754;
}

.bg-purple-subtle {
    background-color: #f3e8ff;
}

.text-purple {
    color: #7e22ce;
}

.alert-warning-light {
    background-color: #fff9e6;
    color: #856404;
}

.alert-info-light {
    background-color: #e7f3ff;
    color: #00406c;
}
.driving-record-section .card{
    min-height: 520px;
}
@media (max-width: 767px) {
    .mb-6 {
        margin-bottom: 62px;
    }

}

/*understanding records*/
.under-you-record .card{
    min-height: 130px;
  
}