/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Template: oceanwp
Author: OceanWP
Author URI: https://oceanwp.org/about-oceanwp/
Description: OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it's the only theme you will ever need: https://oceanwp.org/demos/
Tags: two-columns,right-sidebar,footer-widgets,blog,news,custom-background,custom-menu,post-formats,rtl-language-support,sticky-post,editor-style,threaded-comments,translation-ready,buddypress,custom-colors,featured-images,full-width-template,theme-options,e-commerce,block-styles,wide-blocks,accessibility-ready
Version: 4.1.0.1752124163
Updated: 2025-07-10 05:09:23

*/
body.home {
    overflow-y: hidden;
}


div#footer-widgets {
    display: none;
}
div#footer-bottom {
    display: none;
}

h1, 
h2,
h3,
h4,
h5,
h6 {
/* 	font-family: "Pathway Extreme", sans-serif!important; */
/* 	  font-family: "Bebas Neue", sans-serif!important; */
/* 	  font-family: "Rajdhani", sans-serif!important; */
/* 	font-family: "Oxanium", sans-serif!important; */
/* 	  font-family: "Manrope", sans-serif!important; */
	  font-family: "Tenor Sans", sans-serif!important;
}

p,
a,
li {
	font-family: "Poppins", sans-serif!important;
}

.header-inner {
    display: flex
;
	gap:60px;
	    align-items: center;
}
.header-left {
    width: 20%;
}
.header-right {
    width: 80%;
    display: flex
;
    justify-content: space-between;
}
.header-menu {
    width: 85%;
}
a.mega-menu-link {
    font-size: 15px !important;
    font-family: "Tenor Sans", sans-serif!important;
    font-weight: 700 !important;
}
.header-btn a button {
    font-weight: 300;
    background: #263c88;
    padding: 7px 18px;
    color: white;
    font-family: "Tenor Sans", sans-serif!important;
    font-family: 'Pathway Extreme';
    font-size: 14px;
}
#main #content-wrap {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.content-area {
    float: unset;
    position: relative;
    width: 100%;
    padding-right: 0px;
    border-style: unset;
    border-color: unset;
}
.home-abt-sec {
    padding: 50px 0px;
}
.home-abt-sec-inner {
    display: flex
;
	gap:50px;
	align-items:center;
}
.home-abt-sec-left {
    width: 50%;
}
.home-abt-sec-right {
    width: 50%;
    display: grid
;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
.home-abt-sec-left h2 {
    color: #263c89;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
}
.home-abt-sec-left h4 {
    color: #504e4fc9;
    font-weight: 300;
    font-size: 18px;
	position:relative;
}
.home-abt-sec-left h4::before {
    position: absolute;
    content: "";
    width: 168px;
    height: 1px;
    background: #757373b3;
    top: 33px;
    /* left: 47px; */
}
.home-abt-sec-left p {
    color: gray;
    margin-top: 30px;
    font-weight: 400;
    font-size: 14px;
    line-height: 27px;
}
.home-abt-box1 span {
    font-size: 25px;
   font-family: "Manrope", sans-serif;
    font-weight: 600;
	    font-weight: 700;
    color: white
}
.home-abt-box1 p {
    margin-bottom: 0px;
    font-size: 15px;
	color:white;
	font-weight:500;
}
.home-abt-box1 {
    background: #27ace4;
    padding: 20px;
}
.blue-col {
    background: #263c88;
}
.home-abt-sec-left button {
    background: #f16739;
    padding: 7px 15px;
    font-size: 15px;
    color: white;
   font-family: "Tenor Sans", sans-serif !important;
    letter-spacing: 1px;
}
.home-end-to-end-inner h3 {
/*     color: #263c89; */
	color:white;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center;
    margin-bottom: 10px;
}
.home-end-to-end-inner h4 {
    text-align: center;
    /* margin: 0px; */
    margin-top: 0px;
    font-size: 18px;
    font-weight: 500;
	color:white;
}
.home-end-to-end-inner p {
    margin: auto 230px;
    text-align: center;
/*     color: gray; */
	color:#ffffffcc;
    font-size: 14px;
    line-height: 27px;
}
.end-to-end-solutino {
    display: flex
;
    gap: 50px;
	   margin: 50px 100px 0px;
}
.flight {
    width: 50%;
	background:white;
}
.flight-content {
/*     background: #263c88; */
    padding: 30px;
}
.flight-content h5 {
/*     color: #ffffff; */
    text-align: center;
    font-size: 28px;
    font-weight: 500;
	margin-bottom:10px;
	color:#263c88;
}
.value .home-end-to-end-inner h3 {
	    color: #263c89;
}
.value .home-end-to-end-inner h4 {
	color:black;
}
.flight-content p {
    margin: 0px;
/*     color: #ffffffd6; */
    font-size: 17px;
    font-weight: 300;
	color:#263c88;
}
.flight-content button {
    background: #f16739;
    padding: 5px 15px;
    font-size: 15px;
    color: white;
  font-family: "Tenor Sans", sans-serif !important;
    /* letter-spacing: 1px; */
    border: none;
	margin-top: 30px;
}
.flight-content {
	text-align:center;
}
.flight img {
    padding-bottom: 30px;
}
.value {
    background: #f6f6f6;
    padding: 50px 0px;
}
.value {
    margin: 50px;
}
.value-add-column {
    display: grid
;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 80px;
    grid-row-gap: 50px;
}
.value-add-bo p {
    margin: 0px;
}
.value-add-bo {
    text-align: center;
}
.value-add-bo span {
    font-size: 30px;
    font-family: 'Pathway Extreme';
    font-weight: 500;
    color: #a7a4a3;
}
.value-add-bo h4 {
    color: #414040;
    margin-top: 11px;
    margin-bottom: 5px;
    font-size: 17px;
    font-weight: 600;
}
.value-add-bo p {
    margin: 0px;
    font-size: 14px;
    color: #5e5b5c;
    line-height: 25px;
    font-weight: 300;
}
.apart {
    background-image: url(https://demo.getln.com/arem/wp-content/uploads/2025/07/what-sets-apart-bg-scaled.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	position:relative;
	    height: 400px;
    background-position: bottom;  
	z-index:-1;
}
.apart::before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background: #303b79e6;
}
.apart .home-end-to-end-inner {
    padding: 50px 0px;
}
.apart .home-end-to-end-inner h3 {
	color:white;
	position:relative;
}
.apart .home-end-to-end-inner h4 {
color: #ffffffeb;
    position: relative; 
}
.apart-box-over {
    position: relative;
}
.apart-box-over {
    display: flex
;
	gap:30px;
}
.content-apart p {
    margin: 0px;
}
.img-sec {
    width: 20%;
}
.content-apart {
    width: 80%;
}
.img-sec svg {
    fill: white;
    width: 55px;
    height: 100px;
}
.content-apart h6 {
    color: white;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 3px;
}
.content-apart p {
    text-align: left;
    color: #ffffffc9;
    font-size: 13px;
    line-height: 19px;
    margin-top: 8px;
}
.apart-box1 {
    display: flex
;
    gap: 12px;
	border-right: 1px solid #ffffffc7;
	align-items: center;
}
.apart-box1.li {
    border-right: unset;
}


.apart-box-over {
    margin: 50px 100px 0;
}
.home-call-con {
    display: flex
;
	background: #27ace4;
    margin: auto 120px;
}
.image-cal {
    width: 10%;
}
.contact-call {
    width: 30%;
    display: flex
;
    flex-direction: column;
    gap: 10px;
}
.home-call-con {
    display: flex
;
    background: #27ace4;
    margin: auto 120px;
    gap: 20px;
    padding: 20px 100px;
    align-items: center;
}
.image-cal svg {
    fill: white;
    width: 100%;
    height: 100px;
}
.call-to-con h6 {
    color: white;
    font-size: 25px;
    font-weight: 600;
	    margin-bottom: 0px;
}
.call-to-con {
    text-align: center;
	    width: 56%;
}
.contact-call {
    width: 31%;
    display: flex
;
    flex-direction: column;
 gap: 0px;
    align-items: flex-start;
    padding-left: 50px;
}
.contact-call a {
    color: white;
    font-size: 20px;
    font-weight: 500;
    text-decoration: unset !important;
}
.contact-call button {
    background: white;
    color: #27ace4;
    font-size: 16px;
    font-weight: 500;
}
.hr {
    border-left: 1px solid white;
    height: 100px;
}
.home-call-to-act {
    margin-top: -80px;
}
.client-logo {
    padding: 50px 0px 0px;
}
.logo-section-box .aigpl-design-1 .aigpl-img-wrp {
	height: 100px;
}
ul.slick-dots {
    display: none;
}
.gs_logo_single--wrapper.swiper-slide.swiper-slide-active {
	    height: 100px !important;
}
.gs_logo_container.swiper-container {
    height: 100px !important;
}
.logo-section {
    background: #f6f6f6;
}

.logo-section-box {
    background: white;
}
.logo-section {
    background: #f6f6f6;
}
.logo-section {
    margin: 50px 0px;
}
.certified-inner {
    display: flex
;
	gap:50px;
	align-items:center;
}
.cer-con {
    width: 50%;
}
.cer-logo {
    width: 50%;
    display: grid
;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: -2px;
}
.cer-logo .a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    gap: 0px;
  
    height: 200px;
}
.he-ce {
    border-left: 1px solid #cac8c8;
	height:300px;
}
.certified {
    padding: 30px 0px;
}
.cer-logo .a img {
    width: 50%;
}
.cer-con h4 {
    color: #263c89;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
    /* text-align: center; */
    margin-bottom: 20px;
}

