@charset "utf-8";
/* CSS Document */
/*@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');*/
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/Inter/UcCm3FwrK3iLTcvnUwkT9nA2.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/Inter/UcCm3FwrK3iLTcvnUwAT9nA2.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/Inter/UcCm3FwrK3iLTcvnUwgT9nA2.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/Inter/UcCm3FwrK3iLTcvnUwcT9nA2.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/Inter/UcCm3FwrK3iLTcvnUwsT9nA2.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/Inter/UcCm3FwrK3iLTcvnUwoT9nA2.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/Inter/UcCm3FwrK3iLTcvnUwQT9g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/Inter/UcCo3FwrK3iLTcvvYwYL8g.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/Inter/UcCo3FwrK3iLTcvmYwYL8g.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/Inter/UcCo3FwrK3iLTcvuYwYL8g.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/Inter/UcCo3FwrK3iLTcvhYwYL8g.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/Inter/UcCo3FwrK3iLTcvtYwYL8g.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/Inter/UcCo3FwrK3iLTcvsYwYL8g.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/Inter/UcCo3FwrK3iLTcviYwY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


body {color: #000;font-family: "Inter", sans-serif; font-size: 16px; line-height: 1.7; font-weight: normal;}
a {color: var(--accent-color);text-decoration: none;transition: 0.3s;}
a:hover {color: color-mix(in srgb, var(--accent-color), transparent 25%);text-decoration: none;}

h1,h2,h3,h4,h5,h6 {}
img{max-width:100%; height: auto;}
main.main {
    position: relative;
    z-index: 1;
}
.header .topbar {background-color: #01205d;font-size: 16px;transition: all 0.5s;color: #fff;padding: 10px 0;}
.header .topbar p{margin:0; font-size: 17px;}
.header .topbar ul {padding: 0;margin: 0;display: block;}
.header .topbar ul li {list-style: none;display: inline-block; position: relative;}
.header .topbar ul li + li {margin-left: 20px;padding-left: 20px;}
.header .topbar ul li + li:before {content: "";width: 1px;height: 15px;position: absolute;left: 0;right: 0;background: #fff; top: 5px;bottom: 0;}
.header .topbar ul li:last-child a {
    position: relative;
    padding-right: 15px;
}
.header .topbar ul li:last-child a .bi.bi-arrow-right-short {
    transform: rotate(-55deg);
    display: inline-flex;
    font-size: 28px;
    position: absolute;
    right: -6px;
    top: -4px;
}
#navmenu ul li a.active {
  color: #b22222; /* dark red to match your "Get Started" button */
  font-weight: bold;
  border-bottom: 2px solid #b22222; /* underline effect */
}
.header-main {padding: 25px 0;}
#navmenu {float: right;}
#navmenu ul{ margin: 0; padding: 0; list-style: none;}
#navmenu ul li{ display: inline-block;}
#navmenu ul li + li{margin-left:40px;}
#navmenu ul li a{color: #01205d; font-size: 16px;}
#navmenu ul li button {
    background: transparent;
    border: none;
    outline: none;
    padding: 0;
    color: #01205d;
}
#navmenu ul li a.get-start-btn {background: #9a1c1f;color: #fff;padding: 12px 25px;border-radius: 6px;}

/*#hero-section {background: url(images/hero-bg2.png);padding: 90px 0 60px;background-size: 100% 100%;background-repeat: no-repeat;background-position: 100% 30%;}*/

#hero-section {
  position: relative;
  padding: 90px 0 90px;
 
}
.hero-bg-wrap{
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    bottom: 0;
    background-position: 100% 30%;
    background-repeat: no-repeat;
}

