/*
Template Name: Hosp Life
File: Contact CSS
*/

/*********************contact****************/
#contact{
padding-top:60px;
padding-bottom:60px;
background: var(--off-white, #f8f8f5);
 }

.contact_section_title {
text-align: center;
margin-bottom: 40px;
}
.contact_section_title h2 {
font-family: 'Playfair Display', serif;
font-size: 32px;
color: var(--text, #1c1c1c);
margin-bottom: 8px;
}
.contact_section_title p {
color: var(--muted, #5a5a5a);
font-size: 15px;
}
.contact_section_title .hr_accent {
width: 48px;
height: 3px;
background: var(--gold, #c9913a);
border: none;
margin: 12px auto 16px;
display: block;
}

.contact_1{
margin-top:20px;
margin-bottom: 20px;
 }
.contact_1i{
background:#fff;
border-radius: 14px;
padding:30px 20px;
min-height:190px;
border: 1px solid var(--border, rgba(0,0,0,0.08));
box-shadow: 0 4px 20px rgba(0,0,0,0.06);
transition: all 0.3s;
margin-bottom: 16px;
 }
.contact_1i:hover {
transform: translateY(-4px);
box-shadow: 0 16px 40px rgba(26,158,117,0.12);
border-color: var(--green, #1a9e75);
 }
.contact_1i span{
background: var(--green-light, #e1f5ee);
width:70px;
height:70px;
text-align:center;
line-height:70px;
display:inline-block;
color: var(--green, #1a9e75);
border-radius:14px;
font-size:26px;
margin-bottom: 14px;
 }
.contact_1i h4 {
color: var(--text, #1c1c1c);
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 6px;
margin-top: 0;
font-family: 'DM Sans', sans-serif;
 }
.contact_1i p {
font-size: 14px;
color: var(--muted, #5a5a5a);
margin-top: 0;
 }
.contact_1i p a {
color: var(--green, #1a9e75);
 }
.contact_1i p a:hover {
color: var(--gold, #c9913a);
 }

.contact_2{
margin-top:30px;
 }
.contact_2r{
background:#fff;
padding:40px;
border-radius: 16px;
border: 1px solid var(--border, rgba(0,0,0,0.08));
box-shadow: 0 4px 24px rgba(0,0,0,0.07);
 }
.contact_2r h3 {
font-size: 22px;
color: var(--text, #1c1c1c);
margin-bottom: 24px;
margin-top: 0;
padding-bottom: 16px;
border-bottom: 2px solid var(--green-light, #e1f5ee);
 }
.contact_2r label {
font-size: 13px;
font-weight: 600;
color: var(--muted, #5a5a5a);
text-transform: uppercase;
letter-spacing: 0.8px;
margin-bottom: 6px;
display: block;
font-family: 'DM Sans', sans-serif;
 }
.contact_2r .form-group {
margin-bottom: 20px;
 }
.contact_2r .form-control{
height:48px;
font-size:15px;
border-color: rgba(0,0,0,0.12);
border-radius: 8px!important;
box-shadow: none!important;
color: var(--text, #1c1c1c);
transition: border-color 0.2s;
 }
.contact_2r .form-control:focus {
border-color: var(--green, #1a9e75)!important;
box-shadow: 0 0 0 3px rgba(26,158,117,0.1)!important;
 }
.contact_2r .form_1{
height:140px;
resize: vertical;
 }
.contact_2r .btn-send {
background: var(--green, #1a9e75);
color: #fff;
padding: 14px 36px;
border-radius: 8px;
font-size: 15px;
font-weight: 500;
border: none;
width: 100%;
transition: background 0.2s, transform 0.2s;
cursor: pointer;
display: block;
text-align: center;
text-decoration: none;
margin-top: 8px;
 }
.contact_2r .btn-send:hover {
background: var(--gold, #c9913a);
transform: translateY(-1px);
color: #fff;
 }
/*********************contact_end****************/

@media screen and (max-width : 767px){
.contact_1i {
margin-top:10px;
padding: 20px;
min-height: auto;
 }
.contact_2r {
padding: 24px 20px;
 }
}

@media (min-width:768px) and (max-width:991px) {
.contact_1i {
min-height: 210px;
 }
 }