.cer-con p {
    /* margin: auto 230px; */
    /* text-align: center; */
    color: gray;
    font-size: 14px;
    line-height: 25px;
}
.cer-con button {
    background: #f16739;
    padding: 7px 15px;
    font-size: 15px;
    color: white;
    font-family: 'Pathway Extreme';
    letter-spacing: 1px; 
}
.cer-con .a {
    height: 150px;
    width: 100%;
}
.footer-inner {
    display: flex
;
	gap:20px;
	align-items:center;
}
.footer-left {
    width: 66%;
}

.footer-right {
    position:relative;
    width: 40%;
}
.footer-left {
    width: 65%;
  
	padding-left:50px;
}
.nu {
    display: flex
;
	    gap: 0px;
    align-items: baseline;
    justify-content: flex-start;
}
.phone-numberaddress a {
    text-decoration: unset !important;
    color: #504f4d;
    font-size: 14px;
   
    font-weight: 400;
    font-family: 'Pathway Extreme' !important;
}
.phone-numberaddress p {
	 color: #504f4d;
    font-size: 14px;
   margin-bottom:0px;
    font-weight: 400;
    font-family: 'Pathway Extreme' !important;
}
.phone-numberaddress i.fa-solid {
    color: #504f4d;
    font-size: 14px;
}
.quick-links {
    display: flex
;
    flex-direction: column;
    gap: 10px;
}
.footer-left1 {
    display: flex
;
	gap:80px;
/* 	align-items: flex-start; */
	margin-bottom:30px;
}
.logo {
    width: 50%;
/* 	padding:30px; */
}
.phone-numberaddress {
    width: 57%;
	display: flex
;
    flex-direction: column;
    gap: 10px;
}
.quick-links {
    width: 50%;
}
.service {
    width: 50%;
}
.footer-left1.cen {
    align-items: unset;
}
.footer-left1.cen h4 {
    color: #253c88;
    margin-bottom: 6px;
    font-weight: 700;
}
.service p {
    margin-bottom: 0px;
    line-height: 35px;
    font-size: 14px;
    font-weight: 400;
}
.quick-links a {
    margin-bottom: 0px;
    /* line-height: 35px; */
    font-size: 14px;
    font-weight: 400;
}
.social-links {
    display: flex
;
/*     gap: 10px; */
}
.social-links i.fa-brands {
    font-size: 23px;
    color: #010000;
    margin-top: 15px;
    margin-bottom: 10px;
}
.content-footer {
    /* position: absolute; */
    display: flex
;
    justify-content: center;
    margin-top: -80px;
}
.content-footer h3 {
    color: white;
    font-weight: 700;
    font-family: 'Poppins' !important;
    font-size: 20px;
	margin-bottom:40px;
}

@media only screen and (max-width: 800px) {
/* 	.header-btn {
    display: none;
} */
	.ays-pb-modal.ays-pb-modal_2.ays-popup-box-main-box.ays-pb-bg-styles_2.ays-pb-border-mobile_2.fadeIn {
 
    padding: 5px !important;
}
	.Enquiry-form input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%!important; 
	}
	.fo p {
    display: flex
;
    gap: 0px!important;
    flex-direction: column;
}
	
	.header {
    padding: 15px;
}
	.home-abt-sec-left h4::before {
		display:none;
	}
