/**************fonts ************/

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

/*************icomoon fonts*********************/

html{
 font-family: 'Poppins', sans-serif;
}
p{
 font-family: 'Poppins', sans-serif;
 font-weight:300;
}
body {
  font-family: 'Poppins', sans-serif;
  overflow-x: hidden;
}
@font-face {

  font-family: 'icomoon';

  src:  url('fonts/icomoon.eot?vrfvt5');

  src:  url('../fonts/icomoon.eot?vrfvt5#iefix') format('embedded-opentype'),

  url('../fonts/icomoon.ttf?vrfvt5') format('truetype'),

  url('../fonts/icomoon.woff?vrfvt5') format('woff'),

  url('../fonts/icomoon.svg?vrfvt5#icomoon') format('svg');

  font-weight: normal;

  font-style: normal;

}



[class^="icon-"], [class*=" icon-"] {

  /* use !important to prevent issues with browser extensions that change fonts */

  font-family: 'icomoon' !important;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;



  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.icon-breakbulk:before {

  content: "\e944";

}

.icon-customeclearance:before {

  content: "\e945";

}

.icon-doortdoor:before {

  content: "\e946";

}

.icon-flight-forwarding:before {

  content: "\e947";

}

.icon-multitransport:before {

  content: "\e948";

}

.icon-projectlogistics:before {

  content: "\e949";

}

.icon-transportation:before {

  content: "\e94a";

}

.icon-warehouse:before {

  content: "\e94b";

}

.icon-left-arrow-key:before {

  content: "\e910";

}

.icon-left-arrow-key2:before {

  content: "\e943";

}

.icon-map-pin-silhouette:before {

  content: "\e941";

}

.icon-phone-call-button:before {

  content: "\e942";

}

.icon-wave:before {

  content: "\e93d";

  color: #9d622a;

}

.icon-arrow:before {

  content: "\e93e";

}

.icon-arrow2:before {

  content: "\e93f";

}

.icon-316599:before {

  content: "\e900";

}

.icon-883652:before {

  content: "\e901";

}

.icon-887457:before {

  content: "\e902";

}

.icon-891001:before {

  content: "\e903";

}

.icon-974158:before {

  content: "\e904";

}

.icon-1156647:before {

  content: "\e905";

}

.icon-1213012:before {

  content: "\e906";

}

.icon-1232818:before {

  content: "\e907";

}

.icon-1248941:before {

  content: "\e908";

}

.icon-1308963:before {

  content: "\e909";

}

.icon-1366516:before {

  content: "\e90a";

}

.icon-circle-with-left-arrow:before {

  content: "\e90b";

}

.icon-circle-with-left-arrow2:before {

  content: "\e90c";

}

.icon-circle-with-left-arrow4:before {

  content: "\e940";

}

.icon-circle-with-left-arrow3:before {

  content: "\e90d";

}

.icon-e-mail-envelope:before {

  content: "\e90e";

}

.icon-global:before {

  content: "\e90f";

}

.icon-left-arrow-key:before {

  content: "\e910";

}

.icon-phone-call:before {

  content: "\e911";

}

.icon-COLORE .path1:before {

  content: "\e912";

  color: rgb(199, 131, 67);

}

.icon-COLORE .path2:before {

  content: "\e913";

  margin-left: -3.1064453125em;

  color: rgb(141, 95, 75);

}

.icon-COLORE .path3:before {

  content: "\e914";

  margin-left: -3.1064453125em;

  color: rgb(141, 95, 75);

}

.icon-COLORE .path4:before {

  content: "\e915";

  margin-left: -3.1064453125em;

  color: rgb(141, 95, 75);

}

.icon-COLORE .path5:before {

  content: "\e916";

  margin-left: -3.1064453125em;

  color: rgb(141, 95, 75);

}

.icon-COLORE .path6:before {

  content: "\e917";

  margin-left: -3.1064453125em;

  color: rgb(141, 95, 75);

}

.icon-COLORE .path7:before {

  content: "\e918";

  margin-left: -3.1064453125em;

  color: rgb(141, 95, 75);

}

.icon-COLORE .path8:before {

  content: "\e919";

  margin-left: -3.1064453125em;

  color: rgb(141, 95, 75);

}

.icon-COLORE .path9:before {

  content: "\e91a";

  margin-left: -3.1064453125em;

  color: rgb(141, 95, 75);

}

.icon-COLORE .path10:before {

  content: "\e91b";

  margin-left: -3.1064453125em;

  color: rgb(141, 95, 75);

}

.icon-COLORE .path11:before {

  content: "\e91c";

  margin-left: -3.1064453125em;

  color: rgb(141, 95, 75);

}

.icon-COLORE .path12:before {

  content: "\e91d";

  margin-left: -3.1064453125em;

  color: rgb(141, 95, 75);

}

.icon-COLORE .path13:before {

  content: "\e91e";

  margin-left: -3.1064453125em;

  color: rgb(210, 182, 105);

}

.icon-COLORE .path14:before {

  content: "\e91f";

  margin-left: -3.1064453125em;

  color: rgb(247, 172, 61);

}

.icon-COLORE .path15:before {

  content: "\e920";

  margin-left: -3.1064453125em;

  color: rgb(199, 131, 67);

}

.icon-COLORE .path16:before {

  content: "\e921";

  margin-left: -3.1064453125em;

  color: rgb(199, 131, 67);

}

.icon-COLORE .path17:before {

  content: "\e922";

  margin-left: -3.1064453125em;

  color: rgb(199, 131, 67);

}

.icon-COLORE .path18:before {

  content: "\e923";

  margin-left: -3.1064453125em;

  color: rgb(199, 131, 67);

}

.icon-COLORE .path19:before {

  content: "\e924";

  margin-left: -3.1064453125em;

  color: rgb(199, 131, 67);

}

.icon-COLORE .path20:before {

  content: "\e925";

  margin-left: -3.1064453125em;

  color: rgb(199, 131, 67);

}

.icon-COLORE .path21:before {

  content: "\e926";

  margin-left: -3.1064453125em;

  color: rgb(199, 131, 67);

}

.icon-COLORE .path22:before {

  content: "\e927";

  margin-left: -3.1064453125em;

  color: rgb(199, 131, 67);

}

.icon-COLORE .path23:before {

  content: "\e928";

  margin-left: -3.1064453125em;

  color: rgb(199, 131, 67);

}

.icon-COLORE .path24:before {

  content: "\e929";

  margin-left: -3.1064453125em;

  color: rgb(199, 131, 67);

}

.icon-COLORE .path25:before {

  content: "\e92a";

  margin-left: -3.1064453125em;

  color: rgb(199, 131, 67);

}

.icon-COLORE .path26:before {

  content: "\e92b";

  margin-left: -3.1064453125em;

  color: rgb(199, 131, 67);

}

.icon-COLORE .path27:before {

  content: "\e92c";

  margin-left: -3.1064453125em;

  color: rgb(199, 131, 67);

}

.icon-COLORE .path28:before {

  content: "\e92d";

  margin-left: -3.1064453125em;

  color: rgb(199, 131, 67);

}

.icon-COLORE .path29:before {

  content: "\e92e";

  margin-left: -3.1064453125em;

  color: rgb(199, 131, 67);

}

.icon-COLORE .path30:before {

  content: "\e92f";

  margin-left: -3.1064453125em;

  color: rgb(199, 131, 67);

}

.icon-COLORE .path31:before {

  content: "\e930";

  margin-left: -3.1064453125em;

  color: rgb(199, 131, 67);

}

.icon-COLORE .path32:before {

  content: "\e931";

  margin-left: -3.1064453125em;

  color: rgb(199, 131, 67);

}

.icon-COLORE .path33:before {

  content: "\e932";

  margin-left: -3.1064453125em;

  color: rgb(199, 131, 67);

}

.icon-COLORE .path34:before {

  content: "\e933";

  margin-left: -3.1064453125em;

  color: rgb(199, 131, 67);

}

.icon-COLORE .path35:before {

  content: "\e934";

  margin-left: -3.1064453125em;

  color: rgb(199, 131, 67);

}

.icon-COLORE .path36:before {

  content: "\e935";

  margin-left: -3.1064453125em;

  color: rgb(199, 131, 67);

}

.icon-COLORE .path37:before {

  content: "\e936";

  margin-left: -3.1064453125em;

  color: rgb(199, 131, 67);

}

.icon-COLORE .path38:before {

  content: "\e937";

  margin-left: -3.1064453125em;

  color: rgb(199, 131, 67);

}

.icon-COLORE .path39:before {

  content: "\e938";

  margin-left: -3.1064453125em;

  color: rgb(199, 131, 67);

}

.icon-COLORE .path40:before {

  content: "\e939";

  margin-left: -3.1064453125em;

  color: rgb(199, 131, 67);

}

.icon-COLORE .path41:before {

  content: "\e93a";

  margin-left: -3.1064453125em;

  color: rgb(199, 131, 67);

}

.icon-WHITE-LOGO-ONLY:before {

  content: "\e93b";

  color: #fefefe;

}

.icon-WHITE:before {

  content: "\e93c";

  color: #fefefe;

  }}

  .icon-1156647:before {

    content: "\e905";

  }

  /*******************end icomoon fonts here***********/



  /**************common css*******************/

  .container-full {

    margin: 0 auto;

    width: 100%;

    overflow: hidden;

  }

  a {

    color: transparent;

    text-decoration: none;

  }

  a:focus, a:hover {

    color: transparent;

    text-decoration: none;

  }

  a:hover {

   -webkit-transition-duration: 0.3s;

   transition-duration: 0.3s;

   -moz-transition-duration: 0.3s;

   -o-transition-duration: 0.3s;

   -webkit-transition-timing-function: ease-out;

   transition-timing-function: ease-out;

   -moz-transition-timing-function: ease-out;

   -o-transition-timing-function: ease-out;

   color: #fff !important;

 }

 .zoomin {

  overflow: hidden;

}

