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


html {
	font-size: 16px;
	overflow-x: hidden;
/* 	scroll-behavior: smooth !important;
	scroll-padding-top: 30px; */
	
}


body {
	position: relative;
    font-family: "Poppins", sans-serif;
	background: var(--background-color);
	overflow-x: hidden;
/* 	scroll-behavior: smooth; */
	
}

/*.container {
    max-width: 1170px;
}*/

:root {
	--white: #ffffff;
	--black: #000;
	--theme-color: #009edd;
    --background-color:#102044;
}
.themeCol{ color:  var(--theme-color); }

p {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.67;
	color: var(--white);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif;
	font-weight: normal;
}
h1{ font-size:4.688rem; margin-bottom: 2rem; font-weight: bold; font-family: "Poppins", sans-serif; }
h1 strong{  }
h2{font-size: 3.688rem;font-family: "Poppins", sans-serif;text-transform: capitalize;font-weight: bold;color: var(--white);line-height: 1.2;margin: 0 0 2rem;}
h3{ font-size: 3.238rem; font-weight: bold; }
.smallhead{ font-size: 1.625rem; color: var(--theme-color); font-weight: bold; }

.img-auto {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

a,
button {
	text-decoration: none !important;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

a:hover,
button:hover {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

figure {
	margin: 0;
}

section {
	padding: 5rem 0;
}
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 0px;
	background-color: #000;
}

::-webkit-scrollbar
{
	width: 12px;
	background-color: var(--theme-color);
}

::-webkit-scrollbar-thumb
{
	border-radius:  0;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: var(--theme-color);
}


/* loader */
.preLoader { width: 100%; height: 100%; z-index: 1111; display: flex; align-items: center; justify-content: center; position: fixed; top: 0; bottom: 0; right: 0; left: 0; }
.preLoader img{ max-width: 350px; }
.preLoader.black { background-color: var(--background-color); z-index: 11113; }
.preLoader.white { z-index: 11112; background: var(--theme-color); }

/* loader */

/* Cursor Start */

.mouse-cursor { position: fixed; left: 0; top: 0; pointer-events: none; border-radius: 50%; -webkit-transform: translateZ(0); transform: translateZ(0); visibility: hidden; }
.cursor-inner { margin-left: 2px; margin-top: 2px; width: 7px; height: 7px; z-index: 10000001; background-color: var(--theme-color); -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, 
	margin 0.3s ease-in-out, opacity 0.3s ease-in-out; transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out; }
.cursor-inner:before{ content: "Click Me"; width: 100%; height: 100%; position: absolute; font-size: 1rem; top: 8px; left: 2px; display: flex; border-radius: 100%; opacity: 0; color: #fff; text-align: center; justify-content: center; align-items: center;
     -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out; 
     transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;}
.cursor-inner.active::before { opacity: 1; top: 0; }
.cursor-inner.cursor-hover { margin-left: -10px; margin-top: -10px; width: 30px; height: 30px; background-color: var(--theme-color); opacity: 0.3; }
.cursor-inner.cursor-hover.active{ margin-left: -40px; margin-top: -40px; width: 120px; height: 120px; opacity: 1; background-color: var(--theme-color); }

/* Cursor End */

/* btn css */

.themeBtn,
.btnSubmit{
	background: var(--theme-color);
	padding: 0.95rem 3rem;
	font-size: 1rem;
	font-weight: 700;
	color: var(--white);
	display: inline-block;
	border: none;
	transition: all 0.3s ease;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	text-transform: capitalize;
	text-align: center;
	}
.themeBtn:hover,
.btnSubmit:hover{ color: var(--white); }
.themeBtn:before,
.copyright .socialicons a:before{
	content: '';
	z-index: -1;
	position: absolute;
	top: -2px;
	right: -2px;
	bottom: -2px;
	left: -2px;
	background-color: var(--black);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4a21a',endColorStr='##ffde00',gradientType='1');
	transform-origin: right center;
	-webkit-transform-origin: right center;
	-webkit-transform: scale(0,1);
	-khtml-transform: scale(0,1);
	-moz-transform: scale(0,1);
	-ms-transform: scale(0,1);
	-o-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
	-khtml-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
	-moz-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
	-ms-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
	-o-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
	transition: transform .3s cubic-bezier(.37,.31,.2,.85);
}
.themeBtn:hover:before,
.copyright .socialicons a:hover:before{ 
	transform-origin: left center;
    -webkit-transform-origin: left center;
    -webkit-transform: scale(1,1);
    -khtml-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
 }  
 .themeBtn+.themeBtn{ margin-left: 1rem; }
 .themeBtn.fillBtn{ background-color: rgb(245 162 96 / 30%) }
 /* .themeBtn.fillBtn:before{ background: var(--theme-color); } */

.para{ font-size: 1.25rem; line-height: 1.56; }

.bdBtn{ border-radius: 10px; border: solid 1.5px #333; color: var(--theme-color); padding: 0.7rem 1.6rem; display: inline-block; }
.bdBtn i{ margin-left: 10px; }

/* btn css */

/* mouse animation css  */

.bounce-element { animation: bounce 0.9s infinite alternate; -webkit-animation: bounce 0.9s infinite alternate; }
@keyframes bounce { 
    from { transform: translateY(0px); 	} 
    to { transform: translateY(-15px); 	} 
}
@-webkit-keyframes bounce { 
    from { transform: translateY(0px); 	} 
    to { transform: translateY(-15px); } 
}
@keyframes zoomBig { 
    0% { transform: translate(-50%, -50%) scale(0.6); opacity: 1; border-width: 3px; }
    40% { opacity: .5; border-width: 2px; }
    65% { border-width: 1px; }
    100% { transform: translate(-50%, -50%) scale(1); opacity: 0; border-width: 1px; }
}
.mouse { position: absolute; bottom: 1rem; left: 0; right: 0; margin: auto; z-index: 11; text-align: center; }

/* mouse animation css  */


/* Header Css */

.main-header{ padding: 1rem 0; position: relative; z-index: 1; }
.main-header:before{ content: ''; position: absolute; top: 0; width: 100%; background-image: linear-gradient(to bottom, #00000082 0%, rgba(0, 0, 0, 0) 100%);
    height: 100%; z-index: -1; }
header { position: absolute; left: 0; right: 0; top: 0; z-index: 99; width: 100%; transition: all 0.3s ease;  }

/* Hamburger Menu */

.menu-Bar{width:30px;height:20px;cursor:pointer;z-index: 1;}
.menu-Bar span{display:block;height: 1px;width: 35px;background:var(--theme-color);position:absolute;transition:0.6s all;border-radius:100px;right: 0;}
.menu-Bar span:nth-child(1){top:0;}
.menu-Bar span:nth-child(2){top: 9px;transform-origin:left;width: 50px;}
.menu-Bar span:nth-child(3){top: 18px;}
.menu-Bar.open span{background:var(--white);}
.menu-Bar.open span:nth-child(1){transform:rotate(45deg);top:12px;transform-origin:right-center;}
.menu-Bar.open span:nth-child(2){width:0;opacity:0;}
.menu-Bar.open span:nth-child(3){transform:rotate(-45deg);top:12px;transform-origin:right-center;}

/* Menu Css */

.menuWrap .menu{ display: flex; align-items: center; justify-content: center; flex-direction: initial; }
.main_nav{ background: var(--theme-color); }
.menu{font-size:0px;display:inline-block;vertical-align:middle;}
.menu li{ display:inline-block; vertical-align:middle; position: relative;   }
.menu li:last-child{ padding-right: 0; }
.menu li a{display:block;font-size:1.125rem;color: var(--white); font-weight: normal; line-height: 1.36; display: block; padding: 0.5rem 2.5rem;  font-weight: 300;
    letter-spacing: -0.18px; }
    
/* .menu > li:hover > a, */
.menu > li.active > a,
.menu > li:hover > a{ border-color: #fff; }

.menuWrap .menu a{padding: 5px 10px;border-bottom: 5px solid transparent;}
.main-header{ position: relative;  }
.menu-Bar{display: block;transform: translateY(-50%);margin-top: 1rem;}
.menuWrap.open{display:flex;right: 0px;}
.menuWrap{position:fixed;left: 0;right: -210%;top:0;bottom:0;background:var(--theme-color);height:100vh;display:flex;align-items:center;justify-content:center;flex-flow:column;transition: all 0.5s ease-in-out;z-index:3;width: 35vw;margin-left: auto;box-shadow: 0 0 30px #00000078;}
ul.menu li{ display:block }
ul.menu li a{margin-bottom:10px;padding:0;display:block;text-align: left;margin-bottom:15px;padding-right:0px;margin-right:0px;color:#fff;font-size: 2rem;text-transform: uppercase;
	font-weight: bold;}

.menuWrap .menu{ display: block; }
.menu li:hover a, .menu li.active a{ background: var(--black); }
.menu-Bar span{ background: var(--white); }

.menu li:hover > a, .menu li.active > a , .menu > li.menu-item-has-children > .sub-menu > li.current-menu-item > a{background: transparent;}
.menu > li.menu-item-has-children > .sub-menu > li{ background: transparent !important; }
.menuButton { display: flex; align-items: center; gap: 2rem; position: absolute; right: 0; }

.buttonHeader { display: flex; align-items: center; margin-top: 0rem; }
.navbar-brand h5 { margin: 0; font-size: 2.5rem; color: var(--white); font-weight: bold; }
.menuButton .openBtn { background: transparent; border: none; padding: 0 10px; font-size: 20px; cursor: pointer; color: #fff; }
.menuButton .openBtn:hover { background: transparent; }
  
.menuButton .overlay { height: 100%; width: 100%; display: none; position: fixed; z-index: 2; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); }
.menuButton .overlay-content { position: relative; top: 46%; width: 80%; text-align: center; margin-top: 30px; margin: auto; }
.menuButton .overlay .closebtn { position: absolute; top: 20px; right: 45px; font-size: 50px; cursor: pointer; color: white;}
.menuButton .overlay .closebtn:hover { color: #ccc; }
.menuButton .overlay input[type=text] { padding: 18px; font-size: 16px; border: none; border-bottom: 2px solid #5a5555; float: left; width: 90%; background: transparent; }
.menuButton .overlay input[type=text]:hover { background: transparent;   }
  
.menuButton .overlay button { float: left; padding: 18px; font-size: 1.5rem; border: none; cursor: pointer; background: transparent; color: #5a5555; width: 10%; }
.menuButton .openBtn i{ font-weight: 200; }
button:focus { outline: none; }
.menu-Bar.open { z-index: 22; }

.menu-menu-1-container{ height: 95%; overflow-y: scroll; }

.mainBanner { color: var(--white); padding-top: 15rem; min-height: 930px; }
.mainBanner .cont{ max-width:750px; }
.mainBanner h1{ font-size: 2.988rem; }
.mainBanner p{  font-size: 1.063rem; font-weight: 600; }
.mainBanner .Imgs{position: absolute;right: 0rem;top: 6rem;padding-top: 7rem;z-index: 1;}
.mainBanner .Imgs:before{ content: ''; position: absolute; top: 0; background: url(../images/connectivity.webp) no-repeat; width: 1076px; height: 775px; right: 0; z-index: -1; }
.mainBanner .Imgs img{ max-width: 1080px; }
.mainBanner .Imgs video{ max-width: 830px; border: 5px solid #ffffff; }
.mainBanner .themeBtn{ margin-top: 1rem; }

.servicesSec .Items{ background-color: #192f62; padding: 2rem 2rem; text-align: center; margin-bottom:3rem; min-height: 710px; }
.servicesSec .Items figure{ margin-bottom: 1rem; }
.servicesSec .Items figure img{ width: 100%; height: 240px; object-fit: cover;  }
.servicesSec .Items .cont h3{ font-size: 2.813rem; color: var(--white); font-weight: bold; margin-bottom: 1rem; }
/* .servicesSec .Items.mt-10{ margin-top: 10rem; } */

.growBusiness h2{ color: var(--theme-color); line-height: 1; font-size: 3.388rem; }
.paraCustom{ font-size: 2.5rem; color: var(--white); }

.millionLeads h2{ color: var(--white); line-height: 1; }
.millionLeads .paraCustom{ margin-top: 3rem; }

.cardsMainserv h3{ font-size: 3.438rem; color: var(--theme-color); font-weight: bold; margin-bottom: 1.5rem; }
.cardsMainserv .cont ul{ margin: 2rem 0; }
.cardsMainserv .cont li{ color: var(--white); font-size: 1rem; color: var(--white); padding: 10px 0 10px 30px; position: relative; }
.cardsMainserv .cont li:before{ content: '\f00c'; position: absolute; left: 0; top: 10px; font-family: 'Font Awesome 5 Pro'; color: var(--theme-color); font-size: 1.325rem; }
.cardsMainserv .cont .Btns{ text-align: center; }
.cardsMainserv .cont .Btns a{ display: block; text-align: center; width: 90%; margin-left: 2rem; }
.cardsMainserv .cont .Btns.wdthbtnset a{ max-width: 570px; }
.cardsMainserv .cont li strong.br{ display: block; margin-bottom: 1rem; }

.ourtestimonials h3{ color: var(--theme-color); position: absolute; top: 2rem; left: 23rem; }
.ourtestimonials .cont{ padding-top: 5rem; }
.ourtestimonials .cont h5{ color: var(--white); font-size: 1.5rem; }
.ourtestimonials .cont h6{ color: var(--white); margin-bottom: 2rem; }
.testimSlider .slick-slide{ transition: all 0.3s ease; width: 192px;  }
.testimSlider .slick-slide img{ width: 100%; height: 274px; object-fit: cover; }

.testimSlider{ min-height: 500px; display: flex; align-items: flex-end; }
.testimSlider.swiper-autoheight .swiper-wrapper{ align-items: flex-end; margin-left: 1rem; }

.testimSlider .slick-slide {
	display: inline-block;
	vertical-align: bottom;
	float: none;
}

.testimSlider .slick-track{ margin-left: -7rem; }

.slick-list{margin:0 -10px;}
.slick-slide{margin:0 10px;}

#swipernext1,
#swiperprev1{ margin-top: initial; width: 40px; }
#swipernext1:after,
#swiperprev1:after{ font-size: 14px; color: var(--theme-color); }
#swipernext1:hover,
#swiperprev1:hover{ background: var(--theme-color); }
#swipernext1:hover:after,
#swiperprev1:hover:after{ color: var(--white); }
#swipernext1{ right: initial; left: 4rem; }

.testimMMslide{ height: 500px; overflow: hidden; }

.doubleCtaSec {display: flex;align-items: flex-start;padding-bottom: 15rem;}
.doubleCtaSec .items{ background: var(--theme-color); padding: 2rem 5rem; min-height: 498px; width: 50%; text-align: center; display: flex; flex-flow: column; justify-content: center;
align-items: center; }
.doubleCtaSec .items h3{ font-size: 2.25rem; color: var(--white); margin-bottom: 2rem; }
.doubleCtaSec .items .themeBtn{ background: var(--background-color); }
.doubleCtaSec .items+.items{background: #192f62;margin-top: 6rem;}
.doubleCtaSec .items  h4{ color: var(--theme-color); }

footer{ background: #060f24; padding: 5rem 0; }
footer .flogo{ margin-bottom: 2.5rem; }
footer h3{ font-size: 14px; font-weight: 500; letter-spacing: 0.66px; color: var(--white); text-transform: uppercase; margin-bottom: 1.5rem; }
footer ul li{ display: block; }
footer a{ font-size: 14px; font-weight: 500; color: #8a8a8a; }

.socialsIco a{ margin-right: 5px; color: var(--white); }
.downloadappImg a{ margin-bottom: 1rem; display: block; }

.home{ position: relative; z-index: 1; }
main{position: absolute;top: 0;width: 100%;height: 100%;z-index: -2;}
.line1{ background: url(../images/line1.webp) no-repeat;width: 1485px;height: 1076px;position: absolute;left: 0;top: 0;}
.truck{position: absolute;bottom: 5rem;left: 56rem;background: url(../images/truck1.webp) no-repeat;width: 130px;height: 114px;}
.line2{ background: url(../images/line2.webp) no-repeat; width: 1535px; height: 1076px; position: absolute; right: 0; top: 115rem; }
.line2 .truck{ background: url(../images/truck2.webp) no-repeat; left: 28rem; }
.line3{ background: url(../images/line3.webp) no-repeat;width: 100%;height: 1300px;background-size: 100% 100%;position: absolute;right: 0;top: 180rem;}
.line3 .truck{ background: url(../images/truck1.webp) no-repeat;left: 83rem;}
.line4{background: url(../images/line4.webp) no-repeat;width: 1535px;height: 1300px;background-size: 100% 100%;position: absolute;right: 0;top: 298rem;}
.line4 .truck{background: url(../images/truck2.webp) no-repeat;left: 31rem;}

.mainBanner.innerPage{ min-height: initial; text-align: center; }
.contactFrom .contformDv{ max-width: 80%; margin: auto; }
.contactFrom .contformDv .field{ width: 100%; margin-bottom: 1.5rem; }
.contactFrom .contformDv .field label{ font-size: 1rem; margin-bottom: 8px; line-height: 1.5; color: var(--white); }
.contactFrom .contformDv .field input,
.contactFrom .contformDv .field textarea{ width: 100%; border: solid 1px var(--theme-color); background-color: #4f5a68; height: 56px; padding: 1rem 1rem; }
.contactFrom .contformDv .field textarea{ height: 120px; resize: none; }
.contactFrom .contformDv .btns{  }
.contactFrom .gmapDv{ margin-top: 3rem; position: relative; }
.contactFrom .gmapDv iframe{ width: 100%;  }
.contactFrom .gmapDv .contDetails{ max-width: 70%; position: absolute; bottom: 3rem; left: 0; right: 0; margin: auto; background: var(--background-color); display: flex; 
	align-items: center; justify-content: space-between; padding: 1.5rem 1.5rem; }
.contactFrom .gmapDv .contDetails .items{ display: flex; align-items: center; gap: 1rem; }
.contDetails .items .icons{  width: 64px; height: 64px; border-radius: 8px; background-color: var(--theme-color); display: flex; align-items: center; justify-content: center; }
.contDetails .items .cont p{ color: var(--white); font-size: 1rem; margin-bottom: 0; font-weight: 400;  }
.contDetails .items .cont p strong{ display: block; font-size: 1.5rem; font-weight: bold; line-height: 1.33; }
.contDetails .items .cont p a{ color: var(--white); font-weight: 400;font-size: 1rem; }
.contDetails .items .cont p a:hover{ color: var(--theme-color); }
.contDetails .items .icons i{ font-size: 1.5rem; color: var(--white); }
.line5{ background: url(../images/innerpage-vector.webp) no-repeat; width: 100%; height: 610px; position: absolute; left: 0; top: 0; background-size: contain; }
.line5 .truck{ bottom: 10rem; left: 72rem; }

.newscatSec .Bxevents{ background: #192f62; padding: 2rem 2rem; text-align: center; min-height: 358px; display: flex; align-items: center; justify-content: center; flex-flow: column; }
.newscatSec .Bxevents figure{ margin-bottom: 2rem; }
.newscatSec .Bxevents h3{ font-size: 1.875rem; font-weight: bold; line-height: 1.67; color: var(--white); margin-bottom: 1rem; }
.eventsBx{ margin-bottom: 3rem; }
.eventsBx figure{ margin-bottom: 20px; width: 100%; }
.eventsBx h6{ font-size: 12.8px; line-height: 1.86;  color: #7b8793; }
.eventsBx h3{ font-size: 1.125rem !important; color: var(--white); margin-bottom: 10px; font-weight: 600; min-height: 43px;     line-height: 30px; }
.eventsBx p{  font-size: 13px; color: #7b8793; line-height: 1.67;  }

.filtersMain h3{ font-size: 1.188rem; font-weight: bold; line-height: 1.25; color: var(--white); position: relative; }
.filtersMain h3:before{ content: '\f05a'; position: absolute; right: 0; top: 5px; font-family: "Font Awesome 6 Free"; }
.filtersMain .activefilter h3{ font-size: 1.35rem; }
.filtersMain .activefilter { border-bottom: solid 1.1px rgba(0, 0, 0, 0.1); }
.filtersMain a.clearBtn{  font-size: 13px; line-height: 1.5; color: var(--theme-color); font-style: italic; text-decoration: underline !important; }
.filtersMain .items{ padding: 2rem 0; }
.filtersMain .items li label{ color: var(--white); font-size: 14px; line-height: 1.62; display: flex; align-items: center; gap: 1rem; position: relative; padding-left: 20px; }
.filtersMain .items li label input{ position: absolute; opacity: 0; cursor: pointer; }
.filtersMain .items li label .checkmark{ position: absolute; top: 0; left: 0; bottom: 0; margin: auto; height: 14px; width: 14px; border-radius: 2.7px; 
	border: solid 1.1px #767676; background-color: #fff; }
.filtersMain .items li label input:checked ~ .checkmark { background-color: var(--theme-color);  border-color: var(--theme-color); }

.brokerPg .Imgs:before{ display: none; }
.mainBanner.brokerPg .Imgs{  padding-top: 2rem; }
.mainBanner.brokerPg p{ font-size: 1rem; font-weight: normal; }

.btnwrap{ display: flex; align-items: center; gap: 1.5rem; }
.btnwrap a.themeBtn.bdbtn{ border: 1px solid var(--theme-color); background: transparent;  }

.carrierSec .eventsBx h3{ font-size: 1.25rem; }
.carrierSec .eventsBx figure{ margin-bottom: 1.5rem; }
.carrierSec .eventsBx figure img{ width: 100%; }
.carrierSec .eventsBx p{ color: var(--white); }


.brokerPgline .line3{ top: 205rem; }
.brokerPgline .line4{  top: 335rem; }
.cardsMainserv{ margin-top: 3rem; }
.trackerPgline .line3{  top: 160rem; }
.trackerPgline .line4{ top: 280rem; }

.startupguides .line3{ top: 135rem; }
.jobapps .line1{ background: url(../images/jobapp-line1.webp) no-repeat; width: 70%; height: 700px; background-size: contain; top: 0; left: 0; }
.jobapps .truck{ bottom: 5rem; left: 22rem; }

.uploadCard > div{position: relative;width: 100%;height: 130px;}
.uploadCard .custom-file-upload{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #8e8e8e; margin-bottom: 0; }
/*.uploadCard input[type='file'] { border: 2px dashed #616161; cursor: move; display: block; font-size: 0px; filter: alpha(opacity = 0); min-height: 100%; min-width: 100%; opacity: 1; position: absolute; 
	right: 0; text-align: center; top: 0; background: transparent;  }
*/
.jobapps_form input[type="date"]::-webkit-calendar-picker-indicator {
	filter: invert(1);
}

.jobappsBann{ min-height: initial; }
.jobapps_form h3{ color: var(--white); font-size: 2.75rem; font-weight: bold;  }
.jobapps_form .field{ width: 100%; margin-bottom: 1.5rem; }
.jobapps_form .field input,
.jobapps_form .field textarea{width: 100%;background: transparent;border: none;border-bottom: 1px solid #737b7d;padding: 20px 15px;color: #fff;}
.jobapps_form .field input::placeholder,
.jobapps_form .field textarea::placeholder{ color: var(--white); }
.uploadCard{ margin-bottom: 2rem; }
.uploadCard h4{ font-size: 1rem; line-height: 1.6; letter-spacing: 0.5px; color: var(--white); margin-bottom: 1rem; }
.uploadCard p{ margin: 1rem 0 0; }
.uploadCard img.active{ width: 150px; height: 150px; object-fit: cover; object-position: top; display: block !important; }
.jobapps_form .btns .themeBtn{ background-color: #009edd; width: 100%; padding: 20px 15px; color: var(--white); font-size: 1.2rem; 
	font-weight: 500; line-height: 1.6; letter-spacing: 0.5px; text-transform: uppercase; }
.jobapps_form .field label{ color: var(--white); }
.jobapps_form .field label input{ width: initial; }
.dflex{ display: flex; gap: 1rem; align-items: center; }
.jobapps_form .btns .themeBtn.bdBtn{ border: 1px solid #fff; background: transparent; }

.jobapps_form [type="checkbox"]:checked,
.jobapps_form [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.jobapps_form [type="checkbox"]:checked + span,
.jobapps_form [type="checkbox"]:not(:checked) + span
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #fff;
}
.jobapps_form [type="checkbox"]:checked + span:before,
.jobapps_form [type="checkbox"]:not(:checked) + span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    background: transparent;
}
.jobapps_form [type="checkbox"]:checked + span:after,
.jobapps_form [type="checkbox"]:not(:checked) + span:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #009edd;
    position: absolute;
    top: 3px;
    left: 3px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.jobapps_form [type="checkbox"]:not(:checked) + span:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.jobapps_form [type="checkbox"]:checked + span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.stepsMain>.StepsDv{ display: none; }
.stepsMain>.StepsDv.active{ display: block; }

.stepbars { width: 80%; margin:0 auto 5rem; position: relative; }
.progressBg{ background-color: #414d60; border-radius: 10px; width: 100%; height: 14px; position: relative; overflow: hidden; }
.stepbars .progressbar{ background: var(--theme-color); position: absolute; top: 0; left: 0; height: 100%; }
.stepbars .truck{ position: absolute; top: -15px; left: 0; background: url(../images/steps-truck.webp) no-repeat; width: 123px; height: 40px; }
.StepsDv .btns{ display: flex; align-items: center; gap: 1rem; }
.step-8 .truck{ left: 95% !important; }

/* .mainBanner.trackerPg h1{ font-size: 7rem; }
.mainBanner.trackerPg p{ font-size: 1.7rem; } */


[class^="box-"] { display: none; }
[class^="box-"].showfirst { display: block; }

.filtersMain.newfilters h3:before{ display: none; }
.filtersMain.newfilters .items.activefilter{ background: transparent; margin-bottom: 0; }
.filtersMain.newfilters .items:not(:first-child){ background: var(--white); margin-bottom: 3rem; padding: 0; }
.filtersMain.newfilters .items:not(:first-child) h3{color: var(--white);font-size: 1.4em;padding: 1rem 2rem;background: var(--theme-color);margin-bottom: 0;text-transform: uppercase;}
.filtersMain.newfilters .items ul{/* padding: 1rem 2rem; */}
.filtersMain.newfilters .items li{border-bottom: 1px solid #999;}
.filtersMain.newfilters .items a{color: var(--black);font-size: 1rem;padding: 15px 2rem;display: block; position: relative;    border-left: 5px solid transparent; }
.filtersMain.newfilters .items a span{ display:block; font-size:12px; }
.filtersMain.newfilters .items a:before{ content: '\f061'; font-family: 'Font Awesome 5 Pro'; font-weight: 300; position: absolute; right: 20px; }
.filtersMain.newfilters .items li:hover a,
.filtersMain.newfilters .items li.active a{ background: var(--background-color); color: var(--white);  border-color: var(--theme-color);}
.filtersMain.newfilters .items li:last-child { border-bottom: none; }

.tabsConts{  padding-top: 7rem; }
.tabsConts h3{ color: var(--white); font-size: 1.5rem; margin: 2rem 0; }
ul.liststyle{ list-style: disc; color: var(--white); padding-left: 20px; margin: 2rem 0; }
ol.liststylecount{ list-style: decimal-leading-zero; color: var(--white); }
ol.liststylecount ul{ margin: 0; }
ol.liststylecount li h3{ margin-bottom:0; font-size: 1.225rem; }
a.anchr{ color: var(--white); text-decoration: underline !important; }
.newsEventsdet{ scroll-behavior: smooth; }


/* faqs accordian */

ul.accordion-list{ position:relative; width:100%;height:auto;list-style:none;display: grid;grid-template-columns: repeat(2, 1fr);gap: 38px 36px; margin-bottom: 2rem; }
ul.accordion-list  li {position:relative;width: 100%;cursor:pointer;border-radius: 12px; background: #fff;}
ul.accordion-list li.active h3:after{content:"\f068";}
ul.accordion-list li h3{position:relative;display:block;width:100%;height:auto;font-size: 16px;line-height: 1.14;padding: 23px 20px 23px 29px;background-color: #f6f6f6;border-radius: 12px;}
ul.accordion-list li h3:after{content:"\f067";font-family: FontAwesome;position:absolute;right: 20px;color: #000;transition:all .3s ease-in-out;font-size: 15px;font-weight: 100;}
ul.accordion-list li div.answer {position:relative;display:block;width:100%;height:auto;margin:0;padding: 20px 20px;cursor:pointer;background: #ffffff;border-radius: 12px;}
ul.accordion-list li div.answer p{position:relative;display:block;padding: 10px 0;cursor:pointer;font-size: 1rem;/* background: #ffffff; *//* border-radius: 12px; */color:#000;margin-bottom: 0;}
ul.accordion-list li.active .answer { display: block !important; }
ul.accordion-list { display: block; }
ul.accordion-list li:not(:last-child) { margin-bottom: 15px; }
ul.accordion-list li.active h3{ background: var(--theme-color); color: var(--white); } 
ul.accordion-list li div.answer p + p {
    margin-top: 1rem;
}

ul.accordion-list li.active {
    
}

.tabsdrop .drop{ display:none; }

.tabsdrop.toggle > a:before{ transform: rotate(90deg); }
.tabsdrop .drop a{ font-size:14px !important; padding: 10px 2rem !important; }
.tabsdrop .drop a:hover,
.tabsdrop.toggle > a,
.tabsdrop.toggle li.active > a{ background:var(--theme-color) !important; }
.tabsConts h4{ color: var(--white); font-size: 1.25rem; margin: 2rem 0; font-weight:700; }

.faqsTabs{ text-align:center; }
.faqsTabs ul {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 3rem 0;
    gap: 2rem;
    flex-flow: wrap;
    background: #ffffff;
    padding: 1rem 1rem;
    border-radius: 10px;
}

.faqsTabs ul li a {
    background: var(--white);
    padding: 1rem 3rem;
    border-radius: 10px;
    color: var(--head-color);
    font-weight: 600;
    font-size: 1.125rem;
    display: block;
}

.faqsTabs ul li.active a {
    background: var(--theme-color);
    color: var(--white);
    box-shadow: 4px 5px 5px #8d8d8d;
}

.videomm video{ width:100%; }
.tabsConts h2{  font-size: 2.5rem; }

.doubleCtaSec .items h3 a{ color:var(--white); }

header.fixed .menuButton{ position:fixed; right:5rem; }


.newstartguideSec{padding-top:13rem;padding-bottom: 0;}
.tabsall a{color:#fff;font-size:1rem;margin: 4px 0;display: inline-block;}
.tabsall a:hover{ color: var(--theme-color); }
.tabsall .active a,
.tabsall .toggle a{color: var(--theme-color);background:transparent !important;}
.tabsall .parenttabs ul{display:flex;justify-content:space-between;border-bottom:1px solid var(--theme-color);flex-flow:wrap;gap: 0;margin-bottom: 1rem;}
.tabsall .parenttabs ul li{width:25%;}
.tabsall h3{ font-size:1.5rem; color:var(--white); padding: 1rem 0; text-transform: uppercase; font-weight: 400; padding-top: 2rem; }
.tabsall .items{ padding:0 2rem; }
.parenttabs a{font-size:2rem;padding:1rem 3rem;font-weight:bold;display:inline-block;width: 95%;margin: auto;}

.brokshipsec .cardsMainserv a{ color:var(--white); display:inline-block; padding:5px 0px }
.publish_author{ display:flex; gap:1rem; }
.publish_author span{ color:var(--white); }

.addtoany_share_save_container{ display:none !important; }
.starupguide_details aside .addtoany_share_save_container{ display:block !important; }
.starupguide_details h3{  }

.newsEventsdet .eventsBx img{ width:100%; height:388px; object-fit:cover; }

.guide-template-default{ overflow:initial !important; }
.sidebarsingle{ position: sticky; top: 0px; }
.parenttabs .active a {
    background: var(--theme-color) !important;
}


/* .faqsBann{ background:url(https://pttrloadboard.com/wp-content/uploads/2024/11/faq-banner1.jpg) no-repeat; background-size:cover; min-height: 690px; } */
.faqsBann{ position:relative; min-height:initial; }
.page-template-faqs:before{content:'';position:absolute;right: 0;left: 0;top: 0;background:url(https://pttrloadboard.com/wp-content/uploads/2024/11/faq-banner-12-1.png) no-repeat;width: 100%;height: 100%;opacity: 0.16;margin: auto;z-index: -1; background-size: contain; background-attachment: fixed;background-position: center 10rem; max-width: 1590px; }

.eventsBx .cont {
    min-height: 250px;
    display: flex;
    flex-flow: column;
}

.eventsBx .cont a.themeBtn {
    margin-top: auto;
    display: inline-block;
    max-width: 200px;
}
body.page-template-products { overflow:initial; }
figure.possticky{ position: sticky; top: 20px;  }

.aboutcontsimgs figure{ height: 100%; }
.aboutcontsimgs figure img{ height: 100%; object-fit: cover; }

.newsEventsBann{ min-height:initial; }
.newsEventsBann p{ font-size: 1rem; font-weight: normal; }

/* .jobsformimgs img{ height: 416px; object-fit: cover; width: 100%; } */
.fancybox-container{ z-index: 9999299; }
.carrierBg .Imgs img{ filter: blur(2px); }
.taglinepara p{ font-size:1.125rem; }

ol.alphalist{ list-style-type: lower-alpha !important;    counter-reset: unset !important; padding-left: 20px !important; }
ol.alphalist li{ display: list-item!important; }
ol.alphalist li:before{ display:none !important; }


.side-bar-sm-frm { position: fixed; z-index: 999; top: 22%; right: -376px; transition: all 0.4s ease 0s; display: none; }
.side-bar-sm-frm.rght-open.openfrm { display: inline-block; }
.side-body .field input, .side-body .field select, .side-body .field textarea { width: 100%; padding: 5px; font-size: 15px; }
.side-bar-sm-frm.lft-open .side-body { width: 300px; padding: 33px 20px 32px 80px; height: 328px; }
.side-body { padding: 33px 80px 32px; background: rgb(249, 249, 249); box-shadow: rgba(0, 0, 0, 0.32) 0px 0px 10px 2px; width: 431px; }
.side-body .row { margin: 0px; }
.side-body .field {margin: 0px 0px 10px;position: relative;overflow: hidden;}
.side-head { background: rgb(0, 0, 0); padding: 12px 0px; color: rgb(255, 255, 255); font-size: 25px; text-transform: uppercase; font-weight: 600; letter-spacing: 2px; position: absolute; left: -161px; top: 160px; margin: auto; transform: rotate(-90deg); text-align: center; width: 377px; cursor: pointer; height: 56px; }
.side-head strong { font-size: 32px; color: rgb(255, 174, 0); }
.side-head span { display: inline-block; padding: 16px; background: var(--uptownwebsitecolor2); position: absolute; top: 0px; right: 0px; }
.side-body input[type="submit"] { display: block; padding: 7px 50px; border-radius: 32px; color: rgb(255, 255, 255); font-size: 15px; text-transform: uppercase; font-weight: 600; border: 0px;     background: rgb(25 47 98) !important; }
.side-body .field select { padding: 7px 7px 7px 29px; height: 39px; }
.side-body .field span {left: 0;top: 0;display: block;}
.side-body .field .col-lg-10 { padding-right: 0px; }
.side-bar-sm-frm.rght-open.active { right: 0px; z-index: 11111; }
.side-bar-sm-frm.lft-open { right: initial; left: -300px; }
.side-bar-sm-frm.lft-open .side-head { right: -515px; width: 330px; top: 136px; background: rgb(0 158 221); color: rgb(255 255 255); font-weight: 700; letter-spacing: 1px; font-size: 22px; text-transform: capitalize; text-align: left; padding: 16px 14px; }
.side-bar-sm-frm.lft-open .side-head i { display: inline-block; padding: 16px; background: rgb(55, 60, 51); position: absolute; top: 0px; right: 0px; color: rgb(255, 255, 255); height: 100%; transform: rotate(-180deg); }
.side-bar-sm-frm.lft-open .side-body { padding: 24px 30px 24px 20px; }
.side-bar-sm-frm.lft-open.active { left: 0px; z-index: 11111; }
.side-bar-sm-frm.lft-open.openfrm { display: block; }
.ban-txt a { position: relative; z-index: 1; }
.purple-ban-btn { position: relative; z-index: 1; background: rgb(130, 53, 178); padding: 14px 28px; display: inline-block; color: rgb(255, 255, 255); text-align: center; font-size: 19px; border-radius: 5px; border: 2px solid rgb(130, 53, 178); box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 0px 2px 0px; font-weight: 600; margin-top: 20px; animation-iteration-count: 1; animation-name: tada; animation-duration: 0.9s; animation-fill-mode: both; animation-delay: 1.6s; }
.purple-ban-btn:hover { animation-iteration-count: infinite; animation-name: pulse; animation-duration: 0.9s; animation-fill-mode: both; animation-delay: 0.1s; }
.side-bar-sm-frm.rght-open .side-body { padding: 16px 20px 16px 80px; }
.rght-open .side-body .field input, .rght-open .side-body .field select, .rght-open .side-body .field textarea { padding: 5px; }
.rght-open .side-body select.countrylist { padding: 5px 5px 5px 29px; height: 32px; }
.rght-open .side-body span { top: 12px; }
.side-body h5 { margin: 0px 0px 10px; font-size: 21px; text-transform: uppercase; font-weight: 700;  }

.side-bar-sm-frm.lft-open.openfrm { display: block; }
.side-body .field p{ margin-bottom:0; }
.side-body .submitBtns{ position:relative; }
.side-body .submitBtns .wpcf7-spinner{position:absolute;right:0;bottom: 0;}
.side-bar-sm-frm .wpcf7-response-output{ color: #000 !important; font-size: 11px; }
.side-bar-sm-frm .wpcf7-not-valid{ border-color:red; }
.side-bar-sm-frm .wpcf7-not-valid-tip{ display:none !important; }

.jobapps_form .btns .themeBtn{ cursor:pointer; }

#wpcf7-f256-p207-o1{ padding:0 5rem; }

.millionLeads .ceomessage h2{ font-size: 3.088rem; }
.millionLeads .ceomessage h4{ color:#fff; }
/* .millionLeads .ceomessage figure img{ height: 735px; object-fit: cover; object-position: left; } */

.datoneSec h2{ font-size:3.688rem; }
.newstartguideSec .filthead{ text-align:center; color:#fff; font-size: 2.138rem; }
.newscatSec .Bxevents figure{ min-height: 134px; }
.single-products{ overflow:initial; }
.newscatSec .Bxevents{ margin-bottom:2rem; }

.boxprods{ background: #192f62; padding: 2rem 2rem; }
.boxprods h3{ color:#fff; font-size: 2rem; }
.boxprods p{ color:#fff; }
.boxprods ul{ margin: 2rem 0; min-height: 410px; }
.boxprods li{ color: var(--white); font-size: 1rem; color: var(--white); padding: 10px 0 10px 30px; position: relative; }
.boxprods li:before{ content: '\f00c'; position: absolute; left: 0; top: 10px; font-family: 'Font Awesome 5 Pro'; color: var(--theme-color); font-size: 1.325rem; }

.appCtas { padding: 2rem 5rem; background: #192f62; border-radius: 30px; box-shadow: 0px 0px 20px -4px #000000d4; }
.appCtas h3{ color:#fff; font-size:2.5rem; }


.swiper-full-mobile {
    position: relative;
    margin: 50px auto;
    padding-bottom: 50px;
}

.swiper-full-mobile:before {
    content: "";
    width: 265px;
    background: url(http://md-aqil.github.io/images/Pixel-3-XL.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    height: 565px;
    z-index: 2;
    margin: auto;
}
.swiper-full-mobile .swiper-slide {
  height: 100%;
  text-align:center;
}
.swiper-full-mobile .swiper-slide img{
  width: 265px;
  height: 530px;
  object-fit: cover;

}
.swiper-slide.swiper-slide-active img {
  border-radius: 40px;

}

.SliderApps h3{ color:#fff; font-size:2.5rem; }
.minheight{ min-height:initial !important; }

.contactsec3 h3{ color:#fff; font-size:2.2rem; }

.newscatSec.shippersCta .Bxevents{ text-align: left; align-items: flex-start; justify-content: flex-start; }
.newscatSec.shippersCta .Bxevents ul li{ color:#fff; }
.newscatSec.shippersCta .Bxevents ul.listss { margin-bottom:1rem; }
.newscatSec.shippersCta .Bxevents ul.listss li{font-size: 1rem;color: var(--white);padding: 5px 0 5px 30px;position: relative;}
.newscatSec.shippersCta .Bxevents ul.listss li:before{content: '\f00c';position: absolute;left: 0;top: 5px;font-family: 'Font Awesome 5 Pro';color: var(--theme-color);font-size: 1.325rem;}

.elementor-background-video-hosted{ width:100%; }
.magboxalign .Bxevents{ min-height: 95%; }
.cardsMainserv .cont ol li:before{ display:none; }
.cardsMainserv .cont ol li{ padding: 10px 0 10px 10px; }

.newsletterSec{ background: var(--theme-color); padding: 2rem 5rem; }
.newsletterSec #i4xso{ display:none; }
.newsletterSec .emaillist{ max-width: 800px; margin: auto; text-align: center; }
.newsletterSec .es-form-field-container .gjs-cell{ flex-basis:unset !important;text-align: left; }
.newsletterSec .gjs-cell input{ width: 100%; padding: 15px 15px; border-radius: 10px; border: none; }
.newsletterSec .gjs-cell input.es-email{ width: 99%; }
.newsletterSec .gjs-cell input[type="submit"]{ background: var(--background-color); color:#fff; }
.es_subscription_message.success{ color:#fff !important; }
.ourpartners{ padding:3rem 0; text-align: center; }
.ourpartners h3{ color:#fff; font-size: 3.438rem; margin-bottom: 5rem; }


.pricingMain .Bxpricing {
    background-color: #eaf0ff;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 2rem;
}
.pricingMain .Bxpricing .headBx {
    background: var(--background-color);
    padding: 0.8rem 2rem;
}
.pricingMain .Bxpricing .headBx h2 {
    color: var(--white);
    margin-bottom: 0;
    margin-top: 0;
}
.pricingMain .Bxpricing .midcont {
    padding: 1rem 2rem;
}
.pricingMain .Bxpricing .midcont h3{ 
    font-size: 1.313rem;
    font-weight: 600;
    line-height: 1.52;
    color: var(--background-color); 
}
.pricingMain .Bxpricing .midcont h5 {
    font-size: 14px;
    margin-bottom: 1rem;
}
/*.pricingMain .Bxpricing .midcont h5 span{ color:var(--button-color); }*/
.pricingMain .Bxpricing .midcont .cutprice {
    text-decoration: line-through;
}
.pricingMain .Bxpricing .midcont ul {
    margin-bottom: 1rem;
    height: 230px;
    overflow: hidden;
    overflow-y: scroll;
    margin-top: 1rem;
}
.pricingMain .Bxpricing .midcont ul li {
    display: block;
    padding: 0.5rem 0;
    padding-left: 2rem;
    position: relative;
}
.pricingMain .Bxpricing .midcont ul li i {
    margin-left: 10px;
}
.pricingMain .Bxpricing .midcont ul li:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    color: var(--button-color);
    position: absolute;
    left: 0;
    top: 6px;
}
.pricingMain .Bxpricing .themeBtn {
    width: 100%;
}
.pricingMain .contBody {
    height: 85%;
}
.pricingMain .Bxpricing .headBx h2 {
    font-size: 1.199rem;
    text-transform: capitalize;
}

.servicesSec .Items.carriersmheight{ min-height: 580px; }
.servicesSec.pricingMain .col-md-6 .Bxpricing .midcont ul{ height: 292px; }
.pricingMain .Bxpricing .midcont ul{ height: 285px; }

.tickerattentions{ background: #c20000; padding:10px 10px; text-align: center; }
.tickerattentions p{ color: #fff; font-size: 18px; margin-bottom: 0; }
.tickerattentions p strong{ font-weight: 600; font-size: 22px; }
#gt_float_wrapper{ top: 68px !important; }
.apitableLoads table{ width:100%; color:#fff; font-size:14px; }
.apitableLoads h3{color:#fff;font-size: 1.8rem;margin-bottom: 7rem;}
.videocar{ margin-top: 3rem; }
.videocar video{ height: 575px; object-fit: contain; border: 5px solid #fff; padding: 10px 10px; border-radius: 10px; }
.apitableLoads table td{ padding:10px 10px; }
.apitableLoads h4{ color:#fff; margin-bottom:0; }

.apitableLoads .themeBtn{ padding: 10px 25px; font-size: 14px; }
.wpcf7-recaptcha >div{ margin:auto auto 1rem; }

.page-id-1075 .mainBanner .cont{ margin:auto; }
.jobapps_form .field input:placeholder, 
.jobapps_form .field textarea:placeholder{ color:#ffffff7a; }