* {
	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;
}

/* driver history report */

.bg-blue-tint {
    background-color:var(--color-primary-blue-600) ;
    
}
.hero-image-cover {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    display: block;
    max-height: 200px;
}
.new-resident-banner {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #dee2e6;
    color: white !important;
    min-height: auto; 
    max-height: 200px;
}
.content-text
{
    color: white !important;
}

.new-resident-banner:hover {
    transform: translateY(-4px); 
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12) !important; 
}

.hero-image-cover {
    transition: transform 0.3s ease;
    object-fit: cover;
}

.new-resident-banner:hover .hero-image-cover {
    transform: scale(1.05); /* Subtle zoom into the image */
}

@media (max-width: 767px) {
    .hero-image-cover {
        height: 100%; 
        object-fit: cover;
    }
    .new-resident-banner{
        max-height: 100%;
    }
}
/*Public records request*/
.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;
}
/*record number*/
.rec-icon
{
    width:20px;
    height:20px;
}
/*vehicle records*/
.card-section-middle {
    padding: 0px 16px 16px 16px;
    flex-grow: 1; 
}

.card-section-middle p {
    font-size: 16px;
    
    margin: 0px;
    line-height: 1.4;
}

.card-donor-bg {
	background-color: #f0f9ff;
	border: 1px solid #cce5ff;
}
.service-card {
    
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    display: flex !important;
    flex-direction: column !important;
    height: 100%; 
    transition: transform 0.2s ease-out, box-shadow 0.2s ease-out, border-color 0.2s ease-out;
    transform: translateY(0); 
}

.service-card:hover,
.service-card:focus-within {
    transform: translateY(-4px); 
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12); 

   background-color: white!important;
	border: 1px solid var(--color-primary-blue-600)!important;
}
/* application */


.table thead th {
    background-color: #0076b6 !important; 
    color: white !important;
    border-bottom: none;
    --bs-table-bg: #0076b6 !important; 
    --bs-table-color: white !important;
    font-size: 20px !important; ;
    font-family: roboto !important;
    
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-bg-type: #f1f8fe !important; 
    background-color: var(--bs-table-bg-type) !important;
}


.table-striped > tbody > tr:nth-of-type(even) > * {
    background-color: #ffffff !important;
}
.table-striped > tbody > tr > * {
    border-color: #f0f0f0 !important;
    font-size: 18px !important; ;
    font-family: roboto !important;
    color: black !important;
}

.table td {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    border-color: #f0f0f0;
}


.table tbody tr:hover  {
    
    outline: 2px solid var(--color-bg-grey) !important;
}

/*address*/


.map-wrapper {
    border-radius: 10px;
    overflow: hidden;
    line-height: 0;
    border: 1px solid rgba(0,0,0,0.05);
}


.map-wrapper iframe {
    transition: transform 0.3s ease;
}

.map-wrapper:hover,.map-wrapper:focus-within iframe {
    transform: scale(1.02); /* Slight zoom on hover for interactivity */
}