.zoomin img {

  -webkit-transition: all 0.5s linear;

  transition: all 0.5s linear;

  -webkit-transform: scale3d(1,1,1);

  transform: scale3d(1,1,1);

  max-width: 100%;

  overflow: hidden;

}

.zoomin img:hover {

  -webkit-transform: scale3d(1.1,1.1,1);

  transform: scale3d(1.1,1.1,1);

}



.img-wrapper {

  width: 100%;

  max-height:100%;

  overflow: hidden;

}

.padding-0 {

  padding-left: 0;

  padding-right: 0;

}

/**************end common css****************/



/***************************header style*********************/

header {

  background: #cb8722;

}

header .navbar {
  margin-bottom: 0;

  float: right;
  display: block;
  width: 100%;
}

.upper-nav ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.upper-nav ul li a {
  font-family: 'Poppins', sans-serif;
  color: #053677;
  font-size: 15px;
  padding-top: 19px;
  padding-bottom: 0;
  /* letter-spacing: 1px; */
  /*text-transform: uppercase;*/
  padding-right: 0;
  padding-left: 0px;
  margin: 0px 15px;
  font-weight: 400;
  display: block;
  padding-top: 15px;
}
.upper-nav ul li a:hover {
  color: #000 !important;
}
.upper-nav ul li{
  list-style-type: none;
}
header .navbar-brand>img {
  /* height: 100%; */
  /* padding: 15px; */
  width: 100%;
  margin: 0 auto;
  padding-top: -10px;
  position: relative;
  top: -4px;
}
.upper-nav{
  position: relative;
}
.upper-nav::before {
  position: absolute;
  content: "";
  background: #00000045;
  height: 1px;
  width: 57%;
  right: 0;
  bottom: -5px;
}
header .brand-centered {

  /*  display: flex;*/

  justify-content: center;

  position: absolute;

  width: 100%;

  left: 0;

  top: -1px;

}
.navbar-left {
  float: right !important;
}
header .brand-centered .navbar-brand {

  display: flex;

  align-items: center;

  text-align: center;

}

header .navbar-toggle {

  z-index: 1;

}

#navbarmain ul.nav.navbar-nav a {
  font-family: 'Poppins', sans-serif;
  color: #053677;
  font-size: 17px;
  padding-top: 15px;
  padding-bottom: 12px;
  /* letter-spacing: 1px; */
 /* text-transform: uppercase;*/
  padding-right: 0;
  padding-left: 0px;
  margin: 0px 22px;
  margin-right: 0;
  font-weight: 400;
  margin-top: -9px;
}
.comparisonTable table td strong {
  color: #053677 !important;
}
#navbarmain ul.nav.navbar-nav a:hover{
  color:#053677 !important;
}

#navbarmain ul.nav li a.active {

  border-bottom: 3px solid #053677 !important;

  color: #053677 !important;

}

#navbarmain ul.nav li a:after {

  display: block;

  position: absolute;

  left: 0;

  bottom: -3px;

  width: 0;

  height: 3px;

  background-color: #053677;

  content: "";

  -webkit-transition: all 0.2s;

  -moz-transition: all 0.2s;

  -o-transition: all 0.2s;

  transition: all 0.2s;

}

#navbarmain .nav>li>a:focus, .nav>li>a:hover {

  text-decoration: none;

  background-color: transparent;

  /*color: #fff;*/

  cursor: pointer;

}

#navbarmain ul.nav.navbar-nav ul.dropdown-menu li a:hover,

#navbarmain ul.nav.navbar-nav ul.dropdown-menu li a:focus{

  color: #053677 !important;

  background-color:#fff !important;

}

#navbarmain ul.nav.navbar-nav ul.dropdown-menu li a{

  color: #053677  !important;

  background-color: #fff!important;

} 

#navbarmain .dropdown-menu{

  padding: 0 !important;

  margin-top: 2px;

}

#navbarmain ul.nav.navbar-nav .dropdown-menu li a:after{

  background: none;

}

#navbarmain  .navbar-nav>.active>a, 

#navbarmain  .navbar-nav>.active>a:focus, 

#navbarmain  .navbar-nav>.active>a:hover {

  color: #fff;

  background-color: transparent;

}



#navbarmain .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {

  background-color: transparent;

  border-color: #337ab7;

}

#navbarmain .navbar-nav li a:hover:after {

  width: 100%;

}

#navbarmain .navbar-nav li.active a:after {

  width: 100%;

}



header .navbar-brand {

  padding: 0px;

  top: -40px;

  position: absolute;

}

.navbar-toggle .icon-bar{

  background-color: #fff;	

}

.navbar-brand.header-logo span {

  font-size: 53px;

  transition: all 0.3s ease-in;

  -webkit-transition: all 0.3s ease-in;

  -o-transition: all 0.3s ease-in;

  -moz-transition: all 0.3s ease-in;

}

a.navbar-brand.header-logo{

  /*	background: #fff;*/

  display: inline-block;

  margin: 0 0em 0em 0;

  padding-top: 0;
  width: 22%;
  z-index: 9;
  height: auto;

}

.logo-background {
  height: 150px;
  width: 181px;
  /* box-shadow: 10px 0 0 -4px #053677, -10px 0 0 -4px #053677; */
  /* border: 1px solid #053677; */
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
}
.logo-background {

  /*border-bottom-left-radius: 150px;

  border-bottom-right-radius: 150px;*/
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;

  transition: all 0.3s ease-in;

  -webkit-transition: all 0.3s ease-in;

  -o-transition: all 0.3s ease-in;

  -moz-transition: all 0.3s ease-in;

}

#navbarmain ul.nav.navbar-nav.navbar-right li:last-child a:after{

  height: 0px;



}

/************navbar shrink********************/

nav{

  transition: all 0.3s ease;

}

/*header.shrink .navbar-brand.header-logo span{

	font-size: 35px;

	transition: all 0.3s ease-in;

    -webkit-transition: all 0.3s ease-in;

    -o-transition: all 0.3s ease-in;

    -moz-transition: all 0.3s ease-in;

    }*/

/*header.shrink a.navbar-brand.header-logo{

	padding-top: 75px;

	transition: all 0.3s ease-in;

    -webkit-transition: all 0.3 sease-in;

    -o-transition: all 0.3s ease-in;

    -moz-transition: all 0.3s ease-in;

    }*/

/*header.shrink .logo-background{


    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

    height: 140px;

    width: 220px;

    transition: all 0.3s ease-in;

    -webkit-transition: all 0.3s ease-in;

    -o-transition: all 0.3s ease-in;

    -moz-transition: all 0.3 sease-in;

    }*/

/*header.shrink .navbar-brand{

	top: -70px;

	transition: all 0.3s ease-in;

    -webkit-transition: all 0.3s ease-in;

    -o-transition: all 0.3s ease-in;

    -moz-transition: all 0.3s ease-in;

    }*/

    h1, h2, h3, h4, h5, h6{
      font-weight:700;
    }
    .fixed-header {

      position: fixed;

      top: 0;

      left: 0;

      right: 0;

      z-index: 5;

      background: #fff;

      box-shadow: 0px 0px 9px #555;

      min-height: 52px;

      height: 88px;

      transition: all 0.3s linear;

      -webkit-transition: all 0.3s linear;

      -o-transition: all 0.3s linear;

      -moz-transition: all 0.3s linear;

    }



    header.shrink .fixed-header{

     min-height:45px;

     height: 45px;

   }



   header.fixed-header.shrink{

    min-height: 40px;

    height: 82px;

  }

  /*******************footer*****************/

  footer {

    background: #053677;

    padding: 20px 0px 10px 0px;

  }

  .border-top {
    border-top: 1px solid #ffffff5e;
  }

  ul.footer-list {

    list-style-type: none;

    padding: 0;

  }

  h3.footer-heading {



    font-size: 15px;

    color: #fff;

    text-transform: capitalize;

    margin-bottom: 10px;

    margin-top: 10px;

  }

  ul.footer-list li {
    line-height: 20px;
  }

  ul.footer-list li a {
    color: #e3d7d7;
    font-size: 13px;
    text-transform: capitalize;
    line-height: 20px;
    margin-bottom: 9px;
    display: inline-block;
  }

  footer address {

    color: #e3d7d7;

    font-size: 13px;

    text-transform: capitalize;

  }

  ul.contact-list {

    list-style-type: none;

    display: inline-block;

    padding: 0;

  }

  ul.contact-list li {

    display: inline-flex;

  }

  ul.contact-list li a{



    color: #e3d7d7;



    font-size: 13px;

  }

  ul.contact-list li span {
    color: #fff;
    font-size: 15px;
    margin-top: 4px;
    margin-right: 10px;
  }

  ul.contact-list li:last-child a {

    padding: 0;

    margin-left: 5px;

  }

  ul.contact-list li:nth-child(2)  p{

   margin-bottom: 0;

 }

 /*************footer bottom*************/

 footer.bottom {

  padding: 10px 0px 10px 0px;

}

