:root{
 --thm-blue:#010c47;
 --thm-yellow:#e8c029;
}
.agencybox{
	margin-top:30px;
}
.agencybox h2{
	margin:0px;
	padding:0px 0px 15px 0px;
	text-align:center;
	font-size:30px;
	font-weight:600;
	color:var(--thm-blue);
}
.agencybox p{
	margin:0px;
	padding:0px;
	font-size:16px;
	text-align:center;
}
.calltoaction{
	background-color:var(--thm-blue);
	padding:30px;
	border-radius:30px;
	margin:10px 0px;
	color:#fff;
}
.calltoaction h4{
	margin:0px;
	padding:0px 0px 20px 0px;
	color:#fff;
	font-size:14px;
	font-weight:400;
}
.calltoaction  a{
	background-color:var(--thm-yellow);
	padding:15px 35px;
	border-radius:30px;
	color:#000;
	font-weight:300;
	text-transform:capitalize;
	white-space:nowrap;
	border:2px solid #fff;
}
.calltoaction  a:hover{
	background-color:var(--thm-blue);
	color:#fff;
}
.trackfacts{
	background-color:var(--thm-yellow);
	padding:30px 0px;
	margin-bottom:30px;
}

.factbox{
	background-color:#fff;
	border-radius:20px;
	padding:20px;
	min-height:120px;
	display:flex;
	align-items:center;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.factbox .icon{
	width:64px;
	height:64px;
	margin-right:20px;
	background-color:var(--thm-yellow);
	padding:10px;
	border-radius:100%;
}
.factbox h4{
	font-size:16px;
	text-align:left;
	color:var(--thm-blue);
	font-weight:500;
}
.formdetails h2{
	margin:0px;
	padding:0px 0px 20px 0px;
	font-size:40px;
	font-weight:700;
	color:var(--thm-blue);
}
.formdetails p{
	margin:0px;
	padding:0px 0px 10px 0px;
}
.recruitformbox{
	background-color:var(--thm-blue);
	padding:30px;
	color:#fff;
	border-radius:30px;
}
.recruitformbox h4{
	margin:0px;
	padding:0px 0px 5px 0px;
	color:var(--thm-yellow);
	font-size:30px;
	text-align:center;
	font-weight:700;
}
.recruitformbox p{
	margin:0px;
	padding:0px 0px 20px 0px;
	color:#fff;
	font-size:14px;
	text-align:center;
	font-weight:400;
}
.recruitformbox p a{
	color:var(--thm-yellow);
	text-decoration:underline;
}
.recruitformbox p a:hover{
	text-decoration:none;
}
.recruitformbox input[type="text"],.recruitformbox input[type="email"],.recruitformbox input[type="number"]{
	background-color:#fff;
	border-radius:10px;
	color:#000;
	width:100%;
	height:50px;
	padding:5px 20px;
	margin-bottom:20px;
}
.recruitformbox button{
	background-color:var(--thm-yellow);
	width:100%;
	padding:10px 20px;
	text-align:center;
	font-size:20px;
	border-radius:30px;
}
.recruitformbox button:hover{
	background-color:#fff;
}
.whatcando h3{
	margin:0px;
	padding:0px 0px 10px 0px;
	font-size:30px;
	font-weight:600;
	color:var(--thm-blue);
}
.whatcando h4{
	margin:0px;
	padding:0px 0px 10px 0px;
	font-size:30px;
	font-weight:600;
	color:var(--thm-yellow);
}
.whatcando p{
	margin:0px;
	padding:0px 0px 10px 0px;
	font-size:16px;
}
.whatcando img{
	border-radius:20px;
}
.faqsbox{
	background-color:var(--thm-blue);
	padding:30px 0px 20px 0px;
	margin:30px 0px;
}
.faqsbox h4{
	margin:0px;
	padding:0px 0px 10px 0px;
	color:var(--thm-yellow);
	font-size:30px;
}
.faqsbox p{
	margin:0px;
	padding:0px 0px 10px 0px;
	color:#fff;
}
.faqsbox .accordion-item{
	margin-bottom:10px;
	border-radius:20px;
}
.faqsbox .accordion-button:not(.collapsed),.accordion-button{
	border-radius:20px;
	background-color:#fff;
	color:var(--thm-blue);
	font-weight:600;
}
.faqsbox .accordion-body p{
	color:#000;
}
.faqsbox .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23010c47'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.faqsbox .accordion-button:focus{
	border:0px;
	box-shadow:inherit!important;
}
.faqsbox .accordion-item:last-of-type .accordion-button.collapsed,.faqsbox .accordion-item:first-of-type .accordion-button{
	border-radius:20px;
}
.ctabox{
 background-color:var(--thm-yellow);
 padding:20px;
	border-radius:20px;
	text-align:center;
	margin-bottom:20px;
	display:block;
}
.ctabox:hover{
	background-color:var(--thm-blue);
	color:#fff;
}
.ctabox:hover h4 a{
	color:#fff;
}
.ctabox h4{
	margin:0px;
	padding:0px;
	font-size:30px;
	color:#000;
	font-weight:700;
	display:block;
}
.ctabox h4{
	color:#fff;
}
.ctabox h4:hover{
	color:#fff;
}
.ctaqabox{
	margin-bottom:30px;
}
.ctaqabox h3{
	margin:0px;
	padding:0px 0px 20px 0px;
	font-size:30px;
	color:#000;
	font-weight:700;
}

