@charset "UTF-8";
/* ----------------------------------------------------------------
    Google Fonts
-----------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;1,400;1,500&display=swap');

body{margin: 0; padding: 0; font-family: 16px;font-family: 'Montserrat', sans-serif; color: #38404a;}
*{box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{font-family: 'Montserrat', sans-serif;}
.mr-10{margin-right: 10px;}
.sticky-top{background-color: #fff; border-bottom: 1px solid #dadada;}
.header-top{display: flex; align-items: center; justify-content: space-between; padding: 5px 0;}
.header-top .navbar-brand{text-transform: uppercase; font-size: 20px;color: #4e4e4e; text-decoration: none; line-height: 26px; font-weight: 500;}
.header-top .navbar-brand div{position:relative; top:6px;}
.header-top .navbar-brand span{display: block; color: #f13735;}
.header-top .navbar-brand img{float: left; margin-right: 10px; width: 65px; height: 65px;}
.header-top .hdr-rt{display: flex; align-items: center; justify-content: space-between;}
.header-top .hdr-rt .btn{margin-left: 10px; color: #fff;font-weight: 500;}
.header-top .hdr-rt .social a{display: inline-block; margin-right: 5px; width: 25px; height: 25px; background-color: #fff; border:1px solid #dadada; border-radius:50%; color:#1d1c1c; text-align: center; line-height: 25px; opacity: 0.8;}
.header-top .hdr-rt .social a:hover{background-color:#1d1c1c; color: #fff;opacity: 1;}
.header-bottom .navbar{padding-top:0; padding-bottom: 0px; font-weight: 500;}
.header-bottom .navbar-light .navbar-nav .nav-link.active{background-color: #E1ECFD; color: #0a58ca;}
.header-bottom .bg-light{border-bottom: 1px solid #dadada;}
.header-bottom.sticky{top: 80px;position: fixed;width: 100%; z-index: 8;}

.heroBanner{padding: 20px; background: url(../assets/driver-hero.jpg) center top no-repeat; background-size: cover; }
.heroBanner .banner-content{display: flex; align-items: center; justify-content: space-between;height: 500px; }
.heroBanner .banner-text{width: 45%; font-size:40px; font-weight: 500; color: #ffffff; text-transform: uppercase;}
.heroBanner .banner-form{width: 50%; height: auto; padding: 20px; border-radius: 10px; background-color: rgba(255, 255, 255, 0.8);}
.heroBanner .banner-form h3{font-size: 26px; text-transform: uppercase;}
.heroBanner .banner-form h3 span{opacity: 0.9; font-size: 22px;display: block; padding-bottom: 10px;}
.heroBanner .banner-form .form-control,.heroBanner .banner-form .form-select{background: transparent; border-radius: 0px;border:none; border-bottom: 1px solid #505050;}
.heroBanner .banner-form .form-control:focus,.heroBanner .banner-form .form-select:focus{box-shadow: none;outline: none; border-color: #24416b;}
.heroBanner .banner-form [type=file]{border-right: none; border-bottom: 1px solid #505050; padding-bottom:5px; background-color: transparent;}
.news-section{background-color: #f0f8fb; padding: 6px 0;}
.news-section .hdr{font-size: 20px; font-weight: 600; float: left; padding-right:30px; background: url(../assets/news-arrow.png) right center no-repeat; background-size: 25px;}
.news-section .news-text{font-size: 16px; padding:4px 0 0 10px; }

/*****************************
*	horizontal news ticker
******************************/

.ticker-wrapper-h{	display: flex;		position: relative;	overflow: hidden;}

.ticker-wrapper-h .heading{	background-color: #f13735;	color: #fff; font-weight: 500;	padding: 5px 10px;
	flex: 0 0 auto;	z-index: 1000;}
.ticker-wrapper-h .heading:after{	content: "";	position: absolute;	top: 0;	border-left: 20px solid #f13735;
	border-top: 17px solid transparent;	border-bottom: 15px solid transparent;}
.news-ticker-h{	display: flex;	margin:0;	padding: 0;	padding-left: 90%;	z-index: 999;	animation-iteration-count: infinite;
	animation-timing-function: linear;	animation-name: tic-h;	animation-duration: 50s;	}
