.contacts{ 
}
.contacts .contss{   
    margin-top:20%;
    background: var(--secondary);
    border: 1px solid rgba(14, 30, 37, 0.01);
}
.contacts .contss .contacts1{
    width: 80%;
    margin: -15% auto 2%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #fff;
    border-radius: 5px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.contacts .contss .contacts1  .contacts11{
    padding: 20px;
}

.contacts .contss .contacts1  .contacts11 h3{
   font-size: 30px;
   font-family: "Poppins", sans-serif;
   text-transform: capitalize;
   font-weight: 600;
   color: var(--secondary);
   animation:none;
}
.contacts .contss .contacts1  p{
   animation:none;
}
.contacts .contss .contacts1  .contacts11 form{
   margin:5% 0 0;
   width: 100%;
   border-radius: 5px;
   box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.contacts .contss .contacts1  .contacts11 form .form-group{
   padding: 0 20px;
   margin: 20px 0;
}
.contacts .contss .contacts1  .contacts11 form button{
   width: 100%;
   font-size: 18px;
   font-weight: 600;
}
.contacts .contss .contacts1  .contacts12{
    padding:40px 20px;
}
.contacts .contss .contacts1  .contacts12 h4{
    font-size: 25px;
    margin: 20px 0;
   font-family: "Poppins", sans-serif;
   text-transform: capitalize;
   font-weight: 500;
   color: var(--tertiary);
   animation:none;
}
.contacts .contss .contacts1  .contacts12 .address{
   display: flex;
   margin: 20px 0;
}
.contacts .contss .contacts1  .contacts12 .address a{
   text-decoration: none;
   color: #111;
}
.contacts .contss .contacts1  .contacts12 .address a:hover{
   color: var(--secondary);
   font-weight: 600;
}
.contacts .contss .contacts1  .contacts12 .address i{
   padding: 10px;
   margin: 0 20px;
   border-radius: 50%;
   box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.contacts .contss .contacts1  .contacts12 .img {
    width: 100%;
    height: 270px;
    margin: 30px auto 0;
    border-radius: 5px;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.contacts .contss .contacts1  .contacts12 .img img {
    width: 100%;
    height: 270px;
    border-radius: 5px;
}
@media(max-width:767px){
    .contacts .contss .contacts1  .contacts11 h3{
        font-size: 25px;
        font-weight: 600;
    }
    .contacts .contss .contacts1  .contacts11 p{
        font-size: 16px;
    }
    .contacts .contss .contacts1  .contacts12 h4{
        font-size: 20px;
    }
}
@media(max-width:450px){
    .contacts .contss .contacts1  .contacts11 h3{
        font-size: 20px;
        font-weight: 600;
    }
    .contacts .contss .contacts1  .contacts11 p{
        font-size: 14px;
    }
    .contacts .contss .contacts1  .contacts12 h4{
        font-size: 18px;
    }
    .contacts .contss .contacts1{
        width: 96%;
        margin: -15% auto 2%;
    }
    .contacts .contss .contacts1  .contacts11 form .form-group{
        padding: 0 ;
        margin: 20px 0;
    }
    .contacts .contss .contacts1  .contacts12 .address{
    }
    .contacts .contss .contacts1  .contacts12 .address i{
        margin: 0 20px 0 0;
    }
    .contacts .contss .contacts1  .contacts12 .img {
        height: 200px;
    }
    .contacts .contss .contacts1  .contacts12 .img img {
        height: 200px;
    }
}