.camp{
    background-image: url(../img/contact/banner.png);
    background-size: cover;
    
    
    
    
}
h1{
    font-size:60px;
}
.banner22{
   background-color: rgba(0, 0, 0, .8);
     background-size: cover;
    color: #fff;
    text-align: center;
    
   
    
}
.ban{
  padding: 180px;
}
.ach1{
    font-weight: bold;
    text-align: right;
    font-size: 50px;
}
.form-outline input{
    margin-bottom: 30px;
    background-color: #ececec6b;
}
.form-outline textarea{
    background-color: #ececec6b;
}
.form-outline{
    
    box-shadow: 10px 10px 10px 10px #d7dbde61;
    border-radius: 2px;
    padding: 20px;
    background-color: #ffff;
    transform: translate(4%, -27%);

 
}
.form-outline button{
align-content: left;
}
.num{
    font-weight: bold;
    font-size: 50px;
}
.txt{
    color: #00008b;
    justify-content: center;
    width: 50%;
    margin: 0 auto;
    
}
#free-live{
   color: #fff;
    background-color: #0b4d9d !important;
    margin-top: 10px;
}
.filetxt{
    font-size: small;
    color: #C0C0C0;
    text-align: left;
}
.head1{
    margin-top: 0px;
}
.us{
    box-shadow: 10px 10px 10px 10px  #d7dbde61;
    text-align: left;
    font-size: 18px;
    padding: 32px;
   
}
.ind{
    box-shadow: 10px 10px 10px 10px  #d7dbde61;
    text-align: left;
    font-size: 18px;
    padding: 20px;
    
}
#log{
    background: url(../img/contact/achback.png) no-repeat;
    background-size: 228px;
    background-position: bottom -8px right;
   
}
.achive{
        box-shadow: 0px 10px 20px 10px #fbfbfb;
        padding: 50px;
        border-top-left-radius: 60px;
        border-bottom-right-radius: 60px;
        background-color: #ffffff;
        font-size: 18px;
        
 }
.ourmis{
    background-color: #000000;
  
   
}
#quality{  padding: 20px;}
#quality p{
    color: #ffffff;
    width: 80%;
    margin: 0 auto;
   
   

}
#achead{text-align: center;}
#quality1{padding: 20px;}
#quality1 p{
    color: #ffffff;
    width: 70%;
    margin: 0 auto;
}
.line{
    width: 3px;
    color: #4c68b0;
    background-color: #4c68b0;
    height: 310px;
}
.query{
    margin-top: 30px;
    font-size: 17px;
}
.add{
    font-weight: bold;
    margin-top: 20px;
}
.achivement{
    margin-top: 45px;
}

.quesquery{
    margin-top: 35px;
}
#address{
    margin-top: 50px;
}
.country{
    margin-left: 20px;
}
#achimage{
    margin-top: 100px;
}
.trust{
    margin-top: 30px;
}
#client{
    margin-top: 50px;
}

.clhead{
    margin-top: 100px;
}
.kn img{padding: 10px;justify-content: space-around;margin: 0 auto;}
#exp1{text-align: center;}
#exp{
    margin-top: 40px;
}
.quer{
    margin-left:20px;
    color:#0b4d9d;
}
#climg{
    margin-top: 25px;
}
.cvideo{
    box-shadow: 10px 10px 10px 0px #e4e4eb;
    border: 1px solid #9d9d9d;
    padding: 25px;
}
.headcont{
    font-weight: bold;
    font-size: 50px;
}

.slick-prev:before {
  content: "⇠";
  font-family: 'FontAwesome';
  font-size: 30px;
}

.slick-next:before {
  content: "⇢";
font-family: 'FontAwesome';
  font-size: 30px;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
    .main{
        min-width:320px;
    }    
    .camp{
       width: 100%;
          min-width:320px;
    }
    .banner{
        background-color: rgba(0, 0, 0, .8);
     background-size: cover;
    
    }
    .ban{ padding:25px;}
    .ban h1{
        font-size: 30px;
        
       
    }
    .form-outline{
         transform: translate(0%, 0%);

    }
    .achead{
        text-align: center;
    }
    .ach1{
        text-align: center;
    }
    .d-flex{
        flex-wrap: wrap;
        text-align: center;
    }
    .line{
        display: none;
    }
    .headcont{
        margin-top: 70px;
    }
    .query{
        padding: 10px;
    }
    .us{
        text-align: center;
    }
    .ind{
        text-align: center;
    }
    .flex{
        display: flex;
    }
    .footer{
       
       text-align: left;
        
    }
    .df{
        display: flex;
    }
    .company img{
        width: 100%;
    }
    .exp{
        flex-wrap: wrap;
    }
    
    .form-outline{
        width: 0 auto;
    }
    iframe{
        width: 300px;
        height: 400px;
        outline: none;
    }
    .headcont{
        margin-top: 0px;
    }
    .ak{
        padding-left: 20px;
        text-align: left;
    }
    .navbar{
        z-index: -1;
        position: absolute;
    }
}
@media only screen and (min-width: 768px) {
    
     .company img{
        width: 100%;
    }
    .achive{
        padding: 25px;
    }
    .client{
        width: 100%;
    }
    .kn{
        flex-wrap: wrap;
    }
    .ak{
        padding: 10px;
    }
    
}