.header-right {
        width: 100%;
        display: flex
;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-direction: column;
    }
	.header-menu {
    width: unset;
}
	.header-left {
    width: 50%

;
}
	.home-abt-sec {
    padding: 30px 0px;
}
	.home-abt-sec-inner {
    flex-direction: column;
    gap: 20px;
}
	.home-abt-sec-left {
    width: 100%;
}
	.home-abt-sec-right {
    width: 100%; 
	}
	.home-end-to-end-inner p {
    margin: 0px; 
	}
	.end-to-end-solutino {
		margin:0px;
	}
	.end-to-end-solutino {
    flex-direction: column;
} 
	.flight {
    width: 100%;
}
.value {
    margin: 20px;
}
	.value {
		padding: 30px 0px;
	}
	.value-add-column {
    display: grid
;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 20px;
}
.apart .home-end-to-end-inner {
    padding: 30px 0px;
}
	.apart-box-over {
    margin: 0px;
}
	.apart-box-over {
    flex-wrap: wrap;
}
	.apart-box1 {
		width:45%;
	}
	.home-call-con {
    display: flex
;
    background: #27ace4;
    margin: 0px;
    gap: 20px;
    padding: 20px;
    padding: 20px;
}
	.contact-call {
		padding-left: 0px;
	}
	.home-call-con {
		align-items:center;
	}
	.home-call-to-act {
    margin-top: 0px;
}
	.client-logo {
    padding: 30px 0px 0px;
}
	.logo-section {
    margin: 30px 0px;
}
	.certified-inner {
    flex-direction: column;
}
	.cer-logo {
    width: 100%; 
	}
	.certified {
    padding: 0px;
}
	.he-ce {
    display: none;
}
	.cer-con {
    width: 100%;
}
	.footer-inner {
    flex-direction: column;
}
	.footer-left {
    width: 100%; 
	}
	.footer-right {
		 width: 100%; 
	}
	.content-footer {
     margin-top: -145px;
	}
	.content-footer h3 {

	margin-bottom: 0px;
}
}

