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



/* Understanding your situation */
.cardmarginleft {
    margin-left: 2.6rem !important;
}

.checkbullets {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

.checkbullets li {
    position: relative;
    padding-left: 28px;
}

.checkbullets li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 18px;
    height: 18px;
    background-image: url("../images/dlsuspension/check.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

/*tab section*/
.dmv-custom-tabs {
	background-color: #003e67 !important;
}

.nav-item {
	background-color: #003e67 !important;
	color: #ffffff !important;
	font-size: 16px !important;
	font-family: Roboto !important;
}

.nav-tabs .nav-link.active {
	background-color: white !important;
	color: black !important;
	border-radius: 0px !important;
	border-bottom: 2px solid #00B4D8 !important;
}

.nav-tabs .nav-link:hover {
	background-color: white !important;
	color: black !important;
	border-radius: 0px !important;
}

.nav-tabs .nav-link:focus {

	border-radius: 0px !important;
	outline: 2px solid #00B4D8 !important;
	outline-offset: -6px !important;
	box-shadow: none !important;
}

.tab-content {
	background-color: #fff !important;
	font-size: 16px !important;
	font-family: Roboto !important;
}

.tab-content p {
	font-size: 16px !important;
	font-family: Roboto !important;
	color: black !important;
	font-weight: 400 !important;
}

.dmv-icon-box {

	background-color: #f0f9ff !important;
	box-sizing: border-box !important;
	border: 5px solid #f0f9ff !important;
}

.custom-border {
        /* This overrides the variable Bootstrap uses internally */
        --bs-border-color: #bee9ff !important;
        background-color: #ffffff !important;
    }

/* table */
.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;
}

.text-decoration-underline-black {
	color: #1a1a1a;
	text-decoration: underline;
}

/*Faq section*/
.faq-header {
	background-color: #f8f9fa;
	padding: 2rem 0;

	margin-bottom: 2rem;
}


.faq .accordion-button {
	color: #000000 !important;

	text-decoration: none !important;

	font-size: 20px !important;
}

.faq .accordion-button:not(.collapsed) {
	background-color: white !important;
}
.frame-parent23 {
  	width: 100%;
  	border-radius: 8px;
  	background-color: #fff;
  	border: 1px solid #c4c4c4;
  	box-sizing: border-box;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	padding: 24px;
  	gap: 24px;
  	font-size: 20px;
}
.frame-parent24 {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 24px;
}
.frame-parent25 {
  	flex: 1;
  	border-radius: 8px;
  	background-color: #fff;
  	border: 1px solid #bee9ff;
  	box-sizing: border-box;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	padding: 24px;
  	gap: 24px;
    min-width: 0;
}
.iconicon-with-background-parent5 {
  	display: flex;
  	align-items: flex-start;
  	gap: 16px;
}
.understanding-the-device {
  	width: 482px;
  	position: relative;
  	font-size: 16px;
  	line-height: 24px;
  	color: #292929;
  	display: inline-block;
}
.frame-parent26 {
  	align-self: stretch;
  	display: flex;
  	align-items: center;
  	gap: 32px;
}
.before-starting-vehicle-parent {
  	width: 288px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 8px;
}
.before-starting-vehicle {
  	align-self: stretch;
  	position: relative;
  	line-height: 30px;
}
.while-driving-parent {
  	width: 288px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 8px;
  	font-size: 18px;
}
.while-driving {
  	align-self: stretch;
  	position: relative;
  	line-height: 26px;
}
.boxsm-secondary3 {
  	width: 100%;
    max-width: 100%;
  	border-radius: 8px;
  	background-color: #f0f9ff;
  	border: 1px solid #bee9ff;
  	box-sizing: border-box;
  	display: flex;
  	align-items: flex-start;
  	padding: 16px;
  	font-size: 18px;
}
.frame-parent28 {
  	width: 552px;
  	display: flex;
  	align-items: flex-start;
  	gap: 8px;
}
.line23 {
  	align-self: stretch;
  	display: flex;
  	align-items: flex-start;
  	font-size: 16px;
  	color: #292929;
}
.frame-wrapper2 {
  	flex: 1;
    min-width: 0;
    height: auto;
  	border-radius: 8px;
  	background-color: #fff1f1;
  	border: 1px solid #ffc9c9;
  	box-sizing: border-box;
  	display: flex;
  	align-items: flex-start;
  	padding: 24px;
  	font-size: 16px;
}
.frame-parent29 {
  	width: 100%;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 16px;
}
.iconicon-with-background-parent6 {
  	width: 340px;
  	height: 89px;
  	display: flex;
  	align-items: flex-start;
  	gap: 16px;
  	font-size: 20px;
}
.iconicon-with-background8 {
  	height: 40px;
  	width: 40px;
  	border-radius: 8px;
  	background-color: #fff;
  	border: 1px solid #ffc9c9;
  	box-sizing: border-box;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: center;
  	padding: 8px;
  	flex-shrink: 0;
}
.frame-parent30 {
  	height: 218px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 16px;
  	flex-shrink: 0;
}
.serious-penalties-parent {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	flex-shrink: 0;
}
.serious-penalties {
  	width: 285px;
  	position: relative;
  	line-height: 30px;
  	display: inline-block;
}
.list-item14 {
  	width: 476px;
  	height: 24px;
  	display: none;
  	align-items: flex-start;
  	flex-shrink: 0;
}
.box584-icon-parent {
  	width: 100%;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 16px;
  	color: #151515;
}
.box584-icon2 {
  	width: 340px;
  	border-radius: 8px;
  	background-color: #fff;
  	border: 1px solid #ffc9c9;
  	box-sizing: border-box;
  	display: flex;
  	align-items: flex-start;
  	padding: 16px;
}
.in-person-reinstatement-you-mu-wrapper {
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
}
.nrs-484c470-wrapper {
  	width: 328px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	color: #292929;
}
.nrs-484c470 {
  	width: 289px;
  	position: relative;
  	line-height: 24px;
  	display: inline-block;
}
.box1200small-icon {
  	align-self: stretch;
  	border-radius: 8px;
  	background-color: #fffbeb;
  	border: 1px solid #fee685;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	padding: 16px;
}
.importnat-parent {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 8px;
}
.importnat {
  	align-self: stretch;
  	display: flex;
  	align-items: center;
  	gap: 8px;
}
.iconwarning2 {
  	width: 20px;
  	position: relative;
  	max-height: 100%;
}
.page-header-container {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	gap: 24px;
}
.table-header-parent {
  	width: 1248px;
    display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	font-size: 20px;
  	color: #fff;
}
.table {
  	width: 390px;
  	background-color: #0077b6;
  	align-items: center;
    margin-bottom: 0px !important;
  	padding: 16px;
  	box-sizing: border-box;
}
.heading {
  	align-self: stretch;
  	flex: 1;
  	position: relative;
  	line-height: 30px;
}
.table2 {
  	width: 462px;
  	background-color: #0077b6;
  	align-items: center;
  	padding: 16px;
  	box-sizing: border-box;
}
.heading2 {
  	flex: 1;
  	position: relative;
  	line-height: 30px;
}
.table3 {
  	width: 396px;
  	background-color: #0077b6;
  	align-items: center;
  	padding: 16px;
  	box-sizing: border-box;
}
.form-row-parent {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	font-size: 16px;
  	color: #1a1a1a;
}
.form-row {
  	align-self: stretch;
  	background-color: #fff;
  	border-bottom: 1px solid #d9d9d9;
  	display: flex;
  	align-items: center;
  	padding: 16px;
}
.frame-parent31 {
  	flex: 1;
  	display: flex;
  	align-items: center;
  	gap: 4px;
}
.alcoalert-interlock-inc-wrapper {
  	width: 390px;
  	display: flex;
  	align-items: flex-start;
}
.alcoalert-interlock-inc {
  	position: relative;
  	line-height: 24px;
}
.httpsalcolockusacom-wrapper {
  	width: 462px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	color: #003e67;
}
.httpsalcolockusacom {
  	width: 528px;
  	position: relative;
  	text-decoration: underline;
  	line-height: 26px;
  	font-weight: 600;
  	color: inherit;
  	display: inline-block;
  	flex-shrink: 0;
}
.wrapper {
  	width: 192px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
}
.div {
  	position: relative;
  	text-decoration: underline;
  	line-height: 22px;
  	font-weight: 600;
}
.form-row2 {
  	align-self: stretch;
  	background-color: #f9f9f9;
  	border-bottom: 1px solid #c4c4c4;
  	display: flex;
  	align-items: center;
  	padding: 16px;
}
.httpsalcolockusacom2 {
  	width: 528px;
  	position: relative;
  	text-decoration: underline;
  	line-height: 26px;
  	font-weight: 600;
  	display: inline-block;
  	flex-shrink: 0;
}
.div11 {
  	position: relative;
  	line-height: 22px;
  	font-weight: 600;
}
.page-header-parent2 {
  	width: 1248px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 24px;
  	font-size: 20px;
}
.page-header4 {
  	width: 1248px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	font-size: 32px;
}
.web-header4 {
  	align-self: stretch;
  	height: 42px;
  	position: relative;
  	letter-spacing: -0.25px;
  	line-height: 42px;
  	display: inline-block;
  	flex-shrink: 0;
}
.box1200icon {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	font-size: 16px;
  	color: #151515;
}
.box1200icon-inner {
  	width: 1200px;
  	border-radius: 8px;
  	background-color: #f0f9ff;
  	border: 1px solid #bee9ff;
  	box-sizing: border-box;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	padding: 16px;
}
.important2 {
  	position: relative;
}
.cardwith-icon-parent {
  	width: 1248px;
  	display: flex;
  	align-items: center;
  	gap: 24px;
}
.cardwith-icon {
  	width: 400px;
  	border-radius: 8px;
  	background-color: #fff;
  	border: 1px solid #c4c4c4;
  	box-sizing: border-box;
  	display: flex;
  	align-items: flex-start;
  	padding: 16px;
}
.iconicon-with-background-parent7 {
  	width: 368px;
  	display: flex;
  	align-items: flex-start;
  	gap: 16px;
}
.frame-parent44 {
  	width: 312px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
  	gap: 16px;
}
.when-you-accumulate-12-or-more-wrapper {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
  	font-size: 16px;
  	color: #292929;
}
.chiplg {
  	display: flex;
  	align-items: flex-start;
  	font-size: 14px;
  	color: #bf2600;
}
.chiplg2 {
  	border-radius: 8px;
  	background-color: #fff1f1;
  	border: 1px solid #ffc9c9;
  	display: flex;
  	align-items: center;
  	padding: 8px;
}
.access {
  	position: relative;
  	letter-spacing: -0.25px;
  	line-height: 20px;
  	font-weight: 600;
}
.cardwith-icon2 {
  	height: 198px;
  	width: 400px;
  	border-radius: 8px;
  	background-color: #fff;
  	border: 1px solid #c4c4c4;
  	box-sizing: border-box;
  	display: flex;
  	align-items: flex-start;
  	padding: 16px;
}
.vector-icon45 {
  	position: absolute;
  	height: 82.5%;
  	width: 66.67%;
  	top: 8.96%;
  	right: 16.67%;
  	bottom: 8.54%;
  	left: 16.67%;
  	max-width: 100%;
  	overflow: hidden;
  	max-height: 100%;
}
.suspension-occurs-if {
  	margin: 0;
}
.required-to-provide {
  	margin-bottom: 0px;
}
.cardwith-icon-group {
  	align-self: stretch;
  	display: flex;
  	align-items: center;
  	gap: 24px;
}
.cardwith-icon4 {
  	height: 174px;
  	width: 400px;
  	border-radius: 8px;
  	background-color: #fff;
  	border: 1px solid #c4c4c4;
  	box-sizing: border-box;
  	display: flex;
  	align-items: flex-start;
  	padding: 16px;
}
.vector-icon46 {
  	position: absolute;
  	top: calc(50% - 11px);
  	left: calc(50% - 5px);
  	width: 11px;
  	height: 22px;
}
.more-than-750 {
  	letter-spacing: -0.25px;
  	font-weight: 600;
}
.vector-icon47 {
  	position: absolute;
  	height: 64.58%;
  	width: 97.92%;
  	top: 17.71%;
  	right: 1.04%;
  	bottom: 17.71%;
  	left: 1.04%;
  	max-width: 100%;
  	overflow: hidden;
  	max-height: 100%;
}
.cardwith-icon7 {
  	height: 150px;
  	width: 400px;
  	border-radius: 8px;
  	background-color: #fff;
  	border: 1px solid #c4c4c4;
  	box-sizing: border-box;
  	display: flex;
  	align-items: flex-start;
  	padding: 16px;
}
.cardwith-icon-parent2 {
  	display: flex;
  	align-items: center;
  	gap: 24px;
}
.vector-icon48 {
  	position: absolute;
  	height: 92.08%;
  	width: 75%;
  	top: 3.7%;
  	right: 12.5%;
  	bottom: 4.22%;
  	left: 12.5%;
  	max-width: 100%;
  	overflow: hidden;
  	max-height: 100%;
}
.group-icon {
  	position: absolute;
  	height: 66.67%;
  	width: 75%;
  	top: 33.33%;
  	right: 12.5%;
  	bottom: 0%;
  	left: 12.5%;
  	max-width: 100%;
  	overflow: hidden;
  	max-height: 100%;
}

.faq .accordion-button:focus {
	background-color: var(--color-primary-blue-100);
	outline: 3px solid var(--color-bg-grey);
	outline-offset: -4px;
}