body p{
    color:black;
  } .tpheader__info ul li i{
    color: #00A4E3 !important;
  }
  #myBtn {

		position: fixed;
		bottom: 70px;
		right: 15px;
		z-index: 99;
		font-size: 18px;
		border: none;
		outline: none;
		background-color: green;
		color: white;
		cursor: pointer;
		
		
		width: 40px;
		height: 40px ;
		border-radius: 50%;
		}
		.homemenu-thumb img{
      height: 100px;
    }
		#myBtn:hover {
		background-color: #555;
		}
  .tpheader__info ul li a{
    color: white !important;
  }.tpheader__info ul li:hover a{
    color: #00A4E3 !important;
  }
  .demo{
    display: none;
  }
  .tp-services-2__thumb img{ 
    height: 250px;
  }
  .location{
display: flex;flex-direction: column;justify-content: center;align-items: center;font-size: 20px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
padding: 10px;   position: relative;z-index: 9;
  } .location img{
   width: 80px;height: 80px;padding:5px;background-color: #00A4E3;margin-bottom: 10px;border-radius: 50%;

      }
      .dgft h1{
        text-align: center;
    }
    .dgft2 {
      box-shadow: 0px 4px 20px 0px rgba(35, 35, 49, 0.04);
     
    }
    .dgft1 p,.dgft3 p{
      text-align: justify;
      justify-content: start;
      padding:0 30px;padding-bottom: 50px;
    }
    .dgft3{
      margin-top: -118px;
    }
      .location:hover img{
        animation: swing1 1.5s linear ;
        -webkit-animation: swing1 0.5s linear ;
      }

      @-webkit-keyframes swing1 {
        0% {
          -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
          -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
          transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
        }
      
        40% {
          -webkit-transform: perspective(400px) translateZ(10px) rotateY(170deg) scale(1);
          -ms-transform: perspective(400px) translateZ(10px) rotateY(170deg) scale(1);
          transform: perspective(400px) translateZ(10px) rotateY(170deg) scale(1);
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
        }
      
        50% {
          -webkit-transform: perspective(400px) translateZ(50px) rotateY(190deg) scale(1);
          -ms-transform: perspective(400px) translateZ(50px) rotateY(190deg) scale(1);
          transform: perspective(400px) translateZ(50px) rotateY(190deg) scale(1);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
        }
      
        80% {
          -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
          -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
          transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
        }
      
        100% {
          -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
          -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
          transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
        }
      }
 .serv2{
     margin-top: 50px;
 }
  .serv1 h2{
    text-align:center;
    margin-top: 50px;
  }
  .serv2 img{
    width:100%;
    height:110%;
    position: relative;
    
  }
  .serv3 img{
    width:100%;
    height:110%;
 
    position: relative;
  }
  @media (max-width: 967px) {
.mobile-header{
  position: fixed;background-color: #fff;
}

  }
  @media (min-width: 967px) {
    .fancy-link{
      color: white !important;
    }
    .serv3 img{
      width:110%;
      height:110%;margin-left:-10%;
  }
  .serv2 img{
    width:110%;
    height:110%;
}
.inter2{
  position: relative;
}
.inter2 img{
  width:85%;position: absolute;z-index: 2;
}   
}.inter2 img{
  width:85%;
}   
  .airways,.seaways{
    margin-top: 50px;
    background-color:#00a3e3bb;
    padding: 30px;
    z-index:1;
    
  }
  .airways h3{
    text-align: center;
    margin-left:30px;
  }
  .seaways h3{
    text-align: center;
  }
  .airways p,.seaways p{
    text-align: justify;
    color:black;
   
    width:100%;
   
  }
  
  .serv4 img{
    width:100%;
 
    
  }
  .serv4 p{
    text-align: justify;
 
  }
  .serv4 h3{
    text-align: center;
  }  .services-image{
      display: flex;justify-content: center;flex-direction: column;align-items: center;
  }
  .services-image img{
      width:150px;
  
  }
  h4{
      margin-top: 50px;
      text-align: center;
  }
  .span1{
      color:gray;position: absolute;margin-top: -20px;
      font-size: 50px;
      opacity: 0.2;
      margin-left: -40px;
  }
  .fcl p{
    margin-top:-60px;
    color:black;
    padding:0 10px;width: 99%;
    
  }
  .fcl{
    background-color: #00a3e3bb;;position: relative;  
    z-index: 1;  margin:0 20px;
  }
  .breakbulk h3{
    text-align: center;
  }
  .breakbulk p{
    text-align: justify;
  }
  .courier{
    margin-top: 50px;
  }
  .courier h1{
    text-align: center;
  }
  .courier p{
    text-align: justify;
  }
  .international{
    background-image: url("../assets/img/services/road.jpg");background-color: #060606;background-size: cover;
  }
  .inter1{
    padding-top: 30px;
  }
  .international h4{
      color:#00A4E3;font-size: 18px;text-align: center;
  }
  .point1{
    background-color:white;
  
    border-radius: 20px;
    padding:0px 20px 10px 20px;
    text-align: justify;
  }
  .point2{
    background-color: white;
    margin-top:50px; margin-bottom:50px;
    
    border-radius: 20px;
    padding:0px 20px 10px 20px;text-align: justify;
  }
  .why ul{
    margin-top: 50px;
}
.why h1{
    text-align: center;
}

.why i{
    font-size: 20px;
    color:#0099cc;
    position: absolute;
    margin-left: -50px;
}

.why li{
    list-style: none;
    margin-left: 50px;
    font-size: 18px;
}



  .global{
      margin-top: 50px;
  }
  .customer img{
      margin-top: -180px;
      height:300px;
      width:400px;
  }
  .why li{
      list-style: none;
  }
  
  .airfreight img{
      height:400px;width:100%;
  }
  .domestic{
      margin-top:-80px;
  }
  .custom {
margin-top:50px;
text-align: center;
  }
  .custom i{
      font-size: 50px;
      color:#00A4E3;
      margin-bottom: 30px;
  }

 /* -------------------------------------- */
/*      vision and mission value          */
/* -------------------------------------- */


.visionmission 
{
  background-color: #00A4E3;
  text-align: justify;width: 99%;
  margin-left: 0px;
}
.visionmission p,h3{
  color: white;
}
.text p{
  margin-top: 10px;
  font-weight: 10px;
  font-size: 13px;
  text-align: justify;
}
.text h5 {
  margin-top: 10px;
  color: #00A4E3;
}
.textv h3{
  text-align: center;
  display: inline-block;
  font-size: 18px;
  font-weight: 800;
  position: relative;
  overflow: hidden;
  
} 
.ourvalue h4{

    color:#00A4E3;
}
.valuetopis{
    background-color: #fafafa;  border-bottom: 10px solid #060606;padding:10px;margin:10px
}
.valuetopis:hover{
    
    background-color: rgb(255, 255, 255);  border-bottom: 10px solid #00A4E3;padding:10px;margin:10px
}
.value h5{
    font-size: 20px;
    text-align: center;
}

.value p{
    font-size: 15px;
    text-align: justify;color: black;
}
.textsingle h2{
    
    text-align: center;
    padding: 10px;
  }

.quallity {

    text-align: justify;
}
.quallity h3{
    color: #00A4E3
}

.quallity P{
    text-align: justify;
    color: rgb(0, 0, 0);

}