@media only screen and (max-width: 450px) {
	h1 {
		font-size:25px!important;
	}
	h2 {
		font-size:23px!important;
	}
	h3 {
		font-size:20px!important;
	}
	h4 {
		font-size:18px!important;
	}
	h5 {
		font-size:15px!important;
	}
	h6 {
		font-size:15px!important;
	}
	p{
		font-size:13px!important;
		line-height:25px!important;
	}
	a {
		font-size:14px!important;
	}
	    .value-add-column {
        display: grid
;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 10px;
    } 
	    .apart-box1 {
        width: 100%;
        border-right: unset;
    }
	.apart-box-over {
		    gap: 10px;
	}
	.home-call-con {
		flex-direction:column;
	}
	.apart {
		height:unset;
	}
	.image-cal {
    width: 100%;
	}
	.hr {
    display: none;
} 
	.contact-call {
    width: 100%;
    display: flex
;
    flex-direction: column;
    gap: 0px;
    align-items: center;
    padding-left: 50px;
}
	.call-to-con {
		width: 100%;
	}
	.call-to-con h6 {
		    font-size: 20px !important;
	}
	.contact-call a {
    font-size: 20px !important;
    margin-bottom: 5px;
}
	.home-call-con {
		gap:10px;
	}
	.footer-left {
		padding:10px;
	}
	.footer-left1 {
		gap:10px;
	}
	.contact-call {
		        padding-left: 0px;
	}
	.footer-left1 {
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 20px;
} 
	 .header-left {
        width: 100%;
    }

	.quick-links {
    width: 100%;
}
	.service {
    width: 100%;
}
	.phone-numberaddress {
    width: 100%; 
	}
	.logo {
    width: 60%; 
	}
	.content-footer h3 {
			font-size: 17px !important;
    padding: 20px;
	}

   
}
.air {
	  background: url(https://aremlogistics.com/wp-content/uploads/2025/07/banner-freight.jpg)!important;
    
}
.sea {
	 background: url(https://aremlogistics.com/wp-content/uploads/2025/07/banner-sea.jpg)!important;
}
.banner {
    background: url(https://aremlogistics.com/wp-content/uploads/2025/07/banner-common.jpg);
    height: 250px;
    background-position: center!important;
    background-size: cover!important;
	position:relative;
}

.banner::before {
    background: #0000007d;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
}
.inner-banner {
    width: 100%;
    height: 300px;
    display: flex
;
    align-items: center;
    justify-content: center;
}
.banner h1 {
    color: white;
    position: relative;
    font-size: 35px;
    font-weight: 400;
}
.contact-sec1 {
    padding: 50px 0px;
}
.contact-sec1-inner {
    display: flex
;
	gap: 50px;
	align-items:center;
}
.contact-sec1-left {
    width: 60%;
}
.contact-sec1-right {
    width: 40%;
 
}
.hours-box {
    border: 10px solid #1da0da;
    padding: 15px 10px;
    text-align: center;
    clip-path: polygon(6% 0, 100% 0%, 91% 100%, 0% 100%);
    /* clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); */
}
.hours-box h3 {
 
    font-size: 23px;
    font-weight: 500px;
    color: #263c88;
    margin-bottom: 0px;
}
.time {
 display: grid
;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 10px;
    text-align: left;
    margin-top: 20px;
    padding: 0px 17px;
}
.time span {
    margin-bottom: 0px;
    font-weight: 500;
    color: black;
    padding-right: 10px;
}
.time p {
    color: gray;
    margin-bottom: 0px;
    font-weight: 300;
}
.contact-sec1-left h4 {
    font-size: 15px;
    color: #1da0da;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 400;
	margin-bottom:10px;
}
.contact-sec1-left h3 {
    color: #263c88;
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    margin-bottom: 20px;
}
.contact-sec1-left p {
    color: gray;
    line-height: 27px;
    font-weight: 400;
    margin-bottom: 10px;
}
.details-inner {
    display: flex
;
    gap: 20px;
}
.details {
    margin-top: -210px;
}
.phone-number {
    background: #f7f7f7;
    padding: 30px;
}
.gif img {
    width: 100px;
    height: 100px;
}
.phone-number {
text-align:center;
	width: 33%; 
	background:white;
}
.gif img {
     background: #f4f4f4;;
    border-radius: 50%;
    padding: 10px;
}
.gif-cotnent {
    margin-top: 30px;
}
.gif-cotnent h4 {
    font-size: 20px;
    color: #253b87;
    font-weight: 600;
    margin-bottom: 10px;
}
.gif-cotnent p {
    color: gray;
    line-height: 27px;
    font-size: 15px;
}
.gif-cotnent a {
    color: gray;
    line-height: 27px;
    font-size: 15px;
	text-decoration:unset!important;
}
.formcontainer {
    background: #f4f4f4;
    margin-top: -158px;
    padding: 200px 0px 50px;
}
.formcontainer-inner h3 {
    font-size: 28px;
    color: #253b87;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
}
.formcontainer-inner h3 span {
    
    color: #1f91d0;
    font-weight: 700;
   
}
.formcontainer-inner p {
    margin: auto 200px;
    text-align: center;
    margin-top: 20px;
    color: gray;
    font-weight: e400;
    font-weight: 400;
    margin-bottom: 30px;
    font-size: 15px;
}
.contact-form {
    display: flex
;
    margin: auto 100px;
	    gap: 50px;
}
.contact-form p {
    margin: 0px;
	text-align:left;
}
.contact-form div {
    width: 50%; 
}
.contact-form p {
    font-size: 13px;
    margin-bottom: 20px;
    color: #272323;
    font-weight: 300;
}

input.wpcf7-form-control.wpcf7-tel.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-tel {
    margin-top: 5px;
    border: 1px solid #848484;
    border-radius: 5px;
}
input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email {
	  margin-top: 5px;
    border: 1px solid #848484;
    border-radius: 5px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	  margin-top: 5px;
    border: 1px solid #848484;
    border-radius: 5px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 35%;
    display: flex
;
    justify-content: center;
    align-items: center;
    floza: le;
    float: right;
    background: #253b87;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
}

@media only screen and (max-width: 800px) {
	.contact-sec1 {
    padding: 30px 0px;
}
	.contact-sec1-inner {
    flex-direction: column;
		gap:20px;
}
	.contact-sec1-left {
    width: 100%;
}
	.contact-sec1-right {
    width: 100%;
}
	.details-inner {
		    flex-wrap: wrap;
	}
	.phone-number {
		    width: 47%;
}
	.formcontainer-inner p {
    margin: 0px; 
	}
	.contact-form {
		    margin: 0px;
	}
	input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 55%; 
	}
	.header-inner {
		
	
	display: flex
;
    gap: 0px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
	}
}

@media only screen and (max-width: 500px) {
	.time {
    display: grid
;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 10px;
    text-align: center;
    margin-top: 20px;
    padding: 0px 17px;
}
	.phone-number {
		width:100%;
	}
	.phone-number {
		    background: #f4f4f4;
	}
	.contact-form {
    flex-direction: column;
}
.contact-form div {
    width: 100%;
}
	input.wpcf7-form-control.wpcf7-submit.has-spinner {
		float:left;
	}
	.contact-form {
		gap:0px;
	}
	.end-to-end-solutino {
    margin-top: 30px;
}

}

@media only screen and (max-width: 450px) {
.header-inner {
	gap: 0px;
}
}

.abt-sec1 {
    padding: 50px 0px;
}
.abt-sec1-inner {
    display: flex
;
	    gap: 100px;
}
.abt-sec1-left {
    width: 50%;
}
.abt-sec1-right {
    width: 50%;
}
.abt-sec1-right h4 {
    font-size: 14px;
    color: r;
    color: #23ace2;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 0px;
}
.abt-sec1-right h2 {
    margin-top: 12px;
    color: #263c88;
    font-size: 33px;
    line-height: 43px;
    margin-bottom: 20px;
}
.abt-sec1-right p {
    color: gray;
    font-size: 14px;
    line-height: 27px;
    font-weight: 300;
}
.abt-sec1-right ul {
    display: grid
;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    list-style: square;
}
.abt-sec1-right ul li {
    font-size: 14px;
    font-weight: 400;
}
.abt-sec1-right button.btn {
       font-family: "Tenor Sans", sans-serif !important;
    font-size: 14px;
    font-weight: 500;
}
.owner {
    padding: 50px 0px;
}
.owner-inner {
    display: flex
;
}
.owner-left {
    width: 40%;
}
.owner-right {
    width: 70%;
}
.why-choose {
    padding: 50px 0px;
    background: #263c88;
}
.why-choose-le {
    width: 40%;
}
.why-choose-right {
    display: flex
;
	    width: 60%;
	
    gap: 30px;
}
.why-choose-nu {
    width: 75%;
}
.ser-btn {
    width: 50%;
}
.why-choose-le h4 {
    font-size: 14px;
    color: r;
    color: #edfaff;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 0px;
}
.why-choose-le h3 {
    margin-top: 12px;
    color: #ffffff;
    font-size: 33px;
    line-height: 43px;
    margin-bottom: 20px;
}
.why-choose-nu span {
    /* justify-content: center; */
    font-size: 80px;
    line-height: 1;
    margin-bottom: 10px;
    font-weight: 800;
    color: #ffffff00;
    -webkit-text-stroke: 1px white;
    /* -webkit-text-stroke: azure; */
}
.why-choose-le p {
    color: #ffffffbf;
    font-weight: 300;
    line-height: 27px;
}
.why-choose-nu {
    display: flex
;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
	    border-right: 1px solid #ffffff21;
    
    border-left: 1px solid #ffffff21;
}
.why-choose-nu p {
    color: white;
       font-family: "Tenor Sans", sans-serif !important;
    margin-top: 20px;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
}

  

    .btn {
       background: none;
    display: flex
;
    justify-content: center;
    align-items: center;
    min-width: 170.52px;
    min-height: 45px;
    font-family: calibri;
    font-size: 1.2em;
    border-radius: 20px;
    cursor: pointer;
    font-weight: 400;
    position: relative;
    border: 2px solid #263c88;
    color: #263c88;
    background-color: transparent;
    overflow: hidden;
margin-top:40px;
    }

    i {
        font-size: 1em;
        padding: 0 10px;
        transition: all 0.5s linear;
    }

    .btn:hover i {
        transform: translateX(10px);
    }

    .btn::before,
    .btn::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: -100%;
        left: 0;
        background-color: #71d8ff;
        z-index: -1;
        transition: all 400ms ease-in;
    }

    .btn:hover {
        color: #fff;
    }

    .btn::before {
        opacity: 0.3;
    }

    .btn::after {
        transition-delay: 0.3s;
    }

    .btn:hover::before,
    .btn:hover::after {
        top: 0;
    }
.why-choose-inner {
    display: flex
;
    gap: 30px;
}
.ser-btn {
    display: flex
;
    justify-content: center;
    align-items: center;
}

.why-choose .btn {
  background: none;
    justify-content: center;
    align-items: center;
    min-width: 219.52px;
    min-height: 213px;
    font-family: calibri;
    font-size: 1.2em;
    border-radius: 135px;
    cursor: pointer;
    font-weight: 400;
    position: relative;
    border: 2px solid #f6f7fb4d;
    color: #ffffff;
    /* background-color: #263c88; */
    overflow: hidden;
    margin-top: 40px;
    position: relative;
    z-index: 98;
    display: flex
;
    flex-direction: column;
    font-size: 20px;
    font-weight: 400;
    font-family: 'Pathway Extreme';
}
.why-choose i {
      
	font-size: 27px;
    /* padding: 0 10px; */
    transform: rotateZ(45deg);
	 transition: all 0.5s linear;
    }

  .why-choose  .btn:hover i {
        transform: translateX(10px);
    }

   .why-choose .btn::before,
   .why-choose .btn::after {
          z-index: -12;
    }

   .why-choose .btn:hover {
          color: #ffffff;
    z-index: 9999999999999999999;
    }

/*    .why-choose .btn::before {
        opacity: 0.3;
    } */

  .why-choose  .btn::after {
        transition-delay: 0.3s;
    }

  .why-choose  .btn:hover::before,
   .why-choose .btn:hover::after {
        top: 0;
    }
.airplane-shape {
    position: absolute;
    left: 8%;
    bottom: 27%;
    max-width: 15%;
}
.why-choose .btn::before, .btn::after {
	background-color: #24ade3;
}
.over-view {
    padding: 50px 0px;
}
.our-values-inner {
    display: flex
;
	gap:30px;
}
.our-mission {
    width: 33%;
padding:30px;
;
	text-align:left;
    gap: 20px;
    background: #23ace224;
}
.our-values-inner svg {
width: 80px;
    height: 85px;
    background: #ffffff;
    padding: 10px;
    fill: #263c88;
}
.our-values-inner h4 {
    margin-top: 20px;
    margin-bottom: 10px;
    color: #263c88;
    font-size: 20px;
    font-weight: 600;
}
.our-values-inner p {
    color: gray;
    font-size: 14px;
    font-weight: 300;
    line-height: 27px;
}
.our-mission:hover {
    background: #23ace2;
    transition: 0.3s linear;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}
.our-mission:hover h4 {
  
    transition: 0.3s linear;
    color: white;
}
.our-mission:hover p {
  
    transition: 0.3s linear;
    color: white;
}
.our-mission:hover p span {
  
    transition: 0.3s linear;
    color: white;
}
.our-mission:hover svg {
  background:transparent;
    transition: 0.3s linear;
    transform:scale(1.3);
	fill:white;
	
}
.ne {
	  background: #23ace2;
   
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.ne svg {
  background:transparent;
 
    transform:scale(1.3);
	fill:white;
}
.ne p {
	   color: white;
}
.ne h4 {
	color:white;
}
.air-se1 {
    padding: 50px 0px;
/*     background: #f7f7f7f4; */
}
.air-se1-inner {
    display: flex
;
    gap: 30px;
}
.air-sec1-left {
    width: 40%;
}
.ari-sec1-right {
    width: 60%;
}
.air-sec1-left h2 {
    color: #1b1a60;
    font-size: 30px;
    font-weight: 600;
    line-height: 43px;
}
.ari-sec1-right p {
    color: gray;
    font-size: 14px;
    font-weight: 300;
    line-height: 27px;
}
.ar-sec2 .our-values-inner {
	    display: flex
;
    gap: 0px;
}
.ar-sec2  .our-mission {
	    border-right: 1px solid #263c881a;
}

.air-sec3-inner {
    display: flex
;
}
.air-sec3-inner-left {
    width: 50%;
}
.air-sec3-inner-right {
    width: 50%;
}
.air-sec3-inner-left img {
    width: 100%;
}
.air-sec3-inner-right {
        padding: 30px 50px 0px 30px;
}
.air-sec3-inner-right h3 {
    color: #1b1a60;
    font-size: 30px;
    font-weight: 600;
    line-height: 43px;
	margin-bottom:10px;
}
.sub-con {
    display: flex
;
	align-items: flex-start;
    gap: 9px;
}
.ico {
    width: 5%;
}
.sub-content {
    width: 95%;
}
.ico svg {
    fill: #23ace2;
    width: 90%;
    height: 100%;
}
.sub-content h5 {
    font-size: 16px;
    color: #100f0fc7;
    margin-bottom: 4px;
    font-weight: 500;
}
.sub-content p {
    color: gray;
    font-weight: 300;
    line-height: 27px;
    font-size: 14px;
}
.sub-content-ov {
    display: flex
;
    flex-direction: column;
    gap: 10px;
	margin-top:40px;
}
.air-sec3-inner-left img {
    width: 100%;
    height: 650px;
    object-fit: cover;
}
.air-sec3-inner-right p {
    font-weight: 300;
    font-size: 14px;
    line-height: 27px;
    color: gray;
}
.valu-ser {
    padding: 50px 0px;
}
.valu-ser-inner {
    display: flex
;
	gap:50px;
}
.valu-ser-left {
    width: 50%;
}
.valu-ser-right {
}
.valu-ser-right h4 {
    color: #1b1a60;
    font-size: 30px;
    font-weight: 600;
    line-height: 43px;
}
.valu-ser-right p {
    color: gray;
    font-size: 14px;
   
    font-weight: 300;
}
.valu-ser-right p {
    margin-bottom: 10px;
}
.port-of-handling {
    padding: 50px 0px;
}

.po-lef {
    width: 50%; 
}
.po-right {
    width: 50%;
	padding: 40px;
}
.po-right {
  
   background: #24ade3;
	
}
.first {
	display:flex;
}



    .stack-cards {
        display: grid;
        grid-gap: 1rem;
        margin: 2rem;
    }

    /* Apply stacking behavior at medium+ screen widths */
    @media (min-width: 768px) {
        .stack-cards {
            grid-gap: 0;
        }

        .stack-cards__item {
            position: sticky;
            top: 2rem;
            /* space from top when sticky */
            transform-origin: center top;
          
            /* maintain consistent height ratio */
        }

        .stack-cards__item:nth-child(1) .card {
            transform: scale(1);
            z-index: 3;
        }

        .stack-cards__item:nth-child(2) .card {
            transform: scale(0.95);
            z-index: 2;
        }

        .stack-cards__item:nth-child(3) .card {
            transform: scale(0.9);
            z-index: 1;
        }

        /* Add more nth-child rules if you add more cards */
    }

    .card {
        background: #fff;
        padding: 1rem;
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        width: 100%;
        height: 100%;
    }
.po-lef img {
    width: 100%;
    height: 330px;
    object-fit: cover;
}
.po-right h2 {
       background: #f2663a;
    display: inline-block;
    padding: 5px 15px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 25px;
    color: #ffffff;
    /* font-family: 'Poppins' !important; */
    font-size: 18px;

}
.po-right h4 {
    font-size: 25px;
    color: white;
    font-weight: 600;
/*     width: 80%; */
    line-height: 35px;
    margin-bottom: 10px;
}
.po-right p {
    color: white;
    font-size: 13px;
    font-weight: 300;
/*     width: 80%; */
}
.po-right a button {
    border: none;
    color: white;
    font-size: 16px;
    padding: 0px;
    font-weight: 600;
    margin-bottom: 0px;
background:unset;
}
.po-right a button i.fa-solid.fa-angles-right {
    padding: 0px 0px 0px 3px;
}
.po-right a button:hover i.fa-solid.fa-angles-right  {
	 padding: 0px 0px 0px 10px;
	transition:0.3s linear;
}
.po-right:hover  {
	background:#f2663a;
	transition:0.3s linear;
}
.po-right:hover h2 {
	    background: #ffffff;
	  color: #f2663a;
	transition:0.3s linear;
}
  .po-right:hover i.fa-solid.fa-angles-right  {
	 padding: 0px 0px 0px 10px;
	transition:0.3s linear;
}

.msg-founder {
    padding: 50px 0px;
    /* background: #f2e7d5; */
}

.msg-founder-right {
    background: #24ade3;
    padding: 30px;
	width:70%;
	color:white;
	display: flex
;
    flex-direction: column;
    justify-content: center;
    align-items: center
}
.msg-founder-left img {
    height: 375px;
    background: #ffffff;
    padding: 18px;
    border-radius: 30px;
	width: 100%;
    object-fit: cover;
}
.msg-founder-left {
    display: flex
;
    justify-content: center;
    align-items: end;
    flex-direction: column;
	width:30%;
}
.msg-founder-inner {
    display: flex
;
/* 	align-items: flex-start; */
}
.msg-founder-left h4 {
    text-align: center;
    width: 100%;
    margin-bottom: 0px;
    padding-top: 5px;
    font-size: 20px;
    background: #24ade3;
    padding-bottom: 10px;
    color: white;
    font-weight: 600;
}
.msg-founder-left p {
    text-align: center;
    width: 100%;
    margin-bottom: 0px;
    padding-top: 0px;
    font-size: 15px;
    background: #24ade3;
    padding-bottom: 10px;
    color: white;
    font-weight: 300;
}
.msg-founder-right h5 {
    font-size: 20px;
    color: #884218;
   position:relative;
    font-weight: 400;
 margin-bottom: 30px;
}
.msg-founder-right h5::before {
    content: "";
    position: absolute;
    width: 200px;
    height: 1px;
    background: #884218;
    top: 31px;
}
.msg-founder-right p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 27px;
}
.msg-founder-right span {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 13px;
    font-family: 'Poppins';
    font-weight: 300;
}
.msg-founder-right h4 {
    margin-top: 3px;
    margin-bottom: 4px;
    color: gray;
 
    font-weight: 400;
}
.msg-founder-right h6 {
    margin-top: -9px;
    margin-bottom: 0px;
    font-family: 'Poppins';
    font-weight: 400;
    color: gray;
    font-size: 14px;
}
a:focus {
    outline: unset !important;
}
a {
    text-decoration: unset !important;
}

    @media (max-width: 768px) {
		.abt-sec1 {
    padding: 30px 0px;
}
		.abt-sec1-inner {
    flex-direction: column;
    gap: 20px;
}
		.abt-sec1-left {
    width: 100%;
}
		.abt-sec1-right {
    width: 100%;
}
		.why-choose {
    padding: 30px 0px; 
		}
		.why-choose-inner {
    flex-wrap: wrap;
}
		.why-choose-le {
    width: 100%;
}
		.why-choose-right {
			  width: 100%;
		}
		.airplane-shape {
    display: none;
}
.over-view {
    padding: 30px 0px;
}
		.our-values-inner {
    flex-wrap: wrap;
}
		.our-mission {
    width: 47%; 
		}
		.air-sec3-inner {
			    flex-direction: column;
		}
		.air-sec3-inner-left {
    width: 100%;
}
		.air-sec3-inner-right {
    width: 50%;
}
		.valu-ser {
    padding: 30px 0px;
}
		.valu-ser-inner {
  
    gap: 20px;
    flex-direction: column;
}
		.valu-ser-left {
    width: 100%;
}
		.valu-ser-right {
    width: 100%!important;
}
		.valu-ser-right h4 {
			  line-height: 32px;
    margin-bottom: 10px;

		}
		
		  	.valu-ser-right  .btn {
        margin-top: 25px;
        min-width: 135.52px;
        min-height: 35px;
    }
		  	.port-of-handling {
    padding: 30px 0px;
}
		.first {
			flex-direction:column;
		}
		.po-lef {
    width: 100%;
}
		.po-right {
    width: 100%; 
		}
		.stack-cards {
			margin:0px;
		}
		.po-right {
			padding:20px;
		}
}

		
    @media (max-width: 500px) {
		.abt-sec1-right h4 {
			    line-height: 30px;
		}
		.abt-sec1-right h2 {
			line-height: 36px;
		}
		.btn {
			margin-top: 0px;
			min-width: 158.52px;
    min-height: 40px;
		}
		.why-choose-right {
    flex-direction: column!important;
			gap:0px!important;
}
		.why-choose-nu {
    width: 100%;
}
		.ser-btn {
    width: 100%;
}
		.our-mission {
    width: 100%; 
		}
		.banner {
height:200px;
		}
		.abt-sec1-right h4 {
			font-size:14px!important;
		}
		.msg-founder {
    padding: 30px 0px!important; 
		}
		.msg-founder-inner {
			flex-direction: column!important;
		}
		.msg-founder-right {
			width:100%!important;
		}
		.msg-founder-left {
    width: 100%!important;
}
		.msg-founder-right {
			padding:10px!important;
			text-align:center!important;
		}
		.air-se1 {
    padding: 30px 0px; 
		}
	

		.air-se1-inner {
 
    gap: 8px;
    flex-direction: column;

}
.inner-banner {
	height:200px;
}
.air-sec1-left {
    width: 100%;
}
.ari-sec1-right {
    width:100% ;
} 
.air-sec1-left h2 {
    
    
    line-height: 34px;
    margin-bottom: 0px;
}
.ar-sec2 .our-mission {
    border-bottom: 1px solid #263c881a;
}
.air-sec3-inner-right h3 {
	    line-height: 33px;
}
.air-sec3-inner-right {
    padding: 20px;
} 
		.air-sec3-inner-right {
			width:100%;
		}
		.po-right h2 {
			    font-size: 18px !important;
		}
		.po-right h4 {
			line-height: 30px;
		}
		.po-right p {
			    margin-bottom: 8px;
		}
}
.valu-ser-right {
    width: 50%;
}

#mega-menu-wrap-topbar_menu #mega-menu-topbar_menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	line-height:28px!important;
}
.footer-right img {
    width: 6;
    height: 530px;
	object-fit:cover;
	object-fit: cover;
    object-position: left;
}
.home-abt-sec-right .counter {
    font-size: 25px;
  font-family: "Tenor Sans", sans-serif !important;
    font-weight: 600;
    font-weight: 700;
    color: white;
}
.counter-container {
    display: flex
;
    align-items: center;
}
.home-abt-sec-right .counter-container p {
    font-size: 23px;
    font-family: "Tenor Sans", sans-serif !important;
    font-weight: 600;
    font-weight: 700;
    color: white;
}
.back-color {
	
    padding: 50px 0px;
    background: #263c88;

}
.flight {
 border-style: solid;
border-color: black;
color: black;
padding: 50px;
background-size: 200% 200%;
background-image: linear-gradient(to top, #27ace4 50%, transparent 50%);
-webkit-transition: background-position 600ms, color 600ms ease, border-color 600ms ease;
-moz-transition: background-position 600ms, color 600ms ease, border-color 600ms ease;
-ms-transition: background-position 600ms, color 600ms ease, border-color 600ms ease;
-o-transition: background-position 600ms, color 600ms ease, border-color 600ms ease;
transition: background-position 600ms, color 600ms ease, border-color 600ms ease;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.flight:hover {
	color: white;
border-color: #27ace4;
background-image: linear-gradient(to top, #27ace4 51%, transparent 50%);
background-position: 0 100%;
-webkit-transition: background-position 600ms ease, color 600ms ease, border-color 600ms ease;
-moz-transition: background-position 600ms ease, color 600ms ease, border-color 600ms ease;
-ms-transition: background-position 600ms ease, color 600ms ease, border-color 600ms ease;
-o-transition: background-position 600ms ease, color 600ms ease, border-color 600ms ease;
transition: background-position 600ms ease, color 600ms ease, border-color 600ms ease;

	
}
.flight:hover img {
	transform:scale(1.5);
	transition: 600ms ease;
/* 	filter: drop-shadow(0 0 0.75rem #bbb6c0); */
}
.flight img {
	
	transition: 600ms ease;
}
.flight:hover h5 {
	color:#ffffff;
	transition: 600ms ease;
}
.flight:hover p {
	color:#ffffff;
	transition: 600ms ease;
}
.flight:hover button {
    background: white;

    color: #f16739;
	   transition: 600ms ease;
}

.client-logo .home-end-to-end-inner h4 {
color:black;
}
.client-logo .home-end-to-end-inner h3 {
    color: #263c89; 
}
#mega-menu-wrap-topbar_menu #mega-menu-topbar_menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    line-height: 23px !important;
    font-size: 14px !important;
    padding: 6px 10px;
}

.social-links i.fa-brands {
	padding: 0px 5px;
}

.logo a {
    margin-bottom: 0px;
    /* line-height: 35px; */
    font-size: 14px;
    font-weight: 400;
    color: #61605e;
    font-family: !important;
    font-family: 'Pathway Extreme' !important;
}

#mega-menu-wrap-topbar_menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before  {
	 background-color: #ffffff;
}

.abt-sec1 {
    overflow: hidden;
}
.why-choose {
    overflow: hidden;
}
.air-se1 {
    overflow: hidden;
}
.air-sec3 {
    overflow: hidden;
}
.valu-ser {
    overflow: hidden;
}
.contact-sec1 {
    overflow: hidden;
}

    @media (max-width: 500px) { 
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    margin-top: 30px;
}
		.formcontainer-inner p {
			        margin-bottom: 20px;

		}
}
p.copy-right {
    margin-bottom: -8px;
    margin-top: 0px;
}

