/*********************contact****************/
#contact_top{
padding-top:40px;
padding-bottom:40px; 
 }
.contact_top2i {
background: rgba(255, 255, 255, 0.7);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-radius: 16px;
border: 1px solid rgba(12, 90, 219, 0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.contact_top2i:hover {
transform: translateY(-5px);
box-shadow: 0 12px 40px rgba(12, 90, 219, 0.12) !important;
}
#contact{
padding-top:40px;
padding-bottom:40px;
background: linear-gradient(135deg, #0c5adb 0%, #093f99 100%);
 }
.contact_2lil .form-control{
background: rgba(255, 255, 255, 0.08);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
height:50px;
font-size:18px;
color:#ccc; 
border-color: rgba(65, 95, 143, 0.5);
border-radius: 10px;
transition: border-color 0.3s ease, background 0.3s ease;
 }
.contact_2lil .form-control:focus {
background: rgba(255, 255, 255, 0.15);
border-color: rgba(12, 90, 219, 0.5);
box-shadow: 0 0 0 3px rgba(12, 90, 219, 0.1);
color: #eee;
 }
.contact_2l h5{
color:#99b5e3!important; 
 }
/*********************contact_end****************/


@media screen and (max-width : 767px){
.contact_top2i{
margin-top:10px;
padding: 20px 15px;
border-radius: 12px;
 }
.contact_top2i:hover {
transform: none;
}
#contact {
padding-top: 30px;
padding-bottom: 30px;
}
.contact_2lil .form-control {
height: 45px;
font-size: 16px;
border-radius: 8px;
}
 }
@media (min-width:768px) and (max-width:991px) {
.contact_top2i {
padding: 20px;
}
.contact_2lil .form-control {
height: 48px;
font-size: 16px;
}

 }
@media (min-width:992px) and (max-width:1200px) {

 }