/*
Template Name: It Serv
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************contact****************/
.contact_1li span {
font-size:30px;
}
.contact_1li{
box-shadow: 0 11px 27px rgb(0 9 71 / 13%);
padding: 30px 20px;
border-radius:24px;
 }
.contact_1r{
box-shadow: 0 11px 27px rgb(0 9 71 / 13%);
padding: 34px;
border-radius:24px;
background:#fff;
 }
.contact_1ril .form-control {
border-radius: 16px;
border-color: #0d94881f;
height: 48px;
margin-top:12px;
padding-left:16px;
}
.contact_1ril .form-control:focus,
.contact_1ril .form-select:focus {
border-color:#0D9488;
box-shadow: 0 0 0 0.2rem rgb(13 148 136 / 10%);
}
.contact_1ril .form-select {
border-radius: 16px;
border-color: #0d94881f;
height: 48px;
padding-left:16px;
}
.contact_1ril .area {
height:150px;
}
.track_card{
background:#fff;
border:1px solid #0d94881f;
border-radius:24px;
padding:30px 24px;
box-shadow: 0 8px 30px rgb(15 23 42 / 7%);
transition: all .3s ease;
height:100%;
 }
.track_card:hover{
box-shadow: 0 16px 40px rgb(13 148 136 / 14%);
transform: translateY(-6px);
 }
.track_card .track_icon{
width:56px;
height:56px;
line-height:56px;
text-align:center;
border-radius:16px;
background: linear-gradient(135deg, #0D9488 0%, #0F766E 100%);
display:inline-block;
margin-bottom:16px;
 }
.track_card .track_icon i{
font-size:26px;
color:#fff;
 }
.contact_heading h3{
font-size:34px;
 }
.contact_note{
font-size:15px;
color:#67687A;
 }
/*********************contact_end****************/


@media screen and (max-width : 767px){
.track_card{
margin-top:20px;
 }
.contact_1l {
text-align:center;
 }
.contact_1r{
margin-top:20px; 
 }
.contact_1r .form-control{
margin-bottom:15px; 
 }
.contact_1r h6{
text-align:center;  
 }
 }
@media (min-width:768px) and (max-width:991px) {
.contact_1li {
padding: 30px 10px;
}
.contact_1li span{
font-size:20px; 
 }
 }
@media (min-width:992px) and (max-width:1200px) {


 }