.ctaqabox p{
margin:0px;
padding:0px 0px 10px 0px;
font-size:16px;
}
.ctaqabox h4{
margin:0px;
padding:0px 0px 10px 0px;
font-weight:700;
	font-size:24px;
	color:var(--thm-blue);
}

.ctaqabox ul{
	margin:0px;
	padding:0px 0px 10px 40px;
	list-style-type:circle;
}
.ctaqabox ul li{
	color:#000;
	list-style-type:circle;
}
.intbox{
	padding:20px;
	border-radius:30px;
	text-align:center;
	margin-bottom:20px;
}
.intbox h4{
color:var(--thm-blue);
font-weight:700;
font-size:30px;
	text-align:center;
}
.flagcr .item{
background-color:var(--thm-blue);
padding:10px;
border-radius:10px;
	margin-bottom:20px;
}
.flagcr h6{
 margin:0px;
	padding:5px 0px 5px 0px;
	color:#fff;
	text-align:center;
	font-size:18px;
	font-weight:600;
}
.companyworkbox{
	text-transform:capitalize;
}
.companyworkbox{
 background-color:#fff;
padding:40px 0px 0px 0px;
}
.companyworkbox h2{
font-weight:700;
font-size:30px;
color:var(--thm-blue);
}
.companyworkbox img{
	border-radius:10px;
	margin-bottom:20px;
}
.owl-dots{
	text-align:center;
}
.recrtblog{
padding:30px 0px 50px 0px;
}
.recrtblog h3{
margin:0px;
	padding:0px 0px 20px 0px;
	color:var(--thm-blue);
	font-size:30px;
	font-weight:600;
	text-align:center;
}

.blog-item{
background-color:var(--thm-blue);
padding:20px;
	border-radius:20px;
	color:#fff;
	margin-bottom:20px;
}
.blog-item img{
	border-radius:20px;
}
.blog-item h4{
		padding:10px 10px 10px 0px;
	font-size:24px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	font-weight:600;
}
.blog-item h4 a{
color:var(--thm-yellow);	
}
.blog-item h4 a:hover{
color:#fff;	
}
.blog-item p{
color:#fff;
}

.truckbannerbg{
	width:100%;
	height:600px;
	background-image:url('../img/truckherobanner.png');
	background-repeat:no-reapeat;
	background-size:cover;
	background-position:center center;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
}
/*.truckbannerbg:after{
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background-color:rgba(0,0,0,0.5);
	z-index:9;
}*/
.truckbannerbg .container{
	position:relative;
	z-index:99;
}
.truckbannerbg h2{
	margin:0px;
	padding:0px 0px 20px 0px;
	font-weight:600;
	font-size:40px;
	color:#fff;
}
.truckbannerbg p{
color:#fff;
	font-size:18px;
	line-height:30px;
}

@media (max-width: 992px){
	.trackfacts{
	padding:20px;
	}
	.factbox{
	margin-bottom:20px;
	}
	.whatcando img{
	margin-bottom:20px;
	}
}
@media (max-width: 768px){
	.calltoaction h4{
	padding:30px 0px;
	}
	.truckbannerbg h2{
	font-size:30px;
	}
}
@media (max-width: 576px){
	.calltoaction{
		padding-top:0px;
	}
	.calltoaction  a{
	margin-left:0px!important;
	}
	.truckbannerbg h2{
	font-size:20px;
	}
	.truckbannerbg h2 br{
		display:none;
	}
	.calltoaction a{
		display:block;
	}
	.truckbannerbg p br{
		display:none;
	}
}
@media (max-width: 480px){
	.calltoaction a{
	padding:12px 20px;
		font-size:14px;
	}
	.truckbannerbg{
	height:650px;
	}
	.truckbannerbg p {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    padding: 0px 10px;
}
.calltoaction h4 {
       padding: 30px 0px 20px 0px;
    }
	.recruitformbox h4{
		font-size:18px;
	}
	.recruitformbox p{
	 font-size:12px;
	 line-height:20px;
	}
	.formdetails h2{
		font-size:30px;
	}
	.ctabox h4{
	font-size:22px;
	}
	.intbox h4,.ctaqabox h3{
	font-size:22px;
	}
	.recruitformbox{
	padding:15px;
	}
}