@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//haulconnectcdl.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.5.1") format("woff2");
}

:root {
	--wd-text-font: "Inconsolata", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgba(224,230,237,0.6);
	--wd-text-font-size: 16px;
	--wd-title-font: "Archivo", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 800;
	--wd-title-color: rgb(224,230,237);
	--wd-entities-title-font: "Archivo", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: rgb(224,230,237);
	--wd-entities-title-color-hover: rgb(255, 62, 0);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Archivo", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgba(224,230,237,0.6);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Archivo", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 15px;
	--wd-primary-color: rgba(224,230,237,0.6);
	--wd-alternative-color: rgb(255,62,0);
	--wd-link-color: rgb(224,230,237);
	--wd-link-color-hover: rgb(255,62,0);
	--btn-default-bgcolor: rgb(255,62,0);
	--btn-default-bgcolor-hover: rgb(255,131,0);
	--btn-accented-bgcolor: rgb(255,62,0);
	--btn-accented-bgcolor-hover: rgb(255,131,0);
	--wd-form-brd-width: 0px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.page-title-default {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: rgb(15,18,23);
	background-image: none;
}
.page .main-page-wrapper {
	background-color: rgb(15,18,23);
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgba(224,230,237,0.6);
	--wd-form-placeholder-color: rgba(224,230,237,0.3);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


* {
	scroll-behavior: smooth !important;
}
.container {
  max-width: 85% !important;	
}
.main-page-wrapper {
    margin-top: 0px !important;
    padding: 0px !important;
}
.hdr-otr {
    background-image: url(https://haulconnectcdl.com/wp-content/uploads/2026/09/Haul-Connect-Header-image-become-our-driver-scaled.webp);
    background-size: cover;
    background-position: 50% 50%;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0px !important;
}
span.blinker {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #FF3E00;
    animation: sj-pulse 2s infinite;
    display: block;
}
p.above-h {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #FF3E00;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
}
p.above-h.above-h-bg {
    border: 1px solid rgba(255, 62, 0, 0.30);
    background: rgba(255, 62, 0, 0.10);
    width: fit-content;
    padding: 4px 16px;
    border-radius: 35px;
}
@keyframes sj-pulse {
0% {
    box-shadow: 0 0 0 0 rgba(255, 62, 0, 0.5);
}
70% {
    box-shadow: 0 0 0 8px rgba(232, 19, 80, 0);
}
100% {
    box-shadow: 0 0 0 0 rgba(232, 19, 80, 0);
}
}
h1 {
    font-style: italic;
    font-weight: 900;
    FONT-SIZE: 80PX;
    DISPLAY: FLEX;
    FLEX-DIRECTION: COLUMN;
    line-height: 1.1;
}
h1 span {
    color: #FF3E00;
}
fieldset.hidden-fields-container {
    display: none !important;
}
.hdr-otr-in, .miles-outer, .steps-otr, .cnt-otr, .abt-outer, .testimonial-otr {
    position: relative;
    padding: 80px 0px;
}
.miles-outer, .cnt-otr {
	background: #1A1F26;
}
.hdr-in {
    width: 85%;
    margin: auto;
    display: flex;
    align-items: center;
    gap: 60px;
    position: relative;
    z-index: 2;
}
.hdr-ovrl {
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, #0F1217 0%, rgba(15, 18, 23, 0.00) 50%, rgba(15, 18, 23, 0.40) 100%), linear-gradient(90deg, #0F1217 0%, rgba(15, 18, 23, 0.70) 50%, rgba(15, 18, 23, 0.20) 100%);
}
.hdr-form {
    width: 45%;
}
.hdr-text {
    width: 55%;
}
p.under-h1 {
    font-size: 18px;
    max-width: 580px;
    line-height: 1.6;
    margin-bottom: 35px;
}
a.wbst-btn {
    font-family: "Archivo", sans-serif !important;
    font-size: 18px;
    text-transform: capitalize;
    line-height: 1;
    background: #FF3E00;
    padding: 16px 32px;
    border-radius: 35px;
    position: relative;
    font-weight: 600;
    display: flex;
    width: fit-content;
    align-items: center;
    gap: 6px;
    height: 56px;
	  box-shadow: 0 0 35px 0 rgba(255, 62, 0, 0.40);
}
.btn-and-stuff {
    display: flex;
    align-items: center;
}
p.info-hdr {
    margin-bottom: 0px;
    margin-right: 24px;
    padding-right: 24px;
    border-right: 1px solid rgb(255 255 255 / 14%);
    margin-left: 24px;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    color: #E0E6ED;
}
p.info-hdr span {
    color: rgba(224, 230, 237, 0.60);
    font-size: 14px;
    font-weight: 500;
}
p.info-hdr:last-child {
    padding: 0px;
    margin: 0px;
    border: none;
}
:root {
	--hsk-accent: #FF3E00;
	--hsk-accent-soft: rgba(255, 62, 0, 0.15);
	--hsk-bg: #0F1217;
	--hsk-panel: #1A1F26;
	--hsk-glass: rgba(26, 31, 38, 0.7);
	--hsk-line: rgba(255, 255, 255, 0.1);
	--hsk-line-strong: rgba(255, 255, 255, 0.15);
	--hsk-text: rgba(224, 230, 237, 0.6);
	--hsk-text-strong: #E0E6ED;
	--hsk-label: rgba(224, 230, 237, 0.5);
	--hsk-muted: rgba(224, 230, 237, 0.4);
	--hsk-faint: rgba(224, 230, 237, 0.3);
	--hsk-radius: 16px;
	--hsk-radius-sm: 8px;
}
/* --- global typography ------------------------------------------------ */
* {
	font-family: "Inconsolata", monospace !important;
}
h1, h2, h3, h4, h5,
h1 span, h2 span, h3 span, h4 span, h5 span {
	font-family: "Archivo", sans-serif !important;
}
/* --- shared form shell ------------------------------------------------ */
.hsk-form {
	max-width: 560px;
	margin: 0 auto;
	padding: 28px;
	background: var(--hsk-glass);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border: 1px solid var(--hsk-line);
	border-radius: var(--hsk-radius);
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	color: var(--hsk-text);
}
.hsk-form .wpcf7-form > p {
	margin: 0;
}
/* --- step indicator --------------------------------------------------- */
.hsk-steps {
	display: flex;
	align-items: center;
	margin-bottom: 24px;
}
.hsk-steps__dot {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border: 1px solid var(--hsk-line-strong);
	border-radius: 9999px;
	font-size: 12px;
	line-height: 16px;
	color: var(--hsk-faint);
	transition: border-color 0.25s ease, color 0.25s ease, background-color 0.25s ease;
}
.hsk-steps__dot.is-active {
	border-color: var(--hsk-accent);
	color: var(--hsk-accent);
}
.hsk-steps__dot.is-done {
	border-color: var(--hsk-accent);
	background: var(--hsk-accent);
	color: #FFFFFF;
}
.hsk-steps__line {
	flex: 1 1 0;
	height: 1px;
	margin: 0 8px;
	background: var(--hsk-line);
}
/* --- steps ------------------------------------------------------------ */
.hsk-step {
	display: none;
}
.hsk-step.is-active {
	display: block;
}
.hsk-step__title {
	margin: 0 0 24px;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: var(--hsk-label);
}
/* --- fields ----------------------------------------------------------- */
.hsk-field {
	margin-bottom: 16px;
}
.hsk-label {
	display: block;
	margin-bottom: 8px;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: var(--hsk-label);
}
.hsk-form input[type="text"],
.hsk-form input[type="tel"],
.hsk-form input[type="email"],
.hsk-form input[type="date"],
.hsk-form input[type="number"],
.hsk-form select,
.hsk-form textarea {
	display: block;
	width: 100%;
	padding: 8px 16px;
	background: var(--hsk-bg);
	border: 1px solid var(--hsk-line);
	border-radius: var(--hsk-radius-sm);
	font-family: "Archivo", sans-serif !important;
	font-size: 16px;
	line-height: 1.25;
	color: var(--hsk-text-strong);
	outline: none;
	-webkit-appearance: none;
	appearance: none;
	transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
.hsk-form textarea {
	min-height: 120px;
	resize: vertical;
}
.hsk-form select {
	padding-right: 44px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E0E6ED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 16px center;
	cursor: pointer;
}
.hsk-form input::placeholder,
.hsk-form textarea::placeholder {
	color: var(--hsk-faint);
	opacity: 1;
}
.hsk-form input:focus,
.hsk-form select:focus,
.hsk-form textarea:focus {
	border-color: var(--hsk-accent);
	box-shadow: 0 0 0 3px var(--hsk-accent-soft);
}
.hsk-form input[type="date"]::-webkit-calendar-picker-indicator {
	filter: invert(0.7);
	cursor: pointer;
}
/* --- radio + checkbox ------------------------------------------------- */
.hsk-form .wpcf7-radio,
.hsk-form .wpcf7-checkbox {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.hsk-form .wpcf7-list-item {
	margin: 0;
	flex: 1 1 auto;
}
.hsk-form .wpcf7-list-item label {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 16px;
	background: var(--hsk-bg);
	border: 1px solid var(--hsk-line);
	border-radius: var(--hsk-radius-sm);
	font-size: 13px;
	line-height: 18px;
	color: var(--hsk-text);
	cursor: pointer;
	transition: border-color 0.18s ease, color 0.18s ease;
}
.hsk-form .wpcf7-list-item label:hover {
	border-color: var(--hsk-line-strong);
}
.hsk-form .wpcf7-list-item input[type="radio"],
.hsk-form .wpcf7-list-item input[type="checkbox"] {
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	margin: 0;
	background: transparent;
	border: 1px solid var(--hsk-line-strong);
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	transition: border-color 0.18s ease, background-color 0.18s ease;
}
.hsk-form .wpcf7-list-item input[type="radio"] {
	border-radius: 9999px;
}
.hsk-form .wpcf7-list-item input[type="checkbox"] {
	border-radius: 4px;
}
.hsk-form .wpcf7-list-item input:checked {
	border-color: var(--hsk-accent);
	background-color: var(--hsk-accent);
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
}
.hsk-form .wpcf7-list-item input:checked + .wpcf7-list-item-label {
	color: var(--hsk-text-strong);
}
.hsk-form .wpcf7-list-item label:has(input:checked) {
	border-color: var(--hsk-accent);
	color: var(--hsk-text-strong);
}
/* --- file upload ------------------------------------------------------ */
.hsk-file {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 18px 16px;
	background: var(--hsk-bg);
	border: 1px dashed var(--hsk-line-strong);
	border-radius: var(--hsk-radius-sm);
	cursor: pointer;
	transition: border-color 0.18s ease;
}
.hsk-file:hover {
	border-color: var(--hsk-accent);
}
.hsk-file.is-filled {
	border-style: solid;
	border-color: var(--hsk-accent);
}
.hsk-file__icon {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	color: var(--hsk-accent);
}
.hsk-file__text {
	flex: 1 1 auto;
	overflow: hidden;
	font-size: 13px;
	line-height: 18px;
	color: var(--hsk-faint);
	text-overflow: ellipsis;
	white-space: nowrap;
}
.hsk-file.is-filled .hsk-file__text {
	color: var(--hsk-text-strong);
}
.hsk-file__hint {
	flex: 0 0 auto;
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--hsk-muted);
}
.hsk-file .wpcf7-form-control-wrap {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
}
.hsk-file input[type="file"] {
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}
/* --- buttons ---------------------------------------------------------- */
.hsk-actions {
	display: flex;
	gap: 12px;
	margin-top: 24px;
}
.hsk-form .hsk-btn {
	flex: 1 1 auto;
	width: 100%;
	padding: 16px;
	background: var(--hsk-accent);
	border: 1px solid var(--hsk-accent);
	border-radius: 35px;
	font-family: "Archivo", sans-serif !important;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
	transition: filter 0.18s ease, transform 0.08s ease;
	text-transform: none !important;
}
.hsk-form .hsk-btn:hover {
	filter: brightness(1.1);
}
.hsk-form .hsk-btn:active {
	transform: translateY(1px);
}
.hsk-form .hsk-btn--ghost {
	flex: 0 0 auto;
	width: auto;
	min-width: 110px;
	background: transparent;
	border-color: var(--hsk-line-strong);
	color: var(--hsk-text);
}
.hsk-form .hsk-btn--ghost:hover {
	border-color: var(--hsk-text);
	filter: none;
}
/* --- validation + cf7 chrome ------------------------------------------ */
.hsk-form .wpcf7-not-valid,
.hsk-form .hsk-invalid {
	border-color: var(--hsk-accent) !important;
}
.hsk-form .wpcf7-not-valid-tip,
.hsk-form .hsk-tip {
	display: block;
	margin-top: 6px;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: 0.6px;
	color: var(--hsk-accent);
}
.hsk-form .wpcf7-response-output {
	margin: 20px 0 0;
	padding: 14px 16px;
	border: 1px solid var(--hsk-line-strong);
	border-radius: var(--hsk-radius-sm);
	font-size: 13px;
	line-height: 20px;
	color: var(--hsk-text);
}
.hsk-form .wpcf7-form.sent .wpcf7-response-output {
	border-color: var(--hsk-accent);
}
.hsk-form .wpcf7-spinner {
	margin: 12px auto 0;
	display: block;
}
.hsk-form .wpcf7-acceptance .wpcf7-list-item label {
	align-items: flex-start;
	background: transparent;
	border: 0;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
	color: var(--hsk-muted);
}
.hsk-form .wpcf7-acceptance .wpcf7-list-item label:has(input:checked) {
	border: 0;
}
.hsk-form .wpcf7-acceptance a {
	color: var(--hsk-accent);
}
/* --- live pay estimator ----------------------------------------------- */
.hsk-estimator {
	max-width: 560px;
	margin: 0 auto;
	padding: 32px;
	background: var(--hsk-bg);
	border: 1px solid var(--hsk-line);
	border-radius: var(--hsk-radius);
	color: var(--hsk-text);
}
.hsk-estimator__head {
	display: flex;
	align-items: center;
	gap: 8px;
	justify-content: center;
}
.hsk-estimator__head svg {
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	color: var(--hsk-accent);
	display: none !important;
}
.hsk-estimator__head span {
    font-size: 27px;
    font-family: Archivo, sans-serif !important;
    font-weight: 900;
    display: flex;
    margin-bottom: 15px;
    font-style: italic;
	  color: white;
}
.hsk-estimator__label {
	padding: 18px 0 11px;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: var(--hsk-label);
}
.hsk-estimator__label b {
	font-weight: 400;
	color: var(--hsk-text-strong);
}
.hsk-range {
	display: block;
	width: 100%;
	height: 8px;
	margin: 0;
	border-radius: 9999px;
	background: linear-gradient(to right, var(--hsk-accent) 0%, var(--hsk-accent) var(--hsk-fill, 50%), rgba(255, 255, 255, 0.1) var(--hsk-fill, 50%), rgba(255, 255, 255, 0.1) 100%);
	outline: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
}
.hsk-range::-webkit-slider-thumb {
	width: 18px;
	height: 18px;
	border: 3px solid var(--hsk-bg);
	border-radius: 9999px;
	background: var(--hsk-accent);
	-webkit-appearance: none;
	appearance: none;
	cursor: grab;
}
.hsk-range::-webkit-slider-thumb:active {
	cursor: grabbing;
}
.hsk-range::-moz-range-thumb {
	width: 14px;
	height: 14px;
	border: 3px solid var(--hsk-bg);
	border-radius: 9999px;
	background: var(--hsk-accent);
	cursor: grab;
}
.hsk-range:focus-visible {
	box-shadow: 0 0 0 3px var(--hsk-accent-soft);
}
.hsk-estimator__scale {
	display: flex;
	justify-content: space-between;
	margin-top: 8px;
	font-size: 10px;
	line-height: 15px;
	color: var(--hsk-faint);
}
.hsk-estimator__result {
	margin-top: 14px;
	padding: 50px 16px 32px;
	background: var(--hsk-panel);
	border: 1px solid var(--hsk-line);
	border-radius: 12px;
	text-align: center;
}
.hsk-estimator__cap {
	margin-bottom: 8px;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--hsk-muted);
}
.hsk-estimator__big {
	font-family: "Inconsolata", monospace;
	font-weight: 700;
	font-size: 48px;
	line-height: 48px;
	letter-spacing: -1.2px;
	color: var(--hsk-accent);
}
.hsk-estimator__div {
	height: 1px;
	margin: 16px 0;
	background: var(--hsk-line);
}
.hsk-estimator__cap--tight {
	margin-bottom: 4px;
}
.hsk-estimator__sub {
	font-size: 20px;
	line-height: 28px;
	color: var(--hsk-text-strong);
}
.hsk-estimator__note {
	margin-top: 14px;
	font-size: 10px;
	line-height: 16px;
	color: var(--hsk-faint);
	text-align: center;
	margin-bottom: 0px;
}
h2 {
    font-size: 48px;
    font-style: italic;
    font-weight: 900;
	  line-height: 1.2;
}
.brj-otr {
    background: #1A1F26;
    padding: 60px 0px;
}
.brj-otr .woodmart-counter .counter-value {
    font-weight: 500 !important;
    letter-spacing: 0px !important;
    font-size: 48px;
}
.brj-otr .woodmart-counter.counter-large {
    margin-bottom: 0px;
}
.brj-otr .counter-label {
    color: rgba(224, 230, 237, 0.40);
    font-size: 13px !important;
    letter-spacing: 1.2px;
    font-weight: 400 !important;
    margin-top: 5px !important;
}
.brj-otr .wpb_column {
    border-right: 1.5px solid rgba(255, 255, 255, 0.15);
}
.brj-otr .wpb_column:last-child {
    border: none;
}
.brj-col-1 .counter-value:before {
    content: "$0.";
}
.brj-col-2 .counter-value:after, .brj-col-4 .counter-value:after {
    content: "+";
    color: #ff3e00;
}
.perks-otr {
    padding: 75px 0px;
}
.split-headline {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.split-left, .split-right {
    width: 50%;
}
.split-headline h2, .split-right p {
    margin-bottom: 0px;
}
.split-right p {
    font-size: 19px;
    max-width: 520px;
    margin-left: auto;
}
.prkz-iner {
    display: flex;
    gap: 22px;
    margin-top: 45px;
}
.perkz-cards {
    width: 34%;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: #1A1F26;
    overflow: hidden;
}
.perkz-image img {
    height: 230px;
    width: 100%;
    object-fit: cover;
}
.perkz-gradient {
background: linear-gradient(0deg, #1A1F26 0%, rgba(26, 31, 38, 0.00) 100%);
	    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.perkz-image {
    position: relative;
}
.perkz-body {
    padding: 28px;
}
p.perkz-p {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(224, 230, 237, 0.40);
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.perkz-body h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
}
.perkz-body p:not(p.perkz-p) {
    color: rgba(224, 230, 237, 0.60);
    font-size: 15px;
    margin-bottom: 0px;
    line-height: 1.7;
}
p.cntrd-btn {
    margin-bottom: 0px;
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.miles-iner {
    display: flex;
    align-items: center;
    gap: 50px;
}
.miles-txt, .miles-cntr {
    width: 50%;
}
p.highlighted-p {
    color: #ff3e00;
    font-family: "Archivo", sans-serif !important;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    margin-top: -10px;
}
.checkers-p {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.checkers-img {
    border: 1px solid #FF3E00;
    background: rgba(255, 62, 0, 0.10);
    border-radius: 4px;
    min-width: 20px;
    min-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.checkers-p span {
    color: rgb(255 255 255 / 82%);
    font-size: 17px;
    line-height: 1.4;
    margin-top: -2px;
    font-weight: 500;
}
.checkers-div {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 25px;
    margin-bottom: 35px;
}
.miles-txt a {
    width: 100%;
    align-items: center;
    justify-content: center;
}
.chkl-otr {
    background: #1A1F26;
    padding: 80px 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.chkl-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-top: 45px;
}
.chkl-card {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 28px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: #0F1217;
}
.chkl-ico {
    min-width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid rgba(255, 62, 0, 0.30);
    background: rgba(255, 62, 0, 0.10);
}
.chkl-ico img {
    width: 20px;
    height: 20px;
}
.chkl-body h3 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 6px;
}
.chkl-body p {
    color: rgba(224, 230, 237, 0.55);
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 0px;
}
.chkl-fees {
    display: flex;
    gap: 16px;
    margin-top: 16px;
}
.chkl-fee {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 24px 28px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: #0F1217;
}
p.chkl-fee-label {
    color: rgba(224, 230, 237, 0.40);
    font-size: 13px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 4px;
}
p.chkl-fee-desc {
    color: rgba(224, 230, 237, 0.55);
    font-size: 15px;
    margin-bottom: 0px;
}
p.chkl-fee-num {
    font-size: 30px;
    font-weight: 700;
    color: #FF3E00;
    margin-bottom: 0px;
    white-space: nowrap;
}
.chkl-deal {
    margin-top: 25px;
    padding: 32px;
    border-radius: 16px;
    border: 1px solid rgba(255, 62, 0, 0.20);
    background: rgba(255, 62, 0, 0.05);
}
p.chkl-deal-head {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #FF3E00;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    margin-bottom: 20px;
}
p.chkl-deal-head svg {
    min-width: 16px;
    width: 16px;
    height: 16px;
}
.chkl-deal-grid {
    display: flex;
    gap: 24px;
	justify-content: space-between;
}
.chkl-deal-item {
    width: 29.33%;
}
.chkl-deal-item h4 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 6px;
}
.chkl-deal-item p {
    color: rgba(224, 230, 237, 0.50);
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 0px;
}
.cta-row-otr {
    margin: 75px 0px;
}
.cta-row-inr {
    border-radius: 16px;
    border: 1px solid rgb(35 35 35);
    position: relative;
    background-size: cover;
    background-image: url(https://haulconnectcdl.com/wp-content/uploads/2026/09/Haul-Connect-CTA-Image.webp);
    padding: 65px;
    overflow: hidden;
}
.cta-gradient {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: linear-gradient(90deg, #0F1217 0%, rgba(15, 18, 23, 0.90) 50%, rgba(15, 18, 23, 0.30) 100%);
}
.cta-txt {
    position: relative;
    z-index: 2;
    max-width: 455px;
}
.cta-txt p.above-h {
    color: rgba(224, 230, 237, 0.80);
    letter-spacing: 1px;
}
.cta-txt h2 {
    font-size: 44px;
    line-height: 1.2;
}
.cta-txt h2 span {
color: #FF3E00;
}
.cta-txt a.wbst-btn {
    margin-top: 35px;
}
.centered-hdl p {
    justify-content: center;
    /* text-align: center; */
}
.centered-hdl h2 {
    text-align: center;
}
.steps-inr {
    display: flex;
    align-items: flex-start;
    position: relative;
    margin-top: 50px;
    text-align: center;
    gap: 35px;
}
.steps-col {
    width: 34%;
}
.steps-image {
    position: relative;
    border: 1px solid #FF3E00;
    background: #0F1217;
    box-shadow: 0 0 25px 0 rgba(255, 62, 0, 0.25);
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 20px;
    border-radius: 100%;
}
.steps-col p {
    display: flex;
    flex-direction: column;
    color: rgba(224, 230, 237, 0.55);
    font-size: 15px;
    margin-bottom: 0px;
}
.steps-col p span {
    font-family: "Archivo", sans-serif !important;
    color: #E0E6ED;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
}
.steps-image img {
    width: 23px;
    height: 23px;
}
.steps-line {
    width: 70%;
    position: absolute;
    height: 2px;
    background: linear-gradient(90deg, rgba(255, 62, 0, 0.20) 0%, rgba(255, 62, 0, 0.60) 50%, rgba(255, 62, 0, 0.20) 100%);
    left: 50%;
    transform: translatex(-50%);
    top: 28px;
}
.steps-image:after {
    content: "1";
    width: 21px;
    background: #FF3E00;
    color: #FFF;
    font-size: 13px;
    height: 21px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -5px;
    right: -5px;
}
.faq-otr {
    background: #0F1217;
    padding: 80px 0px;
}
.centered-hdl {
    text-align: center;
}
.centered-hdl p.above-h {
    justify-content: center;
}
.centered-hdl h2 {
    margin-bottom: 0px;
}
.faq-iner {
    max-width: 688px;
    margin: 48px auto 0px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.faq-item {
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(26, 31, 38, 0.50);
    padding: 0px 25px;
    overflow: hidden;
}
.faq-item summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 0px;
    font-family: "Archivo", sans-serif !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    color: #E0E6ED;
    cursor: pointer;
    list-style: none;
}
.faq-item summary::-webkit-details-marker {
    display: none;
}
.faq-item summary svg {
    min-width: 16px;
    width: 16px;
    height: 16px;
    color: rgba(224, 230, 237, 0.50);
    transition: transform 0.25s ease, color 0.25s ease;
}
.faq-item[open] summary svg {
    transform: rotate(180deg);
    color: #FF3E00;
}
.faq-item[open] {
    border-color: rgba(255, 62, 0, 0.30);
}
.faq-a {
    padding: 0px 0px 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    margin-top: -1px;
    animation: faq-open 0.25s ease;
}
.faq-a p {
    color: rgba(224, 230, 237, 0.60);
    font-size: 15px;
    line-height: 1.7;
    margin: 18px 0px 0px;
}
@keyframes faq-open {
from {
    opacity: 0;
    transform: translateY(-6px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.faq-cta {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}
.faq-cta p {
    color: rgba(224, 230, 237, 0.50);
    font-size: 14px;
    margin-bottom: 0px;
}
.cntr-small .woodmart-counter.counter-large {
    margin-bottom: 0px;
}
.cntr-small .wpb_column {
    border-right: 1.4px solid #ff3e00;
    margin-right: 15px;
    padding-right: 15px;
    width: calc(30%);
}
.cntr-small .woodmart-counter .counter-value {
    font-size: 30px;
    margin-top: 5px;
}

.cntr-small .counter-label {
    color: rgba(224, 230, 237, 0.45) !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    margin-top: 5px !important;
}
.cntr-small .wpb_column:last-child {
    margin: 0px;
    padding: 0px;
    border: none;
}
.cntr-small {
    margin-top: 50px;
}
.abt-left img {
    border-radius: 16px;
}
.cnt-otr {
    background: #1A1F26;
    padding: 80px 0px;
}
.cnt-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 40px;
    margin-top: 64px;
    align-items: start;
}
.cnt-info {
    padding: 40px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: #0F1217;
}
.cnt-info h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 8px;
}
p.cnt-lead {
    color: rgba(224, 230, 237, 0.55);
    font-size: 15px;
    line-height: 1.65;
    margin-bottom: 0px;
}
.cnt-rows {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 28px;
}
.cnt-row {
    display: flex;
    align-items: center;
    gap: 16px;
}
a.cnt-row:hover .cnt-val {
    color: #FF3E00;
}
a.cnt-row:hover .cnt-ico {
    border-color: #FF3E00;
}
.cnt-ico {
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid rgba(255, 62, 0, 0.30);
    background: rgba(255, 62, 0, 0.10);
    transition: border-color 0.2s ease;
}
.cnt-ico img {
    width: 16px;
    height: 16px;
}
p.cnt-label {
    color: rgba(224, 230, 237, 0.40);
    font-size: 12px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 2px;
}
p.cnt-val {
    color: #E0E6ED;
    font-family: "Archivo", sans-serif !important;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
    transition: color 0.2s ease;
}
.cnt-resp {
    margin-top: 40px;
    padding-top: 32px;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}
p.cnt-resp-num {
    color: #FF3E00;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 0px;
    margin-top: 6px;
}
.cnt-form .hsk-form {
    max-width: 100%;
    margin: 0px;
    padding: 40px;
    background: #0F1217;
}
.hsk-form input:-webkit-autofill,
.hsk-form input:-webkit-autofill:hover,
.hsk-form input:-webkit-autofill:focus,
.hsk-form input:-webkit-autofill:active,
.hsk-form select:-webkit-autofill,
.hsk-form textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #0F1217 inset !important;
    box-shadow: 0 0 0 1000px #0F1217 inset !important;
    -webkit-text-fill-color: #E0E6ED !important;
    caret-color: #E0E6ED;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    transition: background-color 9999s ease-in-out 0s;
}
.hsk-form input:-webkit-autofill:focus {
    border-color: #FF3E00 !important;
}
.cnt-form .screen-reader-response p, .cnt-form .screen-reader-response ul {
    margin: 0px !important;
}
.hsk-up-lead {
    color: rgba(224, 230, 237, 0.60);
    font-size: 14px;
    margin-bottom: 8px;
}
.hsk-up-list {
    margin: 0px 0px 20px;
    padding-left: 18px;
    color: rgba(224, 230, 237, 0.50);
    font-size: 13px;
    line-height: 1.9;
}
.hsk-up-list li::marker {
    color: #FF3E00;
}
.hsk-file--big {
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    padding: 38px 24px;
    text-align: center;
}
.hsk-file--big .hsk-file__icon {
    width: 28px;
    height: 28px;
}
.hsk-file--big .hsk-file__text {
    flex: 0 0 auto;
    font-size: 15px;
    white-space: normal;
    overflow: visible;
}
.hsk-up-lead {
    color: rgba(224, 230, 237, 0.60);
    font-size: 14px;
    line-height: 1.65;
    margin-bottom: 20px;
}
li.wd-nav-pagin-item.wd-active span {
    border-color: #ff3e00 !important;
    background: #ff3e00 !important;
}
.testimonial-otr {
    background-image: url(https://haulconnectcdl.com/wp-content/uploads/2026/09/Testimonial-Background-Haul-Connect.jpg);
    background-size: cover;
}
.testimonial-otr h3 {
    font-size: 29px;
    max-width: 600px;
    margin: auto;
    font-weight: 400;
    font-style: italic;
}
.testimonials {
    max-width: 800px;
    margin: auto;
    margin-top: 55px;
}
a.wbst-btn:after {
    content: "";
    background-size: cover;
    background-image: url(https://haulconnectcdl.com/wp-content/uploads/2026/09/Arrow-right.svg);
    width: 12px;
    height: 12px;
    filter: brightness(0) invert(1);
}
.whb-header {
    margin-bottom: 0px !important;
}
span.nav-link-text {
    font-family: "Archivo", sans-serif !important;
    font-size: 14px;
    letter-spacing: 1px;
}
.hcw-bar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 90px;
    height: 56px;
    background: #1A1F26;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    cursor: pointer;
}
.hcw-bar-txt {
    color: #E0E6ED;
    font-family: "Archivo", sans-serif !important;
    font-size: 15px;
    font-weight: 600;
}
.hcw-open {
    position: absolute;
    left: 50%;
    bottom: 12px;
    transform: translateX(-50%);
    width: 64px;
    height: 64px;
    border-radius: 100%;
    border: 4px solid #0F1217;
    background: #FF3E00;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    cursor: pointer;
    box-shadow: 0 0 30px 0 rgba(255, 62, 0, 0.45);
    transition: transform 0.2s ease;
}
.hcw-open:hover {
    transform: translateX(-50%) scale(1.06);
}
.hcw-open img {
    width: 24px;
    height: 24px;
    filter: brightness(0) invert(1);
}
body.hcw-locked {
    overflow: hidden;
}
/* --- modal ------------------------------------------------- */
.hcw-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    transition: opacity 0.22s ease;
	  z-index: -1;
}
.hcw-modal.is-open {
    opacity: 1;
	  z-index: 2;
}
.hcw-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(8, 10, 13, 0.75);
    backdrop-filter: blur(4px);
}
.hcw-box {
    position: relative;
    z-index: -1;
    width: 100%;
    max-width: 440px;
    max-height: 88vh;
    overflow-y: auto;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: #0F1217;
    box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.6);
    transform: translateY(12px);
    transition: transform 0.22s ease;
	  overflow: hidden;
}
.hcw-modal.is-open .hcw-box {
    transform: translateY(0px);
    z-index: 2;
}
.hcw-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 24px 24px 20px;
    background: #1A1F26;
}
.hcw-head h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 4px;
}
.hcw-head p {
    color: rgba(224, 230, 237, 0.55);
    font-size: 13px;
    margin-bottom: 0px;
}
.hcw-close {
    min-width: 34px;
    min-height: 34px;
    border-radius: 100%;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: transparent;
    color: rgba(224, 230, 237, 0.60);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    cursor: pointer;
    transition: color 0.2s ease, border-color 0.2s ease;
}
.hcw-close:hover {
    color: #FF3E00;
    border-color: #FF3E00;
}
.hcw-close svg {
    width: 15px;
    height: 15px;
}
/* --- tabs -------------------------------------------------- */
.hcw-tabs {
    display: flex;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    background: #1A1F26;
}
.hcw-tab {
    width: 50%;
    padding: 14px 10px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: rgba(224, 230, 237, 0.45);
    font-family: "Archivo", sans-serif !important;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.2s ease, border-color 0.2s ease;
}
.hcw-tab:hover {
    color: #E0E6ED;
}
.hcw-tab.is-active {
    color: #FF3E00;
    border-bottom-color: #FF3E00;
}
/* --- panes ------------------------------------------------- */
.hcw-pane {
    display: none;
    padding: 24px;
}
.hcw-pane.is-active {
    display: block;
}
.hcw-row {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.hcw-row:first-child {
    padding-top: 0px;
}
.hcw-ico {
    min-width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid rgba(255, 62, 0, 0.30);
    background: rgba(255, 62, 0, 0.10);
    transition: border-color 0.2s ease;
}
.hcw-ico img {
    width: 16px;
    height: 16px;
}
.hcw-txt {
    display: flex;
    flex-direction: column;
}
.hcw-label {
    color: rgba(224, 230, 237, 0.40);
    font-size: 11px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}
.hcw-val {
    color: #E0E6ED;
    font-family: "Archivo", sans-serif !important;
    font-size: 15px;
    font-weight: 500;
    transition: color 0.2s ease;
}
a.hcw-row:hover .hcw-val {
    color: #FF3E00;
}
a.hcw-row:hover .hcw-ico {
    border-color: #FF3E00;
}
/* --- viber / whatsapp -------------------------------------- */
.hcw-apps {
    display: flex;
    gap: 10px;
    margin-top: 22px;
}
.hcw-app {
    width: 50%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 8px;
    color: #FFFFFF !important;
    font-family: "Archivo", sans-serif !important;
    font-size: 15px;
    font-weight: 600;
    transition: filter 0.18s ease;
}
.hcw-app:hover {
    filter: brightness(1.1);
}
.hcw-app svg {
    width: 19px;
    height: 19px;
}
.hcw-viber {
    background: #7360F2;
}
.hcw-wa {
    background: #25D366;
}
/* --- form pane --------------------------------------------- */
.hcw-pane .hsk-form {
    max-width: 100%;
    margin: 0px;
    padding: 0px;
    background: transparent;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    backdrop-filter: none;
}
.hcw-bar-txt {
    width: 200px;
}
.hcw-bar-txt:first-of-type {
    text-align: right;
}
.hcw-bar-txt:last-of-type {
    text-align: left;
}
.hcw-tabs button:hover {
    background: transparent !important;
}
.hsk-row {
    display: flex;
    gap: 12px;
}
.hsk-row .hsk-field {
    width: 50%;
    min-width: 0px;
}
.screen-reader-response p, .screen-reader-response ul {
    margin: 0px !important;
}
.futer-outer-r {
    background: #0F1217;
    padding: 70px 0px 80px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.futer-navigation-outer, .write-outer, .based-outer {
    margin: auto;
    display: flex;
}
.futer-outer-r br {
    display: none !important;
}
p:empty {
    display: none !important;
}
.site-content {
    margin-bottom: 0px !important;
}
.futer-navigation-outer {
    justify-content: space-between;
    gap: 40px;
}
.futer-nav-col-one {
    width: 38%;
}
.futer-nav-col-two, .futer-nav-col-four {
    width: 20%;
}
img.fut-logo {
    max-width: 190px;
    margin-bottom: 22px;
}
p.tagline-p {
    color: #E0E6ED;
    font-family: "Archivo", sans-serif !important;
    font-size: 24px;
    font-weight: 700;
    font-style: italic;
    margin-bottom: 26px;
}
a.explore-fut {
    display: inline-flex;
    align-items: center;
    background: #FF3E00;
    color: #FFFFFF;
    font-family: "Archivo", sans-serif !important;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 28px;
    border-radius: 35px;
    box-shadow: 0 0 30px 0 rgba(255, 62, 0, 0.35);
}
span.nav-name {
    display: block;
    color: #FF3E00;
    font-size: 13px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.futer-nav-col ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.futer-nav-col ul li {
    margin-bottom: 12px;
}
.futer-nav-col ul li a {
    color: rgba(224, 230, 237, 0.60);
    font-size: 15px;
    transition: color 0.2s ease;
}
.futer-nav-col ul li a:hover {
    color: #FF3E00;
}
.write-outer {
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 80px;
    padding-bottom: 28px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
p.write-t-u {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 0px;
    color: #E0E6ED;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
p.write-t-u a {
    color: rgba(224, 230, 237, 0.60);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    text-transform: none;
    transition: color 0.2s ease;
}
p.write-t-u a:hover {
    color: #FF3E00;
}
.sm-outer {
    display: flex;
    align-items: center;
    gap: 12px;
}
.sm-outer a {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: rgba(224, 230, 237, 0.60);
    transition: color 0.2s ease, border-color 0.2s ease;
}
.sm-outer a:hover {
    color: #FF3E00;
    border-color: #FF3E00;
}
.sm-outer svg {
    width: 18px;
    height: 18px;
}
.based-outer {
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
}
p.in-usa, p.right-r {
    margin-bottom: 0px;
    color: rgba(224, 230, 237, 0.40);
    font-size: 13px;
}
p.in-usa {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    color: rgba(224, 230, 237, 0.70);
}
.hdr-vidio {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.hdr-vidio video.hdr-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}@media (max-width: 576px) {
	.container {
    max-width: 90% !important;
}
h1 {
    font-size: 46px !important;
    line-height: 1.1;
}
h2 {
    font-size: 32px;
    line-height: 1.25;
}
p.above-h {
    font-size: 12px;
    letter-spacing: 0.5px;
}
a.wbst-btn {
    font-size: 16px;
    padding: 14px 24px;
    height: 50px;
}
.hdr-otr-in, .miles-outer, .steps-otr, .cnt-otr, .abt-outer, .testimonial-otr, .cta-row-otr, .perks-otr, .miles-outer, .cnt-otr, .chkl-otr, .faq-otr {
    padding: 50px 10px !important;
}
 
/* --- hero -------------------------------------------------- */
.hdr-in {
    width: 95%;
    flex-direction: column;
    align-items: flex-start;
    gap: 36px;
}
.hdr-text, .hdr-form {
    width: 100%;
}
p.under-h1 {
    font-size: 16px;
    margin-bottom: 26px;
}
    .btn-and-stuff {
        flex-wrap: wrap;
        gap: 0px;
        row-gap: 10px;
        justify-content: center;
    }
.btn-and-stuff a.wbst-btn {
    width: 100%;
    justify-content: center;
}
p.info-hdr {
    margin: 0px;
    padding: 0px 20px 0px 0px;
    margin-right: 20px;
    font-size: 17px;
}
p.info-hdr span {
    font-size: 12px;
}
.hdr-ovrl {
        background: linear-gradient(0deg, #0F1217 0%, rgb(15 18 23 / 82%) 60%, rgb(15 18 23 / 89%) 100%);
    }
 
/* --- big counters ------------------------------------------ */
.brj-otr {
    padding: 40px 0px;
}
.brj-otr .wpb_column {
    border-right: none;
    border-bottom: 1.5px solid rgba(255, 255, 255, 0.15);
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.brj-otr .wpb_column:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.brj-otr .woodmart-counter .counter-value {
    font-size: 36px;
}
 
/* --- split headline ---------------------------------------- */
.split-headline {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.split-left, .split-right {
    width: 100%;
}
.split-right p {
    font-size: 16px;
    margin-left: 0px;
}
 
/* --- perks ------------------------------------------------- */
.perks-otr {
    padding: 50px 0px;
}
.prkz-iner {
    flex-direction: column;
    gap: 16px;
    margin-top: 30px;
}
.perkz-cards {
    width: 100%;
}
.perkz-image img {
    height: 180px;
}
.perkz-body {
    padding: 22px;
}
.perkz-body h3 {
    font-size: 19px;
    margin-bottom: 10px;
}
p.cntrd-btn {
    margin-top: 28px;
}
p.cntrd-btn a.wbst-btn {
    width: 100%;
    justify-content: center;
}
 
/* --- miles + estimator -------------------------------------- */
.miles-iner {
    flex-direction: column;
    gap: 34px;
}
.miles-txt, .miles-cntr {
    width: 100%;
}
p.highlighted-p {
    font-size: 20px;
}
.checkers-p span {
    font-size: 15px;
	  font-weight: 600;
}
.checkers-div {
    gap: 14px;
    margin-top: 20px;
    margin-bottom: 28px;
}
.hsk-estimator {
    padding: 22px;
}
.hsk-estimator__result {
    padding: 34px 14px 26px;
}
.hsk-estimator__big {
    font-size: 36px;
    line-height: 38px;
}
.hsk-estimator__sub {
    font-size: 18px;
}
 
/* --- checklist ---------------------------------------------- */
.chkl-otr {
    padding: 50px 0px;
}
.chkl-grid {
    grid-template-columns: 1fr;
    margin-top: 30px;
}
.chkl-card {
    padding: 22px;
    gap: 16px;
}
.chkl-body h3 {
    font-size: 16px;
}
.chkl-body p {
    font-size: 14px;
}
.chkl-fees {
    flex-direction: column;
}
.chkl-fee {
    width: 100%;
    padding: 20px 22px;
}
p.chkl-fee-num {
    font-size: 26px;
}
.chkl-deal {
    padding: 20px 10px;
}
.chkl-deal-grid {
    flex-direction: column;
    gap: 20px;
}
.chkl-deal-item {
    width: 100%;
}
 
/* --- CTA row ------------------------------------------------ */
.cta-row-otr {
    margin: 50px 0px 0px;
}
.cta-row-inr {
    padding: 34px 15px;
}
.cta-gradient {
    background: linear-gradient(0deg, #0F1217 0%, rgba(15, 18, 23, 0.85) 60%, rgba(15, 18, 23, 0.60) 100%);
}
.cta-txt h2 {
    font-size: 31px;
	        line-height: 1.4;
}
.cta-txt a.wbst-btn {
    margin-top: 26px;
    width: 100%;
    justify-content: center;
}
 
/* --- three steps -------------------------------------------- */
.steps-inr {
    flex-direction: column;
    gap: 28px;
    margin-top: 34px;
}
.steps-col {
    width: 100%;
}
.steps-line {
    display: none;
}
.steps-col p span {
    font-size: 18px;
}
 
/* --- about --------------------------------------------------- */
.abt-left img {
    margin-bottom: 28px;
}
.cntr-small {
    margin-top: 32px;
}
.cntr-small .wpb_column {
    width: 100%;
    border-right: none;
    border-bottom: 1.4px solid #ff3e00;
    margin-right: 0px;
    padding-right: 0px;
    padding-bottom: 16px;
    margin-bottom: 16px;
}
.cntr-small .wpb_column:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
 
/* --- testimonials -------------------------------------------- */
.testimonial-otr h3 {
    font-size: 20px;
    line-height: 1.5;
}
.testimonials {
    margin-top: 34px;
}
 
/* --- FAQ ------------------------------------------------------ */
.faq-otr {
    padding: 50px 0px;
}
.faq-iner {
    margin-top: 32px;
    gap: 12px;
}
.faq-item {
    padding: 0px 18px;
}
.faq-item summary {
    font-size: 15px;
    gap: 14px;
    padding: 16px 0px;
}
.faq-a p {
    font-size: 14px;
}
.faq-cta {
    margin-top: 30px;
}
.faq-cta a.wbst-btn {
    width: 100%;
    justify-content: center;
}
 
/* --- contact --------------------------------------------------- */
.cnt-grid {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 34px;
}
.cnt-info {
    padding: 24px;
}
.cnt-info h3 {
    font-size: 20px;
}
.cnt-rows {
    gap: 20px;
    margin-top: 24px;
}
p.cnt-val {
    font-size: 15px;
}
.cnt-resp {
    margin-top: 28px;
    padding-top: 24px;
}
p.cnt-resp-num {
    font-size: 26px;
}
.cnt-form .hsk-form {
    padding: 24px;
}
 
/* --- CF7 form -------------------------------------------------- */
.hsk-form {
    padding: 22px;
}
.hsk-form input[type="text"],
.hsk-form input[type="tel"],
.hsk-form input[type="email"],
.hsk-form input[type="date"],
.hsk-form select,
.hsk-form textarea {
    padding: 15px 14px;
    font-size: 16px;
}
.hsk-actions {
    flex-direction: column-reverse;
    gap: 10px;
}
.hsk-form .hsk-btn--ghost {
    width: 100%;
    min-width: 0px;
}
.hsk-form .wpcf7-list-item {
    flex: 1 1 100%;
}
.hsk-steps__dot {
    width: 24px;
    height: 24px;
    font-size: 11px;
}
.hsk-file--big {
    padding: 30px 18px;
}
.hsk-file--big .hsk-file__text {
    font-size: 14px;
}
 
/* --- contact widget --------------------------------------------- */
.hcw-bar {
    gap: 0px;
    justify-content: space-between;
    padding: 0px 18px;
    height: 52px;
}
.hcw-bar-txt {
    font-size: 12px;
    max-width: 100px;
    line-height: 1.3;
}
.hcw-open {
    width: 54px;
    height: 54px;
    bottom: 10px;
}
.hcw-open img {
    width: 20px;
    height: 20px;
}
.hcw-modal {
    padding: 14px;
    align-items: flex-end;
}
.hcw-box {
    max-height: 84vh;
}
.hcw-head {
    padding: 20px 20px 5px;
}
.hcw-pane {
    padding: 20px;
}
.hcw-tab {
    font-size: 13px;
    padding: 13px 8px;
}
.hcw-apps {
    flex-direction: column;
}
.hcw-app {
    width: 100%;
}
 
/* --- keep the fixed bar from covering the footer ----------------- */
body {
    padding-bottom: 52px;
}
.hsk-form,
	.hsk-estimator {
		padding: 20px;
	}
	.hsk-estimator__result {
		padding: 36px 14px 26px;
	}
	.hsk-estimator__big {
		font-size: 38px;
		line-height: 40px;
	}
	.hsk-actions {
		flex-direction: column-reverse;
	}
	.hsk-form .hsk-btn--ghost {
		width: 100%;
	}
	.hsk-form .wpcf7-list-item {
		flex: 1 1 100%;
	}
.hsk-row .hsk-field {
    width: 50%;
    min-width: 0px;
}
.hcw-modal.is-open .hcw-box {
    transform: translateY(-60px);
}
.hsk-form textarea {
    min-height: 85px;
}
.hcw-box .hsk-actions {
    margin-top: -20px;
}
.perks-otr .split-headline, .cta-txt {
    text-align: center;
}
.perks-otr .split-headline p, .cta-txt p {
    justify-content: center;
}
.abt-outer .wpb_column {
    padding: 0px !important;
}
.cntr-small .wpb_column, .cntr-small .wpb_column:last-child {
    padding-bottom: 16px !important;
    max-width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.futer-outer-r {
    padding: 50px 0px 26px;
}
.futer-navigation-outer, .write-outer, .based-outer {
    width: 90%;
    flex-direction: column;
    gap: 34px;
}
.futer-nav-col-one, .futer-nav-col-two, .futer-nav-col-four {
    width: 100%;
}
.write-outer {
    align-items: flex-start;
    margin-top: 46px;
    gap: 26px;
}
.based-outer {
    align-items: flex-start;
    gap: 10px;
}
p.tagline-p {
    font-size: 20px;
}
.container.main-footer {
    padding-left: 0px !important;
    padding-right: 0px !important;
    max-width: 95% !important;
}
}