body{font-family: 'Montserrat', sans-serif;overflow-x: hidden ;background-color: #f2f2f2;}



  .top-header{display: flex;justify-content: flex-end;gap: 20px;padding: 15px 0;}
  .top-header-box{width: 245px;border: 2px solid #fff;text-align: center;color: #fff;padding: 5px 10px;background-color:#1350AC;}
/*---------- Banner ----------*/
header{padding-top: 50px;}
.banner-wrapper{height:800px ;background-image: url(../images/banner.jpeg);background-repeat: no-repeat;background-size: cover;z-index:999;border-bottom-right-radius: 190px;position: relative;}
/* .banner-main{padding-top: 130px;} */

@media(min-width:1800px){
    .banner-wrapper{height:1100px ;}
}

@media(max-width:767px){
.banner-wrapper{border-bottom-right-radius:0;}

}

/*------ Banner Slider -----*/
.carousel-caption {bottom: 11.25rem;}

.carousel-indicators{  display: none;}

.carousel-control-prev,.carousel-control-next{display:none;}
@media (max-width:767px){
.banner-right-content{border-right: none;}
.carousel-item{height: 600px !important;}
/* .banner-main{padding-top: 90px;} */


}

@media (min-width:768px){
.carousel-inner {border-bottom-right-radius: 224px;}
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header {
  transition: all 0.5s;
  z-index: 997;
  
}
.header.sticked .bg-light{border-bottom:none !important;}

.header.sticked {
  background: #1F4B8D;
  border: none;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0,0.4);
  padding-top: 0;
}
.bg-light{background-color: transparent !important;border-bottom: 2px solid #fff;}
/* .navbar-light .navbar-nav .nav-link{color: #fff !important;padding: 0 15px;font-size: 14px;} */
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link{color:#fff;}
.navbar-light .navbar-nav .nav-link{color: #fff;padding:10px 15px;font-size: 14px;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color: #fff;border-bottom: 2px solid #fff;}
.navbar-light .navbar-toggler{border: none;}
.navbar-toggler:focus{box-shadow: none;}
.navbar-light .navbar-toggler-icon{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}

.navbar-brand img{width: 200px;}



.banner-right-side{padding-top: 100px;}
.banner-right-content{border-right: 2px solid #fff;padding-right: 10px;}
.banner-right-content h2{font-family: 'Montserrat', sans-serif;font-size: 30px;font-weight: 600;color: #fff;text-align: right;}
.banner-right-content p{color: #fff;text-align: right;line-height: 30px;font-size: 14px;}
.banner-right-content a{color: #fff;padding: 10px 50px;background-color: #1350AC;text-decoration: none;float: right;}

.banner-right-content a:hover,.banner-right-content a:focus{background-color:#fff;color:#1350AC;}

.banner-btn{margin-top:35px;}

@media(max-width:767px){
    .banner-right-content h2{text-align: center;margin-bottom:15px;}
    .banner-right-content p{text-align: center;}
    .banner-btn{width:200px;margin:auto;margin-top:30px;}
    
    .banner-wrapper{height:680px;}
}

/*---------- About----------*/
@media(min-width:992px){
.abt-left-side-content{  padding-top: 40px;}
}
.about-wrapper{background-color:#f2f2f2;padding: 100px 0;}
.abt-bg-right-top{width:160px; height: 200px;float: right;position: relative;bottom:218px;right:188px;}
img#abt-bg-left-bottom{width: 342px;
  height: 100px;
  position: relative;
  right: 253px;
  top: 13px;}
.abt-title{border-left:3px solid #1F4B8D ;padding-left: 10px;}
.abt-title h2{color:#1F4B8D !important;font-weight: 600;font-size: 35px;}
.abt-title h4{margin: 5px;font-size: 20px;font-weight: 600;}
.abt-left-side-content p{padding-top:60px;font-size: 14px;line-height: 30px;text-align: justify;color: #1a1a1a;}
.abt-section-2{padding: 100px 0;}
.abt-section-2 img{margin: auto;display: block;}
.abt-section-2 h5{text-align: center;margin-top: 20px;font-size: 20px;font-weight: 600;}
.abt-section-2 .col-lg-3{border-right: 2px solid #ccc;}


.mission-img img{width:30px;}
.mission-title h5{color: #000;}
.mission p{margin-top: 20px;color: #000;line-height: 30px;font-size: 14px;text-align: justify;}
.mission-title-head{border-bottom: 2px solid #000;padding-bottom: 10px;}


.vision-img img{width:30px;}
.vision-title{color: #000;}
.vision p{margin-top: 20px;color: #000;line-height: 30px;font-size: 14px;text-align: justify;}
.vision-title-head{border-bottom: 2px solid #000;padding-bottom: 10px;}
.mission-box{background-image: url(../images/vision.png);background-repeat: no-repeat;background-size: cover; padding:80px 50px 50px 50px;height: 425px;}
.vision-box{background-image: url(../images/vision.png);background-repeat: no-repeat;background-size: cover;padding:80px 50px 50px 50px;height: 425px;}




.mission-img{background-image:url(../images/mission-icon.png);background-repeat: no-repeat;background-size: cover;height: 40px;width:40px;}
.vision-img{background-image:url(../images/vision-icon.png);background-repeat: no-repeat;background-size: cover;height: 40px;width:40px;}




.mission-box:hover .mission-img{background-image:url(../images/mission-icon-2.png);background-repeat: no-repeat;background-size: cover;height: 40px;width:40px;transition: 1s;}
.vision-box:hover .vision-img{background-image:url(../images/vision-icon-2.png);background-repeat: no-repeat;background-size: cover;height: 40px;width:40px;transition: 1s;}

.mission-box:hover,.vision-box:hover{background-image: url(../images/mission.png);background-repeat: no-repeat;background-size: cover;transition: 1s;}
.mission-box:hover .mission-title h5{color:#fff;transition: 1s;}
.mission-box:hover .mission-title-head{border-bottom: 2px solid #fff;padding-bottom: 10px;transition: 1s;}




.vision-box:hover .vision-title-head{border-bottom: 2px solid #fff;padding-bottom: 10px;transition: 1s;}
.vision-box:hover .vision-title h5{color: #fff;transition: 1s;}
.mission-box:hover p{color: #fff;transition: 1s;}
.vision-box:hover p{color:#fff;transition: 1s;}
/*---------- About Image Flip---------*/

.flip-box {
    background-color: transparent;
    width: 200px;
    height: 200px;
    border: 1px solid #f1f1f1;
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
    margin: auto;
    border: none;
  }
  
  /* This container is needed to position the front and back side */
  .flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
  }
  
  /* Do an horizontal flip when you move the mouse over the flip box container */
  .flip-box:hover .flip-box-inner{
    transform: rotateY(180deg);
  }
  
  /* Position the front and back side */
  .flip-box-front,
  .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
  }
  
  /* Style the front side (fallback if image is missing) */
  .flip-box-front {
    background-color: #13315c;
    color: black;
  }
  
  /* Style the back side */
  .flip-box-back {
    background-color: #13315c;
    color: white;
    transform: rotateY(180deg);
    
  }
  


  .abt-flip-wrap .col-lg-6{width: 200px;height: 200px;}
  /* .abt-right-side{padding-left: 100px;} */
  .abt-bg-left-bottom{z-index: 1;float: left;height: 200px;position: relative;bottom:226px;right: 357px;}
/*---------- Safety Section----------*/
.safety-section-wrapper{background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/safety-bg.jpg);background-repeat: no-repeat;background-size: cover;padding:100px 0;position: relative;z-index: 4; background-attachment: fixed;}
.safety-left h4{color: #fff;margin-bottom: 50px;line-height: 35px;font-size: 22px;}
.safety-left a{text-decoration: none;color: #1F4B8D;padding: 10px 50px;background-color: #fff;font-weight: 600;}
.safety-right p{color: #fff;font-size: 14px;line-height: 30px;padding-left: 30px;}
.safety-left{border-right:2px solid #fff ;padding-right: 30px;}
/*---------- Why Choose Us----------*/
.why-choose-us{padding: 100px 0;background-color: #fff;}
.section-title h4{margin: 5px;font-size: 20px;font-weight: 600;}
.section-title h2{color:#1F4B8D !important;font-weight: 600;font-size: 35px;}
.section-title {border-left:3px solid #1F4B8D ;padding-left: 10px;}
.why-choose-us-left p{padding-top:30px;font-size: 14px;line-height: 30px;color: #1a1a1a;}
.why-choose-us-right img{margin: auto;display: block;width: 100%;}
.why-choose-left-img{position: relative;right:165px;margin-top:50px;}

 @media(min-width:992px){
     .why-choose-left-img{  width: 125%;}
      .why-choose-left-img img{width:100%;}
 }

/*---------- Our Services----------*/
.our-services-wrapper{background-color: #f2f2f2;padding: 100px 0;}
.section-title-ser h4{margin: 5px;font-size: 20px;font-weight: 600;text-align: center;}
.section-title-ser h2{color:#1F4B8D !important;font-weight: 600;text-align: center;font-size: 35px;}
.ser-top-p p{text-align: center;font-size: 14px;line-height: 30px;margin-bottom: 90px;margin-top: 35px;color: #1a1a1a;}
.service-bg-img{background-image: url(../images/service-2.jpeg);background-repeat: no-repeat;background-size: cover;}

.service-box-1,.service-box-2{background-color:rgba(255,255,255,.9);padding: 30px 15px;border: 1px solid #1350AC;}
.service-box-1 h5,.service-box-2 h5{border-bottom: 2px solid #1350AC;padding-bottom: 10px;font-size: 18px; font-weight: 600;}
.service-box-1 p,.service-box-2 p{text-align: left;margin-bottom: 15px;font-size: 14px;text-align: justify;margin-bottom: 25px;padding: 15px;line-height: 25px;color: #1a1a1a;}


.service-box-1 a,.service-box-2 a{text-decoration: none;color: #1350AC;border: 2px solid #1350AC;padding: 7px 50px;}

.service-box-1:hover,.service-box-1:focus ,.service-box-2:hover,.service-box-2:focus{
  
  box-shadow: 2px 2px 15px 0 rgba(17,67,177, 0.4);background-color:rgba(17,67,177,0.7);
  transition: all 0.5s ease 0s;color: #fff;transition: 0.9s;
}


.service-box-1:hover .services-btns a{color: #fff;border: 2px solid #fff;transition: 0.9s;}
.service-box-2:hover .services-btns a{color: #fff;border: 2px solid #fff;transition: 0.9s;}


.service-box-1:hover h5{color: #fff;border-bottom: 2px solid #fff;transition: 0.9s;}
.service-box-2:hover h5{color: #fff;border-bottom: 2px solid #fff;transition: 0.9s;}

.service-box-1:hover p{color: #fff;}
.service-box-2:hover p{color: #fff;}




.section-title-ser h4:after{
  background-color: #1F4B8D;
  top:-40px;
  height: 3px;
  width: 93px;
  position: relative;
  content: "";
  display: block;
  left:46%;
}

/*---------- Contact Us ---------*/
#contact-us-wrapper{padding-top: 100px 0;background-color: #fff;}
.contact-left{padding-left: 125px;padding-top:140px;padding-bottom:100px;}
.contact-left p{margin-top: 50px;line-height: 30px;text-align: justify;padding-right: 130px;margin-bottom: 80px;font-size: 14px;color: #1a1a1a;  }
.contact-right-wrapper{background-image:url(../images/cotact-right-bg.jpg);background-repeat: no-repeat;background-size: cover;height: 600px;padding-top: 85px;}


.contact-left-number a{text-decoration: none;color: #000;}
.contact-left-call a{text-decoration: none;color: #fff;padding:10px 15px;background-color:#1350AC;}
.contact-left-number i{color:#1350AC;margin-right: 10px;}

.contact-left-call a:hover,.contact-left-call a:focus{color:#1350AC;background-color:transparent;box-shadow: 0px 1px 6px;}



.form-wrapper{background-color: #fff;width:500px;position: relative;right: 100px;padding: 60px;box-shadow:  0px 1px 6px;}
.form-wrapper h3{font-size: 20px;font-weight: 500;color: #1350AC;}
input[type=text], [type=email] {
  width:100%;
  background: none;
  padding:10px 0;
  
  font-size: 14px;
  border: none;
  border-bottom: 1px solid #000;
margin-bottom: 35px;
  color: #000;
  font-family: 'Montserrat', sans-serif !important;
  }
 
  textarea { width: 100%;  font-size: 14px; resize: none;  padding: 10px 0; border: none; border-bottom: 1px solid #000;margin-top: 25px;color: #000; font-family: 'Montserrat', sans-serif !important;}
  
  .send { margin-top: 35px;background-color: #1350AC;color: #fff;padding: 10px 30px;border: none; }
  
  .send:hover,.send:focus{border:1px solid #1350AC;color:#1350AC;background-color:transparent;}


  /*---------- Contact Us ---------*/
  footer{background-image: url(../images/footer-bg.jpg);background-repeat: no-repeat;background-size: cover;padding: 30px 0;}
  .ftr-box-1 p{color: #fff;margin-top: 15px; line-height: 30px;font-size: 14px;text-align: justify;}

  .icon-box-3{display: flex;}
  .icon-box-3 p{color: #fff;padding-top: 5px;padding-left: 5px;}
  .ftr-box-3 p{color: #fff;font-size: 14px;line-height: 30px;margin-top: 30px;}
  .social-media-icon i{color: #fff;padding-right: 15px;font-size: 25px;}

  .ftr-phn-mail a{text-decoration: none;color: #fff;font-size: 13px;}
.ftr-phn-mail i{padding: 8px;background: #fff;border-radius: 50px;color: #1350AC;margin-right: 10px;}
.ftr-phn-mail h5,.ftr-box-3 h5{color: #fff;margin-bottom: 20px;font-weight:500;}
.ftr-phn-mail{margin-top:25px;text-align: center;}

.ftr-phn-mail i{margin-bottom:15px;}



.ftr-box-1{padding: 30px;}
.ftr-box-2{padding:100px 30px;}
.ftr-box-3{padding:100px 0 30px 30px;}

.ftr-box-1,.ftr-box-2{border-right: 2px solid #fff;}

  .ftr-box-2 ul li{display: inline;list-style: none;}
  .ftr-box-2 ul {padding: 0;text-align: center;}

  .ftr-quicklink a{font-size: 14px;color: #fff;padding: 8px;text-decoration: none;}


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

.navbar-brand img {width: 200px;}

.banner-right-side{padding-top: 35px;}
.safety-right p{padding-left: 0;margin-top: 30px;text-align: justify;}
.service-box-1,.service-box-2{margin-bottom: 10px;}
.contact-left{padding: 0 30px;}
.contact-left p {padding-right: 0;}
.form-wrapper{right: 0;padding: 30px;width: auto;}
.contact-right-wrapper{padding: 50px 30px;}

.abt-bg-right-top{display: none;}
.abt-left-side-content p{padding-bottom: 25px;text-align: justify;}
.ftr-phn-mail{margin-bottom: 10px;}
.ftr-box-1,.ftr-box-2{border-right: none}
.contact-left{padding-bottom: 30px;}
.contact-left p{margin-bottom: 25px;text-align: justify;}
.safety-left{border:none }
.contact-left-number{margin-bottom: 15px;}
.why-choose-us-left{margin-bottom: 25px;}

.why-choose-left-img {right:50px !important;margin-bottom: 50px;}
.section-title-ser h4:after{left: 37% !important;}
.ftr-box-1, .ftr-box-2, .ftr-box-3{padding-top: 0;}
.vision-box,.mission-box{padding-left: 30px;padding-right: 30px;height: 570px;}
.abt-title h2{font-size: 34px;}
.safety-left h4{font-size: 21px;}
.ser-top-p p{padding:0 !important;text-align: justify;}
.ftr-box-2,.ftr-box-1,.ftr-box-3{padding:20px 15px;text-align: center;margin-bottom: 10px;}
.icon-box-3{width: 145px;margin: auto;}
.safety-left{padding-bottom:30px;}
.ftr-phn-mail h5{margin-bottom:10px;}
.mission p,.vision p{text-align: justify;}
.why-choose-us-left p{text-align: justify;}
.service-bg-img{padding:20px 25px}
.abt-section-2 h5{font-size: 16px;margin: 25px 0;}
.abt-section-2 img{width:45px}
#contact-us-wrapper{overflow: hidden;}
.abt-right-image{width: 300px !important;height: 250px !important;}

  }


  @media(max-width:991px){
    .top-header{display: none;}
    header{padding-top: 0;}
    .navbar-light{text-align: center;}
    .navbar-light .navbar-nav .nav-link{padding:10px 0;}
    .vision-box{margin-top: 15px;}
    .contact-left{padding-top: 100px;}
    .section-title-ser h4:after{left: 44%;}
  }

  

  @media(min-width:768px) and (max-width:991px){
    .safety-left h4{font-size: 21px;}
    .why-choose-left-img{right: 60px !important;}
    .service-box-1,.service-box-2{margin-bottom: 10px;}
    .contact-left{padding:100px 30px;}
.contact-left p {padding-right: 0;}
.form-wrapper{right: 0;padding: 30px;width: auto;}
.contact-right-wrapper{padding: 50px 30px;}

  }




  @media(min-width:1200px){
    .section-title-ser h4:after{left: 46%;}

  }

  
/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
  transition: all 0.6s ease-out;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #1350AC;
  border-top-color: #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}





.ser-top-p p{padding: 0 80px;}





@media(min-width:768px){
  .social-media-icon{margin-top: 25px;}

}













/* 
.abt-right-image{
  margin:30px auto;
  width: 480px;
  height: 400px;
  border:5px solid #fff;
  z-index: 7;
  position: relative;
}
.abt-right-image div{
  width: 50%;
  height: 50%;
  float: left;
  background-image: url("../images/abut-flip-2.jpg");
  border:5px solid #fff;
  transition:all 0.2s;
  background-size: 200% auto;
}
.abt-right-image div:nth-child(1){
  background-position: left top;
}
.abt-right-image div:nth-child(2){
  height: 100%;
  background-position: right;
  float: right;
  background-size: 200% 100%;
}
.abt-right-image div:nth-child(3){
  background-position: left bottom;
}
.abt-right-image:hover div{
  border:0 solid #fff;
}
.abt-right-image:hover {
  border:0 solid #fff;
} */









/* 
@media(max-width:767px){

  .placeholder{width: 300px !important;height: 300px !important;margin: auto !important;}
} */

@media(max-width:991px){
  .placeholder{width:340px !important;height:340px !important;}

}
.abt-flip-2{width: 340px;margin: auto;}
.placeholder{
  display:inline-block;
  width:500px;
  height:500px;
  box-sizing:border-box;
  margin-top:40px;
  position:relative;
  
}

.column, .blind, .blindImg{
  position:absolute;
  top:0;
  height:100%;
  box-sizing:border-box;
}

.blind{
  overflow:hidden;
}

.blindImg{
  width:100%;
  background-size:cover;
}






@media(min-width:992px){
    .about-wrapper,.safety-section-wrapper,.why-choose-us,.our-services-wrapper{padding:150px 0 !important;}
}




/*--------------------------------------------------------------
Logistics Page
--------------------------------------------------------------*/

.logistics-banner-wrapper{height:550px ;background-image: url(../images/logistics/logistics-banner.jpg);background-repeat: no-repeat;background-size: cover;z-index:999;border-bottom-right-radius: 190px;}

.logistics-wrapper{padding: 100px 15px;}

@media(min-width:992px){
  .intro-wrapper{padding-bottom: 100px !important;}
  
   .intro-left h2{text-align: center;}
  .intro-left{padding-top: 40px;}
}

.intro-left {border-right: 2px solid #ccc;height: 150px;}
.intro-left h2{color: #1F4B8D !important;font-weight: 600; font-size: 35px;}
.intro-right{padding-left: 50px;padding-top: 20px;}
.intro-right p{font-size: 14px;font-weight: 400;line-height: 25px;}

@media (max-width:767px){
  .intro-right p{text-align: justify;}

}

@media (max-width:991px){
  .intro-left{border-right: none;height: auto;}
  .intro-right{padding-left: 15px;}

}



.logi-services-inner{box-shadow: 0px 1px 5px #747474;background: linear-gradient(180deg, #F2F2F2 0%, #F2F5FC 100%);}

.logi-services-inner h3{font-size: 1.5rem;font-weight: 500;}
.logi-services-inner p{font-size: 14px;font-weight: 400;padding-top: 50px;text-align: justify;line-height: 25px;color:#1a1a1a;}

.logi-services-inner .col-lg-2{padding-left: 0;}
@media (min-width: 991px){
.service-count{border-right: 2px solid #ccc;font-size: 50px;padding-right: 10px;}
}


.logi-services-image{height: 100%;padding-bottom: 30px;padding-top: 30px;}
.logi-services-image img{height: 100%;width: 100%;}


@media (min-width: 991px){
.service-image-right{padding-left: 0;}
.service-content-left{padding-right: 0;}

}

.logistics-main .row{padding: 40px 15px;}

@media (min-width: 991px){
.service-image-right-2{padding-right: 0;}
.service-content-left-2{padding-left: 0;}

}

@media (min-width: 992px){
  .logi-services-inner{padding: 60px 60px 60px 30px;}

}

@media (max-width: 991px){
.logi-services-image{padding-bottom: 0;}
.logistics-wrapper{padding: 50px 15px;}

.hideOnMobile{display:none;}
.logi-services-inner p{padding-top: 15px;}
.logistics-banner-wrapper{height: 400px;border-bottom-right-radius: 0px;}
}

@media (max-width: 767px){
  .logistics-main .row{padding: 15px 15px;}
  .logi-services-inner h3{font-size: 18px;}

  
}



.service-content-left:hover .logi-services-inner{
transform: rotateY(-5deg);
transition: transform 0.6s;
transform-style: preserve-3d;
transition: 0.6s ease !important;
transition: height 1s ease-out 1s;}

.service-content-left{
perspective: 1000px;}


.service-content-left-2:hover .logi-services-inner{
  transform: rotateY(5deg);
  transition: transform 0.6s;
  transform-style: preserve-3d;
  transition: 0.6s ease !important;
  transition: height 1s ease-out 1s;}

  .service-content-left-2{
    perspective: 1000px;}



    /*--------------------------------------------------------------
Shipping Page
--------------------------------------------------------------*/

.shipping-banner-wrapper{height:550px ;background-image: url(../images/shipping/shipping-banner.jpg);background-repeat: no-repeat;background-size: cover;z-index:999;border-bottom-right-radius: 190px;}

@media (max-width: 767px){

  .shipping-banner-wrapper{background-image: url(../images/shipping/shipping-mobileBg.jpeg);background-repeat: no-repeat;background-size: cover;z-index:999;}
}

@media (max-width: 991px){

  .shipping-banner-wrapper{height: 400px;border-bottom-right-radius: 0px;}
  }
  
   @media (min-width: 992px){
  .logi-services-inner{height: 500px;}
  }
  
  
  
    .logi-services-inner span{font-size: 24px; margin-right: 5px;font-weight: 500;border-right: 2px solid #CCC;padding-right: 6px;}
  @media (min-width: 992px){
  .logi-services-inner span{display: none;}
}


    /*--------------------------------------------------------------
Fleet
--------------------------------------------------------------*/

.fleet-wrapper{padding: 100px 15px;background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 35%, rgba(230,230,230,1) 82%, rgba(242,242,242,1) 92%, rgba(242,242,242,1) 100%);}


.our-fleet h2{margin-bottom: 30px;}

@media (max-width: 767px){
  .our-fleet h2:after{
    left:36% !important;
  }
}
.our-fleet h2:after{
  background-color: #1F4B8D;
  top:-50px;
  height: 3px;
  width: 93px;
  position: relative;
  content: "";
  display: block;
  left:46%;

}

@media (min-width:768px){
.tab-heaer{width: 660px;margin: auto; padding-bottom: 15px;border-bottom: 1px solid #ccc;display: flex;
    justify-content: center;}
}
.tab-content{padding: 80px 15px;}


.tab-heaer .nav-tabs .nav-link{border-radius: none !important;border: none !important;}
.tab-heaer .nav-tabs{border: none;}

.tab-heaer .nav-link{color: #000;padding: 10px 15px;border-radius: none !important;}
.tab-heaer .nav-link:hover,.tab-heaer .nav-link:focus{background-color: #1F4B8D;color: #fff;border: 2px solid #1F4B8D!important;}
.tab-heaer   .nav-tabs .nav-link.active{border: 2px solid #1F4B8D!important;}
.tab-heaer .nav-tabs .nav-link{border-radius: 0;}

@media (max-width:767px){

  .tab-heaer .nav-link {font-size: 11px;margin-bottom:10px;}
}


@media (max-width:767px){
.fleet-wrapper{padding-bottom: 0;}

}
    /*--------------------------------------------------------------
Fleet Slider
--------------------------------------------------------------*/
.slick-slider .slick-arrow {
  position: absolute;
  top: 50%;
  border: 0;
  border-radius: 100%;
  padding: 0;
  height: 50px;
  width: 50px;
  display: block;
  background: #ffffff;
  color: transparent;
  font-size: 0;
  transform: translate(0, -50%);
  outline: 0;
  z-index: 1;
  cursor: pointer;
}
.slick-slider .slick-arrow:before {
  content: "";
  font-size: 32px;
  line-height: 1;
  color: #000000;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.slick-slider .slick-arrow.slick-prev {
  left: 20px;
}
.slick-slider .slick-arrow.slick-prev:before {
  content: "";
}
.slick-slider .slick-arrow.slick-next {
  right: 20px;
}
.slick-slider .slick-arrow.slick-next:before {
  content: "";
}

.slick-lightbox .close {
  position: absolute;
  top: 10px;
  right: 15px;
  width: auto;
  color: #ffffff;
  opacity: 1;
}
.slick-lightbox .close:not(.disabled):hover {
  opacity: 1;
}

.carousel2-1 .slick-track {
  display: flex;
  align-items: center;
}
.carousel2-1 .slick-slide {
  margin: 90px 15px;
  line-height: 0;
  transition: 0.5s;
}
.carousel2-1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.carousel2-1 .card {
  border: 0;
  height: 300px;
  line-height: 2;
  overflow: hidden;
  box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.3);
  transition: 0.5s;
}
.carousel2-1 .card:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0.3);
  opacity: 1;
  transition: 0.5s;
}
.carousel2-1 .card a,
.carousel2-1 .card a:after {
  pointer-events: none;
}
.carousel2-1 .card .open-lightbox {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  color: #000000;
  line-height: 1;
  transition: 0.5s;
  opacity: 0;
  outline: none;
  z-index: 2;
  text-decoration: none;
}
.carousel2-1 .card .open-lightbox:before {
  content: "";
  font-size: 1.33333em;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}
.carousel2-1 .slick-slide.slick-center {
  margin: 15px 15px;
}
.carousel2-1 .slick-slide.slick-center .card {
  height: 400px;
}
.carousel2-1 .slick-slide.slick-center .card:before {
  opacity: 0;
}
.carousel2-1 .slick-slide.slick-center .card a,
.carousel2-1 .slick-slide.slick-center .card a:after {
  pointer-events: auto;
}
.carousel2-1 .slick-slide.slick-center .card .open-lightbox {
  opacity: 1;
}


@media (max-width:767px){
.carousel2-1 .slick-slide.slick-center .card { height: 330px;}
.tab-content{padding-top: 0px;padding-bottom:0 ;}
.contact-left{padding-top: 25px;}
}
/*------ fleet slider End -----*/


/*------ Banner Content -----*/

@media (min-width:1600px){
  .banner-right-side{right: 15%;}
}


@media (min-width:768px){

.banner-right-side{

position: absolute;

bottom: 230px;
z-index: 1;

right: 10%;
width: 500px;
padding: 15px;
color: #fff;
text-align: center;
background: 0 0;

}
}


@media (max-width:767px){

.banner-right-side{
position: absolute;
left: 10%;
bottom: 30px;
z-index: 1;
width: 300px;
padding: 15px;
color: #fff;
text-align: center;
background: 0 0;
border: none;

}
}

/*------ Fleet tab -----*/
@media (max-width:767px){
.tab-heaer{display:flex;}
.tab-heaer ul{align-items: center !important;justify-content: center !important;}

}


@media (min-width:380px) and (max-width:767px){

  .banner-right-side{left:13% !important;}
}

/*------ certifications -----*/
.certifications-main{padding-bottom:100px;}
.certifications h2{color: #1F4B8D !important;font-weight: 600;font-size: 35px;margin-bottom:30px;margin-top:10px;}
.Certi-title-top-line{height:4px;width:150px;background-color:#1F4B8D;}

 .certifications .col-lg-4{margin-bottom:30px;}
@media (max-width:767px){
    .certifications .col-lg-4{margin-bottom:20px;}
    
}

@media (min-width:768px){
.certifications .col-lg-4{transition: all 1s;}
.certifications .col-lg-4:hover {transform: scale(1.1); }
}


.certificate-row{background-color:#fff;padding:30px 15px;border-radius:10px;box-shadow: 0 2px 8px rgb(0 0 0 / 30%);}

.certificate-row img{margin:auto;display:block;}

.members-of-row{margin-top:80px;}
.member-of-item{padding:20px;display: flex;align-items: center;justify-content: center;}



@media (max-width:767px){
    .members-of-row{margin-top:50px;}
    .certifications .col-lg-6{margin-bottom:20px;}
    
    .member-of-item{padding:0;}
    .certifications ul{padding-left:15px !important;margin-bottom:30px !important;}
    .certificate-row{margin:0;}
    
}






.certifications ul{margin-bottom:80px;padding-left:0;list-style:square ;}

.certifications li {font-size:14px;color:#1a1a1a;font-weight:600;line-height:45px;}



/* Logistics Page New */
.container-fluid{padding: 0;}

.logis-banner .carousel-inner{border-radius: 0 !important;position: relative;}


.logis-banner-content-wrapper{
  width: 400px;
  min-height: 480px;
  padding: 50px 3%;
  background-color: #1350AC;
  opacity: 0.8;
  position: absolute;
 bottom: 0;
  z-index: 899;
}
.logis-banner-content-wrapper h4{
  color: #fff;
  margin-bottom: 25px;
  font-size: 22px;
}
.logis-banner-content-wrapper p{
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  text-align: justify;
}

@media(max-width:767px){
  .logis-banner-content-wrapper{width: 93%;}

  .logis-banner  .carousel-item img{height: 100%;}
}
@media(min-width:768px) and (max-width:991px){
  .logis-banner .carousel-inner {height: 600px;}
  .logis-banner .carousel-item img{height: 600px;}
  
}
/* Logistics About*/


.logis-abt-main{background-color: #1D1D1F;padding: 0 !important;}
.logis-abt-lft{padding-top: 100px;padding-right: 20%;padding-bottom:100px;}

.logis-title{
  margin-bottom:50px;
  border-left: 15px solid #2468FF;
  padding-left: 15px;
}
.logis-title h2{
color: #fff !important;
  font-weight: 500;
  font-size: 35px;
}
.logis-title span{
  color: #fff;
  font-size: 18px;
}
.logis-abt-lft p{
  color: #fff;
  font-size: 14px;
  line-height: 24px;
 
}

.logis-abt-lft-btm
{
  display: flex;
  justify-content: center;
  gap:100px;
  width:80%;
  margin-top: 80px;
}
.logis-abt-lft-btm img{width: 60px;margin: auto;display: block;margin-bottom: 25px;}
.logis-abt-lft-btm-item{text-align: center;}
.logis-abt-lft-btm-item span{font-size: 16px;color: #fff;}
.logis-abt-rght img{width: 100%;margin: auto;display: block;height: 100%;}

@media(max-width:767px){
  .logis-abt-lft{padding: 30px 15px;}
  .logis-abt-lft-btm{margin: auto;margin-top: 50px;}
  .logis-title h2{font-size: 25px;}
  .logis-title{border-left: 10px solid #2468FF;margin-bottom: 30px;}
  .logis-abt-lft p{text-align: justify;}
  .about-wrapper{padding-top:30px;}
  .safety-section-wrapper{padding-top:0px;}

}

@media(min-width:768px) and (max-width:991px){
  .logis-abt-lft{padding-right: unset !important;}
  .about-wrapper{padding-top:50px;}

}
/* Logistics Vision Mission*/
.logis-vision-msn-main{padding: 100px 15px;}
.logis-vm-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  align-items:baseline ;
}
.logis-vm-box{
  padding: 50px;background-color:#F5F5F5;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
border-radius: 20px;
}
@media(min-width:992px){
    .logis-vm-box{min-height:425px;}
}
.logis-vm-box p{
  color: #1a1a1a;
  font-size: 14px;
  line-height: 24px;
  text-align: justify;
}
.logis-vm-box span{
  font-size: 60px;
  font-weight: 600;
  color: #2468FF;
}
.logis-vision-msn-btm{
  margin-top: 80px;
 
}
.logis-vision-msn-btm img{
  width: 100%;
  margin: auto;
  display: block;
  border-radius: 20px ;
}
@media(max-width:767px){
  .logis-vision-msn-main{
    padding: 30px 15px;
  }
  .logis-vm-box{padding: 20px;}
  .logis-vm-box span{font-size: 50px;}
  .logis-vision-msn-main .col-lg-6{
    margin-bottom: 25px;
  }
  .logis-vision-msn-btm{margin-top: 30px;height: 180px;}
  .logis-vision-msn-btm img{height: 100%;}
  .logis-abt-rght{margin-top: 30px;}
  .logis-abt-rght img{width: 60%;}
}
@media(min-width:768px) and (max-width:991px){
  .logis-vm-box{padding: 30px;}
}
/* Logistics Services*/
.logis-service-main{
  padding: 100px 15px 150px 15px;
  background-image: url(../images/logistics/logistics-services-bg.webp);
  background-repeat: no-repeat;background-position: center;
  background-size: cover;
}
.logis-ser-title {
  text-align: center;
  margin-bottom: 50px;
}
.logis-ser-title span{
  font-size: 16px;
  font-weight: 500;
  color: #2468FF;
}
.logis-ser-title h2{
  font-size: 35px;
  color: #fff;
  font-weight: 300;
  margin-top: 10px;
}
.logis-ser-title h2 b{
  font-weight: 600;
}


.logis-ser-card{
  position: relative;
  display: flex;
  justify-content: center;
}
.logis-ser-card:hover .logis-ser-card-item-bck{
  opacity: 1;
}
.logis-ser-card-item-frnt
{
  position: relative;
  display: flex;
  justify-content: center;
}
.logis-ser-item-frnt-img img{
  width: 100%;
}
.logis-ser-item-frnt-title{
  width: 80%;
  height: 120px;
  margin: auto;
  padding: 20px;
  background-color: #fff;
  opacity: 0.9;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
align-items: center;
justify-content: center;
position: absolute;bottom: -50px;
}
.logis-ser-item-frnt-title span{
  font-size: 18px;
  font-weight: 600;
  color: #1a1a1a;
  margin-top: 50px;
}
.logis-ser-frnt-icon{
position: relative;
bottom: -10px;
}


.logis-ser-card-item-bck{
  width: 80%;
  padding: 20px;
  background-color: #1143B1;
  position: absolute;
  top: 62px;
  opacity: 0;
}
.logis-ser-card-item-bck span{
  font-size: 18px;
  font-weight: 600;
  color: #ffff;
  margin-bottom: 20px;
}
.logis-ser-card-item-bck p{
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  line-height: 22px;
  text-align: justify;
 
}

.logis-ser-card-item-bck-btm-icon{
 position: absolute;
 bottom: -26px;
 left: 41%;}
 .logis-ser-card-row .col-lg-4{
  margin-bottom: 150px;
 }

 @media(max-width:767px){
  .logis-service-main{padding: 30px 15px;}
  .logis-ser-card-row .col-lg-4 {margin-bottom: 80px;}
  .logis-ser-card-item-bck{top: 0;width: 100%;}

 .logis-ser-card-row .col-lg-4:hover{margin-bottom: 180px !important;}
 .logis-ser-tab-none{display: none;}
 .logis-ser-item-frnt-title span{font-size:16px;}
 .logis-ser-card-item-bck p{margin-top:15px;}
 }
 @media(min-width:768px) and (max-width:991px){
  .logis-ser-tab-none{display: none;}
 }
@media(min-width:992px){
  .logis-ser-card-item-bck{min-height: 391px;}
}
 /* Logistics Projects Handled*/
 .logis-prjct-hndl-main{
  padding: 100px 15px ;
  background-color: #1A1A1A;
}
.logis-prjct-hndl-head{margin-bottom: 50px;}
 .logis-prjct-hndl .logis-title span{
  color: #2468FF;
 }
 .logis-prjct-hndl-head-right{display: flex;
  align-items: center;
  justify-content: end;
}
 .logis-prjct-hndl-head-right a{
 text-decoration: none;
  color: #fff;
}
.logis-prjct-hndl-head-right a:hover{
  color: #2468FF;
}


.project-grid-wrapper .carousel-inner{border-radius: 0 !important;}
.project-grid-wrapper img{width: 100%;}
.project-grid-wrapper .col-lg-12{margin-bottom: 20px;}
.project-grid-wrapper .col-lg-12 img{height: 240px;}

.project-grid-wrapper .carousel-control-prev, .project-grid-wrapper .carousel-control-next{
  display:block;
  top: unset;
  bottom: -65px;
  width: unset;
}
.project-grid-wrapper .carousel-control-prev{
  left: unset;
  right: 3%;
}

.project-grid-wrapper .carousel-control-next-icon{
  background-image:url(../images/logistics/slider-arrow-next.png)  !important;
  background-repeat: no-repeat;background-size: contain;
}

.project-grid-wrapper .carousel-control-prev-icon{
  background-image:url(../images/logistics/slider-arrow-prev.png)  !important;
  background-repeat: no-repeat;background-size: contain;
}
@media (max-width: 767px) {
  .logis-prjct-hndl-main{padding: 60px 15px;}
  .project-grid-wrapper .carousel-item {
    height: unset !important;
  }
  .project-grid-wrapper .col-lg-12 img{height: unset !important;}
  .project-grid-wrapper .col-3{padding: 5px;}
  .project-grid-wrapper .col-lg-12{margin-bottom: 5px !important;}
  .logis-prjct-hndl-head-right a{display: none;}
  .logis-prjct-hndl-head{margin-bottom: 20px !important;}
  .project-grid-wrapper .carousel-control-prev{right: 12% ;}
}

@media(min-width:768px) and (max-width:991px){
  .project-grid-wrapper .col-lg-12 img{height: unset !important;}
  .project-grid-wrapper .carousel-control-prev{right: 9% ;}
}

/* Logistics Certification & Associations */
.logis-certificate-main{padding: 100px 15px;}
.logis-certificate .logis-title h2{
color: #1a1a1a !important;
}
.logis-certificate .logis-title span{
  color: #2468FF;
}
.logis-certificate .logis-title{
  margin-bottom: 80px ;
}

.logis-certifiate-wrapper{display: flex;gap: 20px;}
.logis-certifi-item{
  padding: 20px 50px;
  background-color: #fff;
  border-radius: 15px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media(max-width:767px){
  .logis-certificate-main{padding: 30px 15px;}
  .logis-certificate .logis-title{margin-bottom: 50px;}
  .logis-certifiate-wrapper{flex-wrap: wrap;}
  .logis-certifi-item{width: 46%;padding: 20px;}
  .logis-certifi-item img{width: 100%;}
}

@media(min-width:768px) and (max-width:991px){
  .logis-certifiate-wrapper{flex-wrap: wrap;}
  .logis-certifi-item{width: 46%;}
  .logis-certifi-item img{width: 100%;}
  

}

@media(min-width:992px) and (max-width:1399px){
    .logis-certifiate-wrapper{flex-wrap: wrap;}
 .logis-certifi-item{width: 32%;}
 .project-grid-wrapper .col-lg-12 img{height:205px;}
}
/* Logistics HSE policy */
.logis-hse-policy-main{
  padding: 100px 15px;
  background-image: url(../images/logistics/hse-policy-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.hse-text{
  border: 1px solid #fff;
  border-radius: 15px;
  padding: 50px ;
}
.hse-text p{
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  text-align: justify;
}

@media(max-width:767px){
  .logis-hse-policy-main{padding: 30px 15px;}
  .hse-text{padding: 20px;}
}
@media(min-width:768px) and (max-width:991px){
  .hse-text{padding: 30px;}
}

/* Logistics Footer */
.logis-ftr .ftr-box-2,.logis-ftr .ftr-box-1{border: none;}
.logis-ftr .ftr-box-2 ul li{display: block;}
.logis-ftr .ftr-quicklink h4{color: #fff;margin-top: 50px;margin-bottom: 25px;}
.logis-ftr .ftr-box-2 ul{text-align: left;}

.ftr-contact-item{margin-bottom: 25px;}
.ftr-contact-item h5{font-size: 15px;font-weight: 600;margin-bottom: 5px;}
.ftr-contact-item a {font-size: 14px;text-decoration: none;color: #fff;}
.ftr-contact-item img{width: 20px;}

.logis-ftr  .ftr-box-3 p{margin: 0;}

.logis-ftr  .ftr-box-3{padding: 150px 0 30px 30px;}
.logis-ftr .ftr-box-2 ul li{margin-bottom: 10px;}


.logis-ftr-btm span{display: block;margin-bottom: 15px;color: #fff;}
.logis-ftr-btm img{width: 30px;}
.logis-ftr-btm-right{display: flex;justify-content: end;gap: 8px;}
.logis-ftr-btm-right p{color: #fff;}
.logis-ftr-btm-right  img{width: 30px;height: 30px;}


@media(max-width:767px){
  .logis-ftr .ftr-box-2 ul{text-align: center;}
  
  .logis-ftr .ftr-quicklink h4{margin: 0;}
  .logis-ftr .ftr-box-3{padding: 15px;}
  .ftr-contact-item {flex-direction: column;}
  .ftr-contact-item img{margin-bottom: 10px;}
  .logis-ftr-btm{text-align: center;}
  .logis-ftr-btm-right p{font-size: 12px;}
  .logis-ftr-btm-right{justify-content: center;margin-top: 20px;}
}

@media(max-width:991px){

.logi-nav-ul{background-color: #1f4b8d;}
}

.ftr-contact-item h4{color: #fff;margin-bottom: 25px;}
.ftr-contact-info-box{gap: 20px;}
.ftr-contact-info-box i{color: #fff;padding-right: 5px;font-size: 18px;}
.ftr-contact-item i{font-size: 18px;padding-right: 5px ;color: #fff;}

@media(max-width:767px){
  .ftr-contact-info-box{flex-direction: column;}
  
}

@media(min-width:768px) and (max-width:991px){
  .ftr-box-2{padding:0 30px;}
.logis-ftr .ftr-quicklink h4{margin-top:0;}
.logis-ftr .ftr-box-3{padding:0 30px;}
.logis-ftr-btm{margin-top: 30px;}
}



/* We Are All Around the Region */
.logis-arnd-rgn-main{background-color: #1a1a1a;padding: 100px 15px;}


.logis-arnd-tab ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 1rem;
  display: flex;
  gap: 25px;
  
}

.logis-arnd-tab ul li {
  width: max-content;
  margin: 0;
  padding: 0;

  text-align: center;
  cursor: pointer !important;
  color: #fff;
}

.logis-arnd-tab ul li.bg {
  background-color: #ccc;
  border-radius: 2rem;
  transform: translatex(-300%);
  z-index: -1;
  transition: all .5s ease-in-out;
}

.logis-arnd-tab ul li label {
  display: inline-block;
  padding: 10px 0;
  border-radius: 100px;
}

.logis-arnd-tab #button-1:checked ~ ul li.bg {
  transform: translatex(-300%);
}
.logis-arnd-tab #button-2:checked ~ ul li.bg {
  transform: translatex(-200%);
}
.logis-arnd-tab #button-3:checked ~ ul li.bg {
  transform: translatex(-100%);
}

.logis-arnd-tab #button-1:checked ~ #content #tab-1 {
  display: flex;
}

.logis-arnd-tab #button-2:checked ~ #content #tab-2 {
  display: flex;
}

.logis-arnd-tab #button-3:checked ~ #content #tab-3 {
  display: flex;
}

.logis-arnd-tab #button-1:checked ~ #shadow #content {
  transform: translatex(0px);
}

.logis-arnd-tab #button-2:checked ~ #shadow #content {
  transform: translatex(-33.33%);
}

.logis-arnd-tab #button-3:checked ~ #shadow #content {
  transform: translatex(-66.67%);
}


/* .logis-arnd-tab #tabs {
 display: flex;
} */

.logis-arnd-tab #shadow {
  
  border-radius: 12px;
  overflow: hidden;
}

.logis-arnd-tab #content {
  display: flex;
  width: 300%;
  box-sizing: border-box;
  transition: all .5s ease-in-out;
}

.logis-arnd-tab #content > div {
  padding:0 !important;
  padding-left: 40px;
  display: flex;
  align-items: center;
  flex: 1;
}

.logis-arnd-tab #content .left {
  flex: 2;
  padding-right: 50px;
}

.logis-arnd-tab #content .right {
  flex: 1;
}

.logis-arnd-tab #content img {
  width: 100%;
}

.logis-arnd-tab #content h4 {
  margin: 0;
  font-size: 1.5rem;
  letter-spacing: -1px;
  color: #fff;
}

.logis-arnd-tab #content p {
  font-size: 14px;
  line-height: 1.5rem;
  margin: 1.2rem 0;
  color: #fff;
}

.logis-arnd-tab #content button {
  background-color: #000;
  color: #fff;
  display: inline-block;
  border: 0;
  padding: 12px 20px;
  font-size: 1.2rem;
  border-radius: 2rem;
  transition: all .25s ease-in-out;
  cursor: pointer;
}

.logis-arnd-tab #content button:hover {
  transform: scale(1.08);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, .15);
}

.logis-arnd-tab input[type="radio"] {
  display: none;
}

.tab-icon{width:max-content;padding-right: 50px;cursor: pointer;}
.tab-icon span{font-size: 15px;font-weight: 500;}
.tab-icon img{background-color: #fff;border-radius: 50%;margin-right: 10px;}
.tab-icon:hover{background-color: #fff;border-radius:50px;}
.tab-icon:hover{color: #000;}
.tab-icon:hover img{box-shadow: 0px 4px 8px rgba(0, 0, 0, .15);}

@media(max-width:991px){
  .logis-arnd-rgn-main{padding: 50px 15px;}
  .logis-arnd-tab ul{flex-direction: column;margin-bottom: 30px;}
  .logis-arnd-tab #content > div{padding-left: 0;flex-direction: column;}
  .logis-arnd-tab #content .left{padding-right: 0;margin-bottom: 20px;}
  .logis-arnd-tab #content p{text-align: justify;}
  .tab-icon img{width: 50px;}
  .logis-arnd-tab ul{gap: 5px;}

  .tab-icon{width: 300px;padding: 0;text-align: left;display: flex;align-items: center;}
}


.tab-icon {
  background-color: transparent;
  border-radius: 0;
  transition: background-color 0.3s, border-radius 0.3s;
}

.tab-icon.active {
  background-color: #fff;
  border-radius: 50px;
}
.tab-icon.active span{color: #000;}