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


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


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



/* Only targets <li> that are directly inside .checkbullets */
/* Remove default list styling */
ul.checkbullets {
    list-style: none;
    padding-left: 0;
    margin-bottom: 1rem; /* Handled by your mb-3, but good for safety */
}

.checkbullets > li {
    position: relative;
    padding-left: 30px; /* Increased slightly for better breathing room */
    margin-bottom: 8px; /* Adds space between the items */
    line-height: 1.5;   /* Ensures text looks good if it wraps to a second line */
}

.checkbullets > li::before {
    content: "";
    position: absolute;
    left: 0;
    /* This centers the icon vertically with the first line of text */
    top: 0.2em; 
    width: 20px;
    height: 20px;
    background-image: url("../images/dlduplicate/check.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.iconbackgroundblue {
    background-color: #f0f9ff;
    padding: 8px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* Prevents the box from squishing on small screens */
}

/* Border Blue Color */
.border-custom-blue {
    border: 2px solid #00b4d8 !important;
}

/* Border Gray Color */
.border-custom-gray {
    border: 2px solid #c4c4c4 !important;
}

/* 4. PDF Link Colors */
.link-dmv-blue {
    color: #003e67 !important;
    transition: opacity 0.2s ease;
}

.link-dmv-blue:hover {
    color: #003e67 !important;
    opacity: 0.8;
    text-decoration: none;
}