/* ==========================================================
KING'S TOUR & TRAVELS
PREMIUM CONTACT FORM 7
FILE: assets/css/contact-form.css
========================================================== */

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

.ktt-full{
grid-column:1 / -1;
}

.ktt-form-group{
position:relative;
}

.ktt-form-group label{
display:block;
font-size:14px;
font-weight:700;
color:#071423;
margin-bottom:8px;
}

.ktt-form-group input,
.ktt-form-group select,
.ktt-form-group textarea{
width:100%;
height:58px;
border:2px solid #e6edf5;
border-radius:16px;
padding:0 18px;
font-size:15px;
font-weight:500;
color:#071423;
background:#ffffff;
transition:.3s;
box-shadow:none;
outline:none;
}

.ktt-form-group textarea{
height:160px;
padding:18px;
resize:vertical;
}

.ktt-form-group input:focus,
.ktt-form-group select:focus,
.ktt-form-group textarea:focus{
border-color:#ffcb45;
box-shadow:0 0 0 4px rgba(255,203,69,.15);
}

.ktt-form-group input::placeholder,
.ktt-form-group textarea::placeholder{
color:#8a96a3;
}

.ktt-form-group select{
cursor:pointer;
}

/* ==========================================================
SUBMIT BUTTON
========================================================== */

.ktt-form-group input[type="submit"],
.wpcf7-submit{
width:100%;
height:62px;
border:none !important;
border-radius:60px !important;
background:
linear-gradient(
135deg,
#ffcb45,
#ff9f1a
) !important;
color:#071423 !important;
font-size:17px !important;
font-weight:800 !important;
cursor:pointer;
transition:.35s;
box-shadow:
0 12px 30px rgba(255,159,26,.25);
}

.ktt-form-group input[type="submit"]:hover,
.wpcf7-submit:hover{
transform:translateY(-3px);
}

/* ==========================================================
CF7 RESPONSE
========================================================== */

.wpcf7 form.sent .wpcf7-response-output{
background:#25D366;
border:none;
color:#fff;
padding:18px;
border-radius:14px;
font-weight:600;
margin-top:20px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output{
background:#ff4d4f;
border:none;
color:#fff;
padding:18px;
border-radius:14px;
font-weight:600;
margin-top:20px;
}

.wpcf7-not-valid-tip{
font-size:13px;
font-weight:600;
margin-top:6px;
color:#ff4d4f;
}

/* ==========================================================
FORM WRAPPER
========================================================== */

.ktt-booking-form-box{
background:#ffffff;
padding:40px;
border-radius:30px;
box-shadow:
0 20px 60px rgba(0,0,0,.08);
border:1px solid #edf2f7;
}

.ktt-booking-form-box h2{
font-size:38px;
font-weight:900;
margin:0 0 10px;
color:#071423;
}

.ktt-booking-form-box p{
font-size:16px;
line-height:1.8;
color:#5c6773;
margin:0 0 30px;
}

/* ==========================================================
SPINNER
========================================================== */

.wpcf7-spinner{
margin-top:15px;
}

/* ==========================================================
TABLET
========================================================== */

@media(max-width:992px){

.ktt-booking-form-box{
padding:30px;
}

.ktt-booking-form-box h2{
font-size:30px;
}

}

/* ==========================================================
MOBILE
========================================================== */

@media(max-width:768px){

.ktt-form-grid{
grid-template-columns:1fr;
gap:18px;
}

.ktt-full{
grid-column:auto;
}

.ktt-booking-form-box{
padding:25px 20px;
border-radius:22px;
}

.ktt-booking-form-box h2{
font-size:26px;
text-align:center;
}

.ktt-booking-form-box p{
font-size:14px;
text-align:center;
}

.ktt-form-group input,
.ktt-form-group select{
height:54px;
font-size:14px;
}

.ktt-form-group textarea{
height:140px;
}

.wpcf7-submit{
height:58px !important;
font-size:16px !important;
}

}