.client-logo {
    display: none;
}
.logo-section {
    display: none;
}

button.En {
	    font-weight: 300;
    background: #263c88;
    padding: 7px 18px;
    color: white;
    font-family: "Tenor Sans", sans-serif !important;
    font-family: 'Pathway Extreme';
    font-size: 14px;
}
.ays-pb-modal.ays-pb-modal_2.ays-popup-box-main-box.ays-pb-bg-styles_2.ays-pb-border-mobile_2.fadeIn {
    background: #f4f4f4 !important;
}
.fo p {
    display: flex
;
    gap: 20px;
}
.fo label {
    width: 100%;
}
.fo  label {
    text-align: left;
    font-size: 13px !important;
    font-weight: 300 !important; 
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    margin-top: 10px;
}
select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    margin-top: 10px;
	    border: 1px solid #8080808c;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    border: 1px solid #8080808c;
}
input.wpcf7-form-control.wpcf7-tel.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-tel {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(128, 128, 128, 0.55);
   
}
input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email {
    border: 1px solid #8080808c; 
}
.Enquiry-form  p {
     text-align: left;
    font-size: 13px !important;
    font-weight: 300 !important; 
}
.Enquiry-form textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
    border: 1px solid #8080808c;
    height: 80px!important; 
}
.Enquiry-form h2 {
    text-align: left!important;
    color: #3f3b3b;
    font-size: 20px;
    font-weight: 600;
}
.Enquiry-form input.wpcf7-form-control.wpcf7-submit.has-spinner {
        width: 26%;
        margin-top: 20px;
	    float: left;
    }
