.hero-section{background: url(../images/hero-image01.webp) no-repeat bottom;background-size: cover;height: 954px;}
/*--.hero-section .overlay{background-image: linear-gradient(to right, rgb(255 255 255 / 60%), rgba(255, 0, 0, 0));padding: 18% 0 17% 78px;height: 954px;width: 50%; }*/
.hero-section .overlay {background-image: linear-gradient(to right, rgb(255 255 255 / 60%), rgba(255, 0, 0, 0));padding: 5% 0 4.5% 78px;width: 50%;margin-top: 201px;}
.hero-section .overlay h1{line-height: 40px;color: #0070c0;}
.hero-section .overlay h2{line-height: 70px;color: #040404;}
.tab-content{padding: 30px 0;}
.nav.nav-tabs{margin-top: -70px;}
.nav.nav-tabs .nav-item{width: 33%;background-image: linear-gradient(180deg, #369FD7, #082567);border-right: 1px solid #369FD7;}
.nav.nav-tabs .nav-item:last-child{border-right: none;}
.nav.nav-tabs .nav-item button.active{background-image: linear-gradient(180deg, #0070C0, #E7EAF0);color: #000;display: flex;flex-flow: column;align-items: center;justify-content: center;height: 257px;margin-top: -27px;border: none;border-radius: 0;width: 100%}
.nav.nav-tabs .nav-item button:hover{border: transparent;}
.nav.nav-tabs .nav-item button{color: #000;border: transparent;display: flex;flex-flow: column;align-items: center;justify-content: center;height: 230px;padding: 0 50px;}
.nav.nav-tabs .nav-item button.active h2 {color: #000;}
.nav.nav-tabs .nav-item button.active p{color: #000;font-weight: 400;}
.nav.nav-tabs .nav-item h2{color: #fff;margin-top: 1px;}
.nav.nav-tabs .nav-item p{color: #fff;line-height: 30px;font-weight: 300;}
.quote-book-ship{background-color: #E7EAF0;padding-bottom: 70px;}
.let-our-team-carry{background: url(../images/let-our-team-carry.webp) no-repeat center;background-size: cover; padding: 70px 0;border-bottom: 1px solid #C8D5EF;}
.let-our-team-carry ul li{line-height: 30px;}
.white-box-container{background-color: #fff;border: 1px solid #C2C2C2;padding: 30px;border-top-right-radius: 15px;border-bottom-left-radius: 15px;}
.our-services{padding: 70px 0 0 0;}
.services-box-container{min-height: 239px;display:flex;flex-flow: column; align-items: center;justify-content: center; border-radius: 15px;padding: 30px 95px;text-align: center; background: rgb(241 241 241);background: linear-gradient(0deg, rgb(241 241 241) 0%, rgb(255 255 255) 100%);margin-bottom: 25px;border: 1px solid #D4D4D4;}
.services-box-container p{line-height: 25px;margin-bottom: 0;}
.services-box-icon{background-color: #fff;border-radius: 100%;margin-bottom: 15px;width: 100px;height: 100px;display: flex;align-items: center;justify-content: center;}
.services-box-container:hover{background:none;box-shadow: 0 0 10px 5px #f1f1f1;}
.rating-carrier-booking-tracking{padding:70px 0;}
.overlay-map{position:absolute;top: 56px;left: 37%;}
.online-rating-box{border: 1px solid #0070C0;border-top-left-radius: 15px;border-bottom-left-radius: 15px; margin-right: 8px; margin-bottom: 39px; padding: 30px 215px 30px 30px;background: rgb(255,255,255);background: linear-gradient(128deg, rgba(226,240,255,1) 0%, rgba(255,255,255,1) 100%);}
.booking-box{border: 1px solid #0070C0;border-top-left-radius: 15px;border-bottom-left-radius: 15px; margin-right: 8px; margin-bottom: 39px; padding: 30px 200px 30px 30px; background: rgb(255,255,255);background: linear-gradient(55deg, rgba(226,240,255,1) 0%, rgba(255,255,255,1) 100%);}
.carriers-box{border: 1px solid #0070C0;border-top-right-radius: 15px;border-bottom-right-radius: 15px; margin-left: 8px; padding: 30px 30px 30px 179px; text-align: right; background: rgb(255,255,255);background: linear-gradient(235deg, rgba(226,240,255,1) 0%, rgba(255,255,255,1) 100%);}
.tracking-box{border: 1px solid #0070C0;border-top-right-radius: 15px;border-bottom-right-radius: 15px; margin-left: 8px; padding: 30px 30px 30px 200px; text-align: right; background: rgb(255,255,255);background: linear-gradient(315deg, rgba(226,240,255,1) 0%, rgba(255,255,255,1) 100%);}
.are-you-looking{padding-bottom: 70px;}
.are-you-looking .form-control,
.let-our-team-carry .form-control,
.let-our-team-carry .form-select{background-color: #F2F3F9;}
.are-you-looking textarea.form-control{height: 230px;}
.are-you-looking h2{border-bottom: 1px solid #D3D3D3; padding-bottom: 10px;margin-bottom: 20px;}


/*-------------- ZoomIn End ----------------*/
@media screen and (min-width: 320px) and (max-width: 425px) {
    .hero-section {background: url(../images/hero-image01.webp) no-repeat top right;background-size: cover;height: 360px;}
    .hero-section .overlay {padding: 5% 0 3% 13px;width: 100%;margin-top: 73px;background-image: linear-gradient(to right, rgb(255 255 255 / 100%), rgb(255 255 255 / 48%));}
    .hero-section .overlay h2 {line-height: 30px;margin-top: 0;}
    .nav.nav-tabs .nav-item {display: flex;align-items: center;justify-content: center;}
    .nav.nav-tabs .nav-item button {height: 60px;}
    .nav.nav-tabs .nav-item button.active {height: 60px;margin-top: 0;}
    .nav.nav-tabs .nav-item button.active h2{font-weight: 400;}
    .nav.nav-tabs {margin-top: -30px;}
    
    .online-rating-box,
    .booking-box {margin-right: 0;padding: 15px;border-radius: 15px; margin-bottom: 30px;text-align: left;}
    .carriers-box,
    .tracking-box {margin-left: 0;padding: 15px;border-radius: 15px; margin-bottom: 30px;text-align: left;}
    .are-you-looking img {width: 50%;}
    .services-box-container {min-height: 220px;padding: 15px 9px;}
    .our-services .mobile-col{width: 50%;}
}
@media screen and (min-width: 426px) and (max-width: 768px) {
    .hero-section .overlay {padding: 4% 0 3% 13px;width: 100%;background-image: linear-gradient(to right, rgb(255 255 255 / 100%), rgb(255 255 255 / 5%));margin-top: 72px;}
    .hero-section {height: 350px;}
    .hero-section .overlay h1 {line-height: 40px;font-size: 42px;}
    .hero-section .overlay h2 {line-height: 33px;font-size: 30px !important;margin-top: 0;}
    .overlay-map{position:absolute;top: 85px;left: 34.8%;}
    .overlay-map img{width: 56%;}
    .online-rating-box{border: 1px solid #0070C0;border-top-left-radius: 15px;border-bottom-left-radius: 15px; margin-bottom: 21px; margin-right: 0; padding: 15px 143px 15px 15px;background: rgb(255,255,255);background: linear-gradient(128deg, rgba(226,240,255,1) 0%, rgba(255,255,255,1) 100%);}
    .online-rating-box h2{white-space: nowrap;}
    .booking-box{border: 1px solid #0070C0;border-top-left-radius: 15px;border-bottom-left-radius: 15px; margin-bottom: 21px; margin-right: 0; padding: 15px 72px 15px 15px; background: rgb(255,255,255);background: linear-gradient(55deg, rgba(226,240,255,1) 0%, rgba(255,255,255,1) 100%);}
    .carriers-box{border: 1px solid #0070C0;border-top-right-radius: 15px;border-bottom-right-radius: 15px; margin-left: 0; padding: 15px 15px 15px 84px; text-align: right; background: rgb(255,255,255);background: linear-gradient(235deg, rgba(226,240,255,1) 0%, rgba(255,255,255,1) 100%);word-break: break-all;}
    .tracking-box{border: 1px solid #0070C0;border-top-right-radius: 15px;border-bottom-right-radius: 15px; margin-left: 0; padding: 15px 15px 15px 72px; text-align: right; background: rgb(255,255,255);background: linear-gradient(315deg, rgba(226,240,255,1) 0%, rgba(255,255,255,1) 100%);}
    .online-rating-box h2,
    .booking-box h2,
    .carriers-box h2,
    .tracking-box h2{margin-bottom: 0;}
    .nav.nav-tabs {margin-top: -40px;}
    /*.nav.nav-tabs .nav-item button {height: 193px;padding: 0 15px;}
    .nav.nav-tabs .nav-item button.active {height: 220px;padding: 0 15px;}*/
    .nav.nav-tabs .nav-item p {line-height: 25px;}
    .are-you-looking textarea.form-control {height: 165px;}
    .quote-book-ship {padding-bottom: 0;}
    .services-box-container {min-height: 210px;padding: 15px;}
	button.btn {padding: 10px !important;}

	.nav.nav-tabs .nav-item {display: flex;align-items: center;justify-content: center;}
	.nav.nav-tabs .nav-item button {height: unset;height: 60px !important;}
	.nav.nav-tabs .nav-item button.active {height: unset;margin-top: unset;height: 60px !important;margin-top: 0 !important;}
	.nav.nav-tabs .nav-item button.active h2 {font-weight: 400 !important;}
	.nav.nav-tabs .nav-item button h2 {font-size:unset;font-weight:unset;font-size: 25px !important;margin: 0 0 10px 0 !important;line-height: 35px !important;font-weight: 400 !important;}
	.nav.nav-tabs {margin-top: -30px !important;}
}
@media screen and (min-width: 769px) and (max-width: 810px) {
    .hero-section .overlay {padding: 3% 0 3% 13px;width: 60%;background-image: linear-gradient(to right, rgb(255 255 255 / 100%), rgb(255 255 255 / 5%));margin-top: 30px}
    .hero-section {height: 350px;}
    .hero-section .overlay h1 {line-height: 40px;font-size: 42px;}
    .hero-section .overlay h2 {line-height: 33px;font-size: 30px !important;margin-top: 0;}
    .overlay-map{position:absolute;top: 85px;left: 35.6%;}
    .overlay-map img{width: 56%;}
    .online-rating-box{border: 1px solid #0070C0;border-top-left-radius: 15px;border-bottom-left-radius: 15px; margin-bottom: 21px; margin-right: 0; padding: 15px 155px 15px 15px;background: rgb(255,255,255);background: linear-gradient(128deg, rgba(226,240,255,1) 0%, rgba(255,255,255,1) 100%);}
    .online-rating-box h2{white-space: nowrap;}
    .booking-box{border: 1px solid #0070C0;border-top-left-radius: 15px;border-bottom-left-radius: 15px; margin-bottom: 21px; margin-right: 0; padding: 15px 72px 15px 15px; background: rgb(255,255,255);background: linear-gradient(55deg, rgba(226,240,255,1) 0%, rgba(255,255,255,1) 100%);}
    .carriers-box{border: 1px solid #0070C0;border-top-right-radius: 15px;border-bottom-right-radius: 15px; margin-left: 0; padding: 15px 15px 15px 84px; text-align: right; background: rgb(255,255,255);background: linear-gradient(235deg, rgba(226,240,255,1) 0%, rgba(255,255,255,1) 100%);}
    .tracking-box{border: 1px solid #0070C0;border-top-right-radius: 15px;border-bottom-right-radius: 15px; margin-left: 0; padding: 15px 15px 15px 72px; text-align: right; background: rgb(255,255,255);background: linear-gradient(315deg, rgba(226,240,255,1) 0%, rgba(255,255,255,1) 100%);}
    .online-rating-box h2,
    .booking-box h2,
    .carriers-box h2,
    .tracking-box h2{margin-bottom: 0;}
    .nav.nav-tabs {margin-top: -40px;}
    .nav.nav-tabs .nav-item button {height: 175px;padding: 0 10px;font-size: 16px;font-weight: 300;}
    .nav.nav-tabs .nav-item button.active {height: 202px;padding: 0 25px;}
    .nav.nav-tabs .nav-item button.active p{font-weight: 400;}
    .nav.nav-tabs .nav-item p {line-height: 25px;}
    
    .are-you-looking textarea.form-control {height: 165px;}
    .quote-book-ship {padding-bottom: 0;}
	.services-box-container {padding: 25px;}
	
} 

@media screen and (min-width: 768px) and (max-width: 775px) {
    .overlay-map {left: 34.8%;}
}
@media screen and (min-width: 811px) and (max-width: 1024px) {
    .carriers-box {padding: 30px 30px 30px 175px;}
    .online-rating-box h2{white-space: nowrap;}
    .overlay-map {top: 96px;left: 29.7%;}
    .tracking-box {padding: 30px 30px 30px 180px;}
}
@media screen and (min-width: 1026px) and (max-width: 1440px) {
    .overlay-map {left: 35.55%;}
    .online-rating-box {padding: 30px 291px 30px 30px;}
    .overlay-map {top: 56.3px;left: 35.55%;}
}

@media only screen 
    and (min-device-width: 428px) 
    and (max-device-width: 932px) 
    and (-webkit-min-device-pixel-ratio: 3)
    and (orientation: portrait) {
		.hero-section .overlay {padding: 3% 0 3% 13px;width: 100%;}
}
/*@media (aspect-ratio: 2.22/1) {
	.hero-section .overlay {width: 100% !important;}
	.nav.nav-tabs .nav-item {display: flex;align-items: center;justify-content: center;}
	.nav.nav-tabs .nav-item button {height: 60px !important;}
	.nav.nav-tabs .nav-item button.active {height: 60px !important;margin-top: 0 !important;}
	.nav.nav-tabs .nav-item button.active h2 {font-weight: 400 !important;}
	.nav.nav-tabs .nav-item button h2 {font-size: 25px !important;margin: 0 0 10px 0 !important;line-height: 35px !important;font-weight: 400 !important;}
	.nav.nav-tabs {margin-top: -30px !important;}
	.online-rating-box, .booking-box {margin-right: 0;padding: 15px;border-radius: 15px;margin-bottom: 30px;text-align: left;}
	.carriers-box, .tracking-box {margin-left: 0;padding: 15px;border-radius: 15px;margin-bottom: 30px;text-align: left;}
	.are-you-looking img {width: 50%;}
	.services-box-container {min-height: 220px;padding: 15px 9px;}
	.our-services .mobile-col {width: 50%;}
	.hero-section .overlay h2 {line-height: 33px;font-size: 30px !important;font-weight: 400;}
}*/
@media only screen 
    and (device-width: 448px) 
	and (device-height: 998px) 
	and (-webkit-device-pixel-ratio: 3) 
	and (orientation: portrait){
		.hero-section .overlay {width: 100% !important;}
		.nav.nav-tabs .nav-item button.active{height:unset;}
        .nav.nav-tabs .nav-item {display: flex;align-items: center;justify-content: center;}
        .nav.nav-tabs .nav-item button {height: unset;height: 60px !important;}
        .nav.nav-tabs .nav-item button.active {height: unset;margin-top: unset;height: 60px !important;margin-top: 0 !important;}
        .nav.nav-tabs .nav-item button.active h2 {font-weight: 400 !important;}
        .nav.nav-tabs .nav-item button h2 {font-size:unset;font-weight:unset;font-size: 25px !important;margin: 0 0 10px 0 !important;line-height: 35px !important;font-weight: 400 !important;}
		.nav.nav-tabs {margin-top: -30px !important;}
        .online-rating-box, .booking-box {margin-right: 0;padding: 15px;border-radius: 15px;margin-bottom: 30px;text-align: left;}
        .carriers-box, .tracking-box {margin-left: 0;padding: 15px;border-radius: 15px;margin-bottom: 30px;text-align: left;}
        .are-you-looking img {width: 50%;}
        .services-box-container {min-height: 220px;padding: 15px 9px;}
        .our-services .mobile-col {width: 50%;}
        .hero-section .overlay h2 {line-height: 33px;font-size: 30px !important;font-weight: 400;}
}
@media only screen 
    and (device-width: 998px) 
	and (device-height: 448px) 
	and (-webkit-device-pixel-ratio: 3) 
	and (orientation: landscape){
        .hero-section .overlay {width: 100% !important;}
        .services-box-container {padding: 30px 20px}
        .nav.nav-tabs .nav-item button {padding: 0 35px !important;}
}




.jquery_custome_errors{color:red!important;}
.jquery_validate_error{color:red;border-color:red;}