span.icon-WHITE {

  font-size:35px;

}

.bottom-text{

	height: 35px;

  line-height: 35px;

}

.bottom-text p {

  color: #d2c3c3;

  font-size: 13px;

}

.bottom-text p a{

	color:#d2c3c3;

}

.bottom-text.last-col {

  float: right;

}

/*******************index page***************/

/*#home-carousel .carousel-inner>.item>img{

	height: 650px;

	min-height: 650px;

  }*/

  #home-carousel a.below_icon {

   font-size: 33px;

   color: #d68f25 !important;

   background: #fff;

   padding: 15px 18px;

   border-radius: 50%;

   -webkit-transition: all 0.2s;

   -moz-transition: all 0.2s;

   -o-transition: all 0.2s;

   transition: all 0.2s;

   border-top-left-radius: 160px;

   border-top-right-radius: 160px;

   cursor: pointer;

 }

 #home-carousel span.icon-circle-with-left-arrow3.arrow-icon {

  position: relative;

  top: -5px;

}

/*#home-carousel a.below_icon {

      margin: 0 auto;

    display: block;

    position: absolute;

    bottom: 100px;

    left: 50%;

    bottom: -25px;

    }*/

    #home-carousel ol.carousel-indicators{

      bottom: -15px;

      margin-bottom: 0;

    }

    .carousel-caption.container h4{



      font-size: 12px;

      text-transform: uppercase;

      color: #fff;

    }

    .carousel-caption .count-projects span{



      font-size: 35px;

      color: #fff;

    }

    .carousel-caption span.icon{

      font-size: 100px;

    }

    .carousel-caption .services-content p {

      font-size: 21px;

      color: #fff;

      text-align: left;

    }

    .services-name:before {

     color:#053677;

     content: "\e93d";

     position: absolute;

     font-size:70px;

     font-family: 'icomoon';

     left: 0;

     z-index: -1;

     top:-30px;

     text-shadow: none;

   }

   .carousel-caption .services-name h3 {



    font-size: 36px;

    color: #fff;

    text-shadow: none;

  }

  .caption-row {

    align-items: center;

    display: flex;

  }

  #home-carousel .carousel-control{

    top: 50%;

    background-image: none;

    text-shadow: none;

  }

  #home-carousel .carousel-control span.arrow-icon{

    font-size:90px;

    color: #fff;



  }

  #home-carousel .carousel-control:focus, .carousel-control:hover{

    opacity: 1;

    background: none;

    background-image: none !important;

  }

  /*paralaxing css*/

  .parallax-container {

    position: relative;

    overflow: hidden;

  }



  .parallax-parent {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

  }



  .parallax-content {

    position: absolute;

    left: 50%;

    bottom: 0;

    min-width: 100%;

    min-height: 100%;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

  }



}

.parallax-container .parallax {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: -1;

}

.parallax-container .parallax img{

  display: none;

  position: absolute;

  left: 50%;

  bottom: 0;

  min-width: 100%;

  min-height: 100%;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

}

/*parallaxing end*/

section.counter-section {

  padding-top:50px;

  padding-bottom:50px;

}

section.counter-section {

 /* background-image: url(../images/orange-back-light.png);*/

 height: auto;

 background-size: cover;

}

section.counter-section span.count {



  color: #053677;

  font-size: 35px;

}

.counter-section.text span {

  margin-top: -5px;

}

.counter-wrapper .counter-section {

  margin-left: 10px;

}

section.counter-section .counter-name {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #053677;
    margin: 0px;
    /* text-transform: uppercase; */
    margin-left: 0px;
}

section.counter-section span {

  color: #053677;

  font-size: 45px;

  display: inline-flex;

}

.counter-wrapper span.plus-sign {

  color: #053677;

  font-size: 30px !important;



  padding-left: 5px;

}

span.icon-883652 {

  font-size: 60px !important;

}

section.counter-section .counter-wrapper {

  display: inline-flex;

}

section.counter-section .title{

 font-family: 'Poppins', sans-serif;
 font-weight:600;

 font-size: 46px;

 color: #053677;

 margin-top: 0;

 padding-left: 20px;

 padding-bottom: 10px;

}



.container-grid {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-flow: row nowrap;

  flex-flow: row nowrap;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  background-color: #eee;

  position: relative;

}

.container-grid div {

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

  /*text-align: center;*/

  -webkit-transition: .3s;

  transition: .3s;

  max-width: 20%;

  padding: 0em 0;

  background-color: transparent;

  min-width: 10%;
  font-weight:600;



}

.service-info{

	top: 38%;

  width: 20%;

  -webkit-transform: translate(0, 0);

  transform: translate(0, 0);

  position: absolute;

}

.description {

 color: #fff;

 font-family: 'Poppins', sans-serif;

 font-size: 14px;

 opacity: 0;

 left: 7% !important;

 position: relative;

 padding-right: 54px !important;

 text-align: right !important;

 display: inline;


}

span.icon-left-arrow-key.arrow-icon{

  opacity: 0;

  text-align: left;

  margin-left: 11%;

  display: flex;

  padding: 10px 0px;

  font-size: 20px;

}

.title-services {
  color: #fff;
  font-size: 16px;
  margin-left: 40px;
}

.title-services a{

 color: #fff;

}

.img-overlay{

	position: absolute;

  width: 100%;

  height: 100%;

  background-color: #171818;

  mix-blend-mode: multiply;

  opacity: 0;

  -webkit-transition: 0.4s;

  transition: 0.4s;

  opacity: 0;

  top: 0;

}

.container-grid div:hover {

  -webkit-transition: .3s;

  transition: .3s;

  max-width: 25% !important;

  background:rgba(23, 24, 24, 0.7) !important;

  -webkit-box-flex: 2;

  -ms-flex-positive: 2;

  flex-grow: 2;

  cursor: pointer;

  color: #fff;

}

.service-info:hover .container-grid div{

  background:rgba(23, 24, 24, 0.7) !important;

}

.container-grid div:hover .service-info

{

  background: none;

}

.container-grid div:hover .description{

	opacity: 1;

  background:transparent !important

}

.container-grid div:hover .img-overlay {
    opacity: 1;
    background: rgba(23, 24, 24, 0.7) !important;
    max-width: 25%;
}

.container-grid div:hover span.icon-left-arrow-key.arrow-icon{

  opacity: 1;

}

/*.container-grid div:hover .img-overlay{

	opacity: 1;

}*/

.container-grid div:hover .service-info,

.container-grid div:hover .title-services{

	background: transparent !important;

}

section.about-section {

  padding-top: 30px;

  padding-bottom: 20px;

}

section.about-section {

 /* background-image: url(../images/orange-back.jpg);*/
 background-color:#053677;
 height: auto;

 background-size: cover;

 width: 100%;

 background-position: center;

}

section.about-section ul.nav.nav-pills.nav-stacked {

  float: right;

}

section.about-section .nav-pills>li.active>a, 

section.about-section .nav-pills>li.active>a:focus, 

section.about-section .nav-pills>li.active>a:hover{

  color: #fff !important;

  background-color: transparent;

}

section.about-section ul.nav.nav-pills li a{



  font-size: 18px;

  color: #f3d6ab;

}

/*section.about-section ul.nav.nav-pills li:first-child{

	border-bottom: 1px solid #fff;

  }*/

  section.about-section ul.nav.nav-pills li a:hover,

  section.about-section ul.nav.nav-pills li a:focus{

   color: #fff!important;

 }



 section.about-section ul.nav.nav-pills span{

   font-size: 60px;

   width: 80px;

   min-width: 80px;

 }

 section.about-section ul.nav.nav-pills span.icon-1232818 {

  font-size: 45px;

  margin-left: -8px;

  margin-right: 10px;

}

section.about-section ul.nav.nav-pills h3.nav-title {

  display: flex;

  font-size: 25px;

  align-items: center;

}

.tab-pane.about-content h1 {

  color: #fff;

  

  font-size: 28px;

  line-height: 38px;

  /*letter-spacing: 1.5px;*/
  font-family: 'Poppins', sans-serif;
  font-weight:600;

}

.tab-pane.about-content p {



  font-size: 16px;

  color: #ffffff;

  line-height: 23px;

  padding-right: 110px;

  /*letter-spacing: 1.3px;*/

}