.news-ticker-h:hover { 	animation-play-state: paused; }
.news-ticker-h li{	display: flex;	width: 100%;	align-items: center;	white-space: nowrap;	padding-left: 20px;}
.news-ticker-h li a{	color: #393939;	font-weight: 400;  text-decoration: none;}
.news-ticker-h li a:hover{color: #24416b;}
@keyframes tic-h {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

.hiring-delivery{background-color: #f4f4ed; padding: 50px 0;}
.hiring-delivery .hiring-delivery-text{display: flex; align-items: center; justify-content: center;}
.hiring-delivery .hiring-delivery-text .img{width: 650px;}
.hiring-delivery .hiring-delivery-text .img img{width: 100%; max-width:600px;}
.hiring-delivery .hiring-delivery-text .left-text{padding-right: 30px; width: 70%;}
.hiring-delivery .hiring-delivery-text  .left-text h3{font-size: 40px; font-weight: 500;
text-transform: uppercase; color: #ffb703; margin-bottom: 20px;}
.hiring-delivery .hiring-delivery-text  .left-text h3 span{display: block; color: #38404a; font-size: 28px;}
.hiring-delivery .hiring-delivery-text  .left-text ul li{width: 100%; padding: 8px 20px 8px 40px; line-height: 26px; position: relative; list-style: none;}
.hiring-delivery .hiring-delivery-text  .left-text ul li i{color: #ffb703; width: 30px; position: absolute; left:10px; top:13px;}

h1,h2,h3,h4,h5,h6{font-family: 'Montserrat', sans-serif;}
.ourGoal{background-color: #f8f8f6; padding: 50px 0;}

.ourGoal .ourGoal-text{display: flex; align-items: center; justify-content: center;}
.ourGoal .ourGoal-text .img{width: 650px;}
.ourGoal .ourGoal-text .img img{width: 100%; max-width:650px;}
.ourGoal .ourGoal-text .right-text{padding: 20px 30px; text-align: justify; width: 70%;}
.ourGoal .ourGoal-text .right-text h3{font-size: 35px; font-weight: 500;text-transform: uppercase; margin-bottom: 20px;}
  
.our-contractors{background-color: #393939; padding: 50px 0; position: relative; z-index: 0; color: #fff; text-align: center;}
.our-contractors::before{content: ""; width: 300px; height: 330px; position: absolute; left: 10px; top: -30px; background: url(../assets/art-lt.png) left top no-repeat; background-size: 300px; z-index: 0;}
.our-contractors::after{content: ""; width: 300px; height: 340px; position: absolute; right: 10px; bottom: -20px; background: url(../assets/art-rt.png) right bottom no-repeat;  background-size: 300px; z-index: 0;}
.our-contractors h3{font-size: 35px; font-weight: 600; margin-bottom: 10px; text-transform: uppercase;}
.our-contractors p{padding-bottom: 20px;}
.our-contractors ul{margin: 0 auto; padding: 0px; display: flex; max-width: 1400px; justify-content: space-between; list-style-type: none;}
.our-contractors ul li{width: 25%; text-align: center; padding: 10px; border-radius: 10px;}
.our-contractors ul li .card{height:145px; width: 100%; position: relative; z-index: 2; display: flex; align-items: center;}
.our-contractors ul li img{ width: 200px; height: auto; margin: auto;}
.driver-testi{background-color: #f9f9f9; padding: 50px 0; text-align: center;}
.driver-testi h3{font-size: 35px; font-weight: 600; margin-bottom: 30px; text-transform: uppercase;}
.driver-testi .testi-person{width: 100%; padding-top:20px;}
.driver-testi .testi-person .img{width: 80px; height: 80px; margin: auto; border-radius: 50%; border:1px solid #dadada; overflow: hidden; text-align: center;}
.driver-testi .testi-person .img img{width: 100%; height: auto;}
.driver-testi .testi-person .testi-person-name{width: 100%; padding-top: 10px; font-size: 18px; font-weight: 600; opacity: 0.8;}
.driver-testi .testi-person .testi-person-name span{width: 100%; display: block; font-size: 16px; font-weight: 400;}
.driver-testi .carousel-item{height: 280px; }
.driver-testi .carousel-caption{color:#38404a; opacity: 0.9;}
.driver-testi .carousel-inner { max-width: 1020px;  margin: auto;}
.driver-testi .carousel-inner::before{content: ""; width: 139px; height: 127px; position: absolute; left: 10px; top: -10px; background: url(../assets/comma-lt.png) left top no-repeat; background-size: 120px; z-index: 0;}
.driver-testi .carousel-inner::after{content: ""; width: 139px; height: 127px; position: absolute; right: 10px; top: 50px; background: url(../assets/comma-rt.png) right top no-repeat;  background-size: 120px; z-index: 0;}
.driver-testi .carousel-control-next-icon, .driver-testi .carousel-control-prev-icon{border:1px solid #dadada; background-color: #fff; border-radius: 50%; width:35px;height:35px;}
.driver-testi .carousel-control-next-icon, .driver-testi .carousel-control-previous-icon{background-image: transparent;color: #404040;}
.driver-testi .carousel-control-prev-icon{background-image: transparent;color: #404040; line-height: 35px;}
.driver-testi .carousel-control-next-icon{background-image: transparent;color: #404040;line-height: 35px;}
.driver-testi .carousel-indicators [data-bs-target]{background-color: #f13735;}
 
.footer{width: 100%; padding: 30px 0 0; background-color: #4c4d4d; color: #fff;}
.footer .navbar-brand{text-transform: uppercase; font-size: 18px;font-weight:500;color: #fff; text-decoration: none; line-height: 24px; transition: none; padding: 0; opacity: 1;}
.footer .navbar-brand:hover{transition: none; padding: 0;}
.footer .navbar-brand div{position:relative; top:6px;}
.footer .navbar-brand span{display: block; color: #f13735;}
.footer .navbar-brand img{float: left; margin-right: 10px; width: 50px; height: 50px;}
.footer a, .footer a:focus, .footer a:active {
  color: #ffffff; text-decoration: none;
}
.footer-co-info{text-align: justify; padding-right: 20px;}
.footer a{opacity: 0.8;transition: all ease-in-out 0.5s; font-size: 16px;}
.footer a:hover{opacity: 1; text-decoration: none; padding-left: 7px;}
.footer h4{font-size: 22px; font-weight: 500; margin-bottom: 10px;}
.footer .tool-free{font-size: 18px; }
.footer .tool-free .fa{font-size: 16px; width: 30px; opacity: 0.8; }
.footer .tool-free p{opacity: 0.8;}
.footer .tool-free h4{color: #fff; margin-top: 20px;}
.footer .tool-free h4 span{color:#f7bc00 ;}
.footer .nav-list li {
  padding-top: 3px;
  padding-bottom: 3px;
}

.footer .nav-list li a:hover:before {
  margin-left: 0;
  opacity: 1;
  visibility: visible;
}

.footer ul,.footer ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer .footer-bottom{background-color: #3d3e3e; padding: 6px 0; margin-top: 30px;}
.footer .footer-bottom .footer-bottom-text{ display: flex; align-items: center; justify-content: space-between;}
.footer .footer-bottom .footer-bottom-text .copyright{font-size: 15px; opacity: 0.8; width: 75%;}
.footer .footer-bottom .footer-bottom-text .notice{font-size: 13px; opacity: 0.8; width: 100%;}
.footer .footer-bottom .social{width: 25%; text-align: right;}
.footer .footer-bottom .social a{display: inline-block; padding: 3px; margin-right: 5px;}

#jobApplicationForm {
	background-color: #ffffff;
	margin: 20px auto;
	padding: 20px;
	width: 100%;
	min-width: 300px;
  }

 
  

  #prevBtn {
	margin-right: 8px;
  }
  #prevBtn:focus,#nextBtn:focus {box-shadow: none;}
  
  /* Make circles that indicate the steps of the form: */
  .step {
	height: 50px;
	width: 50px;
	margin: 0 2px;
	background-color: #fff;
	border: none;  
	color: #808080;
	font-size: 22px;
	border-radius: 50%;
	display: inline-block;
	border:2px solid #dadada;
	text-align: center; line-height: 50px;
  }
  
  .step.active {
	opacity: 1; position:relative;
	background-color: #fff;
	border-color: #f13735;
	color: #f13735;
  }
  .step.active::before {content:""; position:absolute; bottom:-22px; width:14px; height:14px;  
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #f13735;}
  
  /* Mark the steps that are finished and valid: */
  .step.finish {
	background-color: #fafafa; border-color: #dadada;
  }
  .steps-container{display: flex; align-items: center; justify-content: space-between; max-width: 80%; margin: auto; position: relative; z-index: 1;}
  .steps-container::before{content: ""; position: absolute; left:0px; top: 24px; height: 1px; width: 100%; 
	background-color: #dadada;z-index: -1;}
  .steps-container-text{border-top: 1px solid #dadada; margin-top: 20px; padding-top: 20px;}
  .steps-container-text .form-label {
	font-weight: 500;
  }
  .steps-container-text .tab{
	background-color: #f9f9f8; border: 1px solid #dadada; padding: 20px; margin-bottom: 20px; border-radius: 10px;
  }
    /* Hide all steps by default: */
	.steps-container-text .tab {
		display: none;
	  }
	  .steps-container-text .form-header{text-transform: uppercase; font-size: 20px; margin-bottom: 20px;}
	  .steps-container-text .form-sub-header{text-transform: uppercase; font-size: 18px; margin-bottom: 0px; margin-top: 20px; color:#0d6efd ;}
	
	  .steps-container-text .form-control,  .steps-container-text .form-select{background: transparent;background-repeat: no-repeat; border-radius: 0px;border:none; border-bottom: 1px solid #505050;}
	  .steps-container-text .form-control:focus,  .steps-container-text .form-select:focus{box-shadow: none;outline: none; border-color: #0d6efd;}
	  .steps-container-text input[type=text], .steps-container-text input[type=email], .steps-container-text input[type=date], .steps-container-text input[type=file], .steps-container-text input[type=tel], .steps-container-text select{background: transparent; border-radius: 0px;border:none; border-bottom: 1px solid #505050; 
		display: block;width: 100%;padding: .375rem .75rem;font-size: 1rem;
		font-weight: 400;line-height: 1.5;background-clip: padding-box;
		-webkit-appearance: none;-moz-appearance: none;appearance: none;
		transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	
	}
	  .steps-container-text input[type=text], .steps-container-text input[type=email]:focus, .steps-container-text input[type=date]:focus, .steps-container-text input[type=file]:focus, .steps-container-text input[type=tel]:focus, .steps-container-text select:focus{box-shadow: none;outline: none;}
	  .steps-container-text input[type=file]{border-right: none; border-bottom: 1px solid #505050; padding-bottom:5px; background-color: transparent; max-width: 100%; overflow: hidden; }
	  .steps-container-text  input.invalid {
		background-color: #ffdddd;
	  }
	  .steps-container-text .action-btns{
		display: flex; align-items: center; justify-content: flex-end;
	  }
	  .checkboxRow{display: flex; flex-wrap: wrap;}
	  .asterisk{color: #f13735;}

/*Responsive Part*/
@media (max-width: 1200px) { 
	.heroBanner .banner-text{font-size: 35px;}     
	.hiring-delivery .hiring-delivery-text .left-text{width: 75%;}
	.hiring-delivery .hiring-delivery-text .left-text h3{font-size: 30px;}
	.hiring-delivery .hiring-delivery-text .left-text h3 span{font-size: 20px;}
	.hiring-delivery .hiring-delivery-text .left-text ul li{padding:8px 0 8px 40px;}
	.ourGoal .ourGoal-text .right-text {padding: 20px 20px 20px 30px;width: 75%;}
	.ourGoal .ourGoal-text .right-text h3{font-size: 30px;}
	.our-contractors h3{font-size: 30px;}
	.our-contractors ul li .card {height: 110px; padding: 0 10px;}
	.our-contractors ul li img {width: 100%; max-width: 150px;}
	.driver-testi h3 {font-size: 30px;}
	.footer .navbar-brand{font-size: 16px;line-height: 20px;}
	.footer-co-info {padding-right: 15px;line-height: 20px;font-weight: 300;text-align: left; }
	.footer h4 {font-size: 20px;font-weight: 600;}
	.footer .tool-free{font-size: 16px;}

}
@media (max-width: 991px) { 
	.heroBanner .banner-text {font-size: 30px;}
	.hiring-delivery,.ourGoal{padding: 30px 0;}
	.hiring-delivery .hiring-delivery-text{flex-wrap: wrap; justify-content: flex-start;}
	.hiring-delivery .hiring-delivery-text .left-text{width: 100%; order:2;}
	.hiring-delivery .hiring-delivery-text .img {width: 100%;max-width: 600px;margin-bottom: 20px;  }
	.ourGoal .ourGoal-text{flex-wrap: wrap; justify-content: flex-start;}
	.ourGoal .ourGoal-text .right-text{width: 100%;	padding: 20px 0px 20px 10px;}
	.ourGoal .ourGoal-text .img{width: 100%;max-width: 600px;margin-bottom: 20px;  }
	.our-contractors::before {width: 250px;background-size: 215px;}
	.our-contractors::after{width: 250px;background-size: 215px;}
	.driver-testi .carousel-inner::before {width: 90px; height: 70px;top: -5px; background-size: 80px;}
	.driver-testi .carousel-inner::after {width: 90px; height: 70px;top: 50px; background-size: 80px;}
	.header-bottom .container{justify-content: flex-end;}
	.header-bottom .navbar-light .navbar-toggler{margin: 5px 0px;}
	.header-bottom .navbar-light .navbar-toggler:hover{border-color: #f13735;color: #f13735;}
	.header-bottom  .navbar-toggler:focus{box-shadow: none;}
	.navbar-collapse{position: relative; width: 100%;padding: 10px; background-color: #fff; border:1px solid #dadada;}
	.header-bottom .navbar-light .navbar-nav .nav-link{
		text-align: center;border-radius: 10px; }
		.container, .container-md, .container-sm {max-width: 90%;}
	

}

@media (max-width: 767px) { 
.container, .container-md, .container-sm {max-width: 96%; }
.footer .tool-free{margin-bottom: 30px;}
.heroBanner .banner-content {height: auto;flex-wrap: wrap; }
  .heroBanner .banner-text {font-size: 25px;width: 100%;padding-bottom: 30px;max-width: 475px;margin: auto;
	text-align: center; }
	.heroBanner .banner-form {width: 95%; margin: auto;}
	.hiring-delivery .hiring-delivery-text .img img {width: 100%;max-width: 440px; }
	.ourGoal .ourGoal-text .img img {width: 100%;max-width: 440px;}
	.header-top .navbar-brand {font-size: 16px;	line-height: 18px;font-weight: 600;  }
	.header-top .navbar-brand img {margin-right: 5px;width: 50px;height: 50px; }
	.header-top .hdr-rt{flex-wrap: wrap;justify-content: flex-end;}
	.header-top .hdr-rt .social{width: 100%; text-align: right; margin-bottom: 5px;}
}

@media (max-width: 575px) { 
	.heroBanner .banner-text {font-size: 20px; font-weight: 600;}
	.heroBanner .banner-form h3{font-size: 20px; font-weight: 600;}
	.heroBanner .banner-form h3 span{font-size: 17px;}
	.hiring-delivery .hiring-delivery-text .left-text h3,.our-contractors h3,.driver-testi h3{font-size: 22px; font-weight: 600;}
	.hiring-delivery .hiring-delivery-text .left-text h3 span{font-size: 17px;}
	.ourGoal .ourGoal-text .right-text h3{font-size: 22px; font-weight: 600;  margin-bottom: 15px;}
	.our-contractors ul{flex-wrap: wrap;}
	.our-contractors ul li{width: 50%;}
	.driver-testi h3{margin-bottom: 20px;}
	.driver-testi .testi-person .testi-person-name{font-size: 16px;}
	.footer h4 {font-size: 18px; margin-top: 30px; margin-bottom: 0px;}
	.footer .footer-bottom .footer-bottom-text{flex-wrap: wrap;}
	
.footer .footer-bottom .footer-bottom-text .copyright {
    font-size: 14px;width: 100%;   text-align: center;}
	.footer .footer-bottom .social {width: 100%;text-align: center;	padding-top: 5px;}
	.header-top .hdr-rt .social{text-align: right}
	.header-top .hdr-rt {width: 100%;}
}
@media (max-width: 479px) { 

	.header-top{flex-wrap: wrap;}
	.header-top .navbar-brand {	margin: auto;text-align: center;width: auto;position: relative;  left: -33px; }
	.our-contractors ul li {width: 100%; }
	.driver-testi .carousel-inner::before,.driver-testi .carousel-inner::after  {width: 76px;height: 64px;background-size: 49px; }
	.header-top .hdr-rt .social{text-align: center; justify-content: center;}
	.header-top .hdr-rt {width: 100%;}
	.header-top .hdr-rt .btn{margin: auto;}
}