.hero-content {
  position: relative; /* ensures content is above background img */
  z-index: 1;
}
.hero-content-box p{padding: 0 25px 0 0;}
#hero-section h1 {font-weight: 700;color: #070e3a;font-size: 44px; margin-bottom: 1rem;}
.btn {padding: 12px 30px;border-radius: 6px;}
.red-btn{background:#9a1c1f !important; color: #fff !important;}
.blue-btn{background:#01205d !important; color:#fff !important;}
span.rating-stars {color: #fa9f31;}

.fleets-section {
    padding: 30px 0 60px;
    background-size: 35% 48% !important;
    background: url(images/fleet-bg.png);
    background-repeat: no-repeat !important;
    background-position: 50% 58%;
}
.section-title {font-weight: 700;color: #070e3a;font-size: 48px; margin-bottom: 1rem;}
.second-section-title {font-weight: 700;color: #070e3a;font-size: 36px; margin-bottom: 1rem;}
.fleets-section ul li {font-size: 20px;font-weight: 600; display: inline-flex; align-items: center;line-height: 1.8; color: #01205d;}
.fleets-section ul li + li{margin-left:20px;}
.fleets-section ul li img {margin-right: 12px; width: 18px;}
 .white-box {display: flex;background: #fff;padding: 20px 30px;gap: 20px; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1); border-radius: 12px;}
 .white-box + .white-box{margin-top:15px;}

#recruiting-department{background: url("images/recruiting-department-bg.png");padding: 60px 0 90px; background-size: 100% 100%;background-repeat: no-repeat;background-position: 100% 30%;}
.bg-white-box {padding: 25px;box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);background: linear-gradient(to bottom, #ffffff 80%, #f2f6fd 100%);border-radius: 12px;text-align: center; min-height: 430px;}
.bg-white-box h4 {font-size: 18px;font-weight: 600;color: #01205d;position: relative;margin: 15px 0; padding-bottom: 15px;}
.bg-white-box h4:after {position: absolute;content: ""; width: 30px;height: 2px;left: 0;right: 0;background: #9a1c1f;margin: 0 auto; bottom: 0;}

#document-review{background: url("images/document-review-bg.png");background-size: auto; background-repeat: no-repeat; background-position: 50% 40%; padding: 40px 0 90px;}
#document-review ul{}
#document-review ul li {background: #eff3fd;padding: 10px 15px;display: flex;border-radius: 12px;font-size: 16px;line-height: 1.6;color: #01205d;}
#document-review ul li + li{margin-top:10px;}

#document-review .document-review-left{padding-right: 3rem;}
#document-review .document-review-center{padding-top:15px;}
#document-review .document-review-right{padding-left: 3rem;} 


#dq-file-managements{background: url("images/dq-file-managements-bg.png");padding: 90px 0 90px; background-size: 100% 100%; background-repeat: no-repeat;}


#driver-recruiting-section {background: url(images/driver-recruiting-bg.png);background-size: 100%;background-repeat: no-repeat;background-position: 100% 48%;}
.driver-recruiting-section img{background: #fff;padding: 15px 10px 0 10px;box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.12);border-radius: 20px;}

#partners-section{background: url("images/partners-section-bg.png");background-size: 100% 100%;background-repeat: no-repeat;background-position: 100% 30%; padding: 90px 0 90px;}
.integrations-logo-list{}
.integrations-logo-list .item { text-align: center;padding: 8px;background: #e7ecf9;border-radius: 6px;}
.integrations-logo-list .item .integrations-logo {display: flex;align-items: center; justify-content: center; min-height: 80px; background: #fff;border-radius: 6px;}
.integrations-logo-list .item p { margin: 5px 0 0 0;font-size: 14px; color: #070e3a; font-weight: 600;}
.integrations-logo-list .item img {max-width: 60px; height: 60px; object-fit: contain; object-position: center;margin-bottom: 10px;}	
.integrations-logo-list .owl-nav {position: absolute;top: 25%;text-align: center;width: 100%;}
.integrations-logo-list .owl-nav button {width: 30px;height: 30px;border-radius: 50%;}	
.integrations-logo-list .owl-nav button.owl-prev {position: absolute;left: -50px; background: #01205d !important; color: #fff !important;}
.integrations-logo-list .owl-nav button.owl-next { right: -50px;position: absolute; background: #9a1c1f !important; color: #fff !important;}	
.integrations-logo-list .owl-nav button i {font-size: 18px;}

#testimonial-section{padding:80px 0;}
#testimonial-section .owl-carousel .owl-stage-outer{padding:20px 0;}
#testimonial-section .testimonial-card {padding: 35px;background: #fff;box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);border-radius: 12px; min-height:390px; margin:0 20px;}
#testimonial-section .testimonial-card .stars {color: #fa9f31; font-size: 20px;}
#testimonial-section .testimonial-card h5 {min-height: 40px; font-size: 1rem}
#testimonial-section .testimonial-card p{min-height:170px;}
#testimonial-section .owl-carousel .owl-item img {display: block;max-width: 100%; width: auto;}
#testimonial-section .owl-carousel .owl-dots, #testimonial-section .owl-carousel .owl-nav {display: block; }
#testimonial-section .owl-nav {position: absolute;top: 35%;text-align: center;width: 100%;}
#testimonial-section .owl-nav button {width: 50px;height: 50px;border-radius: 50%;}	
#testimonial-section .owl-nav button.owl-prev {position: absolute;left: -50px; background: #01205d !important; color: #fff !important;}
#testimonial-section .owl-nav button.owl-next { right: -50px;position: absolute; background: #9a1c1f !important; color: #fff !important;}	
#testimonial-section .owl-nav button svg {font-size: 34px;font-weight: normal;}

#get-started-section{background: url("images/get-started-bg.png");background-size: 100% 100%;background-repeat: no-repeat;background-position: 100% 30%; padding: 80px 0 100px;}
#get-started-section p.fw-bold.fs-4, #get-started-section h3 {
    color: #9a1c1f;
}

#footer {padding-top: 70px;}
#footer .footer-links h5 {font-size: 22px;font-weight: 700;color: #070e3a;position: relative; margin: 0 0 15px;padding-bottom: 15px}
#footer .footer-links h5:after {position: absolute;content: ""; width: 30px; height: 2px;left: 0;right: 0;background: #9a1c1f;bottom: 0;}
#footer .footer-links ul li a {line-height: 2.2;font-size: 16px;}
#footer p.phone-text {font-size: 20px;font-weight: 600;color: #070e3a;}
.footer-rating span.rating-stars{font-size: 22px;}
.footer-rating strong {color: #012160;font-size: 20px;}
.social-media-i-wrapper a{
    border: 2px solid #303768;
    padding: 10px;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px; color: #303768 !important;
}
.footer-rating img {max-width: 100px;}
.footer-rating img.capterra-img{max-width: 123px;}

#explorecdlModal .modal-dialog{min-width: 1344px; margin-top: 140px;}
#explorecdlModal .modal-dialog .modal-content{border-radius: 20px; padding:30px;}
#explorecdlModal .modal-dialog .modal-content .modal-body{padding:0; position:static;}
#explorecdlModal button.btn-close {
    position: absolute;
    top: -25px;
    right: -25px;
    background: #9a1c1f;
    padding: 5px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    opacity: 1;
    border: none;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    
    /* Remove Bootstrap default close icon */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 011.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35%; /* adjust size of X */
}



.explore-option {display: flex; align-items: self-start;padding: 20px 20px;}
.explore-option .icon {padding: 18px;background: #eff2f9;border-radius: 50px;margin-right: 15px;}
.explore-content{}
.explore-content h6 {color: #01205d;font-size: 18px;font-weight: 600;}
.explore-content p{font-size:15px; margin: 0;}
.see-more-links {
    font-size: 22px;
    font-weight: 600;
    color: #9a1c1f;
}

#resourcesModal .modal-dialog{min-width: 1344px; margin-top: 140px;}
#resourcesModal .modal-dialog .modal-content{border-radius: 20px; padding:30px;}
#resourcesModal .modal-dialog .modal-content .modal-body{padding:0; position:static;}
#resourcesModal button.btn-close {display: none;}
#resourcesModal.modal.show ~ .modal-backdrop.fade.show {display: none;}

#resourcesModal .explore-option {display: flex; align-items: center;padding: 20px 15px;}
#resourcesModal .explore-option .icon {background: #eff2f9;border-radius: 50px;margin-right: 15px;width: 60px; min-width: 60px; height: 60px; padding: 0; text-align: center; line-height: 60px;font-size: 24px;color: #01205d;}
#resourcesModal .explore-content{}
#resourcesModal .explore-content h6 {color: #01205d;font-size: 18px;font-weight: 600; margin-bottom: 0;}
#resourcesModal .explore-content p{font-size:15px; margin-bottom:0px;}
#resourcesModal .see-more-links {font-size: 22px;font-weight: 600;color: #9a1c1f;}

#forgetpass.modal.show .modal-dialog{margin-top:100px;}
#forgetpass.modal.show .modal-dialog .modal-content {border-radius: 12px;background: linear-gradient(135deg, #ffffff, #f8f9fa);box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);border: none;}
#forgetpass.modal.show .modal-dialog .modal-header {background: #ddd;border-radius: 10px 10px 0 0;border-bottom: 2px solid #888;}
#forgetpass.modal.show .modal-dialog .modal-header button.btn-close {opacity: 0.8;}
#forgetpass.modal.show .modal-dialog .modal-content .form-control {transition: border-color 0.3s ease, box-shadow 0.3s ease;border: 1px solid #ced4da;padding: 10px;}
#forgetpass.modal.show .modal-dialog  button.btn {background: #01205d !important;color: #fff;padding: 8px 24px;}
#forgetpass.modal.show ~ .modal-backdrop {background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }

#hero-banner{background: url("images/hero-banner.png");padding: 50px 0 50px;background-size: 100% 100%;background-repeat: no-repeat;background-position: 100% 30%;}
#dqmaster-monitoring{padding:80px 0 60px; }
#dqmaster-monitoring h3{color: #070e3a;font-size: 30px;font-weight: 600; margin-bottom: 75px;}

#dq-consultants{background: url("images/dq-consultants-bg.png");padding: 30px 0 80px;background-size: auto;background-repeat: no-repeat;background-position: 100% 30%;}

.navicon { display: none;}
.nav-close{display:none;}


#why-cdl-suite-section .white-box {display: block;background: #fff;padding: 20px 30px;gap: 20px; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1); border-radius: 12px; min-height: 250px;}
#why-cdl-suite-section .white-box h5{font-weight:600; font-size: 22px; margin-bottom: 15px; color: #01205d;}

#why-cdl-suite-section .white-box + .white-box{margin-top:15px;}

#driver-recruiting-page {padding: 50px 0 50px;}

#driver-recruiting-page .white-box {display: block;background: #fff;padding: 20px 30px;gap: 20px; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1); border-radius: 12px; min-height: 340px;}
#driver-recruiting-page .white-box h5{font-weight:600; font-size: 22px; margin-bottom: 15px; color: #01205d;}

#driver-recruiting-page .white-box + .white-box{margin-top:15px;}

#explorecdlModal button.btn-close {display: none;}
#explorecdlModal.modal.show ~ .modal-backdrop.fade.show {display: none;}

#applyonline-section{padding:70px 0; background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    padding-bottom: 120px;
    background-position: center !important;}

#applyonline-section .info-txt h2 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #01205d;
}


.apply-frm-wrap{background:#FFF;max-width:540px;border-radius:12px;overflow:hidden; box-shadow: 0 12px 30px rgb(148 148 148 / 25%); margin: 0 auto; }
.apply-frm-wrap form{padding:35px;}
.apply-frm-wrap form .form-control{box-shadow:none;border-radius:0;border-width:2px;height:48px;font-size:15px;}

.apply-frm-wrap h4,
.apply-frm-wrap p{margin:0;}
.apply-frm-wrap header {border-bottom: 2px solid #ddd;padding: 10px; background: #e6dde6;}
.apply-frm-wrap header h4 {font-size: 20px;text-align: center;line-height: 1.6;font-weight: 600;color: #01205d;margin: 0;}
.apply-frm-wrap footer {border-top: 2px solid #ddd;padding: 10px 10px 15px;text-align: center;}
.apply-frm-wrap footer p {font-size: 13px;}
.btnss-wrapper .btn {
    padding: 8px 15px;
    font-size: 13px;
}

.frm-holder.style-one fieldset{padding: 20px; border: 2px solid #dddddd; background: #fcfcfc; border-radius: 5px;margin-bottom: 30px;}
.frm-holder.style-one fieldset p{font-size:15px;}

#ai-driver-recruiting {background: url(images/dq-file-managements-bg.png); padding: 60px 0 80px; background-size: 100% 100%;background-repeat: no-repeat;}
#ai-driver-recruiting .white-box {display: block;background: #fff;padding: 20px 30px;gap: 20px; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1); border-radius: 12px; min-height: 360px;}
#ai-driver-recruiting .white-box h5{font-weight:600; font-size: 22px; margin-bottom: 15px; color: #01205d;}
#ai-driver-recruiting .white-box + .white-box{margin-top:15px;}

#driver-onboarding-section {padding: 50px 0;background: url(images/dq-file-managements-bg.png);margin-bottom: 50px;background-size: 100% 100%;background-repeat: no-repeat;}

#driver-onboarding-section .white-box {display: block;background: #fff;padding: 20px 30px;gap: 20px; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1); border-radius: 12px; min-height: 210px;}
#driver-onboarding-section .white-box h5{font-weight:600; font-size: 22px; margin-bottom: 15px; color: #01205d;}
#driver-onboarding-section .white-box + .white-box{margin-top:15px;}

#dot-compliance-section {padding: 0 0 50px;background: url(images/dq-file-managements-bg.png);margin-bottom: 50px;background-size: 100% 100%;background-repeat: no-repeat;}
#dot-compliance-section .white-box {display: block;background: #fff;padding: 20px 30px;gap: 20px; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1); border-radius: 12px; min-height: 210px;}
#dot-compliance-section .white-box h5{font-weight:600; font-size: 22px; margin-bottom: 15px; color: #01205d;}
#dot-compliance-section .white-box + .white-box{margin-top:15px;}

.custom-section{padding:0 0 50px;}

#managing-driver-documents-section1 {
    background: url(images/driver-recruiting-bg.png);
    background-repeat: no-repeat;
    background-position: 100% 48%; padding: 0 0 50px;
}
#managing-driver-documents-section1 img{
    background: #fff;
    box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.12);
    padding: 15px;
    border-radius: 12px;
}
#driver-recruiting-innovation-section{}
#driver-recruiting-innovation-section img{
    background: #fff;
    box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.12);
    padding: 15px;
    border-radius: 12px;
}

#paper-and-spreadsheets-section{}
#paper-and-spreadsheets-section img{
    background: #fff;
    box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.12);
    padding: 15px;
    border-radius: 12px;
}

#hiring-drivers-section {
    background: url(images/partners-section-bg.png);
    background-position: 100% 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    padding: 80px 0;
}
section#power-of-cdl-section {
    background: url(images/dq-file-managements-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 100px 0;
}

#visual-work-history-top-section{}
#visual-work-history-top-section img{
    background: #fff;
    padding: 15px 10px 0 10px;
    box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.12);
    border-radius: 20px;
    max-width: 75%; margin-top: 30px;
}
#visual-work-history-top-section .white-box{min-height: 235px;}

/*==========faqs page css===============*/
#faqs-section {padding: 0 0 50px;}
.faq-row {padding: 15px;border: 2px solid #ddd;font-size: 18px;border-radius: 12px; background: #fff;}
.faq-row + .faq-row{margin-top:20px;}
.faq-row h3 {margin: 0 0 8px 0;color: #01205d;font-weight: 600;font-size: 24px;}	
.faq-desc p{color: #120707;font-size: 16px;margin: 0;}
/*==========pricing page css===============*/
#pricing-section{padding: 50px 0;background: url(images/dq-file-managements-bg.png);background-size: 100% 100%;background-repeat: no-repeat;}
#pricing-section img{background: #fff;padding: 15px 10px 0 10px;box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.12);border-radius: 20px;max-width: 75%; margin-top: 30px;}
#pricing-section .white-box{min-height: 280px; display: block;}
#pricing-section .white-box h5 {font-weight: 600;font-size: 22px;margin-bottom: 15px;color: #01205d;}
/*==========explore-cdl-suite page css===============*/
#explore-cdl-suite-section {background: url(images/fleet-bg.png);background-repeat: no-repeat;background-size: 60% 70% !important;padding: 50px 0;background-position: 50% 55%;}
#explore-cdl-suite-section .explore-option {
    display: flex;
    align-items: center;
    padding: 20px 20px;
    background: #fff;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    margin: 15px 0;
}
/*==========more videos page css===============*/
#consent-wrap {background: url(images/recruiting-department-bg.png);}
.video-wrap {padding: 10px;background: #fff;box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);border-radius: 12px;}
.video-demo{position:relative;margin:15px;line-height:0;border-radius:8px;overflow:hidden;}
.video-demo:after{left:0;top:0;width:100%;height:100%;background:#fff;opacity:0.7;content:'';position:absolute;}
.video-demo .video-play{z-index:1;width:100px;height:100px;position:absolute;left:0;right:0;top:50%;margin:auto;margin-top:-40px;text-align:center;cursor:pointer;}
.video-demo.home-video{border:0;}
.video-demo.home-video:after{display:none;}
.video-demo.home-video .video-play{top:35%;}
.video-popup-wrap{position:fixed;width:100%;height:100%;left:0;top:0;overflow-y:auto;z-index:9999;padding:15px;display:none;}
.video-popup-wrap:after{opacity:0.8;background:#000;content:'';position:absolute;left:0;top:0;width:100%;height:100%;}
.video-popup-wrap .popup-inner{position:relative;z-index:1;max-width:800px;margin:35px auto;background:#fff;padding:20px;}
.video-popup-wrap .popup-inner .close-video-popup{font-size:18px;cursor:pointer;position:absolute;right:-5px;top:-25px;color:#FFF;}
.video-popup-wrap video{width:100%;height:auto;}
.video-demo img.screen {max-width: 100%;}
.video-demo .video-play img {max-width: 60px;}
/*==========testimonial page css===============*/
#testimonial{position:relative;padding:30px 0;}
#testimonial::after{position:absolute;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,0.5);content:'';z-index:9;}
#testimonial .testi-text{position:relative;z-index:99;}
#testimonial h1{font-size:35px;color:#fff;text-transform:uppercase;}
#testimonial .item{background:rgba(0,0,0,0.23);border:solid 1px #86a3bc;padding:10px;margin:30px 0;border-radius:10px;}
#testimonial .item .name{float:left;width:41.6667%;padding:0 15px;position:relative;}
#testimonial .item .name::before{position:absolute;content:'';background:url(images/divider.svg) no-repeat center center;right:0;top:;height:100%;width:2px;}
#testimonial .item .name h3{color:#fff;font-size:26px;text-transform:uppercase;}
#testimonial .item .name h3 span{font-size:19px;text-transform:uppercase;display:block;margin-top:6px;}
#testimonial .testim-meta{float:left;width:58.3333%;padding:0 15px;}
#testimonial .testim-meta p{font-size:15px;color:#c6d0e8;font-weight:normal;font-style:italic;}
#testimonial .owl-theme .owl-dots .owl-dot span{width:30px;height:5px;margin:5px 7px;background:#2b2825;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;}



#testimonial .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#fff;}

#notifications-sections {background: url(images/recruiting-department-bg.png);background-repeat: no-repeat;padding: 60px 0 80px;background-size: cover;}
/*==========login-signup page css===============*/
#login-signup {background: url(images/hero-bg2.png);background-size: 100% 100%;background-repeat: no-repeat; background-position: 100% 30%; display: flex; align-items: center; height: 100vh;}	
#login-signup {padding: 40px 0;height: auto;}	
#login-signup .register-top-content{max-width:980px; margin: 0 auto 40px;}
#login-signup .register-top-content h1 {font-size: 36px;}
#login-signup p {font-size: 14px;text-align: center;}
#login-signup .container{display: flex; align-items: center; height: 100%; justify-content: center;}
#login-signup .section-title {font-weight: 600;color: #070e3a;font-size: 36px;margin-bottom: 30px;}
#login-signup img.logo {max-width: 150px;}	
.account-tab {width: 100%;max-width: 500px;background: #fff;border-radius: 20px; backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px); box-shadow: 0 12px 30px rgb(148 148 148 / 25%);overflow: hidden; animation: fadeIn 0.8s ease;margin: 0 auto; padding: 20px 30px 30px;border-top: 2px solid #ddd;}
.account-tab h2 {font-size: 24px; margin-bottom: 20px;font-style: italic;}
/* Tabs */
.account-tab .nav-tabs {border: none;background: rgba(255, 255, 255, 0.15);}
.account-tab .nav-tabs li {width: 50%;text-align: center;}	
.account-tab .nav-link {border: none;color: #888;font-weight: 600;padding: 14px 20px;transition: all 0.3s ease;border-radius: 0;}
.account-tab .nav-link.active{background: #9a1c1f;border-radius: 0;position: relative; color: #fff;}
.account-tab .form-control {height: 45px;border-radius: 12px;border: 2px solid #ddd;}
.phone_number_wrapper{border-radius: 12px; border: 2px solid #ddd; min-height: 45px; padding: 3px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;}
.phone_number_wrapper .row{margin:0px;}
.phone_number_wrapper .separator, .phone_number_wrapper .number_input, .phone_number_wrapper .number_input2{padding:5px 0px;}
.phone_number_wrapper .separator{width:5px;float:left;text-align:center;margin-right:2px;}
.phone_number_wrapper .number_input{width:35px;float:left;margin:0px;}
.phone_number_wrapper .number_input2{width:45px;float:left;margin:0px;}
.phone_number_wrapper input{width:100%;border:0px;background:transparent;}
.phone_number_wrapper input:focus{outline:none;}
.red{color: #c00000;}	
.account-tab span.red.forgot-pass {position: absolute;right: 30px;}

/* Buttons */
.account-tab .btn {border-radius: 12px;padding: 12px;font-weight: 600;transition: all 0.3s ease;letter-spacing: 0.5px; width:100%; margin-top: 15px;}
.account-tab .btn-primary {background: #01205d;border: none;}
.account-tab .btn-primary:hover {background: #01205d;transform: translateY(-2px);box-shadow: 0 6px 15px rgba(0,0,0,0.3);}
.account-tab .btn-success {background: linear-gradient(135deg, #43cea2, #185a9d);border: none;}
.account-tab .btn-success:hover {background: linear-gradient(135deg, #2bc0e4, #36d1dc);transform: translateY(-2px);box-shadow: 0 6px 15px rgba(0,0,0,0.3);}

/* Alerts */
.account-tab .alert {border-radius: 10px;padding: 10px 14px;font-size: 0.9rem;background: rgba(255,0,0,0.15);color: #ffd6d6;border: 1px solid rgba(255,0,0,0.3);}
/* Remember me */
.account-tab .form-check-label {color: #ddd;}
/* Forgot password link */
.account-tab .forgot-pass a {font-size: 0.85rem;text-decoration: none;color: #ff9ff3;transition: color 0.2s;}
.account-tab .forgot-pass a:hover {color: #feca57;}

.account-tab .separator {color: #ddd;font-weight: bold;}
/* Captcha */
.account-tab .img-catcha img {border-radius: 6px;border: 1px solid rgba(255,255,255,0.4);}
.account-tab .btn-link {color: #00d2ff;font-size: 0.85rem;}

/* Animation */
@keyframes fadeIn {
  from {opacity: 0; transform: translateY(30px);}
  to {opacity: 1; transform: translateY(0);}
}
/*==========Contacts  page css===============*/
.antispam { display:none;}
#customer-profile.contact_us_form .frm-holder.style-one.pass {max-width: 1060px; box-shadow: 0 0 20px 0 rgb(0 0 0 / 7%); margin: 0 auto;}
#customer-profile.contact_us_form .heading {margin-bottom: 0;}	
#customer-profile.contact_us_form .form-group { margin-bottom: 15px;}
#customer-profile.contact_us_form label {font-weight: 500; display: inline-block;}
#customer-profile.contact_us_form .form-control {padding: 0 8px;height: 40px;border-color: #ccc;border-radius: 10px; box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;}
input.form-control.required{}
#customer-profile.contact_us_form .req-msg {display: none;color: #c00000;font-size: 11px;}
.phone-field-wrap {display: flex;align-items: center;font-size: 32px;line-height: 26px;}
#customer-profile.contact_us_form .phone-field-wrap .form-control.field1 {width: 54px;margin-right: 4px;}
#customer-profile.contact_us_form .phone-field-wrap .form-control.field2 {width: 54px;margin-left: 4px;margin-right: 4px;}
#customer-profile.contact_us_form .phone-field-wrap .form-control.field3 {width: 64px;margin-left: 4px;}
#customer-profile.contact_us_form textarea.form-control {height: auto;}
#customer-profile.contact_us_form div.form-control {height: auto;}
#customer-profile.contact_us_form .prev_heading2 .heading{ margin-bottom: 10px;}
#customer-profile.contact_us_form .paragraph * {font-size: 15px !important;font-family: Arial, Helvetica, sans-serif !important;}
#customer-profile.contact_us_form .button {text-align: center;font-weight: 600;outline: none;border: 0;text-decoration: none;display: inline-block;padding: 12px 25px; background: #0092CF;color: #fff;border-radius: 4px; min-width: 115px; box-shadow: none;}
#customer-profile.contact_us_form span.img-catcha {display: block; margin-top: 25px;}
.req {color: #F00;}
/*==========Abouts page css===============*/

.section {padding: 50px 0}	
#customer-profile.about_us .frm-holder.style-one.pass {max-width: 1060px; padding: 20px;border-radius: 5px; margin: 0 auto;}
#customer-profile.about_us .frm-holder.style-one.pass{font-family: 'Source Sans Pro', sans-serif;}
#customer-profile.about_us .heading {margin-bottom: 0;}	
#customer-profile.about_us label {font-weight: 700; display: inline-block;}
#customer-profile.about_us .form-control {padding: 0 8px;height: 40px;border-color: #ccc;border-radius: 10px; box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;}
input.form-control.required{}
#customer-profile.about_us .req-msg {display: none;color: #c00000;font-size: 11px;}
.phone-field-wrap {display: flex;align-items: center;font-size: 32px;line-height: 26px;}
#customer-profile.about_us .phone-field-wrap .form-control.field1 {width: 54px;margin-right: 4px;}
#customer-profile.about_us .phone-field-wrap .form-control.field2 {width: 54px;margin-left: 4px;margin-right: 4px;}
#customer-profile.about_us .phone-field-wrap .form-control.field3 {width: 64px;margin-left: 4px;}
#customer-profile.about_us textarea.form-control {height: auto;}
#customer-profile.about_us div.form-control {height: auto;}
#customer-profile.about_us .prev_heading2 .heading{ margin-bottom: 10px;}
#customer-profile.about_us .paragraph * {font-size: 15px !important;font-family: Arial, Helvetica, sans-serif !important;}
#customer-profile.about_us .button {text-align: center;font-weight: 600;outline: none;border: 0;text-decoration: none;display: inline-block;padding: 12px 25px; background: #0092CF;color: #fff;border-radius: 4px; min-width: 115px; box-shadow: none;}
#customer-profile.about_us span.img-catcha {display: block; margin-top: 25px;}

.alert{max-width: 480px; margin: 0 auto 20px; text-align: center;}

#thankyou-section{padding: 50px 0; background: url(images/hero-bg2.png);background-size: 100% 100%; background-repeat: no-repeat; background-position: 100% 30%;}
#thankyou-section h1.section-title {font-size: 42px;margin-bottom: 2rem;}
#thankyou-section .frm-holder.style-one.pass {max-width: 640px; margin: 0 auto;}
#thankyou-section .frm-holder.style-one fieldset {padding: 20px;border: 2px solid #dddddd;background: #fcfcfc;border-radius: 5px;margin-bottom: 30px;}
#thankyou-section h4.section-title {font-size: 20px; position: relative; text-align: center; padding-bottom: 15px;}
#thankyou-section h4.section-title:after {position: absolute;content: "";width: 90px;height: 2px;left: 0;right: 0;background: #9a1c1f; margin: 0 auto;bottom: 0;}

#temporarilyModal {}	
#temporarilyModal button.btn-close {float: right;}	
#temporarilyModal.modal.show{ /*backdrop-filter: blur(2px);*/}	
#temporarilyModal .temporarily-div {padding: 10px 30px;text-align: center;}
#temporarilyModal.modal.show .modal-dialog {margin-top: 100px; max-width: 450px; border-radius: 16px;}
.suspend-icon {margin: 10px 0 15px;}
.suspend-icon img {max-width: 48px;}
#temporarilyModal .temporarily-div h5{color: #c00000;font-weight: 500;font-size: 20px;}
#temporarilyModal .temporarily-div p {
    font-size: 13px;
    color: #474646;
}

@media (max-width: 1399.98px) {
.bg-white-box{padding:20px 15px;}
#testimonial-section .testimonial-card{padding: 25px; margin:0 10px;}
	
.hero-content-box p {padding: 0 5px 0 0;}	
}
@media (max-width: 1299.98px) {
.header .topbar p{font-size: 14px;}
.header .topbar {font-size: 14px;}
#hero-section{padding: 50px 0 50px}	
#hero-section h1{font-size: 36px;}
.section-title{font-size: 36px;}
#navmenu ul li a {font-size: 14px;}	
#navmenu ul li + li {margin-left: 24px;}
#navmenu ul li a.get-start-btn{padding: 8px 15px;}	
.btn {padding: 8px 15px;border-radius: 6px;font-size: 14px;}
.fleets-section{padding: 50px 0 50px;background-size: 50% 48% !important;}
#hero-section h1 {font-size: 33px;line-height: normal;}	
#hero-section h1 br {display: none;}	
.hero-content-box {padding: 0;}	
.fleets-section p.subtle {font-size: 14px;}
.fleets-section p.subtle br {display: none;}

	
#recruiting-department{padding: 50px 0 50px;}		
#recruiting-department .col-md-6.col-lg-3{width: 50%;}
#recruiting-department .bg-white-box{min-height: 350px; padding: 40px;}

#document-review { padding: 50px 0 50px;background-size: 35%;background-position: 50% 28%;}		
#document-review .document-review-left{padding-right: 20px;}
#document-review .document-review-center{padding-top:30px;}
#document-review .document-review-right{padding-left: 20px;} 	
	
#dq-file-managements{padding: 80px 0 80px;}	
	
#partners-section{padding: 80px 0 80px;}		

#testimonial-section {padding: 80px 0;}	
#get-started-section{padding: 80px 0 80px;}		
	

}

@media (max-width: 991.98px) {
.header-main {padding: 15px 0;}
#navmenu {position: fixed;top: 0;right: -250px;  width: 250px;height: 100%;background: #fff;box-shadow: -2px 0 5px rgba(0,0,0,0.2);transition: right 0.3s ease;z-index: 9999;padding: 20px;}
#navmenu.active {right: 0;}
#navmenu ul {list-style: none;padding: 0;margin: 50px 0 0;}
#navmenu ul li {margin: 15px 0; display: block;}
#navmenu ul li + li {margin-left: 0;}	
#navmenu ul li a {text-decoration: none;color: #333;font-size: 17px;}
.navicon svg, .navicon i{
        font-size: 28px;
        cursor: pointer;
       
        z-index: 999;
        position: relative;
        border: 2px solid #01205d;
        line-height: normal;
        border-radius: 5px;
        padding: 0 5px;
        color: #01205d;
    }
.navicon { display: block;}
.nav-close {display: block;font-size: 32px;text-align: right;color: #9a1c1f;cursor: pointer;}	
#navmenu {display: block}
	
#hero-section h1 {font-size: 42px;}
#hero-section h1 br {display: none;}
.section-title {font-size: 42px; line-height: 1.4;}		
.section-title br {display: none;}
.hero-content-box {padding: 0;margin-bottom: 30px;}	
	
#document-review {background-size: 48%;background-position: 50% 46%;padding: 50px 0 50px;}	
#document-review .document-review-left {padding-right: 0;margin-bottom: 50px;}
#document-review .document-review-right {padding-left: 0;margin-top: 50px;}	

#dq-file-managements{padding:50px 0;}
	
#partners-section{padding:50px 0;}

#testimonial-section {padding: 50px 0;}	
#testimonial-section .owl-nav button {width: 40px;height: 40px;border-radius: 50%;}	
#testimonial-section .owl-nav button.owl-next{right: -5px;}	
#testimonial-section .owl-nav button.owl-prev{left: -5px;}
#get-started-section{padding: 50px 0;}		
#driver-recruiting-section .g-5 {--bs-gutter-y: 0;}

.integrations-logo-list .owl-nav {top: 100%;text-align: center;width: 100%;}	
.integrations-logo-list .owl-nav button.owl-prev {left: 42%;}
.integrations-logo-list .owl-nav button.owl-next {left: 52%;}	
#explorecdlModal .modal-dialog {min-width: auto; margin-top: 80px;}
#explorecdlModal .modal-dialog .modal-content {border-radius: 20px;padding: 20px;}
#explorecdlModal .col-md-4{width: 100%;}	
#explorecdlModal button.btn-close{top: -8px;right: -8px;padding: 5px;width: 30px;height: 30px;background-size: 35%;}
.explore-content h6 {font-size: 16px;}
.explore-content p {font-size: 12px; margin: 0;}
#resourcesModal .modal-dialog {min-width: auto; margin-top: 80px;}
#resourcesModal .modal-dialog .modal-content {border-radius: 20px;padding: 20px;}
#resourcesModal .col-md-4{width: 100%;}	
#resourcesModal button.btn-close{top: -8px;right: -8px;padding: 5px;width: 30px;height: 30px;background-size: 35%;}	
	
}

@media (max-width: 767.98px) {
body{font-size:14px;}	
.header .topbar .container .col-md-12 {display: block !important;text-align: center;}
.header .topbar p {font-size: 12px;}	
#logo img {max-width: 140px;}	
.header .topbar ul li a {font-size: 12px;}	
.header .topbar ul li + li {margin-left: 10px;padding-left: 10px;}	
.hero-content-box {padding: 0;margin-bottom: 30px;}
#hero-section{background-size: cover;background-repeat: no-repeat;}
#hero-section h1 {font-size: 30px;text-align: center;}	
.hero-content-box p{text-align: center;}
.hero-content-box .d-flex.flex-wrap.gap-3 {justify-content: center;}	
.hero-content-box .d-flex.align-items-center {justify-content: center;}	
.bg-white-box{min-height: auto;}
	
	
.fleets-section {background-size: contain !important;background-position: center !important;}	
.fleets-section ul li {font-size: 14px;font-weight: 600;}
.fleets-section ul li img {margin-right: 5px;width: 15px;}	
.fleets-section ul li + li {margin-left: 10px;}
.fleets-section p.subtle {font-size: 14px;}
.fleets-section p.subtle br {display: none;}
	
#dq-file-managements{background-size: cover;background-position: center;}	
	
#recruiting-department .col-md-6.col-lg-3{width: 100%;}	
	
#recruiting-department{padding: 50px 0 50px;}
.section-title {font-size: 30px; line-height: 1.4;}	

#document-review {background-size: 100%; padding:40px 0;}	
	
.apply-frm-wrap{margin-bottom:45px;}
.apply-frm-wrap form {padding: 20px;}	
.apply-frm-wrap form .btnss-wrapper {text-align: center;}
#applyonline-section{padding-bottom: 15px;}
	
	#partners-section{padding: 45px 0;}	
	
#footer {text-align: center;}
#footer .col-md-3 {margin-bottom: 20px;}
#footer .footer-links {margin-bottom: 20px;}
#footer .phone-text img {width: 35px;vertical-align: middle;margin-right: 6px;}
#footer .row.align-items-center {flex-direction: column;text-align: center;gap: 10px;}
#footer .footer-links h5:after{margin:0 auto;}	
#footer .social-media-i-wrapper {margin-top: 10px;}
#footer .social-media-i-wrapper a {font-size: 20px;}
	
	
}

@media (max-width: 575.98px) {
  /* CSS rules */
}