.tab-pane.about-content span.icon-circle-with-left-arrow2{

  font-size: 20px;

  color: #fff;

  cursor: pointer;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.tab-pane.about-content .know-more-div:hover span.icon-circle-with-left-arrow2,

.tab-pane.about-content .know-more-div:focus span.icon-circle-with-left-arrow2{

  -webkit-transform: translateX(8px);

  transform: translateX(8px);

}

.tab-pane.about-content .know-more-div {

  margin-top: 30px;

  margin-bottom: 20px;

  display: inline-flex;

}

.tab-pane.about-content a.more-link{

	color: #fff;


  font-size: 16px !important;

  cursor: pointer;

  margin-top: 2px;

  margin-right: 8px;

  transition: all 0.3s linear;

  -webkit-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;
  font-family: 'Poppins', sans-serif;
  font-weight:300;



}



.tab-pane.about-content a.more-link:hover{

 color: #fff!important;

 /*text-shadow: 0px 1px 0px #8d5f4b;*/

 transition: all 0.3s linear;

 -webkit-transition: all 0.3s linear;

 -o-transition: all 0.3s linear;

 -moz-transition: all 0.3s linear;

 font-family: 'Poppins', sans-serif;
 font-weight:300;

}

.tab-pane.about-content  .drop-icon:before{

  content: "\e905";

  position: absolute;

  font-size: 250px;

  font-family: 'icomoon';

  font-weight: normal;

  opacity: 0.5;

  color: #fff;

  top: -70px;

  bottom: 0;

  transition: all 0.3s linear;

  -webkit-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

}
.tab-pane.about-content .about-content.middle span {
  color: #07adec;
}
.tab-pane.about-content .drop-icon:hover span.icon-inside, .tab-pane.about-content .drop-icon:hover h4.title-inside {
    color: #07adec;
    z-index: 0;
}

.tab-pane.about-content .drop-icon:hover:before{

  color: #fff !important;

  z-index:0;

  opacity: 1;

  transition: all 0.3s linear;

  -webkit-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

}

.tab-pane.about-content .drop-icon.end:hover:before .about-content{

  z-index: 2;

}

.tab-pane.about-content .drop-icon.end:hover:before{

  color: #fff !important;

  z-index:0;

  opacity: 1;

  transition: all 0.3s linear;

  -webkit-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

}

.tab-pane.about-content .drop-icon.end:hover:before .about-content.end{

  z-index: 3;

}



.tab-pane.about-content .drop-icon.middle:hover:before{

  color: #fff !important;

  z-index:1;

  transition: all 0.3s linear;

  -webkit-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

}

.tab-pane.about-content .about-content {
  position: absolute;
  margin-top: 38%;
  left: 21%;
}
.tab-pane.about-content  span.icon-inside{

 color: #fff;

 font-size: 60px;

}

.tab-pane.about-content .about-content.middle h4{
  color:#07adec;
}


/*.tab-pane.about-content  span.icon-inside.orange{

  color: #f7ac3d;

}

.tab-pane.about-content  h4.title-inside.orange{

  color: #f7ac3d;

  }*/

  .tab-pane.about-content  h4.title-inside{

   color: #ffffff;

   font-size: 16px;

   margin: 0;



   text-transform: uppercase;

 }

 .tab-pane.about-content .drop-icon {

  display: flex;

  align-items: center;

  transition: all 0.3s linear;

  -webkit-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

}

.tab-pane.about-content  .about-icon-section {

  text-align: center;

  left: -50px;

  position: relative;

}

.tab-pane.about-content  .drop-icon.middle:before{

	left: 150px;

  opacity: 1;

  /*z-index: 1;

  color: #fff;*/

}

.tab-pane.about-content .about-content.middle {
  left: 47%;
  z-index: 2;
}

.tab-pane.about-content .drop-icon.end:before {
  right: -15px;
  z-index: 0;
  opacity: 0.5;
}
.tab-pane.about-content .about-content.end {
  left: 435px;
}


section.connect-section {

  margin-top: 60px;

  margin-bottom: 50px;

}

.connect-wrapper {

  position: relative;

  margin-bottom: 50px;

}

.connect-div {

  border-top: 5px solid #dd9326;

  width: 270px;

  margin: 0 auto;

  z-index: 2;

  background: #fff;

  position: absolute;

  bottom: -40px;

  left: 0;

  right: 0;

  padding-top: 12px;

  padding-bottom: 10px

}

.connect-img-wrapper img {

  margin: 0 auto;

  display: block;

}

.connect-div {

  border-top: 7px solid #bf1e2e;

  width: 270px;

  margin: 0 auto;

  display: flex;

  text-align: center;

  transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  box-shadow: 0px 1px 5px #ccc;

}

.connect-wrapper .connect-div span {

  color: #053677;

  font-size: 40px;

  margin-right: 10px;

}

h3.connect-heading a {

  color: #053677;

  font-size: 21px;



}

h3.connect-heading a:hover {
  color: #053677 !important;
}

li.listno {
  align-items: center;
}
h3.connect-heading{

  display: inline-flex;

  align-items: center;

  margin-top: 10px;

}

.connect-text-wrapper {

  margin: 0 auto;

  display: flex;

}

.connect-wrapper:hover .connect-div{

	transform: translateY(-5px);

  -moz-transform: translateY(-5px);



  transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

}

/*********about page******/

section.banner.resources{

  height: 182px;

}

section.banner {

  background-position:center;

  background-size: cover;

  height: auto;

  background-repeat: no-repeat;

  /*   background-attachment: fixed;*/

}

h1.banner-heading {
  font-size: 36px;
  color: #fff;
  margin-top: 11%;
  /* padding-top: 30px; */
}

section.banner .banner-text {

  text-align: center;

}

.banner-arrow {

  text-align: center;

  background: #fff;

  width: 50px;

  margin: -20px auto;

  padding: 5px 0px;

  border-top-left-radius: 150px;

  border-top-right-radius: 150px;

  margin-top: 10%;

  /*    position: absolute;

  left: 50%;*/

}


a.below_icon{

  cursor: pointer;

}

.banner-arrow span {

  font-size:35px;

  color: #053677;

  transition: all 0.3s linear;

  -webkit-transition: all 0.3s linear;

  transition-delay: 0.2s;

}

#banner-image-about {
  background-image: url(../images/about-banner.webp);
  height: 350px;
  background-size: cover;
}
#banner-image-disclaimer {
  background-image: url(../images/disclaimer-banner.webp);
  height: 350px;
  background-size: cover;
}
#banner-image-conditions {
  background-image: url(../images/term-conditions.jpg);
  height: 350px;
  background-size: cover;
}
#banner-image-privacy {
  background-image: url(../images/privacy-policy.webp);
  height: 350px;
  background-size: cover;
}

 
#banner-image-sitemap {
  background-image: url(../images/sitemap-banner.webp);
  height: 350px;
  background-size: cover;
}
/*#banner-image-sitemap {
  background-image: url(../images/banner-image-sitemap.webp);
  height: 350px;
  background-size: cover;
}*/

#testimonial4,#testimonial5{

  overflow: hidden;

  min-height: 300px;

  position: relative;

  background:transparent;

}

#testimonial4 .carousel-inner{

  width: 100%;

  margin: auto;

}

#testimonial4 .carousel-inner:hover{

  cursor: -moz-grab;

  cursor: -webkit-grab;

}

#testimonial4 .carousel-inner:active{

  cursor: -moz-grabbing;

  cursor: -webkit-grabbing;

}

#testimonial4 .carousel-inner .item{

  overflow: hidden;

}



.testimonial4_indicators .carousel-indicators{

  left: 0;

  margin: 0;

  width: 100%;

  font-size: 0;

  height: 20px;

  bottom: 15px;

  padding: 0 5px;

  cursor: e-resize;

  overflow-x: auto;

  overflow-y: hidden;

  position: absolute;

  text-align: center;

  white-space: nowrap;

  display: none;

}

.testimonial4_indicators .carousel-indicators li{

  padding: 0;

  width: 10px;

  height: 10px;

  border: none;

  text-indent: 0;

  margin: 2px 3px;

  cursor: pointer;

  display: inline-block;

  background: #ffffff;

  -webkit-border-radius: 100%;

  border-radius: 100%;

}

.testimonial4_indicators .carousel-indicators .active{

  padding: 0;

  width: 10px;

  height: 10px;

  border: none;

  margin: 2px 3px;

  background-color: #000;

  -webkit-border-radius: 100%;

  border-radius: 100%;

}

.testimonial4_indicators .carousel-indicators::-webkit-scrollbar{

  height: 3px;

}

.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb{

  background: #eeeeee;

  -webkit-border-radius: 0;

  border-radius: 0;

}

.testimonial-arrows-container {

  float: right;

}

.testimonial4_control_button .carousel-control{

  top: 0;

  opacity: 1;

  width: 40px;

  bottom: auto;

  height: 50px;

  font-size: 50px;

  cursor: pointer;

  font-weight: 700;

  overflow: hidden;

  line-height: 38px;

  text-shadow: none;

  text-align: center;

  position: relative;

  background: transparent;

  text-transform: uppercase;

  -webkit-border-radius: 100%;

  border-radius: 100%;

  -webkit-box-shadow: none;

  box-shadow: none;

  -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);

  transition: all 0.6s cubic-bezier(0.3,1,0,1);

  float: left;

}

.testimonial4_control_button .carousel-control.left{

  left: 0%;

  right: auto;

}

.testimonial4_control_button .carousel-control.right{

  right: 0%;

  left: auto;

}

