/*********************contact****************/
#contact{
padding-top:40px;
padding-bottom:40px; 
 }
 .contact_1i {
    position: relative;
    padding: 20px;
    border: 2px solid #a89f7f;
    border-radius: 10px;
    transition: transform 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

.contact_1i:hover {
    transform: scale(1.05);
    border-color: #002A7E; 
}

.contact_1i h3 {
    color: #4C3A00;
    margin-bottom: 10px;
}

.contact_1i p {
    margin-bottom: 0;
}
.contact_2l{
background:#4C3A00;
padding:40px 20px; 
 }
/*********************contact_end****************/


@media screen and (max-width : 767px){
.contact_2r img{
width:100%;
margin-top:10px; 
 }
.contact_1i{
margin-top:10px;  
 }
 }
@media (min-width:768px) and (max-width:991px) {
.contact_1i h3{
font-size:18px; 
 }
.contact_2r img{
width:300px;
 }
 }
@media (min-width:992px) and (max-width:1200px) {
.contact_1i h3{
font-size:24px; 
 }
 }