/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 25 2026 | 09:46:08 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.hbs-contact-wrapper {
   
    padding: 24px;
    border-radius: 20px;
    max-width: 900px;
    
}

.hbs-row {
    display: flex;
    gap: 16px;
    
}

.hbs-field {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.hbs-full {
    
    margin-bottom: 0px;
}

.hbs-field label {
    font-size: 14px;
    font-weight: 600;
    
    color: #222;
}

.hbs-input,
.hbs-textarea {
    
    padding:12px 8px!important;
    border-radius: 8px!important;
    border: none!important;
    background: #ffffff;
    font-size: 14px;
    outline: none!important;
	margin:6px 0px 0px 0px!important;
	width:100%!important;
}
.hbs-field{
	padding:0px!important;
}

.hbs-textarea {
    height: 180px;
    resize: none;
}

.hbs-submit {
   
    margin-top: 10px;
	
}

.hbs-btn {
    background: #d8912b!important;
    color: #000;
    padding: 16px 40px;
    border-radius: 8px!important;
    border: none;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    width: 100%!important;
    max-width: 900px!important;
}

.hbs-btn:hover {
    background: #d8912b!important;
}
.hbs-contact-wrapper p{
	margin-bottom:10!important;
}

/* Responsive */
@media (max-width: 768px) {
    .hbs-row {
        flex-direction: column;
    }
}