/*.testimonial4_control_button .carousel-control.left:hover,

.testimonial4_control_button .carousel-control.right:hover{

  color: #000;

  background: transparent;

  border: 2px solid #000;

  }*/

  .testimonial4_control_button span{

    color: #ce8f30;

  }

  .testimonial4_header{

    top: 0;

    left: 0;

    bottom: 0;

    width:85%;

    display: block;

    position: relative;

  }

  .testimonial4_header h4{

    color: #053677;

    font-size: 36px;

    position: relative;





  }

  .testimonial4_slide{

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width:100%;

    margin: auto;

    padding:5px 10px 5px 0px;

    position: relative;

  }



  .testimonial4_slide p {

    color: #a19d9d;

    font-size: 16px;

    line-height: 25px;

    

  }

  .testimonial4_slide h3{

    color: #9d622a;

    font-size: 23px;

    position: relative;





  }

  .testimonial4_slide h4 {

    color: #000;

    font-size: 24px;

    font-weight: bold;

  }





  @media only screen and (max-width: 480px){



    .testimonial4_header{

      width: 100%;

    }

    .testimonial4_header h4{

      font-size: 20px;

      text-align: center;

    }

    .testimonial4_slide{

      width: 98%;

      padding: 5px;

    }

  }



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

    .testimonial4_control_button .carousel-control.left{

      left: 2%;

    }

    .testimonial4_control_button .carousel-control.right{

      right: 2%;

    }

    .testimonial4_header{

      width: 95%;

    }

    .testimonial4_slide{

      width: 98%;

      padding: 5px;

    }

  }



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

    .testimonial4_control_button .carousel-control.left{

      left: 5%;

    }

    .testimonial4_control_button .carousel-control.right{

      right: 5%;

    }

  }



  @-webkit-keyframes psBoxShadowEffect_2{

    0% {

      opacity: 0.3;

    }

    40% {

      opacity: 0.5;

      -webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);

    }

    100% {

      -webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #ffffff, 0 0 0 5px rgba(255,255,255,0.5);

      -webkit-transform: scale(1.5);

      opacity: 0;

    }

  }

  @keyframes psBoxShadowEffect_2{

    0% {

      opacity: 0.3;

    }

    40% {

      opacity: 0.5;

      box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);

    }

    100% {

      box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #ffffff, 0 0 0 5px rgba(255,255,255,0.5);

      transform: scale(1.5);

      opacity: 0;

    }

  }





  /********css start**********/

  section.about-tab-section ul.nav.nav-pills li a{

    font-family: 'Poppins', sans-serif;

    font-size: 18px;

    color: rgba(203, 135, 34, 0.38) ;

    background: #fff;

    padding: 0px;

  }

  section.about-tab-section ul.nav.nav-pills li {

   padding: 40px 0px;

   color: rgba(203, 135, 34, 0.38) ;

 }

 section.about-tab-section .nav-pills>li.active>a{

  color: #c78343!important;

}

/*.nav-pills>li.active>a, 

.nav-pills>li.active>a:focus, 

.nav-pills>li.active>a:hover{

  color: #c78343!important;

  }*/

  section.about-tab-section ul.nav.nav-pills li a:hover{

    color: #c78343 !important;

  }

/*section.about-tab-section ul.nav.nav-pills li:first-child{

  border-bottom: 1px solid #f4e6d1;

  }*/

  .about-img-wrapper img {

    margin: 0 auto;

  }



  /*********parallaxing********/

  section.about-counter .parallax-container{

    height:370px !important;

    width: 100%;

  }

  section.about-counter .parallax-container {

    position: relative;

    overflow: hidden;

  }

  section.about-counter.parallax-container  .parallax{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: -1;

  }

  section.about-counter .parallax-container .parallax img {

    position: absolute;

    left: 50%;

    bottom: 0;

    right: 0;

    width: 100%;

    min-width: 100%;

    min-height: 100%;

    -webkit-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    display: flex;

  }

  section.about-counter .parallax-content-wrapper {

    position: absolute;

    top: 12px;

    left: 5%;

    right: 5%;

  }

  /****************************/

  section.about-counter {

    background-image: url(../images/about-counter.jpg);

    background-attachment: fixed;

    background-size: cover;

    background-position: center;

    padding-bottom: 10px;
    display: none;

  }

  section.about-tab-section {

    padding: 70px 0px 60px 0px;

  }

  section.about-counter .counter-no-wrapper {

    display: inline-block;

  }

  .counter-about-wrapper.align-text-left {

    text-align: left;

  }

  .counter-about-wrapper.align-text-right {

    text-align: right;

  }

  section.about-counter .counter-about-wrapper {

    padding: 30px 0px;

  }

  section.about-counter span.plus-icon {



    color: #fff;

    font-size: 50px;

    padding-top: 10px;

  }

  section.about-counter .counter-no-wrapper h4 {



    color: #fff;

    font-size: 15px;

    text-transform: uppercase;

    text-align: left;

    margin-top: -10px;

  }

  section.about-counter .counter-no-wrapper.text-right {

    text-align: right !important;

  }



  section.about-counter .text-title-wrapper{

    text-align: center;

    margin-top: 35%;

  }

  section.about-counter h3.title-highlight {



    color: #fff;

    font-size: 35px;

  }

  section.about-counter span.icon-WHITE-LOGO-ONLY {

    font-size: 50px;

  }

  section.about-counter .counter-no-wrapper span.count {

    font-size: 47px;

    color: #ffffff;

  }

  section.about-profile {

    background-image: url(../images/profile-back.jpg);

    height: auto;

    background-position: center;

    background-size: cover;

  }

  .counter-about-wrapper span.icon{

    font-size: 85px;

    color: #fff;

    padding: 0px 10px;

  }

  .counter-about-wrapper span.icon-global.icon {

    font-size: 70px;

  }

  section.about-counter span.icon-883652{

    font-size:100px !important;

    padding: 0px;

    margin-left: -10px;

  }

  section.about-profile h3.profile-heading {


    color: #994e0c;

    font-size: 45px;

    margin-bottom: 30px

  }

  section.about-profile p.profile-content {

    color: #555352;

    font-size: 16px;



    line-height: 25px;

    padding-bottom: 20px;

  }

  section.about-profile .profile-text-wrapper {

    padding: 50px 0px 60px 0px;

  }

  section.about-profile span.text-brown {

    color: #994e0c;


  }

  section.about-profile .profile-img-wrapper {

    margin-top: 90px;

  }



  /***********services page *************/

  #banner-image-services{

    background-image: url(../images/service-banner.webp);
   height: 350px;
   background-size: cover;
  }

  #banner-image-resources{
   background-image: url(../images/resources-banner-newlightshipping.webp);
   height: 350px;
   background-size: cover;
 }
 section.map {

  margin-bottom: -5px;

}

section.about-counter.services-page {

  background-image: url(../images/services-counter.jpg);

  background-attachment: fixed;

  position: relative;

  width: 100%;

  background-position: center;

  background-size: cover;

}

section.about-counter.services-page .counter-padding {

  padding-top: 20px;

  padding-bottom: 0px;

}

section.about-counter.services-page .counter-about-wrapper {

  display: flex;

}

section.about-counter.services-page .parallax-container{

  height: 205px !important;

}

section.about-counter.services-page .counter-no-wrapper span.count{

  color:#053677;

}

section.about-counter.services-page span.plus-icon{

 color:#053677;

}

section.about-counter.services-page .counter-about-wrapper span.icon{

  color: #053677 !important

}

section.about-counter.services-page .counter-no-wrapper h4{

  color: #053677;

  margin-top: 0;

  font-size: 14px;

}

section.about-counter.services-page span.icon-883652{

  font-size: 100px !important;

  margin-top: -15px;

}

section.about-counter.services-page span.icon-global.icon {

  font-size: 70px;

}

section.about-counter.services-page .parallax-content-wrapper{

  top: 20px;

  left: 17%;

  right: 16%;

}



.services-tab-section .tabs-left{

  border-bottom: none;

  padding-top: 0;

}

.services-tab-section .tabs-left>li{

  float: none;

  margin-bottom: 0;

}

.services-tab-section .tabs-left>li {

  margin-right: -1px;

}

.services-tab-section .tabs-left>li.active>a,

.services-tab-section .tabs-left>li.active>a:hover,

.services-tab-section .tabs-left>li.active>a:focus {

  border-bottom-color: #ddd;

  border-right-color: transparent;

  background: #053677 !important;

  color: #fff !important;

}

.services-tab-section .tabs-left>li.active>a h4{

  color: #fff;

}

.services-tab-section .tabs-left>li.active>a span.icon{

  color: #fff;

}

/*.services-tab-section .tabs-left>li.active>a:before {

  content: '';

  width: 0;

  height: 0;

  border-top: 10px solid transparent;

  border-left: 10px solid #053677;

  border-bottom: 10px solid transparent;

  right: -10px;

  position: absolute;

  top: 40%;

  z-index: 3;

}
*/
.services-tab-section .tabs-left>li>a{

  border-radius: 1px;

  margin-right: 0;

  display:block;

}

.services-tab-section .nav-tabs.tabs-left>li>a{



  color: #053677;

  font-size: 14px;

  text-align: center;

  padding: 15px 0px 15px 0px;

}

