/* ==========================================================================
   DELTANOID LUXURY SPA — MAIN STYLES
   ========================================================================== */
@import 'variables.css';
@import 'typography.css';
@import 'layout.css';
@import 'buttons.css';
@import 'cards.css';
@import 'navigation.css';
@import 'forms.css';
@import 'gallery.css';
@import 'utilities.css';
@import 'sections.css';
@import 'animations.css';
@import 'responsive.css';




.booking-form-inner{
    display:flex;
    flex-direction:column;
    gap:24px;
}

.form-row{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;
}

@media(max-width:768px){

.form-row{
    grid-template-columns:1fr;
}

}

.form-group{

display:flex;
flex-direction:column;

}

.form-group label{

font-size:14px;
font-weight:600;
margin-bottom:8px;
color:#9d7b29;

}

.form-group input,
.form-group select,
.form-group textarea{

width:100%;
padding:16px 18px;

font-size:16px;

font-family:inherit;

background:#fff;

border:1px solid #d7d7d7;

border-radius:10px;

outline:none;

box-sizing:border-box;

transition:.25s;

}

.form-group textarea{

resize:vertical;
min-height:150px;

}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{

border-color:#b58b2b;

box-shadow:0 0 0 3px rgba(181,139,43,.15);

}

.error-msg{

display:none;

font-size:13px;

margin-top:6px;

color:#d33;

}

.form-group.field-error .error-msg{

display:block;

}

.form-group.field-error input,
.form-group.field-error select,
.form-group.field-error textarea{

border-color:#d33;

}

.char-count{

display:block;

text-align:right;

margin-top:8px;

font-size:13px;

color:#888;

}