* {box-sizing: border-box;}

.font{
   font-family:'PT Sans', sans-serif !important;
   font-size: 16px;
    font-weight: normal;
      line-height: 1.3em;
  letter-spacing: 1.1px;
  color: #666666; 
  word-spacing: 2px;
}


.image {
  display: block;
  width: 100%;
  height: auto;
  padding:15px;
}

.imgeffect{
  position: relative;
  width: 100%;
}



.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  color:white;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: .3s ease;
  transition: .3s ease;
}

.imgeffect:hover .overlay {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.textphoto {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 17%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.service1p p{
      margin-top: 20px;
}

.service1p h2{
      margin-top: 20px;
      text-align:center; color:black;
      text-transform:capitalize;
}

.ourservice{

 background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5);
   -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  padding: 20px;
}

.ourservice p{
  font-size: 17px;
}

.ourservice h2{
  font-weight: bold;
  padding:20px;
}

.servicecontant{
   position: absolute;
  bottom: 16px;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: white;
  width: 78%;
  padding: 26px;
    margin-left: 15px;
}

.icon {
border-radius: 50%;
}

/* our service */
.airbanner{
  height:501px;
  background-image: url("../image/banner-3.jpg")! important;
  width:100%;
}

.seabanner{
   height:501px;
  background-image: url("../image/marine.jpg")! important;
  width:100%;
}

.custombanner{
  height:501px;
  background-image: url("../image/custombanner.jpg")! important;
  width:100%;
}

.marinebanner{
  height:501px;
  background-image: url("../image/marine insurance Service page.png")! important;
  width:100%;
}

.warehousing{
  height:501px;
  background-image: url("../image/warehousing.jpg")! important;
  width:100%;
}

.packaging{
  height:501px;
  background-image: url("../image/packaging.jpg")! important;
  width:100%;
}

.transportation{
   height:501px;
  background-image: url("../image/transportation.jpg")! important;
  width:100%;
  }

 .international{
   height:501px;
  background-image: url("../image/international.jpg")! important;
  width:100%;
  }

  .supplychain{
     height:501px;
  background-image: url("../image/supplychain.jpg")! important;
  width:100%;
  } 
/* endour service */

.font1 {
color:#ccc;
   font-family:'montserrat' !important;
 sans-serif; 
 font-weight:200px !important;
  font-size: 15px;
    font-weight: normal;
      line-height: 1.2em;
  letter-spacing: 1.1px;
  
  word-spacing: 2px;
}

.sidemenu {
   margin-top: 49px;
}
.sidemenu li{
      margin-top: 20px;
  display: block;
    padding: 5px 15px;
    font-size: 16px;
    color: #1d1d1d;
    border-radius: 5px;
    border-bottom: solid 1px #dbdbdb;
}

.sidemenu li :hover{

  display: block;
    padding: 5px 15px;
    font-size: 18px;
    background: #ac3f3e;
    color:white !important;
    border-radius: 5px;
    border-bottom: dotted 1px #ccc;
}

/*.sidemenu li.active  {
  background-color: #29166f !important;
  color:white !important;
}

.sidemenu li.active:hover  {
  background: #ac3f3e;
  color:white !important;
}*/

.info li{
       line-height: 1.2em;
        margin-top: 20px;
      padding: 5px 0px;
    border-bottom: solid 1px #dbdbdb;
    list-style-type: square;
}



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


.whatsapp-send {
    position: fixed;
    bottom: 2%;
    left: 2%;
    padding: 0px 10px;
    z-index: 99;
    background-color: #1f223e;
    border: 2px solid #fff;
    border-radius: 50px;
    
}

.contact-list2{
    padding-left:41%;
}
.contact-list2 li{
    float:left;
    color:red;
    list-style:none;
    padding:10px;
}

#contact h3{
   font-size: 24px;
    color: #910909;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 20px 0; 
}