.services-tab-section .nav-tabs.tabs-left>li>a:hover h4,

.services-tab-section .nav-tabs.tabs-left>li>a:focus h4{

  background: transparent;

  color:#fff !important;

}
.services-tab-section ul.nav.nav-tabs.tabs-left li h4 {
  min-height: 40px;
  font-size: 13px;
  text-align: center;
  font-weight: 400;
  color: #053677;
}
.services-tab-section ul.nav.nav-tabs.tabs-left li {

  width: 38%;

  float: left;

  margin-bottom: -3px;

}

.services-tab-section ul.nav.nav-tabs.tabs-left li.active span.icon{
  color:#fff;
}


.services-tab-section .nav-tabs.tabs-left>li>a:hover{
  color: #053677 !important;
  background-color:#053677 !important;
}
.services-tab-section .nav-tabs.tabs-left>li>a:hover span{
  color:#fff !important;
}
.services-tab-section ul.nav.nav-tabs.tabs-left li span.icon{

  color: #053677;

  display: block;

  font-size: 60px !important;

  min-height: 70px;

  height: 70px;

  padding-top: 5px;

}

.services-tab-section ul.nav.nav-tabs.tabs-left li.back-dark-tab a{

  background: #f5f6f3;

}

.services-tab-section ul.nav.nav-tabs.tabs-left li.back-light-tab a{

  background: #f5f6f3;

}



.services-tab-section h3.tab-heading {

  color: #053677;



  font-size: 28px;

  padding: 20px 0px 10px;

  margin-bottom: 0px

}

.services-tab-section p.tab-content {

  color: #a19d9d;

  font-size: 16px;



}

.services-tab-section h3.tab-sub-heding{

  color: #cb8722;



  font-size: 20px;

  margin-top: -5px;

}

h3.tab-sub-heding.spacing {

  margin-top: -15px;

}

ul.services-listing {

  margin: 0;

  padding: 0;

}

ul.services-listing li {
  color: #a8a5a5;
  font-size: 16px;
  list-style-type: disc;
  font-weight: 300;
  margin-left: 20px;
}

/*ul.services-listing li:before{

   font-family: 'icomoon';

    font-style: normal;

    font-weight: normal;

    content: "\e93b";

    margin-right: 10px;

    color: #72402b;

    }*/

    .services-tab-section .services-img-wrapper img {

      border-top: 10px solid #053677;

      padding: 0px 10px;

      border-bottom: 10px solid #053677;

    }

/*.services-tab-section .services-img-wrapper {

    margin: 35px 0px;

}
*/
.services-tab-section  ul.nav.nav-tabs.tabs-left{

  position: sticky;

  top: 0;

}

section.services-tab-section .carousel-control{

  top:-40px !important;



}

section.services-tab-section .carousel-inner{

  width: 95%;

  top: -50px;

}

section.services-tab-section #services-freight-forwarding .carousel-inner{

  width: 95%;

  top: -50px;

}

section.services-tab-section #services-freight-forwarding .carousel-control{

  top: 0px !important;

}

/*****for mobile view **************/

.nav-tabs-dropdown {

  display: none;

  border-bottom-left-radius: 0;

  border-bottom-right-radius: 0;

}



.nav-tabs-dropdown:before {

  content: "\e114";

  font-family: 'Glyphicons Halflings';

  position: absolute;

  right: 30px;

}

.services-tab-section .well{

  background: none;

  min-height: 100%;

  padding: 0;

  margin-bottom: 0;

  border: 0;

  box-shadow: none;

}



/***************contact us page ****************/

#banner-image-contact{

  background-image: url(../images/contact-us-banner.webp);
  height:350px;
  background-size:cover;

}

section.contact-form-section {

  padding-top: 25px;

  padding-bottom: 30px;

}

section.contact-form-section ul.contact-list-main li {

  display: flex;

  padding-bottom: 10px;

}

section.contact-form-section ul.contact-list-main li p {
  font-size: 17px;
  color: #4b4646;
  /* text-align: right; */
  width: 80%;
  margin-left: 23px;
}

section.contact-form-section ul.contact-list-main li a{

  color: #5f5454;
  display: block;

}

section.contact-form-section ul.contact-list-main li a:hover {

 color:#053677 !important;

}

section.contact-form-section ul.contact-list-main li span{

  text-align: center;

  font-size: 30px;

  background: #fff;

  box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.1);

  padding: 12px 15px;

  margin-left: 15px;

  color: #053677;

}

section.contact-form-section .icon-box.first{

  margin: 0px 0px 0px 0px;

}

section.contact-form-section .icon-box {

  margin: -5px 0px 10px 0px;

  align-items: flex-start;

  vertical-align: middle;

  display: flex;

}

section.contact-form-section h3.contact-heading {
  color: #053677;
  font-size: 30px;
  padding-bottom: 35px;
}

/*section.contact-form-section h3.contact-heading.left-text {

    text-align: right;

    }*/

    /*****************form animation***********/

    .form-control {

      border-radius: 0;

      box-shadow: none;

      border-color: #053677;

    }

    .form-control:focus {

      box-shadow: none;

      border-color: #053677 !important

    }

    .form-control::-moz-placeholder,

    .form-control:-ms-input-placeholder,

    .form-control::-webkit-input-placeholder {

      color: #bbb;

      opacity: 1;

    }

    .form-control:not(select) {

      -webkit-appearance: none;

      -moz-appearance: none;

      appearance: none;

    }





    /* BOTTOM BARS ================================= */

    .bar    { position:relative; display:block; width:300px; }

    .bar:before, .bar:after {

      content:'';

      height:2px; 

      width:0;

      bottom:1px; 

      position:absolute;

      /*background:rgb(201, 142, 28);*/

      transition:0.2s ease all; 

      -moz-transition:0.2s ease all; 

      -webkit-transition:0.2s ease all;

      border: none;

    }

    .bar:before {

      left:50%;

    }

    .bar:after {

      right:50%; 

    }



    /* active state */

    .form-control:focus ~ .bar:before, .form-control:focus ~ .bar:after {

      width:50%;

    }



    /* HIGHLIGHTER ================================== */

/*.highlight {

  position:absolute;

  height:60%; 

  width:100px; 

  top:25%; 

  left:0;

  pointer-events:none;

  opacity:0.5;

}
*/


/* active state */

.form-control:focus ~ .highlight {

  -webkit-animation:inputHighlighter 0.3s ease;

  -moz-animation:inputHighlighter 0.3s ease;

  animation:inputHighlighter 0.3s ease;

}

label {

 color: #1d1c1c;

 font-weight: normal;

 position: absolute;

 pointer-events: none;

 left: 20px;

 top: 0px;

 transition: 0.2s ease all;

 -moz-transition: 0.2s ease all;

 -webkit-transition: 0.2s ease all;

}



/**********************end here********************/

#contact_form input.form-control {

  display: block;

  border: none;

  border-bottom: 1px solid #d0cbcb;

}

#contact_form label {



  font-size: 16px;

  color: #a19d9d;

}

#contact_form textarea.form-control {

  height: auto;

  border: none;

  border-bottom: 1px solid #d0cbcb;

}

#contact_form .form-group {

  margin-bottom: 40px;

}

input.btn.square-button:hover {

 background: #6d3a24;

 border: 1px solid #6d3a24;

 color: #fff;

 box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);

 -webkit-transform: scale(1.1);

 transform: scale(1.1);

}

input.btn.details-btn {

  margin: 0px 10px;

}

input.btn.square-button{

 color: #fff;



 font-size: 14px;

 text-transform: uppercase;



 width: 90px;

 line-height: 40px;

 height: 40px;

 background:#f28d00; 

 -webkit-transform: perspective(1px) translateZ(0);

 transform: perspective(1px) translateZ(0);

 box-shadow: 0 0 1px transparent;

 -webkit-transition-duration: 0.3s;

 transition-duration: 0.3s;

 -webkit-transition-property: box-shadow, transform;

 transition-property: box-shadow, transform;

}

.button-section {

  text-align: center;

}

.button-section .btn{

  padding: 0;

  border-radius: 0;

}

/*.square-button{

    line-height: 40px;

    height: 40px;

    text-align: center;

    margin-right: auto;

    margin-left: auto;

    width: 90px;

    cursor: pointer;

}

.button-grey{

        margin-right: 10px;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    border: 1px solid #cfd0d0;

    position: relative;

    background: #f28d00 

    }*/