.Enquiry-form .wpcf7 form .wpcf7-response-output {
    margin: 4em 0.5em 1em; 
}
.Enquiry-form  option {
    background: #ffffff;
    color: #413c3c;
    font-size: 13px;
    
    font-weight: 300;
}
.our-values-inner p span {
    font-size: 25px;
    color: #2a408b;
    font-weight: 500;
    padding-right: 8px;
}
.val p {
    margin-top: 26px;
    margin-bottom: -6px;
}
.Enquiry-form  input.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email {
margin-top: 5px;
    border: 1px solid #848484;
    border-radius: 5px;
}
#mega-menu-wrap-topbar_menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner {
	    background-color: #ffffff;
}
#mega-menu-wrap-topbar_menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
	background-color: #ffffff;
}





.arem-new-about-inner {
    display: flex
;
	    align-items: center;
	margin-top:70px;
}
.abt-new-about-inner-left {
    width: 50%;
	padding-left: 100px;
	padding-bottom:30px;
}

.pxl-animation-round {
  animation: pxl_animation_round 6s linear infinite;
  transform-origin: center;
  display: inline-block;
	   
}


@keyframes pxl_animation_round {
  from {
    transform: rotate(0deg) translateX(20px) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(20px) rotate(-360deg);
  }
}
.abt-count-inner {
    width: dis;
    display: flex
;
    flex-direction: column;
    align-items: center;
    background: url(https://aremlogistics.com/wp-content/uploads/2025/08/New-Project-4.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
}


.abt-new-about-inner-right {
    position: relative;
    right: -31px;
}

.abt-count-inner

 {
    width: dis;
    display: flex
;
    flex-direction: column;
    align-items: center;
    background: url(https://aremlogistics.com/wp-content/uploads/2025/08/New-Project-4.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 30%;
    bottom: 0;
    left: 21%;
    right: 0;
    height: 200px;
    width: 49%;
}
.abt-count-inner h2 {
       color: white;
    font-size: 20px!important;
    padding: 80px 50px 0px 50px;
    margin: 0px;
    font-weight: 800;
    text-align: center;
}
.abt-count-inner h4 {
    margin: 0px 70px;
    text-align: center;
    color: white;
    font-weight: 300;
}
.abt-new-about-inner-left h5 {
    font-size: 16px;
    font-weight: 200;
    color: #2f3871;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.abt-new-about-inner-left h2 {
    font-size: 37px;
    color: #24ade3;
    font-weight: 600;
	margin-bottom: 0px;
}
.abt-new-layout-2-inner {
    margin: 0px 100px 70px;
}
.abt-new-layout-2-inner {
    display: flex
;
}
.abt-new-layout-2-left {
    width: 50%;
}
.abt-new-layout-2-right {
    width: 50%;
	    padding-left: 50px;
}
.abt-new-layout-2-right p {
    color: gray;
    font-weight: 300;
    line-height: 27px;
    font-size: 14px;
    margin-bottom: 10px;
}


.services {
  display: flex;
  gap: 2rem;
	    background: #2f3871;
}

.service-list {
  width: 50%;
    padding: 100px 30px 100px 100px;
}

.service-item {
  cursor: pointer;
cursor: pointer;
    padding: 20px 30px;
    transition: background 0.3s, opacity 0.3s;
    margin: 30px auto;
}

.service-item.active {
  background-color: #004080;
  color: white;
  opacity: 1;
	
}

.service-item .description {
  display: none;
}

.service-item.active .description {
  display: block;
  margin-top: 8px;
}

.service-image {
  width: 50%;
  position: relative;
}

.service-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.service-img.active {
  opacity: 1;
}
.service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.service-list h5 {
    color: white;
    font-weight: 300;
    text-transform: uppercase;
}
.service-list h2 {
    color: white;
    margin-bottom: 50px;
    font-size: 35px;
    font-weight: 800;
}
span.title {
    color: white;
    font-family: 'Tenor Sans';
    font-size: 25px;
    font-weight: 600;
}
.service-list svg

 {
    width: 40px;
    height: 27px;
    fill: white;
    padding: 0px;
    margin: 0;
}
.service-item a {
	display:none;
}

.service-item.active a {
	display:block;
}
.service-list a {
    color: white;
    font-family: 'Tenor Sans' !important;
}
.service-list i.fa-solid.fa-arrow-right {
    transform: rotateZ(311deg);
}
.value-added-layout-inner {
    padding: 50px 100px;
}
.value-added-layout-inner {
    padding: 50px 100px;
    display: grid
;
    grid-template-columns: repeat(3, 1fr);
	   grid-template-rows: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}
.value-box1-color {
    padding: 30px;
    background: #27ace4;
    border-radius: 10px;
}
.value-box1-color h5 {
    color: white;
    font-size: 35px;
    margin-bottom: 10px;
}
.value-box1-color h3 {
    color: white;
    font-size: 24px;
    font-weight: 500;
}
.value-box1-color hr {
    background: #ffffff99;
    height: 0px;
    width: 170px;
}
.value-box1-color p {
    color: white;
    font-size: 14px;
    font-weight: 400;
}
.value-box1-image {
    /* background: url(https://aremlogistics.com/wp-content/uploads/2025/08/2151998667.jpg); */
    background: url(https://aremlogistics.com/wp-content/uploads/2025/08/2148923077.jpg);
   background-position-x: -460px;
    background-position-y: 453px;
    padding: 30px;
	 border-radius: 10px;
	position:relative;
}
.value-box1-image::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: #0000008a;
    top: 0;
    left: 0;
    border-radius: 10px;
}
.value-box1-image h5 {
    color: white;
    font-size: 35px;
    margin-bottom: 10px;
	position:relative;
	
}
.value-box1-image h3 {
    color: white;
    font-size: 24px;
    font-weight: 500;
	position:relative;
	
}
.value-box1-image hr {
    background: #ffffff99;
    height: 0px;
    width: 170px;
	position:relative;

}
.value-box1-image p {
    color: white;
    font-size: 14px;
    font-weight: 400;
	position:relative;

}

.box2  {
	background: #394077;
}
.box2-image {
	    background: url(https://aremlogistics.com/wp-content/uploads/2025/08/2292.jpg);
	background-position-x: -460px;
    background-position-y: 505px;
}
.value-box1-color {
    border-style: solid;
    border-color: black;
    color: black;
    padding: 50px;
    background-image: linear-gradient(to top,#2f3871 50%, transparent 50%);
    background-size: 100% 200%;
    background-position: 0 0; /* Start at top */
    transition: background-position 600ms ease, color 600ms ease, border-color 600ms ease;
    border-radius: 10px;
   
}

.value-box1-color:hover {
    color: white;
    border-color: #27ace4;
    background-position: 0 100%; /* Shift down to simulate bottom-to-top fill */
}
.box2  {
    border-style: solid;
    border-color: black;
    color: black;
    padding: 50px;
    background-image: linear-gradient(to top, #27ace4 50%, transparent 50%);
    background-size: 100% 200%;
    background-position: 0 0; /* Start at top */
    transition: background-position 600ms ease, color 600ms ease, border-color 600ms ease;
    border-radius: 10px;
  
}

.box2:hover {
    color: white;
    border-color: #27ace4;
    background-position: 0 100%; /* Shift down to simulate bottom-to-top fill */
}

.home-end-to-end.back-color {
    display: none!important;
}

	@media only screen and (max-width: 800px) {
	.home-end-to-end.back-color {
    display: block!important;
		}
	.services {
    display: none!important;
}
	
	.arem-new-about-inner {
    margin-top: 30px;
    display: block;
}
	.abt-new-about-inner-left {
    width: 100%;
    padding-left: 20px;
    padding-bottom: 20px;
}
	.abt-count-inner {
		width: 52%;
	}
	.abt-new-about-inner-right {
		    right: 0px;
	}
	.abt-new-layout-2-inner {
    margin: auto 20px;
}
	.abt-new-layout-2-inner {
    display: block;
}
	.abt-new-layout-2-left {
    width: 100%;
}
	
	.abt-new-layout-2-right {
    width: 100%;
    padding-left: 0px;
    padding-top: 20px;
		    padding-bottom: 30px;
}
	.btn {
		margin-top: 25px;
	}
	.service-list {
    width: 100%;
    padding: 30px;
}
	.service-image {
    width: 100%;
    position: relative;
}
	.value-added-layout-inner {
    padding: 20px;
    display: grid
;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
		
}

@media only screen and (max-width: 440px) { 
	
	.abt-count-inner h2 {
 
  
    padding: 22px 0px 0px 0px;
   
    font-size: 20px !important;
}
	.abt-count-inner h4 {
    margin: 0px 100px;
 
    font-size: 15px !important;
}
	.abt-count-inner {
    width: dis;
    display: flex
;
    flex-direction: column;
    align-items: center;
    background: url(https://aremlogistics.com/wp-content/uploads/2025/08/New-Project-4.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 44px;
    bottom: 0;
    left: 27px;
    right: 0;
    height: 129px;
    width: 49%;
}
	.abt-count-inner {
        width: 86%;
    }
	.abt-new-about-inner-left {
     
        padding-bottom: 0px;
    }
	.value-box1-color {
		padding:20px;!important;
	}
	.value-added-layout-inner {
    padding: 20px;
    display: grid
;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
} 
	.flight {
		padding:40px!important;
	}
	    .abt-count-inner {
        width: 100%;
    }
	.abt-count-inner

 {
    width: dis;
    display: flex
;
    flex-direction: column;
    align-items: center;
    background: url(https://aremlogistics.com/wp-content/uploads/2025/08/New-Project-4.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0%;
    bottom: 0;
    left: 0%;
    right: 0;
    height: 85px;
    height: 120px;

}
@media only screen and (max-width: 385px) {  
	.abt-count-inner {
		        display: none !important;
	}
	}