/* contact section */
.contact-hero-wrapper{
position:relative;
height: 725px;
background: url('../images/hero-background.png') center / cover no-repeat;
}
.contact-content-row {
position: relative;
z-index: 999;
justify-content: start;
top: 14rem;
height: 68%;
scrollbar-width: none;
}
.contact-panel{
background:#fffffff5;
padding:25px 20px 17px;
height: 100%;
}
.contact-eyebrow {
color: var(--thememeatbrown);
font-weight: 600;
letter-spacing: 2px;
font-size: 0.85rem;
text-transform: uppercase;
margin-bottom: 0px;
}
.contact-title{
font-weight:700;
font-size:1.92rem;
text-transform: uppercase;
color:#222;
margin-bottom:10px;
}
.contact-info-col{
padding-right: 15px;
}
.contact-info-box{
background: #f2f2f2;
padding: 30px 20px;
text-align: center;
margin-bottom: 20px;
}
.contact-box-title{
font-weight: 700;
font-size: 1rem;
text-transform: uppercase;
display: inline-block;
border-bottom: 2px solid #222;
padding-bottom: 8px;
margin-bottom: 15px;
}
.contact-box-text{
font-size: 0.85rem;
color: #555;
line-height: 1.8;
margin-bottom: 0;
}

.contact-form-col{
padding-left: 15px;
}
.contact-form-heading{
color: var(--thememeatbrown);
font-weight: 700;
font-size: 0.95rem;
text-transform: uppercase;
letter-spacing: 1px;
border-bottom: 3px solid var(--themepurple);
display: inline-block;
padding-bottom: 8px;
margin-bottom: 20px;
}
.contact-input, .contact-textarea{
border: 1px solid #ddd;
border-radius: 0;
padding: 14px;
font-size: 0.9rem;
}
.contact-input:focus, .contact-textarea:focus{
box-shadow: none;
border-color: var(--thememeatbrown);
}
.contact-textarea{
resize: none;
}
.contact-submit-btn{
background-color:var(--themepurple);
color: #fff;
border: 2px solid var(--themepurple);
font-size: 0.9rem;
font-weight: 600;
padding: 12px 30px;
transition: background-color 0.3s ease;
}
.contact-submit-btn:hover{
background-color: rgba(255, 255, 255, 0.5);
border-color: var(--thememeatbrown);
color:var(--thememeatbrown);
transition: background-color 0.3s ease, transform 0.3s ease;
}