/*.button-grey span{

    z-index: 2; 

    display: block;

    position: absolute;

    width: 100%;

    height: 100%; 

    color: #fff;

     font-family: 'Poppins', sans-serif;

    font-size: 14px;

    text-transform: uppercase;  

}

.button-grey::before{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 0%;

    height: 100%;

    z-index: 1;

    opacity: 0;

    background-color: #cb8722;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;



}

.button-grey:hover::before{

    opacity: 1;

    width: 100%;

    }*/

    ul.contact-list-main{

      border-left: 1px solid #f0f0f0;

    }



    input.form-control.captcha {

      border: 1px solid #000;

      width: 250px;

      height: 42px;

      background: #f4f3f3;

      border-bottom: 0 !important;

      color: #72402b !important;

      text-align: center;

      text-transform: uppercase;

    }

    .form-group.captcha-box {

      background: #fff;

      box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.1);

      padding: 20px 15px;

      margin-top: 30px;

    }

    .form-group.captcha-box i.fa.fa-repeat.captcha.animated.repeat {

      color: #cb8722;

      font-size: 25px;

      float: left;

    }

    .form-group.captcha-box button.captcha.animated.repeat {

      float: right;

      background: #fff;

      border: 0;

      margin: 10px 0px;

      display: inline-grid;

    }

    .form-group.captcha-box img.img-captcha {

      display: inline-flex;

    }

    .form-group.captcha-box span.reload {

      color: #72402b;



      font-size: 13px;

    }

    /*------------------resources page-------------------*/



    /*******metric conversion********/

    section.resources-page h1 {

      color: #053677;

     

      font-size: 30px;



    }

    .resources-page p{

      color: #000;

      font-size: 16px;



    }

    .resources-page h2{

      color: #053677;

      font-size: 25px;

      position: relative;





    }
    .resources-page ul li {
      color: #000;
      list-style-type: circle;
      line-height: 27px;
      font-weight: 300;
      font-size: 16px;
    }

    .resources-page  ul li a{

     color: #053677;

   }

   ul strong{



    color: #053677;

  }

  .resources-page  ul li a:hover,

  .resources-page  ul li a:focus{

    color: #6d3a24 !important;

  }

  .resources-page  h4 {

    margin-left: 20px;



    color: #053677;

  }

  h4.distance-calculator-heading {

    margin-top: 20px;

  }

  .resources-page th{

    color: #000;

    font-size: 16px;



  }

  table.ocean-border {

    border-bottom: 1px solid #ddd !important;

  }

  .resources-page button.btn.btn-primary{

    background: #053677;

    border: 1px solid #053677;

    border-radius: 1px;

  }

  .resources-page button.btn.btn-primary:hover, .resources-page button.btn.btn-primary:focus {
    background: #fff;
    color: #053677;
  }

  .inco-terms-page h4 {

    margin-left: 0px;

  }
  section.metric-conversion.resources-page ul {
    padding-left: 20px !important;
  }
  .INCO ul {
    padding: 0;
    padding-left: 10px;
  }
  .INCO ul li {
    font-size: 15px;
  }
  .INCO ul li {

    list-style-type: none;

  }
  .common-page .footer-list a:hover{
    color:#000 !important;
  }

  #directionpanel {

    margin-bottom: 40px;

  }

  /*mertic ocnversion */

  #colms {

    background-color: #FFF;

    padding: 5px 00px 5px 30px;

    min-height: 400px;

  }

  .comparisonTable .innertxt{ color:#666; font-size: 14px;}

  .comparisonTable .buttn{ background-color:#053677; border:none; padding:5px;  color:#FFF; cursor:pointer; font-size: 14px;}

  .comparisonTable .textR strong{ font-size:22px; color:#053677; text-transform:uppercase;}

  .comparisonTable .textR strong span{ color:#666;}

  .comparisonTable .data{ text-transform:uppercase; color:#666;}

  .comparisonTable{

    margin-left:-25px;

    background: #eaeaea; /* Old browsers */

    background: -moz-linear-gradient(top, #eaeaea 0%, #fbfbfb 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#fbfbfb)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #eaeaea 0%,#fbfbfb 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #eaeaea 0%,#fbfbfb 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #eaeaea 0%,#fbfbfb 100%); /* IE10+ */

    background: linear-gradient(top, #eaeaea 0%,#fbfbfb 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-9 */

  }

  .comparisonTable table{

    width: 100%;

    margin-bottom: 20px;

    text-align: left; 

    border: 1px solid #e4e4e4;

    background: #f5f5f5; /* Old browsers */

    background: -moz-linear-gradient(top, #fff 0%, #fdfdfd 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#fdfdfd)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #fff 0%,#fdfdfd 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #fff 0%,#fdfdfd 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #fff 0%,#fdfdfd 100%); /* IE10+ */

    background: linear-gradient(top, #fff 0%,#fdfdfd 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fdfdfd',GradientType=0 ); /* IE6-9 */

  }

  .comparisonTable table td th{

    vertical-align: middle;

  }

  .comparisonTable table tbody{

    font-size: 12px;

  }

  .comparisonTable table td{

    padding: 12px;

    text-align: center;

    border: 1px dotted #e4e4e4;

  }

  .comparisonTable table th{

    padding: 15px;

    text-align: center;

    font-weight: normal;

    background: #f5f5f5; /* Old browsers */

    background: -moz-linear-gradient(top, #f7f7f7 0%, #efefef 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#efefef)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #f7f7f7 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #f7f7f7 0%,#efefef 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #f7f7f7 0%,#efefef 100%); /* IE10+ */

    background: linear-gradient(top, #f7f7f7 0%,#efefef 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */

    -webkit-box-shadow: inset 0 1px 0 #fff;

    -moz-box-shadow: inset 0 1px 0 #fff;

    box-shadow: inset 0 1px 0 #fff;

  }

  .chrome{

    background: #f5f5f5; /* Old browsers */

    background: -moz-linear-gradient(top, #f7f7f7 0%, #efefef 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#efefef)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #f7f7f7 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #f7f7f7 0%,#efefef 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #f7f7f7 0%,#efefef 100%); /* IE10+ */

    background: linear-gradient(top, #f7f7f7 0%,#efefef 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */

    -webkit-box-shadow: inset 0 1px 0 #fff;

    -moz-box-shadow: inset 0 1px 0 #fff;

    box-shadow: inset 0 1px 0 #fff;

  }

  .comparisonTable tfoot tr td{

    padding: 12px;

    text-align: center;

    font-weight: normal;

    background: #fbfbfb;

  }

  .comparisonTable table tbody tr:hover{

    /*background-color: #fafafa;*/

  }

  .comparisonTable table tbody{

    color: #999;



  }

  .comparisonTable table thead{

    border-bottom: 1px solid #dedede;

    font-size: 14px;

    text-shadow: 0 1px 0 #fff;

    color: #999;

  }

  .comparisonTable table tfoot{

    border-top: 1px solid #dedede;

    font-size: 13px;

    font-style: italic;

  }

  .title {

    display: table;

    margin: 0 0 31px;

    overflow: hidden;

  }





  .title h2 {

    float: left;

    font-size: 16px !important;

    margin: 0 !important;

    padding: 0 8px 0 0 !important;

    display: table-cell;

    white-space: pre;

    color:#0084cc;

  }





  .comparisonTable tfoot tr td{

    padding: 12px;

    text-align: center;

    font-weight: normal;

    background: #fbfbfb;

  }

  .comparisonTable table tbody tr:hover{

    /*background-color: #fafafa;*/

  }

  .comparisonTable table tbody{

    color: #999;



  }

  .comparisonTable table thead{

    border-bottom: 1px solid #dedede;

    font-size: 14px;

    text-shadow: 0 1px 0 #fff;

    color: #999;

  }

  .comparisonTable table tfoot{

    border-top: 1px solid #dedede;

    font-size: 13px;

    font-style: italic;

  }
  .animate-form a.more-link {
    color: #fff;
    font-size: 16px !important;
    cursor: pointer;
    margin-top: 2px;
    margin-right: 8px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
  }
  .animate-form span.icon-circle-with-left-arrow2 {
    font-size: 20px;
    color: #000;
    cursor: pointer;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    margin-left:5px;
  }

  .know-more-div:hover span.icon-circle-with-left-arrow2 {
    margin-left:13px;
  }
  button.know-more-div {
    background: #01adf0;
    border: 0px;
    font-size: 15px;
    display: flex;
    color: #fff;
    padding: 8px 21px;
    border-radius: 30px;
  }

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

  .certification-wrapper .img-box {
    margin: 0px 5px;
  }
  .certification h2 {
    text-align: center;
    margin-bottom: 15px;
    font-size: 35px;
  }

  .certification{
    padding:0px 0px 60px;
  }

  .services-tab-section ul.nav.nav-tabs.tabs-left li.active h4 {
    color: #fff;
  }

  .certification-wrapper .img-box {
    margin: 0 auto;
    text-align: center;
    box-shadow: 0px 0px 5px 0px #ccc;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    margin: 10px;
    display: flex;
    align-items: center;
    height: 144px;
    justify-content: center;
    width: 33%;
    background: #fff;
  }

  .footer-logo img {
    width: 60%;
  }

  #home-carousel .carousel-inner>.item img {
    filter: brightness(0.7);
    width: 100%;
  }

  .services-tab-section .tab-pane {
    padding-top: 60px;
  }

  .contact-form-section ul.contact-list-main li a:hover{
    color:#053677 !important;
  }
  .banner{
    position:relative;
  }

  .banner:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000057;
    content: "";
  }
  .common-page {
    padding: 50px 0px;
  }

  .common-page h3{
    color:#000;
    font-size:20px;
  }
  .common-page .footer-list a {
    color: #000;
    font-size:16px;
  }

  .error-page img {
    width: 14%;
  }
  .common-page .error-btns {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .common-page .error-btns .common-btn {
    margin-right: 10px;
  }
  .thank-you img {
    width: 15%;
  }
  .thank-you .heading {
    font-weight: 700;
    font-size: 30px;
    margin-top: 20px;
  }
  .common-page .error-btns .common-btn {
    margin-right: 10px;
    background: #053677;
    padding: 10px 30px;
    color: #fff;
    border-radius: 50px;
  }


  div#cookieNotice {
    position: fixed;
    bottom: 0px;
    color: #fff;
    background: #0000007d;
    z-index: 4;
    width: 100%;
  }
  div#cookieNotice .content-wrap {
    padding: 15px;
  }
  .msg-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  div#cookieNotice .content-wrap p {
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    margin-bottom: 0px;
  }
  div#cookieNotice .btn-primary {
    color: #fff;
    background-color: #334470;
    border: 0;
    padding: 9px;
    font-size: 14px;
    display: flex;
    cursor: pointer;
    border-radius: 30px;
  }
  div#cookieNotice a.btn-primary {
    padding: 9px 19px;
    margin: 0px 7px;
    font-size: 14px;
  }

  #phonelable {top: -15px;}
  .intl-tel-input {width: 100%; margin-top: 10px;}
  .errors {color: red;}


  header li.hidden-xs span {
    font-size: 20px;
  }

  .tab-pane.about-content .drop-icon.middle:hover:before{
    opacity: 0.5;
  }

  .tab-pane.about-content .about-content.middle:hover span{
    color:#fff;
  }

  .tab-pane.about-content .about-content.middle:hover h4{
    color:#fff;
  }


  .services-img-wrapper img {
    width: 100%;
  }

  .services-img-wrapper {
    position: relative;
    left: -25px;
  }
  .services-tab-section .tab-pane .row{
    display: flex;
    flex-direction: row-reverse;
  }


  section.why-choose-us {
    background: #0536771a;
    padding: 48px 0px;
  }
  .why-choose-us h4 {
    color: #053677;
    font-size: 36px;
    position: relative;
  }
  .why-choose-us p {
    color: #053677;
    font-size: 16px;
    line-height: 25px;
  }
 .why-single h6 {
    font-size: 20px;
    color: #324570;
}
 .why-single {
    background: #fff;
    padding: 20px;
    height: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 28px;
    transition:all 0.5s ease-in-out;
}
.why-single:hover img {
    transform: scale(1.1);
}
  .home-certificate h2{
    color: #053677;
    font-size: 36px;
  }
  .home-certificate {
    padding: 40px 0px;
  }
  .about-certification{
    padding: 40px 0px;
  }
  .team .content h5 {
    font-size: 23px;
    margin-top: 21px;
  }
  .team .content p{
    font-size: 16px;
  }
  section.team img {
    box-shadow: 0px 0px 10px #ccc;
    width: 75%;
    margin: 0 auto;
    border: 8px solid #053677;
  }
  .team h2 {
    color: #053677;
    font-size: 36px;
    position: relative;
  }
  section.team {
    padding: 40px 0px;
  }
  section.team .row {
    margin-top: 36px;
    justify-content: center;
    display: flex;
  }
  .gallery{
    padding: 60px 0px;
  }
  .gallery-single {
    margin-bottom: 23px;
  }
  .gallery-single .img-wrapp img {
    height: 300px;
    object-fit: cover;
  }
  .career{
    padding: 60px 0px;
  }
  .career h2{
    color: #053677;
    font-size: 36px;
    position: relative;
  }
  .career p {
    color: #a19d9d;
    font-size: 16px;
    line-height: 25px;
  }
  section.opening {
    background: #02b0ea12;
    padding: 60px 0px;
  }
  .opening-box {
    background: #fff;
    box-shadow: 0px 0px 10px #ccc;
    padding: 22px 12px;
    cursor: pointer;
  }
  .opening-box h2 {
    margin: 0;
    margin-bottom: 6px;
    font-size: 22px;
    font-weight: 500;
  }
  .opening-box p {
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    margin-bottom: 0;
  }
  .opening-box a {
    color: #000;
    background: #053677;
    color: #fff;
    padding: 8px 8px;
    display: inline-block;
    margin-top: 13px;
  }
  .modal .intl-tel-input{
    margin-top: 0;
  }
  button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    background: #000;
    opacity: 1;
    color: #fff;
    padding: 4px;
    top: -7px;
    position: relative;
  }
  .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 26%;
    right: unset !important;
    left: 12% !important;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  }
  .carousel-caption h2 {
    font-size: 53px;
    text-align: left;
  }
  .carousel-caption p {
    font-size: 20px;
    text-align: left;
  }
  .common-btn {
    width: 152px;
    height: 46px;
    background: #314471;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 15px;
    transition: all 0.3s ease-in-out;
    position: relative;
    transform: perspective(1px) translateZ(0);
    transition-duration: 0.3s;
    overflow: hidden;
    outline: none;
    border-radius: 30px;
    cursor: pointer;
    color: #fff;
  }
  #banner-image-career{
    background-image: url(../images/career-breadcrum.webp);
    height: 350px;
    background-size: cover;
  }
  #banner-image-gallery{
    background-image: url(../images/gallery-banner.webp);
    height: 350px;
    background-size: cover;
  }
  .connect-section .row {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .why-single img {
    width: 21%;
    transition:all 0.5s ease-in-out;
}

.testimonial .item {
    /* border: 1px solid #000; */
    margin: 0 auto;
    width: 34%;
    margin-top: 70px;
    padding: 0px 20px 19px;
    background: #fff;
    height: 380px;
}
.testimonial .item img {
    width: 78% !important;
    /* margin: 0 auto; */
    /* margin-bottom: 19px; */
    /* margin-top: -50px; */
}
.testimonial .item h3 {
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    margin-top: 0px;
}
.testimonial .item p {
    font-size: 16px;
    text-align: center;
}
.testimonial {
    background: #EFF6F9;
    padding: 60px 0px;
}
.testimonial .item .img-box {
    background: #fff;
    height: 80px;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
    top: -41px;
    margin: 0 auto;
}
.testimonial h2 {
    color: #053677;
    font-size: 36px;
    position: relative;
}
.team .content p {
    font-size: 17px;
    /* font-weight: 500; */
}

.d-lg-none {
        display: none !important;
    }
  .common-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#07adec;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: all 0.3s ease-in-out;
    color: #fff;
}
.address-wrapper {
    display: flex;
    align-items: flex-start;
    margin-top: 10px;
}
.common-btn:hover{
    color: #fff !important;
    border:0px !important;
}
.common-btn:hover:before{
    transform:scaleX(1);
}

.nav-stacked>li+li {
    /* margin-top: 2px; */
    margin-left: 0;
}
li.listno.rpsl {
    margin-left: 18%;
    color: #000;
    /* font-weight: 600 !important; */
}




.img-wrapp:hover img{
  transform: scale(1.1);
}
.img-wrapp img{
  transition: all 0.3s ease-in-out;

}

.img-wrapp{
  position:relative;
  overflow:hidden;
}
.services-tab-section span img {
    width: 40%;
    /* height: 40px; */
    margin: 0 auto;
    filter: invert(15%) sepia(19%) saturate(7499%) hue-rotate(201deg) brightness(57%) contrast(89%);
}

.services-tab-section .tabs-left>li.active>a span img, .services-tab-section .tabs-left>li:hover a span img{
  filter: invert(100%) sepia(19%) saturate(28%) hue-rotate(97deg) brightness(106%) contrast(100%);
}
span.img-svg {
    width: 25%;
}
/*span.img-svg img{
filter: invert(15%) sepia(19%) saturate(7499%) hue-rotate(201deg) brightness(99%) contrast(99%);
}*/
.title-services {
    min-width: 55% !important;
}
.services-tab-section {
    padding-bottom: 60px;
}
.wrap-mission {
    display: flex;
    align-items: center;
}
.wrap-mission .vision:last-child{
background:#2e4b78;
}
.mission {
    background: #EFF6F9;
    padding: 80px 0px;
}
.vision {
    margin: 0px 20px;
}
.mision-img {
    background: #fff;
    padding: 13px 10px;
    border-radius: 49px;
}
/*.wrap-mission img {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    display: block;
}*/
.vision {
    background: #0fb1e9;
    padding: 45px 40px;
    border-radius: 70px;
    width: 68%;
    margin: 0px 10px;
    color: #fff;
    height: 397px;
}
.vision-wrapp {
    background: #009340;
    padding: 35px 30px;
    color: #fff;
    /* display: flex; */
    margin-top: -24px;
    z-index: 1;
    position: relative;
    top: -80px;
}

.wrap-mission img {
    width: 14%;
    margin-bottom: 10px;
}
.vision-wrapp .vision-single:last-child{
  width:100%;
}

.gallery-main {
    padding: 40px 0px;
}
.gallery-wrapp{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1vw;
}
.career-single {
    background: #fff;
    padding: 1px 10px 25px;
}
.career-single h2 {
    font-size: 20px;
}
.career-single .common-btn {
    font-size: 13px;
    width: 111px;
    height: 32px;
}
..gallery-single .img-wrapp:hover img {
    transform: unset;
}
p.valid-text {
    margin-bottom: 0;
    position: relative;
    top: 16px;
    left: 65px;
    font-weight: 400;
}