@font-face {
font-family: 'din_alternatebold';
src: url('../../fonts/din-alternate-bold-webfont.eot');
src: url('../../fonts/din-alternate-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../../fonts/din-alternate-bold-webfont.woff2') format('woff2'),
url('../../fonts/din-alternate-bold-webfont.woff') format('woff'),
url('../../fonts/din-alternate-bold-webfont.ttf') format('truetype'),
url('../../fonts/din-alternate-bold-webfont.svg#din_alternatebold') format('svg');
font-weight: normal;
font-style: normal;

}


body{    font-family: 'din_alternatebold' !important; color: #232325;}

body{ font-size:16px; position:relative;  font-family:'din_alternatebold';  overflow-x: hidden;}
ul{list-style:none; padding:0; margin:0;}
ul li{font-size:14px;}
a{-moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
figure{margin:0;}
img{max-width:100%; height: auto; -ms-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;}

.btn:focus, .btn.focus{outline:0; box-shadow:none;}
.btn-primary{background-color:#22D4AD; outline:0;  font-family: 'din_alternatebold'; position:relative;  text-align:center; padding:12px 15px; font-size:22px;  color:#fff; -ms-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; border-radius:30px; height: 50px; border:none; z-index: 2;  text-transform:capitalize; overflow: hidden; }
.btn-primary::after{position:absolute; opacity:0; visibility:hidden; top:0; left:0; border-radius:30px; content:''; width:0; height:100%; -ms-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; background-color:#5A31DB; overflow:hidden;}
.btn-primary:hover::after{width:100%; opacity:1; visibility:visible; z-index:-1;}
.btn-primary.btn.active, .btn-primary.btn:active, .btn-primary.btn.focus, .btn-primary.btn:focus{outline:0; box-shadow:none; background-color:#5A31DB; border:none; color: #fff;}
.btn-primary:hover{background-color: #5A31DB; color: #fff;}
.btn-primary img{display: inline-flex;}




.btn-secondary{background-color:#5A31DB; outline:0; position:relative; display:inline-block; text-align:center; vertical-align:middle; user-select:none; padding:12px 15px; font-size:22px; line-height:1.5; -ms-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; border-radius:6px; height: 50px; border:none; z-index: 2;}
.btn-secondary b{position:relative; z-index:3; font-size: 18px; color:#fff; text-transform:capitalize; -ms-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;}
.btn-secondary::after{position:absolute; opacity:0; visibility:hidden; top:0; left:0; border-radius:6px; content:''; width:0; height:100%; -ms-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; background-color:#22D4AD; overflow:hidden;}
.btn-secondary:hover::after{width:100%; opacity:1; visibility:visible; z-index:-1;}
.btn-secondary.btn.active, .btn-secondary.btn:active, .btn-secondary.btn.focus, .btn-secondary.btn:focus{outline:0; box-shadow:none; background-color:#22D4AD; border:none; color: #fff;}
.btn-secondary:hover{background-color: #22D4AD; }


.btn.btn-border{    display: flex;align-items: center; justify-content: center; height: 50px;     outline: 0;
font-family: 'din_alternatebold';
position: relative;
text-align: center;
border: 1px solid #fff;
color: #fff;
padding: 12px 15px;     font-size: 22px;     -ms-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
transition: all .5s ease 0s;
border-radius: 50px;
z-index: 2;
text-transform: capitalize;
overflow: hidden;}
.btn.btn-border img {
filter: brightness(0) invert(1);
margin-left: 10px;
position: relative;
transition: all 0.4s ease-in-out;
display: inline-flex;
width: 27px;
height: 27px;
}
.btn.btn-border:hover{color:#232325}
.btn.btn-border:hover img{filter: inherit;         transition: all 0.4s ease-in-out;      margin-left: 0px;
height: 0;
width: 0;}
.btn.btn-border::after {
position: absolute;
opacity: 0;
visibility: hidden;
top: 0;
left: 0;
border-radius: 30px;
content: '';
width: 0;
height: 100%;
-ms-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
transition: all .5s ease 0s;
background-color: #fff;
overflow: hidden;
}  
.btn.btn-border:hover::after {
width: 100%;
opacity: 1;
visibility: visible;
z-index: -1;
}




.marketshipping-section{padding: 60px 0px; background-size: cover; background-position: center top; background-repeat: no-repeat; background-image: url(../images/shipping-marketplace-bg.jpg);}
.headingCard  h1{margin: 0px; padding: 0px; display: block; font-size: 45px;  font-family: 'din_alternatebold';}

.headingCard  p{margin: 0px; padding: 0px; line-height: 32px; font-size: 24px;}
.bannerslider{display: flex; padding: 30px 0px 0px; }
.bannerslider .slider-nav.slick-slider .slick-list{padding: 0px !important;}
.bannerslider .slider-nav.slick-slider{display: flex; align-items: center;}

.shipping-tabs .imagebox .imagecard{text-align: center;}
.button-action{display: flex; gap: 0px 10px; position: relative; z-index: 1;}
.button-action .regiter-btn a.btn-primary{height: 70px;  padding:  10px 22px;     border-radius: 50px;  font-size: 22px;  }
.button-action .btn.btn-border{height: 70px; min-width: auto; padding:  10px 33px;  }
.button-action  a.btn-primary img{filter: brightness(0) invert(1);}
.button-action:before {
position: absolute;
top: 0px;
left: 0px;
height: 1px;
width: calc(50% - 250px );
background: #fff;
content: '';
opacity: 0.2;
bottom: 0px;
margin: auto;
z-index: -1;
}

.button-action:after {
position: absolute;
top: 0px;
right: 0px;
height: 1px;
width: calc(50% - 250px );
background: #fff;
content: '';
opacity: 0.2;
bottom: 0px;
margin: auto;
z-index: -1;
}
.shipping-tabs .nav-pills {gap: 0px 10px;}




.slider-tab span{display: inline-flex; border-radius: 29px; padding: 14px 26px; background-color: transparent; -ms-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;-webkit-transition:all .4s ease 0s;transition:all .4s ease 0s; font-size: 22px;  font-family: 'din_alternatebold';   position: relative; z-index: 1; overflow: hidden; cursor: pointer; }
.slider-tab span:after{   position: absolute;top:0; left: 0;content: '';width: 0;height: 100%; z-index: -1; background-color: #0081fc; -ms-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;-webkit-transition:all .4s ease 0s;transition:all .4s ease 0s; }
.slick-active.slider-tab.slick-current span::after { width: 100%;}
.slider-tab{margin-bottom: 12px;}
.button-action{display: flex; align-items: center; justify-content:center; margin-top: 20px;}
.button-action a.btn-primary{min-width: 225px; height: 50px; margin-right: 8px;  display: flex; align-items: center; justify-content: center;}
.button-action > div:last-child  a.btn-primary{margin-right: 0;}
.button-action .read-more a.btn-primary img{margin-left: 10px; position: relative; left: 0px;  -ms-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;-webkit-transition:all .4s ease 0s;transition:all .4s ease 0s; }
.button-action .read-more a.btn-primary:hover img{left: 5px;     filter: brightness(0.5) invert(1);}
.button-action span{margin-right: 10px;}
.button-action span img{height: 50px;}


.shipping-section{padding: 40px 0px;}
.headingCard  h2{margin: 0px; padding: 0px 0px 10px; display: block; font-size: 45px;  font-family: 'din_alternatebold';}
.shipping-top{display: flex; padding-top: 60px;}
.shipping-top > div{width: 50%; text-align: center;}

.shippingCard{display: flex; align-items:center;   justify-content: center;} 

.shipping-top h3 {
display: inline-block;
text-align: left;
min-width: 265px;
margin: 48px 0px 0px -16px;
color: #fff;
font-size: 17px;
padding: 13px 16px;
border-radius: 0px 50px 50px 0px;
position: relative;
z-index: -1;
}
.shipping-top h3 strong{display: block;  font-size: 26px; font-family: 'din_alternatebold'; font-weight: normal;  }
.shipping-top .right-app-shipping{margin-top: 17px; position: relative; z-index: 3;}
.connect-api {
width: 550px;
margin: -50px auto 0px;
padding: 34px 0px 26px;
border: 2px solid #232325;
border-top: 0px;
position: relative;
z-index: 2;
text-align: center;
background-color: #fff;
}
.connect-api h4{margin: 0px; padding: 20px 0px 0px; display: block; text-align: center; font-size: 26px; line-height: 28px; font-family: 'din_alternatebold';   color: #232325;}
.connect-api:before{position: absolute; left: -8px; top:-2px;  content: ''; background-image: url(../images/arrow-point.svg); height: 8px; width: 14px; background-repeat: no-repeat;}
.connect-api:after{position: absolute; right: -8px; top:-2px;  content: ''; background-image: url(../images/arrow-point.svg); height: 8px; width: 14px; background-repeat: no-repeat;}
.connected-shipping-area{position: relative; z-index:1 ; padding-top:36px; display: flex; flex-wrap: wrap; max-width: 1200px; margin: auto;}
.connected-shipping-area:after{position: absolute; left:0px; right: 0px; margin: auto; top:76px;  content: ''; background-image: url(../images/down-arrow-ouliine.svg); height: 8px; width: 14px; background-repeat: no-repeat;    -webkit-animation: mover 1s infinite alternate;
animation: mover 1s infinite alternate; }
.connected-shipping-area:before{height: 83px; width: 2px; background-color: #232325; content: ''; position: absolute; left: 0px; right: 0px; margin: auto; top:0px;     -webkit-animation: mover 1s infinite alternate;
animation: mover 1s infinite alternate;}
.connected-shipping-area .shippingCardBox{width: 37%;}
.connected-shipping-area .brand-connteced {
width: 26%;
text-align: center;
margin-top: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.brand-connteced{position: relative; z-index: 1;}
.brand-connteced:before{position: absolute; left: -68px; top:0px; bottom: 0px; margin: auto;  content: ''; background-image: url(../images/plugin-line.svg); height:35px; width: 187px; background-repeat: no-repeat; z-index:2;  background-size: 140px;     background-position: center left;   }
.brand-connteced:after{position: absolute; right:-68px; top:0px; bottom: 0px; margin: auto;  content: ''; background-image: url(../images/plugin-line.svg); height:35px; width: 187px; background-repeat: no-repeat; z-index:2; transform: rotate(-180deg); background-size: 140px;     background-position: center left; }
.shippingCardBox h5{margin: 0px; padding: 0px 0px 12px; display: block; text-align: center;  color: #232325; font-size: 24px; font-family: 'din_alternatebold';  }


.connected-shipping-area .brand-connteced figure {
position: relative;
z-index: 1;
height: 240px;
width: 240px;
display: flex;
align-items: center;
justify-content: center;
}
.connected-shipping-area .brand-connteced figure:before{position: absolute; left:-1px; top:0px; right: 0px; bottom: 0px; margin: auto;  content: ''; background-image: url(../images/circle-curve-line.svg); height:163px; width: 242px; background-repeat: no-repeat; z-index:1;}

.connected-shipping-area .brand-connteced figure:after{position: absolute; top:0px; left: 0px; bottom: 0px; right: 0px; margin: auto; content: ''; border: 1px dashed #232325; border-radius: 50%; height: 100%; width: 100%; z-index: -1;     animation: rotation infinite 3s linear;     -ms-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
transition: all .8s ease 0s;}
@keyframes rotation{
from{
transform:rotate(0deg);
}

to{
transform:rotate(360deg);
}
}

.shipping-partners{  position: relative; z-index: 2;}
.shipping-list{margin: 0px; padding: 0px; display: flex; flex-direction: column;}
.shipping-list li{ position: relative; z-index: 2; height: 80px; background-color: #fff; margin-bottom: 36px; border: 1px solid #232325; border-radius: 40px; overflow: hidden; width: 400px; }
.shipping-list li:last-child{margin-bottom: 0px;}
.shipping-list li .area-view{background-color: #5A31DB; width: 72px; height: 72px; border-radius: 50%; display: flex; align-items: center; justify-content: center;     position: absolute;    left: 3px;top: 3px; z-index: 2;}
.shipping-list li .area-view strong{ font-size: 13px; line-height: 16px; text-transform: uppercase; font-weight: normal; font-family: 'din_alternatebold';   display: block; text-align: center;}
.shipping-list li .shipping-logo{padding-left:72px; padding-right: 6px; height: 100%; display: flex; align-items: center;}
.shipping-list li:last-child .shipping-logo{border: none;}
.shipping-width .shipping-item{padding: 0px 10px;}
.shipping-width .slick-track{display: flex; align-items: center;}


.shippingRight-partners.shipping-list li .area-view{left: auto; right: 3px;}

.shippingRight-partners.shipping-list li .shipping-logo{padding-right: 72px; padding-left: 6px; width: 100%;}
.our-product-section{padding: 40px 0px;}

.shippingRight-partners.shipping-list li .shipping-logo{position: relative; z-index: 1;}
.shippingRight-partners.shipping-list li .shipping-logo:after{position: absolute; top:0px; right: 0px; height: 100%; width: 72px; content: ''; z-index:1; background: #fff;}

.shipping-list{align-items: flex-end;}
.shippingRight-partners.shipping-list{align-items: flex-start;}
.shipping-list li:first-child, .shipping-list li:last-child{ margin-right: auto; margin-left: 0px;}
.shippingRight-partners.shipping-list li:first-child, .shippingRight-partners.shipping-list li:last-child{ margin-left: auto; margin-right: 0px;}

.shipping-list:before{position: absolute;top:38px; left: 0px; content: ''; background-image: url(../images/topline-curve.svg); height:38px; width: 72px; background-repeat: no-repeat; z-index:1;}
.shipping-list:after{position: absolute; bottom:38px; left: 0px; content: ''; background-image: url(../images/bottomline-curve.svg); height:40px; width: 72px; background-repeat: no-repeat; z-index:1;}

.shippingRight-partners.shipping-list:before{left: auto;  right: -70px;}
.shippingRight-partners.shipping-list:after{left: auto;  right: -69px;}

.expressRight-partners.shipping-list:before{background-image: url(../images/express-topline-curve.svg); left: -70px;}
.expressRight-partners.shipping-list:after{ background-image: url(../images/express-bottomline-curve.svg); left: -69px;}

@-webkit-keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}
@keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}


.our-product-section{background-image: url(../images/network-freight-bg.jpg); background-repeat: no-repeat; background-size: cover; padding: 60px 0px; margin-top: 20px; position: relative; z-index: 2; }

.productsCardBox{background: rgba(255, 255, 255); padding: 20px 0px; border-radius:20px; margin: auto; height: 420px;  -ms-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;-webkit-transition:all .4s ease 0s;transition:all .4s ease 0s;     -webkit-box-shadow: 0 0 8px 0 rgba(90, 49, 219, .23);
box-shadow: 0 0 8px 0 rgba(90, 49, 219, .23);

}
.productsCardBox:hover{ box-shadow: rgba(90, 49, 219, 0.4) 0px 4px 24px; }
.products-slider .slick-track{padding: 40px 0px;}
.productsCardBox .productshead {
text-align: center;
display: flex;
align-items: center;
gap: 0px 20px;
padding-bottom: 13px;
}
.productsCardBox .productshead figure img{margin: auto;}
.productsCardBox .productshead h3{margin: 0px; padding: 0px 0px 0px; display: block; text-align: left; text-transform: capitalize; color: #232325; font-size: 24px; font-family: 'din_alternatebold'; line-height: 30px;  }
.taglisting{display: block;  margin: 14px 0px 12px;}
.taglisting li{margin-right: 6px; margin-bottom: 7px; display: inline-block;}
.taglisting li span{border-radius: 5px; background-color: #EFEFEF; padding: 1px 8px; display: inline-flex; font-size: 14px; color: #606060;}
.shipping-rule-icon {display: flex; flex-wrap: wrap; align-items: center; border-top:1px solid #D9D9D9; padding: 10px 24px; margin: 0px 0px 0px; border-bottom:1px solid #D9D9D9}
.shipping-rule-icon span{margin-right: 15px;}
.shipping-rule-icon span:last-child{margin: 0;}

.productshead,.taglisting{padding-left: 20px; padding-right: 24px;}
.shipping-logo-work{display: flex; max-width: 300px; margin: auto;  padding: 0px 0px; align-items: center; justify-content: center; flex-wrap: wrap;}
.shipping-logo-work li{padding: 3px 12px;}
.shipping-logo-work li:last-child{margin-right: 0;}
.shipping-logo-work li img{max-width: 75px;}
.calcshipping-logo.shipping-logo-work li img{    max-width: 28px;
max-height: 24px;}

.products-slider .products-items{padding: 0px 15px;}
.shipping-logo-partner{padding: 12px 24px 0px;}


.productsCardBox{display: flex; flex-direction: column;}
.FlexproductsCardTop{flex-grow: 1;}

.products-slider .slick-arrow{top:50%; z-index: 5; background-repeat: no-repeat; height: 60px; width: 60px; position: absolute; font-size: 0; border: none; background-color: transparent; margin-top: -20px; background-size: 60px;}
.products-slider .slick-prev{position: absolute; left: -75px;  background-image: url(../images/left-slide-arrow.svg); }
.products-slider .slick-next { right: -75px;  background-image: url(../images/rightslide-arrow.svg);   }
.products-slider .slick-prev.slick-disabled{background-image: url(../images/left-gray-arrow.svg); }
.products-slider .slick-next.slick-disabled{background-image: url(../images/left-gray-arrow.svg); transform: rotate(180deg); }
.singlebutton-action:before, .singlebutton-action:after{display: none;}

.products-slider .shipping-logo-partner .slick-track {
padding: 0px 0px;
}

.singlebutton-action.button-action a.btn-primary{height: 70px; min-width: 180px; border-radius: 50px;}
.singlebutton-action a.btn-primary:hover img{filter: inherit;         transition: all 0.4s ease-in-out;      margin-left: 0px;
height: 0;
width: 0;}

.singlebutton-action a.btn-primary img {
filter: brightness(0) invert(1);
margin-left: 10px;
position: relative;
transition: all 0.4s ease-in-out;
display: inline-flex;
width: 27px;
height: 27px;
}


.ecommerce-buz-section{padding: 40px 0px; margin-top: 50px;}
.e-commerceBox{display: flex; flex-wrap: nowrap;}
.e-commerceBox .left-e-commerce{width: 50%;}
.e-commerceBox .right-e-commerce{width: 50%;}
.e-commerce-work{background-color: #FFFFFF; margin: 30px 0px 36px; border-radius: 32px; padding: 25px 30px; -webkit-box-shadow: 0 0 8px 0 rgba(90, 49, 219, .23);
box-shadow: 0 0 8px 0 rgba(90, 49, 219, .23);}
.e-commerce-work .e-commerce-logo{display: flex; align-items: center;}
.e-commerce-work .e-commerce-logo li{margin-right: 30px;}
.e-commerce-work .e-commerce-logo li:last-child{margin-right: 0px;}
.e-commerce-work p{ font-size: 22px; margin: 0px; text-align: center; padding: 14px 0px 0px; line-height: 28px;}
.actioncase a.btn-primary{ height: 70px; overflow: hidden; padding: 10px 14px; min-width: 240px; border-radius: 50px; display: inline-flex; justify-content: center; align-items: center;}
.e-commerceBox .right-e-commerce video{width: 100%; height: 630px; margin-top: -150px;}


.global-work-section{background-image: url(../images/global-banner-bg.jpg); background-repeat: no-repeat; background-position: bottom center; background-color: #ddd; padding: 40px 0px; background-color: #F4F4F4; min-height: 760px;}
.global-icons{display: flex; align-items: center; justify-content: center; margin: 20px 0px;}
.global-icons span{margin-right: 12px;}
.global-icons span:last-child{margin-right: 0;}


.app-download-section{padding: 60px 0px; position: relative; z-index: 1; background: linear-gradient(to bottom,  rgba(248,248,248,1) 0%,rgba(255,255,255,1) 100%);}
.app-workarea {display: flex; align-items: center; flex-wrap: wrap;}
.app-workarea .qr-code{margin-right: 20px;}
.app-workarea .qr-code img{border-radius: 10px;}
.download-app-btn span{margin-bottom: 12px;}
.download-app-btn span:last-child{margin: 0;}
.app-download-section p{margin: 16px 0px 28px;}

.app-downloadCard{max-width: 1100px; margin: 70px auto 50px; position: relative; z-index: 1; background: #22D4AD; border-radius: 20px; padding: 45px;}
.app-downloadCard .appScreen-holder{position: absolute; top:-86px; right: -50px; z-index: 1;}
.app-downloadCard .appScreen-holder:after{position: absolute; top:0px; right: 0px; left: 0px; bottom: 0px; margin: auto; content: ''; background-image: url(../images/circle-app-bg.svg); background-repeat: no-repeat; height: 446px; width: 446px; z-index: -1; -webkit-animation: mover 1s infinite alternate;
animation: moverCircle 1s infinite alternate; }
.app-downloadCard .appScreen-holder figure{margin-left: 57px; -webkit-animation: mover 1s infinite alternate;
animation: mover 1s infinite alternate;}

@-webkit-keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}
@keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}

@-webkit-keyframes moverCircle {
0% { transform: translateY(0); }
100% { transform: translateY(20px); }
}
@keyframes moverCircle {
0% { transform: translateY(0); }
100% { transform: translateY(20px); }
}



.our-services-section{background: linear-gradient(to right,  rgba(34,212,173,0.6) 0%,rgba(90,49,219,0.6) 100%); padding: 50px 0px 30px;}


.service-listing{margin: 0px -10px 0px; padding: 40px 0px 0px; display: flex; flex-wrap: wrap;}
.service-listing li{width: 25%; padding: 0px 10px; margin-bottom: 50px;}
.serviceBox{    box-shadow: 0 0 15px 0 rgba(90, 49, 219, .30); background: #fff; height: 120px; margin: auto; border-radius: 80px; -ms-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;-webkit-transition:all .4s ease 0s;transition:all .4s ease 0s; display: flex; align-items: center; justify-content: flex-start; padding: 5px 10px; position: relative;
z-index: 1;
overflow: hidden; }
.service-listing li:hover .serviceBox{box-shadow: 0px 0px 20px rgba(90,49,219,0.8);}
.serviceBox strong{font-weight: normal;  font-size: 24px; line-height: 28px; padding:0px 12px;}
.serviceBox figure img{max-width: 106px;}

.serviceBox:hover:after {
height: 100%;
width: 100%;
opacity: 0.3;
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.serviceBox:after {
position: absolute;
top: 0px;
left: 0px;
content: '';
background-image: radial-gradient(circle at 40% 91%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 50%,rgba(229, 229, 229,0.04) 50%, rgba(229, 229, 229,0.04) 100%),radial-gradient(circle at 66% 97%, rgba(36, 36, 36,0.04) 0%, rgba(36, 36, 36,0.04) 50%,rgba(46, 46, 46,0.04) 50%, rgba(46, 46, 46,0.04) 100%),radial-gradient(circle at 86% 7%, rgba(40, 40, 40,0.04) 0%, rgba(40, 40, 40,0.04) 50%,rgba(200, 200, 200,0.04) 50%, rgba(200, 200, 200,0.04) 100%),radial-gradient(circle at 15% 16%, rgba(99, 99, 99,0.04) 0%, rgba(99, 99, 99,0.04) 50%,rgba(45, 45, 45,0.04) 50%, rgba(45, 45, 45,0.04) 100%),radial-gradient(circle at 75% 99%, rgba(243, 243, 243,0.04) 0%, rgba(243, 243, 243,0.04) 50%,rgba(37, 37, 37,0.04) 50%, rgba(37, 37, 37,0.04) 100%),linear-gradient(90deg, rgb(34, 222, 237),rgb(135, 89, 215));
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
opacity: 0;
visibility: hidden;
height: 100%;
width: 0;
border-radius: 80px;
z-index: -1;
}



.paragraphtext{color: #797979;}

.our-partner-section{padding: 40px 0px 0px;}
.partners-slider{padding: 0px 0px;}
.partners-slider .partners-item figure { margin: 0 auto;height: 92px; width: 180px;  display: flex;flex-wrap: wrap;align-items: center;justify-content: center;
padding: 10px 22px; border: 1px solid #D9D9D9; border-radius: 20px;}
.partners-slider .partners-item figure img {
max-height: 100%;
max-width: 100%;
width: 100%; 
}


.partnerHeadingCard h2{font-size: 30px; padding-bottom: 7px;}
.partnerHeadingCard p{color: #797979; line-height: 26px; font-size: 22px;}
.partnerFlexCar{display: flex; align-items: center; position: relative; background: #fff; z-index: 1; border-bottom: 1px dashed #BCBCBC; padding-bottom: 30px; margin-bottom: 40px;}
.partnerFlexCar .partnerHeadingCard{width: 320px;}
.partnerFlexCar .partners-slider{width: calc(100% - 320px); padding-left: 0px; position: relative;}
.partnerFlexCar .partners-slider:after,    .partnerFlexCar .partners-slider:before{position: absolute;
top: 0;
content: '';
transform: inherit;
height: 100%;
z-index: 1;
width: 60px;}
.partnerFlexCar .partners-slider:after{ background: linear-gradient(270deg, #fff 0, hsla(0, 0%, 100%, 0));     right: 0;}
.partnerFlexCar .partners-slider:before{background: linear-gradient(90deg, #fff 0, hsla(0, 0%, 100%, 0));left: 0;}



.partnerFlexCar .partners-slider .partners-item{padding: 0px 10px;}
.partnerFlexCar:last-child{margin-bottom: 0px;}
.partnerFlexCar:after{position: absolute; left: 0px; bottom: -3px; content: ''; border-radius: 10px; height: 7px; width: 50px; background-color: #5A31DB;     -ms-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
transition: all .8s ease 0s;     -webkit-animation: moverLeft 1s infinite alternate;
animation: moverLeft 1s infinite alternate;}
@-webkit-keyframes moverLeft {
0% { transform: translateX(10px); }
100% { transform: translateX(0); }
}
@keyframes moverLeft {
0% { transform: translateX(10px); }
100% { transform: translateX(0); }
}

.product-sectionpage{padding: 50px 0px;}
.product-listing{margin: 0px -15px; padding: 40px 0px 0px; display: flex; flex-wrap: wrap; align-items: center;}
.product-listing > li{width: 33.33%; padding: 0px 15px; margin-bottom: 40px;}

.product-listing > li.backtopage{text-align: center;}
.product-listing > li.backtopage a.btn.btn-secondary{width: 180px; margin: 0 auto;  height: 49px;border: 3px solid #0081fc;border-radius: 30px;
background-color: transparent;font-size: 18px;display: flex;align-items: center;justify-content: center;color: #0081fc;text-decoration: none;overflow: hidden;}
.product-listing > li.backtopage a.btn.btn-secondary:hover{    background-color: #0081fc;
color: #fff;}
.product-listing > li.backtopage a.btn.btn-secondary img{margin-left: 10px;}
.product-listing > li.backtopage a.btn.btn-secondary:hover img{filter: brightness(0.5) invert(1);}

.product-listing > li .taglisting li{margin-bottom: 8px;}

.digital-logistics{
overflow: hidden;
}
[lang="en"] .whatsapp-chat{
position: fixed;
width: 50px;
height: 50px;
bottom: 40px;
right: 40px;
background-color: transparent;
text-align: center;
z-index: 100;
border: none;
}
[lang="ar"] .whatsapp-chat {
position: fixed;
width: 50px;
height: 50px;
bottom: 40px;
background-color: transparent;
text-align: center;
z-index: 100;
border: none;
left: 40px;
}



.who-said-shopping{padding: 60px 0px; position: relative; z-index: 1; background: linear-gradient(to bottom,  rgba(248,248,248,1) 0%,rgba(255,255,255,1) 100%);}



@media (min-width:992px) {
.bannerslider .slider-nav.slick-slider .slick-list .slick-track{height: 100% !important;}
}


@media (min-width: 1300px) and (max-width: 1399px) { 



.products-slider .productsCardBox{height: 405px; width: 405px;}
.taglisting{margin-top: 5px;}
.productsCardBox .productshead h3{padding-top: 6px;}
.shipping-logo-work li img {
max-width: 55px;
}
.shipping-logo-work li {
padding: 3px 5px;
}
.shipping-logo-work{max-width: 270px;}

.product-listing > li .productsCardBox{height: 400px; width: 400px;}

}

@media (min-width: 1200px) and (max-width: 1299px) { 
.products-slider .slick-prev{left: 0px;}
.products-slider .slick-next{right: 0px;}
.slider-tab span{font-size: 20px;}
.product-listing > li {width: 50%;}
}

@media (min-width: 992px) and (max-width: 1199px) { 



.slider-tab span{font-size: 16px; padding: 10px 16px;}
.headingCard h1{font-size: 40px;}
.headingCard p{font-size: 21px;}
.button-action a.btn-primary{font-size: 18px;}

.service-listing li{width: 33.33%;}
.headingCard h2{font-size: 36px;}
.products-slider .slick-next{right: -10px;}
.products-slider .slick-prev{left: -10px;}
.ecommerce-buz-section{margin-top: 0;}

.product-listing > li {width: 50%;}


}



@media (max-width:991px) {



.slider-tab span{font-size: 16px; padding: 8px 16px;}
.bannerslider{padding: 20px 0px 0px;}
.marketshipping-section{padding: 40px 0px;}
.headingCard h1{font-size: 32px;}
.headingCard p{font-size: 18px; line-height: 24px;}
.bannerslider  .slider-for.slick-slider {width: 100%;}
.bannerslider{display: block;}
.bannerslider .slider-nav.slick-slider{width: 100%;}
.button-action{justify-content: center; padding: 10px 0px 0px;}
.button-action a.btn-primary{    font-size: 18px; min-width: 170px; height: 46px;     line-height: 20px;}
.button-action .read-more a.btn-primary img{max-width: 20px;}

.service-listing li{width: 33.33%;}
.headingCard h2{font-size: 36px;}
.products-slider .slick-next{right:0px;}
.products-slider .slick-prev{left:0px;}
.ecommerce-buz-section{margin-top: 0;}
.our-product-section, .ecommerce-buz-section{padding: 20px 0px;}
.e-commerceBox{display: block;}
.e-commerceBox .left-e-commerce, .e-commerceBox .right-e-commerce{width: 100%;}
.e-commerceBox .right-e-commerce video {height: 470px;margin-top: 0px;     object-fit: cover; z-index: -1;position: relative; }
.e-commerceBox{text-align: center;}
.headingCard {text-align: center !important;}
.app-download-section{text-align: center; padding: 30px 0px;}
.app-workarea{justify-content: center; margin-bottom: 12px;}
.service-listing{margin-top: 0px;}
.our-services-section{padding: 20px 0px;}
.service-listing li { width: 50%;}
.shippingCardBox h5{font-size: 20px; background-color: #fff; position: relative; z-index: 1;}
.connected-shipping-area .shippingCardBox{width: 37%;}
.connected-shipping-area .brand-connteced{width: 26%;padding: 0px 26px; margin: 0px;display: flex; align-items: center; justify-content: center;}
.brand-connteced img{max-width: 90px;}
.brand-connteced:before{top:30px;     background-size: 110px;}
.brand-connteced:after{top:0px; background-size: 110px;}
.headingCard h2{font-size: 24px;}

.product-listing > li {width: 100%;}
.e-commerce-work .e-commerce-logo{justify-content: center;}
}

@media (max-width:767px) {
[lang="en"] .whatsapp-chat{
height: 40px;
width: 40px;
right: 30px;
}
[lang="en"] .whatsapp-chat{
right: 20px;
}
[lang="ar"] .whatsapp-chat {
height: 40px;
width: 40px;
left: 30px;
}
[lang="ar"] .whatsapp-chat {
left: 20px;
}


.container{max-width: 100%;}
.marketshipping-section{padding: 20px 0px;}
.headingCard h1{font-size: 28px;}
.headingCard p{font-size: 16px; line-height: 24px;}
.button-action a.btn-primary{    font-size: 16px; min-width: 160px; height: 42px;     line-height: 20px;}
.partners-slider .partners-item figure{height: 60px;     padding: 0 10px;width: 100px;}
.our-partner-section{padding: 20px 0px;}
.partners-slider{padding: 0px;}
.service-listing {margin: 0px;flex-wrap: nowrap; overflow-y: hidden;overflow-x: auto;}
.serviceBox figure img{margin: 0px;}
/*.serviceBox{height: 180px; width: 180px; display: flex;    align-items: center;flex-direction: column;justify-content: center;}*/
.service-listing li{width: auto; margin-bottom: 30px;}
.serviceBox strong{font-size: 16px; line-height: 18px; margin: 0 auto;     max-width: 150px; font-weight: normal;}
.serviceBox figure img {
max-width: 111px;
}
.our-services-section .container {
padding-right: 0;
}
.app-workarea > div {
width: 50%;
}
.app-workarea .qr-code {
margin-right: 0;
padding-right: 6px;
}

.global-work-section{min-height: 680px;}
.productsCardBox{    height: 100%; width: 100%;border-radius: 10px;}
.taglisting{margin-top: 6px;}
.products-slider .slick-arrow{background-size: 40px; height: 40px; width: 40px;}
.productsCardBox .productshead h3{font-size: 18px;}
.products-slider .slick-track{padding-bottom: 20px; padding-top: 20px;}
.our-product-section .button-action{padding-top: 0px;}
.shipping-top {
display: block;
padding-top: 20px;
}
.shipping-top > div{width: 100%; margin-bottom: 20px;}
.connect-api{width: 100%;}
.connect-api h4{font-size: 20px; line-height: 24px; padding: 0px 10px;}
.connected-shipping-area{display: block;}
.connected-shipping-area .shippingCardBox {
width: 100%;
}
.connected-shipping-area .brand-connteced{width: 100%; padding: 70px 0px;}
.brand-connteced img {
max-width: 130px;
}
.brand-connteced:before {
top: -180px;
left: 0px;
transform: rotate(90deg);
right: 0px;
margin: auto;
}
.brand-connteced:after{ left: 0px;
transform: rotate(-90deg);
right: -16px;
margin: auto; bottom: 25px; top: auto; }

.shipping-logo-work,.domesticlogo-work.shipping-logo-work{max-width: 100%; padding: 0px 0px;}
.shipping-rule-icon span {
margin-right: 7px;
}
.calcshipping-logo.shipping-logo-work li img {
max-width: 30px;
max-height: 100%;
}

.product-sectionpage{padding: 20px 0px;}
.actioncase a.btn-primary{min-width: 250px; height: 65px;}
.shipping-top h3{min-width: 292px;  font-size: 16px;}
.shipping-top h3 strong{font-size: 20px;}

.e-commerceBox .right-e-commerce video {
margin-top: 0;
object-fit: inherit;
height: auto;
}
.brand-connteced:before{background-position: left;}
.brand-connteced:after{right: 0;}

}


@media (max-width:399px) {

.button-action a.btn-primary{    font-size: 14px; width: 130px; min-width: inherit; height: 38px;     line-height: 20px;}
.button-action .read-more a.btn-primary img{margin-left: 5px;}

}

/* Arabic CSS */
/* html[lang="ar"] .e-commerce-work .e-commerce-logo li{
margin-right: 0;
margin-left: 20px;
}
html[lang="ar"] .button-action a.btn-primary{
margin-left: 10px;
margin-right: 0;
}
html[lang="ar"] .button-action > div:last-child a.btn-primary{
margin: 0;
}
html[lang="ar"] .button-action{
padding-right: 0;
padding-left: 50px;
}
html[lang="ar"] .e-commerceBox .left-e-commerce .headingCard {
text-align: right!important;
}
html[lang="ar"] .global-icons span{
margin-left: 12px;
margin-right: 0;
}
html[lang="ar"] .global-icons span:last-child{
margin: 0;
}
html[lang="ar"] .app-download-section .headingCard {
text-align: right!important;
}
html[lang="ar"] .app-workarea .qr-code{
margin-right: 0;
margin-left: 20px;
}
html[lang="ar"] .button-action .read-more a.btn-primary img{
transform: rotate(180deg);
margin-left: 0;
margin-right: 10px;
}
html[lang="ar"] .button-action .read-more a.btn-primary:hover img{
left: auto;
right: 5px;
}
html[lang="ar"] .shipping-list li .area-view{
left: auto;
right: 0;
}

@media(max-width:767px){
html[lang="ar"] .button-action{
padding: 10px 0px 0px;
}
} */

html[lang="ar"] .button-action{padding-right: 0;}
html[lang="ar"] .button-action a.btn-primary{margin-left: 8px; margin-right: 0;}
html[lang="ar"] .button-action > div:last-child a.btn-primary{margin-left: 0;}
html[lang="ar"] .button-action .read-more a.btn-primary img{margin-right: 10px; margin-left: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg);}

html[lang="ar"] .shipping-rule-icon span{margin-left: 15px; margin-right: 0;}
html[lang="ar"] .shipping-rule-icon span:last-child{margin: 0;}
html[lang="ar"] .e-commerce-work .e-commerce-logo li{margin-left: 20px; margin-right: 0;}
html[lang="ar"] .e-commerce-work .e-commerce-logo li:last-child{margin: 0;}

html[lang="ar"] .global-icons span{margin-left: 12px; margin-right: 0;}
html[lang="ar"] .global-icons span:last-child{margin: 0;}
html[lang="ar"] .e-commerceBox .left-e-commerce .headingCard {text-align: right !important;}
html[lang="ar"] .app-download-section .headingCard {text-align: right !important;}
html[lang="ar"] .app-workarea .qr-code{margin-left: 20px; margin-right: 0;}
html[lang="ar"] .button-action span{
margin-left: 10px;
margin-right: 0;
}
@media (max-width:991px) {
html[lang="ar"] .button-action{justify-content: center;}
html[lang="ar"] .e-commerceBox .left-e-commerce .headingCard {text-align: center !important;}
html[lang="ar"] .app-download-section .headingCard {text-align: center !important;}
}
@media (max-width:767px) {
html[lang="ar"] .shipping-rule-icon span{margin-left: 7px;}
html[lang="ar"] .app-workarea .qr-code{margin-left:0px; padding-left: 6px; padding-right: 0;}
}       
@media (max-width:399px) {
html[lang="ar"] .button-action .read-more a.btn-primary img{margin-right: 5px;}
}


/* 09-05-2024 */

.warehouse-section{
display: flex;
flex-wrap: wrap;
/* max-width: 1261px; */
margin: 80px 0;
}
.warehouse-section .left-section{
width: 543px;
position: relative;
}
.warehouse-section .left-section figure{
overflow: hidden;
border-radius: 36px;
position: relative;
}
.warehouse-section .left-section .img-text{
position: absolute;
top: 0;
left: 0;
width: fit-content;
height: fit-content;
margin: auto;
bottom: 0;
right: 0;
}
.warehouse-section .left-section .img-text h3{
font-size: 44px;
line-height: 55px;
font-weight: normal;
color: #FFFFFF;
width: 460px;
height: 100%;
padding: 25px 45px;
border-radius: 36px;
backdrop-filter: blur(10px);
background-color: rgb(255 255 255 / 10%);
margin-bottom: 0;
}
.warehouse-section .right-section{
width: calc(100% - 543px);
padding-left: 50px;
}
.warehouse-section ul{
display: flex;
flex-wrap: wrap;
/* grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 10px; */
margin: 0 -5px;
}
.warehouse-section ul li{
width: 33.33%;
padding: 0 5px 31px; 
text-align: center;
}
.warehouse-section ul li .inner-wrap{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.warehouse-section ul li figure{
width: 116px;
height: 116px;
border-radius: 50%;
background-color: #5A31DB;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 15px;
}
.warehouse-section ul li figure img{filter: brightness(0) invert(1);}
.warehouse-section ul li span{
font-size: 24px;
font-weight: 400;
color: #707070;
max-width: 180px;
display: block;
}
.warehouse-section .right-section .btn-primary{
margin-left: 45px;
min-width: 309px;
height: 74px;
/* font-size: 24px; */
text-transform: capitalize;
display: inline-flex;
border-radius: 50px;
overflow: hidden;
align-items: center;
justify-content: center;
} 
.warehouse-bg-section{
background-color: #F6F6F6;
padding: 100px 0 90px;
}
.warehouse-bg-section .warehouse-section{
margin: 0 auto;
flex-direction: row-reverse;
} 
.warehouse-bg-section .warehouse-section .right-section{
padding-left: 0 ;
padding-right: 50px ;
}
.warehouse-bg-section .warehouse-section .right-section ul li:last-child{
width: 66.66%;
}
.warehouse-section-tab{
margin: 83px 0 0;
}
.warehouse-section-tab.services-section-tabs{
font-family: 'Helvetica Neue';
flex-direction: column;
overflow: hidden;
}
.warehouse-section-tab.services-section-tabs ul li .nav-link{
font-family: 'Helvetica Neue';
}
.warehouse-form{
margin: 50px 0;
}
.warehouse-form .form-group{
margin-bottom: 25px;
}
.warehouse-form .form-group label{
color: #232325;
font-size: 16px;
font-weight: normal;
margin-bottom: 8px;
text-transform: capitalize;

}
.warehouse-form .form-group .form-label{
color: #232325;
font-size: 16px;
font-weight: normal;
margin-bottom: 8px;
}
.warehouse-form .form-group .form-control{
border-radius: 4px !important;
box-shadow: none;
border-color: rgb(112, 112, 112, .75);
height: 60px;
font-size: 17px;
font-weight: normal;
color: #545454;
padding: 0 20px;
border-radius: 15px;
}
.warehouse-form .form-group .check-fields{
display: flex;
align-items: center;
}
.warehouse-form .check-fields .form-check{
display: flex;
align-items: center;
padding-left:0;
}
.warehouse-form .check-fields .form-check:not(:last-child){
margin-right: 20px;
}
.warehouse-form .check-fields .form-check .form-check-input{
width: 30px;
height: 30px;
margin-left: 0;
float: none;
vertical-align: middle;
margin-top: 0;
}
.warehouse-form .check-fields .form-check .form-check-input:focus{

outline: none;
box-shadow: none;
}
.warehouse-form .check-fields .form-check .form-check-input:checked{
background-color: #000;
border-color: #000;
}
.warehouse-form .check-fields .form-check .form-check-label{
margin-bottom: 0;
padding-left: 10px;
font-size: 15px;
font-weight: normal;
color: #545454;
}
.warehouse-form .form-group textarea.form-control{
height: 150px;
padding: 10px 20px;
}
.warehouse-form .btn.btn-primary{
min-width: 250px;
height: 70px;
overflow: hidden;
align-items: center;
justify-content: center;
display: flex;
border-radius: 50px;
}
.category-tooltip{
border: none;
padding: 0;
background-color: transparent;
}
.our-partner-section{
margin-bottom: 80px;
}
.our-partner-section ul li figure{
border: 1px solid #ededed;
padding: 20px;
background: #000;
/* border-radius: 10px; */
}
.our-partner-section ul li figure img{
max-width: 150px;

}
#registerModal p{ 
font-size: 17px;
font-weight: normal;
color: #797979;
text-align: center;

}
#registerModal .btn{
border-radius: 10px;
width: 100%;
}

/* business page */

.business-banner{
position: relative;
background-image: url(../images/business-banner.jpg);
background-repeat: no-repeat;
background-position:top  center;
height: 800px;
padding-top: 100px;
/* overflow: hidden; */
/* background-size: 100%; */
}
.laptop-image-box{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
max-width: 100%;
margin: 0 auto;
text-align: center;
}
.business-banner-content {
padding: 50px 0 0;
}
.business-banner-content h1{
font-size: 50px;
font-weight: normal;
color: #FFFFFF;
line-height: 57px;
margin-bottom: 10px;
} 
.business-banner-content p{
font-size: 24px;
font-weight: 400;
color: #FFFFFF;
margin-bottom: 30px;
} 
.business-banner-content .btn{
min-width: 249px;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
width: fit-content;
overflow: hidden;
border-radius: 50px;
margin: 0 auto;
}

.business-service-section{
background: linear-gradient(to bottom, rgba(248, 248, 248, 1) 0%, rgba(255, 255, 255, 1) 100%);
padding: 80px 0;
margin: 30px 0 80px;
}
.service-wrap{
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 120px;
}
.service-wrap:last-child{
margin-bottom: 0;
}
.service-wrap:nth-child(even){
flex-direction: row-reverse;
}
.service-wrap:nth-child(even) .left-section{
width:694px;
}
.service-wrap:nth-child(even) .right-section{
padding-left: 0;
padding-right: 30px;
width:calc(100% - 694px);
}
.service-wrap .left-section{
width: calc(100% - 694px);
}
.service-wrap .left-section h3{
font-size: 45px;
font-weight: normal;
line-height: 55px;
margin-bottom: 27px;
}
.service-wrap .left-section p{
color: #797979;
line-height: 26px;
font-size: 22px;
margin-bottom: 39px;
}
.service-wrap .left-section ul {
margin: 0px;
padding: 12px 0px 30px;
}
.service-wrap .left-section ul li{
padding-left: 38px;
font-size: 22px;
line-height: 30px;
font-weight: 400;
color: #707070;
margin-bottom: 8px;
position: relative;
}
.service-wrap .left-section ul li::before{
position: absolute;
top: 5px;
left: 0;
width: 22px;
height: 22px;
content: "";
background-image: url(../images/cricle-grid.svg);
background-repeat: no-repeat;
}
.service-wrap.tracking-return-wrap .left-section ul li::before{
background-image: url(../images/loction-yellow-icon.svg);
background-size: contain;
}
.service-wrap.tracking-return-wrap .left-section ul li:last-child::before{
background-image: url(../images/back-yellow-icon.svg);
}
.service-wrap.tracking-return-wrap .left-section ul li{
margin-bottom: 27px;
}
.service-wrap.tracking-return-wrap .left-section ul li span{
font-size: 24px;
font-weight: normal;
color: #232325;
margin-bottom: 15px;
display: block;
}
.service-wrap.tracking-return-wrap .left-section ul li p{
margin-bottom: 0;
}
.service-wrap .left-section .btn.btn-primary{
min-width: 240px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
width: fit-content;
overflow: hidden;
border-radius: 50px;
}
.service-wrap .right-section{
width: 694px;
padding-left: 40px;
}

.business-shipping .slick-slide img {
width: 150px;
}
.business-shipping{
margin: 40px 0 ;
}
.business-shipping p{
font-size: 24px;
font-weight: 400;
color: #797979;
margin-bottom: 20px;
text-transform: capitalize;
}
.shipping-type-section{
margin-bottom: 100px;
}
.shipping-type-section .slick-track{
margin: 20px 0;
}
.homepage-btn{
margin-top: 70px;
}
.shipping-type-section .items{
margin: 0 30px;
}
.shipping-type-section .shipping-slider .slick-arrow{
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
width: 70px;
height: 70px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 0px !important;
border: none;
background-position: center;
background-repeat: no-repeat;
background-size: 15px;
transition: all 0.3s ease-in-out;
}
.shipping-type-section .shipping-slider .slick-arrow:hover{
background-color: #5A31DB;
}
.shipping-type-section .shipping-slider .slick-prev.slick-arrow{
left: 0;
background-image: url(../images/angle-small-prev.svg);
} 
.shipping-type-section .shipping-slider .slick-next.slick-arrow{
right: 0;
background-image: url(../images/angle-small-next.svg);    
} 
.shipping-type-section .inner-section{
background: #fff;
-webkit-box-shadow: 0 0 8px 0 rgba(90, 49, 219, .23);
box-shadow: 0 0 8px 0 rgba(90, 49, 219, .23);

border-radius: 35px;
overflow: hidden;
color: #232325;
text-decoration: none;
display: block;
padding-bottom: 30px;
}
.shipping-type-section .inner-section:hover{
border-color: #5A31DB;
background-color: #5A31DB;
}
.shipping-type-section .inner-section figure{
margin-bottom: 30px;    
}
.shipping-type-section .inner-section:hover span{color: #fff;}
.shipping-type-section .inner-section span{
font-size: 24px;
font-weight: normal;
color: #232325;
padding: 0 10px ;
text-transform: capitalize;
}
.homepage-btn .btn.btn-primary{
min-width: 309px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
overflow: hidden;
}
.homepage-btn .btn.btn-primary img{
margin-left: 10px;
filter: invert(0) brightness(0);
}
/*.homepage-btn .btn.btn-primary:hover img{
filter: none;
}*/
.ecommerce-section{
position: relative;
padding-bottom: 110px;
background-color: #F6F6F6;
}
.ecommerce-section::before{
position: absolute;
bottom: 0;
content: "";
left: 0;
width: 100%;
height: 150px;
background-color: #EBEBEB;
}
.ecommerce-banner-content{
padding: 50px 0 40px;
text-align: center;
}
.ecommerce-banner-content h1{
font-size: 44px;
font-weight: normal;
color: #232325;
margin-bottom: 12px;
}
.ecommerce-banner-content p{
font-size: 24px;
font-weight: 400;
color: #797979;
margin-bottom: 0px;
}
.ecommerce-banner-img{
display: flex;
align-items: center;
flex-wrap: wrap;
position: relative;
}

.ecommerce-banner-img .img-box{
width: 36%;
position: relative;
z-index: 1;
}   
.ecommerce-banner-img .box-center-logo{
width: 28%;
position: relative;
z-index: 0;
}
.ecommerce-banner-img .box-center-logo::before{
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -90px;
width: 155px;
background-image: url(../images/center-logo-leftarrow.svg);
height: 20px;
background-repeat: no-repeat;
background-position: center;
content: "";
z-index: -1;

}
.ecommerce-banner-img .box-center-logo::after{
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -90px;
width: 155px;
background-image: url(../images/center-logo-rightarrow.svg);
height: 20px;
background-repeat: no-repeat;
background-position: center;
content: "";
z-index: -1;

}
.ecommerce-banner-img .box-center-logo figure{
max-width: 171px ;
margin: 0 auto;
}
.business-service-section.ecommerce-service-section{
background-color: transparent;
padding: 0;
margin: 100px 0;
}
.ecommerce-service-section .service-wrap .left-section{
padding-right: 60px;
}
.ecommerce-service-section .service-wrap .right-section{
position: relative;
padding-left: 60px;
}
.ecommerce-service-section .service-wrap .right-section>figure{
border-radius: 30px ;
overflow: hidden;
}
.ecommerce-service-section .service-wrap .right-section .static-img {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
}
.ecommerce-service-section .service-wrap:nth-child(even) .right-section{
padding-left: 0;
padding-right: 60px;
}
.ecommerce-service-section .service-wrap:nth-child(even) .right-section .static-img{
left: auto;
right: 0;
}
.ecommerce-service-section .service-wrap:nth-child(even) .left-section{
padding-right: 0;
padding-left: 60px;
}
.ecommerce-service-section .service-wrap.service-3 .right-section{
padding-left: 0 !important;

}
.ecommerce-service-section .service-wrap.service-4 .right-section{
padding-right: 0 !important;
}
.ecommerce-service-section .service-wrap.service-4 .right-section>figure{
border-radius: 0;
}
.shipping-type-section .slick-list{
display: flex;
}
.shipping-type-section .slick-track{
display: flex;
}
.shipping-type-section .inner-section{
display: flex;
flex-direction: column;
height: 100%;
}
.shipping-tabs div.nav-pills{
margin: 0px 0px 30px;
}
.shipping-tabs div.nav-pills button:not(:last-child){
margin-bottom: 12px;
}
.shipping-tabs div.nav-pills button{
display: inline-flex;
border-radius: 50px;
color: #232325;
padding: 18px 26px;
height: 70px;
display: flex; 
align-items: center;
justify-content: center;
background-color: #fff;
-ms-transition: all .4s ease 0s;
-moz-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;
-webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
font-size: 22px;
font-family: 'din_alternatebold';  
position: relative;
z-index: 1;
overflow: hidden;
flex: 0 0 auto;
color: #232325;
-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.25);
box-shadow: 0 0 8px 0 rgba(0,0,0,.25);
}
.shipping-tabs div.nav-pills button::after{
position: absolute;
top: 0;
left: 0;
content: '';
width: 0;
height: 100%;
z-index: -1;
background-color: #5A31DB;
-ms-transition: all .4s ease 0s;
-moz-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;
-webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
border-radius: 50px;
opacity: 1;
visibility: hidden;
}
.shipping-tabs div.nav-pills button{position: relative; z-index: 1;}
.shipping-tabs div.nav-pills button::before{
position: absolute;
bottom: 0px;
left: 0;
content: '';
width: 0;
height: 16px;
z-index: -1;
width: 23px;
right: 0;
margin: auto;
background-image: url(../images/downarrow.svg); 
background-repeat: no-repeat;
-ms-transition: all .4s ease 0s;
-moz-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;
-webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
opacity: 1;
visibility: hidden;
filter: brightness(0) invert(1);
}

.shipping-tabs div.nav-pills button:hover:after{ width: 100%;
opacity: 1;
visibility: visible;}
.shipping-tabs div.nav-pills button:hover{color: #fff;}

.shipping-tabs div.nav-pills button.active::after{
width: 100%;
opacity: 1;
visibility: visible;
}
.shipping-tabs div.nav-pills button.active::before{
opacity: 1;
bottom: -12px;
visibility: visible;
filter: inherit;
}
.shipping-tabs .tab-content{
overflow: hidden;
}
.shipping-tabs .tab-content .tab-pane{
/* transform: translateY(-100%); */
transition: all 0.4s ease-in-out;
}
.shipping-tabs .tab-content .tab-pane.active.show{
/* transform: none; */
/* transition: all 0.4s ease-in-out; */
}
.shipping-tabs .tab-content .button-action .qr-code-img{
width: 50px;
}
.shipping-tabs .tab-content ul{
display: flex;
align-items: center;
width: calc(100% - 212px);
}
/*.shipping-tabs .tab-content .read-more{
min-width: 212px;
}*/
.shipping-tabs .tab-content ul li{
display: flex;
align-items: center;
}
.shipping-tabs .tab-content ul li:not(:last-child){
margin-right: 15px;
padding-right: 15px;
border-right: 2px solid #000;
}
.shipping-tabs .tab-content ul li span{
margin-left: 15px;
margin-right: 15px;
}





html[lang="ar"] .warehouse-section .right-section{
padding-left: 0;
padding-right: 50px;
}
html[lang="ar"] .warehouse-bg-section .warehouse-section .right-section {
padding-left: 50px !important;
padding-right: 0 !important;
}
html[lang="ar"] .products-slider .slick-next.slick-disabled{
transform: rotate(0deg);
}
html[lang="ar"] .category-tooltip {
margin-left: 0 !important;
margin-right: 8px !important;
}
html[lang="ar"] .warehouse-form .check-fields .form-check:not(:last-child) {
margin-right: 0;
margin-left: 20px;
}
html[lang="ar"] .warehouse-form .check-fields .form-check .form-check-label{
padding-left: 0;
padding-right: 10px;
}
html[lang="ar"] .homepage-btn .btn.btn-primary img{
margin-left: 0;
margin-right: 10px;
}
html[lang="ar"] .service-wrap .right-section{
padding-left: 0;
padding-right: 40px;
}
html[lang="ar"] .service-wrap .left-section ul li{
padding-left: 0;
padding-right: 38px;
}
html[lang="ar"] .service-wrap .left-section ul li::before{
left: auto;
right: 0;
}
html[lang="ar"] .service-wrap:nth-child(even) .right-section{
padding-left: 38px;
padding-right: 0;
}

html[lang="ar"] .ecommerce-service-section .service-wrap .right-section{
padding-left: 60px;
padding-right: 0;
}
html[lang="ar"] .ecommerce-service-section .service-wrap .left-section{
padding-right: 0;
padding-left: 60px;
}
html[lang="ar"] .ecommerce-service-section .service-wrap:nth-child(even) .right-section{
padding-left:0;
padding-right: 60px;
}
html[lang="ar"] .ecommerce-service-section .service-wrap:nth-child(even) .left-section{
padding-right: 60px;
padding-left: 0;
}
.button-action .regiter-btn a.btn-primary img{
margin-left: 10px;
position: relative;
transition: all 0.4s ease-in-out;
width: 27px;
height: 27px;
}
.button-action .regiter-btn a.btn-primary:hover img {
transition: all 0.4s ease-in-out;
filter: brightness(0.5) invert(1);
margin-left: 0px;
height: 0;
width: 0;
}
html[lang="ar"] .button-action .regiter-btn a.btn-primary img{
transform: rotate(180deg);
margin-left: 0;
margin-right: 10px;
left: 0;

}
html[lang="ar"] .button-action .read-more a.btn-border img{    transform: rotate(180deg);}
html[lang="ar"] .button-action .read-more a.btn-primary img{
margin-left: 0px;
margin-right: 10px;
left: 0;


}
html[lang="ar"] .shipping-tabs .tab-content ul li:not(:last-child){
margin-right:0;
padding-right:0;
border-right: none;
margin-left: 15px;
padding-left: 15px;
border-left: 2px solid #000;
}
html[lang="ar"] .shipping-tabs .tab-content ul li span{
margin-left: 0;
}
html[lang="ar"] .shipping-tabs .tab-content{
padding-left: 0;
padding-right: 30px;
}


@media(max-width:1299px){
.service-wrap .left-section h3{
font-size: 33px;
line-height: 47px;
}
.service-wrap .left-section ul li{
font-size: 20px;
line-height: 27px;
}
.service-wrap .left-section p{
font-size: 20px;
line-height: 27px;
}
.service-wrap.tracking-return-wrap .left-section ul li span{
font-size: 20px;
margin-bottom: 10px;
}
.business-banner{
height: 620px;
}
.warehouse-section ul li span{
font-size: 20px;
}
.warehouse-section .right-section .btn-primary{
margin-left: 0;
}

.ecommerce-banner-img .box-center-logo figure{
max-width: 108px;
}
.ecommerce-section{
padding-bottom: 60px;
}
.ecommerce-section::before{
height: 90px;
}

}
@media(max-width:1199px){
.ecommerce-service-section .service-wrap .left-section .btn.btn-primary{
font-size: 17px;
}
.business-banner-content h1{
font-size: 37px;
line-height: 53px;
}
.business-banner-content p{
font-size: 21px;
margin-bottom: 15px;
}
.business-banner {
height: 540px;
}
.service-wrap .left-section{
width: 50%;
}
.service-wrap .right-section{
width: 50%;
}
.service-wrap:nth-child(even) .left-section{
width: 50%;
}
.service-wrap:nth-child(even) .right-section{
width: 50%;
}
.service-wrap .left-section .btn.btn-primary{
min-width: 239px;
height: 55px;
margin: auto;
}
.business-banner-content {
padding: 30px 0 0;
}
.warehouse-section{
margin: 60px 0;
}
.warehouse-section .left-section{
width: 413px;
}
.warehouse-section .right-section{
width: calc(100% - 413px);
}
/* .warehouse-section .left-section .img-text{
} */
.warehouse-section .left-section .img-text h3{
width: 350px;
padding: 25px 33px;
font-size: 27px;
line-height: 40px;
}
.warehouse-section ul li figure{
width: 95px;
height: 95px;
padding: 15px;
}
.warehouse-section .right-section .btn-primary{
min-width: 249px;
height: 65px;
}
.shipping-type-section .items{
margin: 0 12px;
}
.shipping-type-section .inner-section span{
font-size: 20px;
}
.shipping-type-section .shipping-slider .slick-arrow{
width: 45px;
height: 45px;
background-size: 10px;
}
.shipping-tabs div.nav-pills{
width: 100%;
display: flex;
align-items: center;
flex-direction: row !important;
flex-wrap: nowrap !important;
white-space: nowrap;
overflow-y: hidden;
overflow-x: auto;
margin-top: 25px;
padding-bottom: 7px;
}
.shipping-tabs div.tab-content{
width: 100%;
padding-left: 0;
}
.shipping-tabs div.nav-pills button{
font-size: 20px;
padding: 10px 25px;
}
.shipping-tabs div.nav-pills button{
margin-bottom: 0 !important;
}
html[lang="ar"] .shipping-tabs .tab-content{
padding-left: 0;
padding-right:0;
}
}
@media(max-width:991px){
.warehouse-section .left-section{
width: 100%;
margin-bottom: 40px;
}
.warehouse-section .left-section img{
width: 100%;
}
.warehouse-section .left-section .img-text h3{
width: auto;
margin: 0 12px;
}
.warehouse-section .right-section{
width: 100%;
padding-left: 0;
}
.warehouse-section .right-section .btn-primary{
min-width: 240px;
height: 65px;
display: flex;
justify-content: center;
align-items: center;
width: fit-content;
margin: 0 auto;
}
.warehouse-section {
margin: 30px 0 60px;
}
.warehouse-bg-section {
padding: 60px 0 50px;
}
.warehouse-bg-section .warehouse-section .right-section{
padding-right: 0;
}
.warehouse-bg-section .warehouse-section .right-section ul li:last-child{
width: 100%;
}
.warehouse-section ul{
justify-content: center;
}
.our-partner-section {
margin-bottom: 35px;
}
.business-banner-content h1 {
font-size: 30px;
line-height: 42px;
}
.business-banner-content h1 br{
display: none;
}
.business-banner-content p{
font-size: 17px;
}
.business-banner {
height: 460px;
}
.business-shipping p{
font-size: 20px;
}
.business-shipping {
margin: 20px 0;
}
.service-wrap .left-section{
width: 100%;
order: 2;
margin-top: 20px;
}
.service-wrap .right-section{
width: 100%;
order: 1;
padding-left: 0;
}
.service-wrap .left-section h3 {
font-size: 30px;
line-height: 42px;
margin-bottom: 17px;
}
.service-wrap .left-section ul li {
font-size: 17px;
line-height: 28px;
padding-left: 28px;
}
.service-wrap .left-section p {
font-size: 17px;
line-height: 27px;
margin-bottom: 15px;
text-align: center;
}
.service-wrap.tracking-return-wrap .left-section ul li span {
font-size: 17px;
}
.service-wrap .left-section ul li::before{
width: 17px;
height: 17px;
background-size: 100%;
}
.service-wrap:nth-child(even) .left-section {
width: 100%;
}
.service-wrap:nth-child(even) .right-section {
width: 100%;
}
.service-wrap{
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #c7c7c7;
}
.service-wrap:last-child{
border-bottom: none;   
padding-bottom: 0;
}
.homepage-btn {
margin-top: 50px;
}
.homepage-btn .btn.btn-primary {
min-width: 249px;
height: 55px;
}
.shipping-type-section {
margin-bottom: 50px;
}
.business-service-section {
background-color: #F6F6F6;
padding: 50px 0;
margin: 30px 0 50px;
}
.service-wrap.tracking-return-wrap .left-section ul li:last-child{
margin-bottom: 0;
}
.service-wrap.tracking-return-wrap .left-section ul {
margin-bottom: 0;
}
.ecommerce-service-section .service-wrap .right-section .static-img{
width: 40%;
}
.ecommerce-service-section .service-wrap:nth-child(even) .right-section .static-img figure{
text-align: right;
}
.ecommerce-service-section .service-wrap:nth-child(even) .left-section{
padding-left: 0;
}
.ecommerce-service-section .service-wrap .left-section{
padding-right: 0;
}
.ecommerce-service-section .service-wrap.service-4 .right-section{
padding-right: 0;
}
.ecommerce-banner-img .box-center-logo::before{
left: -60px;
width: 85px;
background-position: center right;
}
.ecommerce-banner-img .box-center-logo::after{
right: -60px;
width: 85px;
background-position: center left;
}
.ecommerce-banner-img .box-center-logo figure {
max-width: 70px;
}
.ecommerce-banner-content h1{
font-size: 32px;
}
.ecommerce-banner-content p{
font-size: 20px;
}


.shipping-tabs div.nav-pills button {
font-size: 18px;
padding: 10px 25px;
}
html[lang="ar"] .warehouse-section .right-section {
padding-left: 0;
padding-right: 0;
}
html[lang="ar"] .warehouse-bg-section .warehouse-section .right-section {
padding-left:0 !important;
padding-right: 0 !important;
}
html[lang="ar"] .service-wrap .right-section{
padding: 0;
}
html[lang="ar"] .service-wrap:nth-child(even) .right-section{
padding: 0;
}
html[lang="ar"] .service-wrap .left-section ul li{
padding-right: 28px;
}
html[lang="ar"] .ecommerce-service-section .service-wrap .left-section{
padding: 0;
}
html[lang="ar"] .ecommerce-service-section .service-wrap:nth-child(even) .left-section{
padding: 0;
}
.business-service-section.ecommerce-service-section{
margin: 30px 0 50px;
}
html[lang="ar"] .shipping-tabs .tab-content ul li span {
margin-left: 15px !important;
}
.button-action .regiter-btn a.btn-primary img {
max-width: 20px;
}

}
@media(max-width:767px){
.business-banner-content h1 {
font-size: 26px;
line-height: 37px;
}
.business-banner-content p {
font-size: 16px;
}
.business-banner {
height: 390px;
}
.service-wrap .left-section h3 {
font-size: 21px;
line-height: normal;
margin-bottom: 15px;
}
.service-wrap .left-section .btn.btn-primary{
font-size: 17px;
height: 50px;
}
.business-shipping p {
font-size: 20px;
}
.shipping-type-section .inner-section{
padding-bottom: 20px;
}
.shipping-type-section .inner-section figure {
margin-bottom: 20px;
}
.homepage-btn .btn.btn-primary {
height: 50px;
font-size: 17px;
}
.homepage-btn .btn.btn-primary img{
width: 22px;
}
.ecommerce-banner-content h1 {
font-size: 25px;
}
.ecommerce-banner-content p {
font-size: 17px;
}
.shipping-tabs div.nav-pills button {
font-size: 15px;
padding: 9px 22px;
}

.shipping-tabs .tab-content .read-more{
width: 100%;
}
.button-action{
flex-wrap: wrap;
}
.shipping-tabs .tab-content .read-more{
width: 100%;
/* margin-bottom: 15px; */

}
.shipping-tabs .tab-content .regiter-btn{
width: 100%;
margin-top: 15px;
}
.shipping-tabs .tab-content .regiter-btn .read-more{
margin-bottom:0;
}
.shipping-tabs .tab-content ul{
width: 100%;
margin-bottom: 25px;
justify-content: center;
}
.shipping-tabs .tab-content ul li span {
margin-left: 10px;
margin-right: 10px;
}
.shipping-tabs .tab-content ul li:not(:last-child) {
margin-right: 10px;
padding-right: 10px;
}
html[lang="ar"] .shipping-tabs .tab-content ul li:not(:last-child){
margin-left: 10px;
padding-left: 10px;
margin-right: 0px;
padding-right: 0px;
}
html[lang="ar"] .shipping-tabs .tab-content ul li span {
margin-left: 10px !important;
}

}
@media(max-width:576px){
.warehouse-section-tab.services-section-tabs{
padding-bottom: 0;
}
.warehouse-section .left-section .img-text h3 {
font-size: 21px;
line-height: 32px;
}
/* .warehouse-section .left-section .img-text {
width: 95%;
} */
.warehouse-form .form-group .form-control{
height: 50px;
font-size: 14px;
}
.warehouse-form .form-group {
margin-bottom: 20px;
}    
.warehouse-form .btn.btn-primary{
min-width: 100%;
height: 50px;
}
.warehouse-form .form-group .check-fields{
flex-wrap: wrap;
}
.warehouse-form .check-fields .form-check{
width: 100%;
}
.warehouse-form .check-fields .form-check:not(:last-child) {
margin-right: 20px;
margin-bottom: 10px;
}
.warehouse-form .check-fields .form-check .form-check-input{
width: 25px;
height: 25px;
}
.warehouse-section ul li{
width: 50%;
}
.warehouse-section ul li span {
font-size: 15px;
}
.warehouse-section ul li figure{
width: 75px;
height: 75px;
}
.warehouse-section ul li figure img{
max-width: 38px;
}
.warehouse-section .right-section .btn-primary{
min-width: 240px;
height: 60px;
font-size: 18px;
}
.warehouse-bg-section {
padding: 50px 0 40px;
}
.warehouse-bg-section .warehouse-section .right-section ul li:last-child{
padding-bottom: 0;
}
.warehouse-section-tab {
margin: 30px 0 0;
}
.business-banner {
height: 319px;
}
.business-banner-content h1 {
font-size: 24px;
line-height: normal;
}
.business-banner-content .btn{
font-size: 17px;
min-width: 100%;
height: 50px;
}
.ecommerce-banner-img .img-box{
width: 100%;
}
.ecommerce-banner-img .img-box{
width: 100%;
}
.ecommerce-banner-img .box-center-logo{
width: 100%;
}
.ecommerce-banner-content{
padding: 30px 0 20px;
}
.ecommerce-banner-img .box-center-logo::before {
left: 50%;
width: 55px;
background-position: center right;
top: 0;
transform: translateX(-50%) rotate(90deg);
}
.ecommerce-banner-img .box-center-logo{
padding: 50px 0;
}
.ecommerce-banner-img .box-center-logo::after {
left: 50%;
width: 55px;
top: auto;
bottom: 0;
background-position: center left;
transform: translateX(-50%) rotate(90deg);
}
.ecommerce-banner-img .img-box figure{
width: 250px;
margin: 0 auto;
}
html[lang="ar"] .warehouse-form .check-fields .form-check:not(:last-child) {
margin-right: 0;
margin-left: 0;
}
html[lang="ar"] .ecommerce-banner-img .box-center-logo::after{
right: auto;
}
}

/* 09-05-2024 */
.freight-bg{
background-image: url(../images/freight-bg.jpg);
background-color: #F6F6F6;
background-size: cover;
}
.freight-bg .business-banner-content h1{
color: #000;
}
.freight-bg .business-banner-content p{
color: #000;
}
.freight-section{
background-color: #F6F6F6;
padding: 140px 0 0 0;
overflow: hidden;
}
.freight-section p{
font-size: 24px;
text-align: center;
color: #000;
margin:0 auto 50px auto;
max-width: 919px;
}
.freight-section ul{
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 0 -40px;
}
.freight-section ul li{
padding: 24px 40px 24px 40px;
}
.freight-section ul li .freight-box{
width: 226px;
height: 226px;
background-color: #fff;
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.161);
border-radius: 50%;
display: flex;
align-items: center;
flex-direction: column;
transition: 0.4s all;
padding: 20px 0 0 0;
}
.freight-box figure{
width: 91px;
height: 91px;
background-color: #FFCE00;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
}
.freight-box h3{
color: #707070;
font-size: 24px;
margin-bottom: 0;
text-align: center;
}
.freight-size{
padding: 150px 0;
background-color: #F6F6F6;
}
.freight-section ul li .freight-box:hover{
background-color: #FFCE00;
}
.freight-section ul li .freight-box:hover h3{
color: #000;
}
.freight-section ul li .freight-box:hover figure{
background-color: #fff;
}
.freight-size h2{
font-size: 44px;
font-weight: normal;
color: #000;
text-align: center;
max-width: 1176px;
margin: 0 auto 100px auto;
}
.freight-size figure{
border-radius: 20px;
overflow: hidden;
}
.freight-size .slick-dots{
display: flex;
justify-content: center;
margin-top: 25px;
}
.freight-size .slick-dots button{
border: solid 2px #232325;
width: 21px;
height: 21px;
padding: 0;
background-color: transparent;
border-radius: 50%;
font-size: 0;
margin: 0 11px;
transition: 0.4s all;
}
.freight-size .slick-dots .slick-active button{
background-color: #000;
}
.freight-type-section{
padding-top: 70px;
}
.who-said-shopping {
padding-bottom: 100px;
}
.who-said-shopping .service-wrap .right-section{
padding: 0 60px 0 0;
}
.who-said-shopping .service-wrap .left-section{
padding-left: 0 0 0 60px;
}
.who-said-shopping-banner{

position: relative;
padding: 0;
}
.who-said-shopping-banner .service-wrap{
align-items: flex-start;
margin-bottom: 0;
}
.who-said-shopping-banner .service-wrap .left-section h3{
color: #0081fc;
}
.who-said-shopping-banner .service-wrap .left-section p{
font-weight: 400;
color: #fff;
}
/* .who-said-shopping-banner .service-wrap .left-section{
width: 40%;
}
.who-said-shopping-banner .service-wrap .right-section{
width: 60%;
} */
.who-said-shopping-banner .service-wrap .right-section img{
width: auto;
}
.who-said-shopping-banner .service-wrap .btn-outline{
background-color: transparent;
color: #0081fc;
border: solid 2px #0081fc;
}
.who-said-shopping-banner .service-wrap .btn-outline::after{
background-color: #0081fc;
}
.who-said-shopping-banner .service-wrap .btn-outline:hover{
color: #000;
}
.shopping-locaion{
position: absolute;
}
html[lang="ar"] .who-said-shopping .service-wrap .right-section{
padding-left: 0 0 0 60px;
}
html[lang="ar"] .who-said-shopping .service-wrap .left-section{
padding: 0 60px 0 0;
}
.shopping-to{
left: 43%;
top: 57.2%;
}
.shopping-from{
left: 19%;
bottom: 13.2%;
}
.shopping-text{
padding: 126px 0;
background-color: #f1f1f1;
text-align: center;
}
.text-wrap{
max-width: 1209px;
margin: 0 auto;
}
.shopping-text h2{
font-size: 44px;
margin-bottom: 15px;    
}
.benefits{
padding: 100px 0;
}
.benefits .headingCard{
margin-bottom: 50px;
}
.benefits-row{
display: grid;
grid-template-columns: 461px repeat(1, 543px);
gap: 34px;
max-width: 1038px;
margin: 0 auto;
}
.benefits-row>div:nth-child(2){
grid-row: 2 span;
}
.benefits-row>div {
background-color: #F6F6F6;
border-radius: 15px;
display: flex;
}
.benefits-boxs{
padding: 30px;
flex: 1;
}
.benefits-boxs figure{
text-align: center;
margin-bottom: 15px;
}
.benefits-boxs p{
font-size: 24px;
margin-bottom: 0;
}
.benefits-row>div:nth-child(2) .benefits-boxs{
padding: 80px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.step-section{
padding-bottom: 100px;
}
.step-section ul{
max-width: 897px;
margin: 0 auto;
}
.step-section ul li{
padding: 0 0 110px 110px;
position: relative;
}
.step-section ul li:last-child{
padding-bottom: 0;
}
.step-section ul li:last-child::before{
display: none;
}
.step-section ul li::before{
position: absolute;
height: 100%;
width: 2px;
border-right: dotted 2px #707070;
content: '';
position: absolute;
left: 33px;
}
.step-section ul li h3{
font-size: 24px;
color: #707070;
margin-bottom: 20px;
}
.step-section ul li .step-number{
position: absolute;
left: 0;
top: 0;
width: 68px;
height: 68px;
font-size: 44px;
color: #000;
border: solid 4px #000;
border-radius: 50%;
font-family: 'din_alternatebold';  
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
}
.step-section .headingCard h2{
margin-bottom: 15px;
}
.step-section .headingCard p{
font-size: 24px;
font-family: 'din_alternatebold';  
color: #000;
}
.step-section .headingCard {
margin-bottom: 50px;
}
.happy-shopping-box{
background-color: #F6F6F6;
border-radius: 43px;
max-width: 1280px;
margin: 0 auto;
padding: 65px 30px 0 30px;
}
.happy-shopping-box h2{
margin-bottom: 15px;
}
.happy-shopping-box p{
margin-bottom: 25px;
}
.happy-shopping-box .btn.btn-primary {
min-width: 309px;
height: 70px;
display: inline-flex;
align-items: center;
justify-content: center;
width: fit-content;
overflow: hidden;
border-radius: 50px;
}
.happy-shopping-box figure{
text-align: center;
margin-top: 70px;
}
.happy-shopping{
padding: 100px 0;
}
.who-said-shopping-banner{
position: relative;
}
.who-said-shopping-banner-content{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
align-items: center;
}
html[lang="ar"] .ecommerce-service-section .service-wrap .right-section{
padding: 0 60px 0 0;
}
html[lang="ar"] .step-section ul li{
padding: 0 110px 110px 0;
}
html[lang="ar"] .step-section ul li .step-number{
right: 0;
left: auto;
}
html[lang="ar"] .step-section ul li::before{
left: auto;
right: 33px;
}
@media(max-width:1399px){

.ecommerce-service-section .service-wrap .right-section{
text-align: right;
}
.who-said-shopping-banner{
height: auto;
padding: 0;
}
.shopping-locaion img{
max-height: 50px;
width: auto;
}

}
@media(max-width:1199px){
.benefits-row{
grid-template-columns: repeat(2, 1fr);
}
}
@media(max-width:991px){
.freight-section, .freight-size{
padding: 50px 0;
}
.freight-section p{
font-size: 20px;
margin-bottom: 15px;
}
.freight-section ul li .freight-box{
width: 135px;
height: 135px;
}
.freight-box figure{
width: 51px;
height: 51px;
margin-bottom: 0;
}
.freight-box figure img{
width: 36px;
height: 36px;
}
.freight-section ul{
margin: 0 -12px;
}
.freight-section ul li{
padding: 6px;
}
.freight-box h3{
font-size: 15px;
}
.freight-size h2{
font-size: 24px;
margin-bottom: 30px;
}
.freight-size .slick-dots{
margin-top: 5px;
}
.freight-size .slick-dots button{
width: 15px;
height: 15px;
}
.freight-type-section{
padding-top: 30px;
}
.who-said-shopping .service-wrap .right-section{
padding: 0 0 15px 0;
}
.who-said-shopping .service-wrap .left-section{
padding-left: 0;
}
.who-said-shopping{
padding: 30px 0;
}
html[lang="ar"] .who-said-shopping .service-wrap .right-section{
padding: 0 0 15px 0;
}
html[lang="ar"] .who-said-shopping .service-wrap .left-section{
padding: 0;
}
.who-said-shopping-banner .service-wrap .right-section{
padding: 0;
text-align: center;
}
.who-said-shopping-banner-content{
position: initial;
padding: 30px 0;
}
.bg-image{
width: 100%;
}
.bg-image{
width: 100%;
}
.who-said-shopping-banner .service-wrap .left-section{
text-align: center;
}
.who-said-shopping-banner .service-wrap .left-section h3{
color: #000;
}
.who-said-shopping-banner .service-wrap .left-section p{
color: #000;
}
.who-said-shopping-banner .service-wrap .left-section .btn{
display: inline-flex;
}
.shopping-text, .benefits{
padding: 50px 0;
}
.shopping-text h2{
font-size: 36px;
}
.benefits .headingCard{
margin-bottom: 15px;
}
.benefits-row{
grid-template-columns: repeat(1, 1fr);
}
.benefits-row>div:nth-child(2) .benefits-boxs{
padding: 30px;
}
.benefits-boxs p{
font-size: 18px;
}
.step-section .headingCard p{
font-size: 18px;
}
.step-section ul li{
padding-left: 60px;
padding-bottom: 60px;
}
.step-section ul li .step-number{
width: 40px;
height: 40px;
font-size: 24px;
border-width: 2px;
}
.step-section ul li::before{
left: 19px;
}
.step-section ul li h3{
font-size: 18px;
}
.step-section{
padding-bottom: 15px;
}
.happy-shopping{
padding: 50px 0;
}
.happy-shopping-box .btn.btn-primary{
min-width: 100%;
}
.happy-shopping-box{
padding: 50px 15px 0 15px;
border-radius: 16px;
}
.happy-shopping-box figure{
margin-top: 25px;
}
html[lang="ar"] .ecommerce-service-section .service-wrap .right-section{
padding: 0;
}
html[lang="ar"] .step-section ul li::before{
left: 0;
right: 19px;
}
html[lang="ar"] .step-section ul li {
padding: 0 60px 60px 0;
}
}
@media(max-width:767px){
.freight-section p{
font-size: 18px;
}
.shopping-text h2{
font-size:24px;
}

}


/*24-06-2024*/
.who-said-shopping-banner .service-wrap .left-section h3{color:#232325;}
.who-said-shopping-banner .service-wrap .left-section p{color:#000000;}

/*02-07-2024*/
.button-action span .pdf-download-btn img{max-width:32px; margin:0 0 0 10px;}
.pdf-download-btn{display: flex; align-items: center; justify-content: center; background-color: #232325; text-decoration:none; font-family: 'din_alternatebold';   position: relative; text-align: center; padding:8px 25px; font-size: 18px; color: #5A31DB; -ms-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; transition: all .5s ease 0s; border-radius: 50px; z-index: 2; text-transform: capitalize;}
.pdf-download-btn:hover{color: #232325;}
.pdf-download-btn:hover img{filter: brightness(0); -ms-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; transition: all .5s ease 0s;}
.pdf-download-btn::after {position: absolute; opacity: 0; visibility: hidden; top: 0; left: 0; border-radius: 30px; content: ''; width: 0; height: 100%; -ms-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; transition: all .5s ease 0s; background-color: #5A31DB; overflow: hidden;}
.pdf-download-btn:hover::after {width: 100%; opacity: 1; visibility: visible; z-index: -1;}
@media(max-width:767px){
.pdf-download-btn {padding: 6px 20px; font-size: 18px; margin: 5px;}
}


/**** new theme color changes 26-09-2024*****/
.service-wrap .right-section{position: relative; z-index: 1;}
.service-wrap .right-section figure{margin-left: 70px;     -webkit-animation: mover 1s infinite alternate;
animation: mover 1s infinite alternate;}
.who-said-shopping .service-wrap .right-section:before{position: absolute; bottom:20px; left: 0px; content: ''; background-image: url(../images/circle-green-ground.svg); background-repeat: no-repeat; height: 529px; width: 529px; z-index: -1; -webkit-animation: mover 1s infinite alternate;
animation: moverCircle 1s infinite alternate; }
.marketshipping-section .headingCard {margin-bottom: 38px;}
.marketshipping-section  .shipping-tabs div.nav-pills button{overflow: inherit}
.marketshipping-section  .shipping-tabs div.nav-pills button.active{color: #fff; ; -webkit-box-shadow: none;
box-shadow: none    ;}
.marketshipping-section  .shipping-tabs div.nav-pills .nav-link.active, .marketshipping-section  .shipping-tabs div.nav-pills .show>.nav-link {
background-color: #5A31DB;
}
.shipping-section .shipping-top h3 {background: #5A31DB;}
.shipping-list li .area-view strong{color: #fff; font-weight: normal;}
.homepage-btn .btn.btn-primary img{filter: brightness(0) invert(1);}


.slideshowSlider {
position: relative;
z-index: 1;
height: 100%;
}
.slideshowSlider * {
outline: none;
}   
.slideshowSlider  .slick-list{  height: 100%;}
.slideshowSlider  .slick-list > div{  height: 100%;}
.slideshowSlider .slider-track {
transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
height: 100%;
}
.slideshowSlider .item {
height: 100%;
position: relative;
z-index: 1;
height: 100%;
}
.slideshowSlider .item .SliderImage {
width: 100%;
transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
height: 100%;

background-size: cover !important;
background-position: center !important;
/*transform: scale(1.2);*/

}
/*.slideshowSlider .item.slick-active .SliderImage {
transform: scale(1);
}*/
.banner-section{position: relative; /*z-index: 1;*/  display: flex; min-height: 720px; align-items: flex-end;}
.banner-section .slideshow .SliderImage{position: relative; z-index: 1;}
.banner-section .slideshow:before{position: absolute; top:0px; left: 0px; content: ''; height: 174px; width: 100%; z-index: 2; background-image: url(../images/header-bg-shadow.svg); background-repeat: no-repeat;}
.banner-section .slideshow .SliderImage:after{position: absolute; top:0px; left: 0px; content: ''; height: 100%; width: 100%; background-color: #000; opacity: 0.5; z-index: -1;}
.slideshow ul.slick-dots {
position: absolute;
top: 50%;
left: 0px;
display: flex;
align-items: center;
justify-content: center;
z-index:3;
width: 100%;
margin-top: -110px;
gap: 0px 8px;
}

.slideshow ul.slick-dots li button{height: 14px; width: 14px; border-radius:50%; border: 2px solid #fff; -ms-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; transition: all .5s ease 0s; background: transparent; font-size: 0; padding: 0px;}
.slideshow ul.slick-dots li button:hover{background-color: #fff;}
.slideshow ul.slick-dots li.slick-active button{background-color: #fff;}

.bannerheading {
text-align: center;
max-width: 1200px;
margin: auto;
position: relative;
z-index: 5;
}
.bannerheading h1{color: #fff; font-size: 50px; margin: 0px 0px 0px; padding: 160px 0px 0px; display: block;     transform: translateY(-20px); opacity: 0; visibility: hidden; -ms-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; transition: all .5s ease 0s; }

.slideshow  .slick-current .bannerheading h1{opacity: 1; visibility: visible; transform: translateY(0px);}

.slideshow {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index:1;
}

.banner-section .container{position: relative; z-index: 2;}
.shipping-calculatorBox {margin-bottom: 60px; /*padding-top: 340px;*/}

.shipping-calculatorBox .nav-pills .nav-link{ height: 73px;  color: #fff; font-size: 22px; background-color:rgba(0, 0, 0, 0.31); backdrop-filter: blur(19px); -webkit-backdrop-filter: blur(19px); padding: 6px 40px; -ms-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; transition: all .5s ease 0s; border-radius: 10px 10px 0px 0px; }
.shipping-calculatorBox .nav-pills .nav-link img{filter: brightness(0) invert(1); -ms-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; transition: all .5s ease 0s; margin-right: 6px; -webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;}
.shipping-calculatorBox .nav-pills .nav-link.active{background-color: #fff; color: #232325; border-top-right-radius: 0px; border-top-left-radius: 0px; }
.shipping-calculatorBox .nav-pills .nav-link:hover{background-color:rgba(0, 0, 0, 0.61);}
.shipping-calculatorBox .nav-pills .nav-link.active img{filter: inherit;  -webkit-animation-name: hvr-icon-push;
animation-name: hvr-icon-push;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;}
.tab-calculatorBox{   min-height: 290px;    background-color: #fff; padding: 25px; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25);
box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25); border-radius: 10px; border-top-left-radius: 0px;}
.shipping-calculatorBox .nav-pills .nav-link.active:hover{background-color: #fff; color: #232325;}
.shipping-calculatorBox .nav-pills .nav-link.active img{
-webkit-animation-name: hvr-icon-push;
animation-name: hvr-icon-push;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

.shipping-calculatorBox .nav-pills .nav-link:hover img{    -webkit-animation-name: hvr-icon-push;
animation-name: hvr-icon-push;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;}
/* Icon Push */
@-webkit-keyframes hvr-icon-push {
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
@keyframes hvr-icon-push {
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}

.shipping-calculatorBox .nav-pills .nav-item .nav-link{margin-right: 2px;}
.shipping-calculatorBox .nav-pills .nav-item .nav-link.active{margin-right: 0;}
.shipping-calculatorBox .nav-pills .nav-item:has(.nav-link.active) + .nav-item  .nav-link{border-top-left-radius: 0px;}
.shipping-calculatorBox .nav-pills .nav-item:has(+ li .nav-link.active) .nav-link {border-top-right-radius: 0px; margin-right: 0;}
.shipping-calculatorBox .nav-pills .nav-item:first-child .nav-link{border-top-left-radius: 10px;}
.shipping-calculatorBox .nav-pills .nav-item:last-child .nav-link{border-top-right-radius: 10px;}
.shipping-calculatorBox .nav-pills .nav-item:last-child .nav-link{margin-right: 0px;}


.special-offer-section{padding: 30px 0px;}
.special-offer-tab{display: flex; align-items: center; gap: 0px 30px; margin-bottom: 0px;}
.special-offer-tab .headingCard h2{font-size: 30px; margin: 0px;}
.nav-pillsTab.nav-pills{gap: 0px 12px;}
.nav-pillsTab.nav-pills .nav-link{font-size: 15px;     padding: 13px 20px; color: #232325; border-radius: 50px; border: 1px solid rgba(19, 19, 19, .30); display: flex; align-items: center; gap: 0px 8px; position: relative; z-index: 1; background-color: #fff;}

.nav-pillsTab.nav-pills .nav-link:hover{background-color: #5A31DB; color: #fff; border: 1px solid #5A31DB;}
.nav-pillsTab.nav-pills .nav-link:hover img{filter: brightness(0) invert(1);}

.nav-pillsTab.nav-pills .nav-link.active img{filter: brightness(0) invert(1);}
.nav-pillsTab.nav-pills .nav-link.active, .nav-pillsTab.nav-pills .show>.nav-link {
background-color: #5A31DB;
color: #fff;
border: 1px solid #5A31DB;
}

.nav-pillsTab.nav-pills .nav-link::before {
position: absolute;
bottom: -12px;
left: 0;
content: '';
width: 0;
height: 16px;
z-index: -1;
width: 23px;
right: 0;
margin: auto;
background-image: url(../images/downarrow.svg);
background-repeat: no-repeat;
-ms-transition: all .4s ease 0s;
-moz-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;
-webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
opacity: 1;
visibility: hidden;
filter: brightness(0) invert(1);
}

.nav-pillsTab.nav-pills .nav-link.active::before {
opacity: 1;

visibility: visible;
filter: inherit;
}

.specialOfferBox{-webkit-box-shadow: 0 0 8px 0 rgba(90, 49, 219, .23);
box-shadow: 0 0 8px 0 rgba(90, 49, 219, .23); padding: 20px; border-radius: 20px;  height: 100%; width: 190px; position: relative; z-index: 1; overflow: hidden; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; transition: all .5s ease 0s;}
.specialOfferBox .countryTop{display: flex; align-items: center;}
.countryTop figure{height: 25px; width: 25px; border-radius: 50%; overflow: hidden; position: absolute; left: 0px; top:0px;}
.countryTop figure img{height: 100%; width: 100%; max-width: 100%; max-height: 100%; object-fit: cover;}
.countryTop {position: relative; padding-left: 36px; margin-bottom: 13px;}
.countryTop strong{font-size: 18px; display: block; font-weight: normal;}
.ship-range{display: flex; align-items: center; gap: 0px 6px;}
.ship-range{background-color: #F5F5F5; border-radius: 5px; font-size: 15px; padding: 5px 10px; margin-bottom: 13px;}
.ship-range span{display: inline-flex;text-transform:capitalize;}

.priceCard span{display: block; color:#797979; font-size: 14px;}
.priceCard strong{display: block; font-size: 22px; color: #232325;     line-height: 24px; font-weight: normal;}


.specialmultiple-slider .slick-track{padding: 20px 10px;}
.specialmultiple-items{padding: 0px 14px;}


.specialofferList{display: flex; gap: 0px 30px; margin-top: 20px;}

.specialOfferBox:hover{
box-shadow: 0px 0px 20px rgba(90, 49, 219, 0.5);
}
.specialOfferBox:hover:after {
height: 100%;
width: 100%;
opacity: 0.3;
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.specialOfferBox:after {
position: absolute;
top: 0px;
left: 0px;
content: '';
background-image: radial-gradient(circle at 40% 91%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 50%,rgba(229, 229, 229,0.04) 50%, rgba(229, 229, 229,0.04) 100%),radial-gradient(circle at 66% 97%, rgba(36, 36, 36,0.04) 0%, rgba(36, 36, 36,0.04) 50%,rgba(46, 46, 46,0.04) 50%, rgba(46, 46, 46,0.04) 100%),radial-gradient(circle at 86% 7%, rgba(40, 40, 40,0.04) 0%, rgba(40, 40, 40,0.04) 50%,rgba(200, 200, 200,0.04) 50%, rgba(200, 200, 200,0.04) 100%),radial-gradient(circle at 15% 16%, rgba(99, 99, 99,0.04) 0%, rgba(99, 99, 99,0.04) 50%,rgba(45, 45, 45,0.04) 50%, rgba(45, 45, 45,0.04) 100%),radial-gradient(circle at 75% 99%, rgba(243, 243, 243,0.04) 0%, rgba(243, 243, 243,0.04) 50%,rgba(37, 37, 37,0.04) 50%, rgba(37, 37, 37,0.04) 100%),linear-gradient(90deg, rgb(34, 222, 237),rgb(135, 89, 215));
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
opacity: 0;
visibility: hidden;
height: 100%;
width: 0;
z-index: -1;
}


.trending-router-section{padding: 20px 0px 60px;position: relative; z-index: 0;}
.trending-router-section .headingCard h2{font-size: 30px; margin: 0px;}

.trending-router-section .specialofferList .specialoffer-items{width: 25%;}
.trending-router-section .specialOfferBox{width: 100%;}

.trending-router-section .specialOfferBox .countryTop{justify-content: space-between; gap: 0px 4px; padding: 0px;}
.trending-router-section .countryTop .leftcountry{position: relative; z-index: 1; padding-left: 36px;}
.trending-router-section .countryTop .rightcountry{position: relative; z-index: 1; padding-left: 36px;}


.trendBox-card{display: flex; gap: 0px 20px; align-items: center;}
.trendBox-card > div{flex-grow: 1; margin: 0px;}
.trending-router-section .specialofferList{gap: 0px 24px;}


.individualsAction.button-action{    gap: 0px 6px;}
.individualsAction.button-action:after, .individualsAction.button-action:before{display: none;}

.navbar-link > li.solution-dropdown:hover .Solutions-toggle{color: #22D4AD;}
.tab-calculatorBox .services-section-tabs{margin-bottom: 26px; padding-bottom: 0px;}
.tab-calculatorBox .details-sidebar  .heading{display: none;}
.tab-calculatorBox .details-sidebar{min-height: inherit;}

.tab-calculatorBox .services-section-tabs ul {
justify-content: flex-start;
margin: 0px;
gap: 0px 10px;
}
.tab-calculatorBox .services-section-tabs ul li a {
font-size: 16px;
color: #232325;
text-decoration: none;
border-radius: 50px;
border: 1px solid rgba(19, 19, 19, .30);
padding: 4px 20px;
display: block;
}
.tab-calculatorBox .services-section-tabs ul li a.active{color: #5A31DB; border: 1px solid #5A31DB;}

.tab-calculatorBox .modal {    background: rgb(0 0 0 / 62%);}

body.modal-open:has(.tab-calculatorBox .modal.show) .banner-section .container{z-index: 999;}
body.modal-open:has(.tab-calculatorBox .modal.show) .modal-backdrop{display: none;}

.pills-International-link{position: relative;}
.TagNew {
background-color: #EE4447;
display: inline-flex;
height: 22px;
padding: 4px 9px;
border-radius: 5px;
text-transform: uppercase;
color: #fff;
font-size: 14px;
position: absolute;
right: 20px;
top: -9px;
align-items: center;
justify-content: center;
overflow: hidden;

}
.our_partners .partners-slider .partners-item figure img{ width: auto;}

.banner-section:has(.form-line.error) {
    min-height: 770px;
}


@media (min-width: 1300px) and (max-width: 1479px) {
.products-slider .slick-next{    right: -15px;}
.products-slider .slick-prev{    left: -15px;}

}

@media (min-width: 1300px) and (max-width: 1400px) {
.specialOfferBox{width: 186px;}

}

@media (min-width: 1200px) and (max-width: 1299px) {
.app-downloadCard .appScreen-holder figure{    margin-left: 0px;}
.app-downloadCard{max-width: 100%;}
.app-downloadCard .appScreen-holder{right: 42px;}
.app-downloadCard .appScreen-holder:after{left: -60px;}
.serviceBox strong{padding-left: 0px;}
.serviceBox figure img {
max-width: 96px;
}
.connect-api{    width: 490px;}

.specialofferList{overflow-x: auto; padding: 10px 10px;         flex-wrap: nowrap;}
.trending-router-section .specialofferList .specialoffer-items {
flex: auto;
width: auto;
}

.trending-router-section .specialofferList .specialoffer-items .specialOfferBox{width: 320px;}

}
@media (min-width: 992px) and (max-width: 1199px) {

.app-downloadCard .appScreen-holder figure{    margin-left: 0px;}
.app-downloadCard{max-width: 100%;}
.app-downloadCard .appScreen-holder{right: 0px;}
.app-downloadCard .appScreen-holder:after{left: -40px; height: 400px; width: 400px; background-size: 400px;}
.who-said-shopping .service-wrap .right-section:before{height: 400px; width: 400px; background-size: 400px;}
.who-said-shopping {
padding-bottom: 60px;
}
.e-commerce-work p{font-size: 18px;}
.connect-api{          width: 453px;
margin-top: -12px;}
.shippingCard figure img {
max-height: 180px;
}
.shipping-top .right-app-shipping{margin-top: -10px;}
.shipping-list li{width: 300px;}
.shipping-calculatorBox .nav-pills .nav-link{    padding: 6px 20px;}

.specialofferList{overflow-x: auto; padding: 10px 10px;         flex-wrap: nowrap;}
.trending-router-section .specialofferList .specialoffer-items {
flex: auto;
width: auto;
}

.trending-router-section .specialofferList .specialoffer-items .specialOfferBox{width: 320px;}

}

@media (min-width: 768px) and (max-width: 991px) {

    .banner-section {
        padding-top: 180px;
        align-items: flex-start;
    }
    .slideshow ul.slick-dots {
        display: none !important;
    }
    .bannerheading h1 {
        font-size: 24px;
        padding-top: 100px;
        line-height: 28px;
        max-width: 90%;
        margin: auto;
    }

.shipping-tabs div.nav-pills{justify-content: flex-start !important;}
.shipping-calculatorBox .nav-pills {
width: 100%;
display: flex;
align-items: center;
flex-wrap: nowrap !important;
white-space: nowrap;
overflow-y: hidden;
overflow-x: auto;
padding-bottom: 7px;
}
.shipping-calculatorBox .nav-pills .nav-link{min-width: 180px;}
.app-downloadCard .appScreen-holder {
position: relative;
top: 0px;
right: 0px;
z-index: 1;
margin-top: 20px;
}
.app-downloadCard .appScreen-holder figure{margin: 0px;}
.app-downloadCard .appScreen-holder:after{    left: -20px;}
.who-said-shopping .service-wrap .right-section figure{    margin-left: 0px;}
.who-said-shopping .service-wrap .right-section:before{right: 0px;
margin: auto;
bottom: 56px;}
.partnerFlexCar .partnerHeadingCard{text-align: left !important;}


.e-commerce-work p{font-size: 18px;}
.connect-api{          width: 450px;
margin-top:20px;}
.shippingCard figure img {
max-height: 100%;
}
.shipping-top .right-app-shipping{margin-top: 0px;}
.shipping-list li{width: 250px; margin-bottom: 24px;}
.shipping-calculatorBox .nav-pills .nav-link{    padding: 6px 20px;}
.shippingCard{display: block; text-align: center;}
.shippingCard figure{height: 250px; display: flex; align-items: center; justify-content: center;}
.shipping-top{padding-top: 20px; gap: 0px 10px;}
.shipping-top h3 {
display: block;
min-width: 100%;
margin: 0px;
color: #fff;
font-size: 17px;
padding: 13px 16px;
border-radius: 10px;
position: relative;
z-index: 1;
text-align: center;
}

.connected-shipping-area .brand-connteced figure:after{height: 128px; width: 128px;}
.connected-shipping-area .brand-connteced figure:before{background-size: 129px;     height: 89px;
width: 128px;}

.connected-shipping-area .brand-connteced figure {
height: 250px;
width: 250px;
margin-top: 36px;
}
.brand-connteced:after, .brand-connteced:before {
top: 40px;
}

.specialofferList{overflow-x: auto; padding: 10px 10px;         flex-wrap: nowrap;}
.trending-router-section .specialofferList .specialoffer-items {
flex: auto;
width: auto;
}

.trending-router-section .specialofferList .specialoffer-items .specialOfferBox{width: 320px;}


}

@media (max-width: 767px) {
.shipping-tabs div.nav-pills{justify-content: flex-start !important;}
.shipping-calculatorBox .nav-pills {
width: 100%;
display: flex;
align-items: center;
flex-wrap: nowrap !important;
white-space: nowrap;
overflow-y: hidden;
overflow-x: auto;
padding-bottom: 0px;
}
.shipping-calculatorBox .nav-pills .nav-link{min-width: 140px;}
.app-downloadCard .appScreen-holder {
position: relative;
top: 0px;
right: 0px;
z-index: 1;
}
.app-downloadCard .appScreen-holder figure{margin: 0px;}
.app-downloadCard{margin:0px 0px; padding: 22px;}
.app-downloadCard .appScreen-holder:after{    left: -20px;}
.who-said-shopping .service-wrap .right-section figure{    margin-left: 0px;}
.who-said-shopping .service-wrap .right-section:before{height: 280px; width: 280px; background-size: 280px;}
.partnerFlexCar .partnerHeadingCard{text-align: left !important;}



.connect-api{          width: 100%;
margin-top:20px;}
.shippingCard figure img {
max-height: 100%;
}
.shipping-top .right-app-shipping{margin-top: 0px;}
.shipping-list li{width: 100%; margin-bottom: 24px;}
.shippingRight-partners.shipping-list:before{display: none;}
.shippingRight-partners.shipping-list:after{display: none;}
.shipping-calculatorBox .nav-pills .nav-link{    padding: 6px 20px;}
.shippingCard{display: block; text-align: center;}
.shippingCard figure{height: 250px; display: flex; align-items: center; justify-content: center;}
.shipping-top{padding-top: 20px; gap: 0px 10px;}
.shipping-top h3 {
display: block;
min-width: 100%;
margin: 0px;
color: #fff;
font-size: 17px;
padding: 13px 16px;
border-radius: 10px;
position: relative;
z-index: 1;
text-align: center;
}

.connected-shipping-area .brand-connteced figure:after {
height: 100%;
width: 100%;
}

.expressRight-partners.shipping-list:before{display: none;}
.expressRight-partners.shipping-list:after{display: none;}
.connected-shipping-area .brand-connteced figure {
height: 240px;
width: 240px;
margin-top: 0px;
}

.shipping-tabs div.nav-pills button{height: 50px;}

.btn.btn-border, .btn.btn-primary{font-size: 16px;}.partnerFlexCar .partnerHeadingCard {
width: 100%;
}
.partnerFlexCar{display: block;}
.partnerFlexCar .partnerHeadingCard {
width: 100%;
margin-bottom: 12px;
}
.partnerFlexCar .partners-slider{    width: 100%;}
.who-said-shopping .service-wrap .right-section{ padding: 0px 12px;}
.app-downloadCard .appScreen-holder:after{width: 200px; height: 200px; left: 0px; display: none;}
.connected-shipping-area .brand-connteced{        padding: 20px 0px;}
.bannerheading h1{font-size: 24px; padding-top: 100px; line-height: 28px; max-width: 90%; margin: auto;}
.shipping-calculatorBox .nav-pills .nav-link{    height: 58px;
font-size: 17px}

.specialofferList{overflow-x: auto; padding: 10px 10px;         flex-wrap: nowrap;}
.trending-router-section .specialofferList .specialoffer-items {
flex: auto;
width: auto;
}
.special-offer-tab{display: block;}
.trending-router-section .specialofferList .specialoffer-items .specialOfferBox{width: 320px;}
.special-offer-section .nav-pillsTab.nav-pills{flex-wrap: nowrap;}
.nav-pillsTab.nav-pills .nav-link{    font-size: 14px;
padding: 13px 15px;}
.nav-pillsTab.nav-pills {
justify-content: center;
}
.tab-calculatorBox{padding: 16px;}
.slideshow ul.slick-dots{display: none !important;}
.shipping-calculatorBox .nav-pills li {
flex: 0 0 auto;
}
}


.mission-vision .mission-vision-row .text-column p{color: #797979;}
.warehouse-section-tab.services-section-tabs ul li .nav-link{font-family: 'din_alternatebold' !important;}


.specialofferListMcustom{overflow-x: auto;}
.specialofferList{overflow-x: inherit; padding: 10px 10px; flex-wrap: nowrap;}
.trending-router-section .specialOfferBox{width: 320px;}



/*************************26-05-2025 ***************/
.trending-router-section  .specialofferList .specialoffer-items{/*flex: auto;*/ width: auto; /*min-width: 320px;*/}
.trending-router-section .specialofferList .specialoffer-items .specialOfferBox{width: 100%;}
.trendBox-card > div.priceCard {
    flex: 0 0 auto;
}

.trending-router-section  .specialOfferBox .countryTop{gap: 0px 14px;}
.priceCard strong img {
    margin: 0px 3px;
}
.trending-router-section .specialOfferBox:hover {
    -webkit-box-shadow: 0 0 8px 0 rgba(90, 49, 219, .23);
    box-shadow: 0 0 8px 0 rgba(90, 49, 219, .23);
}


.trending-router-section .specialOfferBox:after{-ms-transition: all .8s ease 0s;
-moz-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
transition: all .8s ease 0s;}


html[lang="ar"] .divide img {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

@media (max-width: 767px) {
.trending-router-section{padding-bottom: 10px;}


/*****30-05-2025 ****/

.service-wrap .right-section figure {
    margin-left: 0px;

}


.rightheader .navbar-toggler{font-size: 0;}
.shipping-calculatorBox .nav-pills{        padding-top: 12px;}
.tab-calculatorBox {
    border-top-right-radius: 0px;
}
.swap-location-icon{display: none;}
.filter-row-item > div.col-weight.item_weights {
    margin-bottom: 20px;
}

.trending-router-section .headingCard h2 {
    font-size: 24px;
    margin: 0px 0px 10px;
}

.filter-row-item > div.filter-col-item:has(.submitBtn) {
    margin-bottom: 0px !important;
}
.shipping-calculatorBox{margin-bottom: 24px;}
.trending-router-section .specialofferList{margin-top: 0px;     padding-left: 6px;}

html[lang="ar"] .trending-router-section .specialofferList{padding-left: 0px; padding-right: 6px;}

.trending-router-section .headingCard h2{     font-size: 20px;}
.trending-router-section + .trending-router-section .headingCard h2{text-align: left;
    margin: 0px;
    padding: 0px;}


html[lang="ar"] .trending-router-section + .trending-router-section .headingCard h2{text-align: right;}

.special-offer-tab .nav-pillsTab.nav-pills .nav-link img {
    max-width: 16px;
}

.special-offer-tab  .nav-pillsTab.nav-pills .nav-link {
    padding: 10px 12px;
}
.special-offer-tab .nav-pillsTab.nav-pills {
    gap: 0px 8px;
}

.trending-router-section + .trending-router-section{padding-top: 0px;}

.singlebutton-action.button-action a.btn-primary{    height: auto; font-size: 16px;}
.shipping-tabs .button-action {
    flex-wrap: nowrap;
}

.shipping-tabs .button-action > div a.btn {
    font-size: 16px;
    height: 50px;
    padding: 10px 15px;
    line-height: 20px;
}
.shipping-tabs .button-action > div{margin: 0px; flex: auto; width: auto;}
.shipping-tabs .button-action > div a.btn img{max-width: 18px;         margin-left: 5px;}

html[lang="ar"] .shipping-tabs .button-action > div a.btn img{margin-left: 0px;}

.shipping-tabs .tab-content .regiter-btn{margin: 0px;}
.actioncase a.btn-primary  img, .service-wrap .left-section .btn.btn-primary img{max-width: 20px;}
.actioncase a.btn-primary, .service-wrap .left-section .btn.btn-primary {
    min-width: auto;
    height: auto;
    padding: 10px 30px;
}
.app-download-section .headingCard p {
    font-size: 16px;
    line-height: 20px;
    margin: 0px 0px 16px;
}

.service-wrap.tracking-return-wrap .left-section ul li p{text-align: left;}
html[lang="ar"] .service-wrap.tracking-return-wrap .left-section ul li p{text-align: right;}

.business-service-section .service-wrap .left-section p{text-align: left;}
html[lang="ar"]  .business-service-section .service-wrap .left-section p{text-align: right;}

.business-banner {
    height: auto;
    padding-top: 70px;
    background-size: cover;
    padding-bottom: 90px;
}
.business-banner-content {
    padding: 10px 0 0;
}

.business-banner-content .btn {
    min-width: auto;
    height: 50px;
    display: inline-flex;
    width: auto;
    padding: 5px 26px;
}
.business-banner-content .btn img{max-width: 20px;}

.business-service-section .service-wrap .left-section .btn.btn-primary{margin: 0px;}





}

@media (max-width: 349px) {


.special-offer-tab .nav-pillsTab.nav-pills {
    gap: 0px 4px;
}
}

.download-flex{justify-content: center;}

html[lang="ar"] .business-banner .business-banner-content .btn.btn-primary img{    margin-left: 0px;
    margin-right: 10px;
    left: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);}