.tailor-form-wrap {
padding: 34px 28px;
border-radius: 24px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
}
.tailor-form-wrap::before {
content: "";
position: absolute;
inset: 0;
background: rgba(255,255,255,0.88);
backdrop-filter: blur(2px);
z-index: 0;
}
.tailor-form-wrap .nd_travel_dialog_contact_title,
.tailor-form-wrap .nd_travel_dialog_contact_content {
position: relative;
z-index: 2;
}
.tailor-form-wrap .nd_travel_dialog_contact_title {
text-align: center;
margin-bottom: 26px;
}
.tailor-form-wrap .nd_travel_dialog_contact_title h3 {
margin: 0 0 8px;
font-size: 34px;
line-height: 1.2;
font-weight: 700;
color: #0f172a;
letter-spacing: -0.4px;
}
.tailor-form-wrap .nd_travel_dialog_contact_title p {
margin: 0;
font-size: 15px;
color: #64748b;
}
.tailor-form-wrap .nd_travel_cf7_row {
display: flex;
flex-wrap: wrap;
gap: 18px;
margin-bottom: 18px;
}
.tailor-form-wrap .nd_travel_cf7_column_100 {
width: 100%;
}
.tailor-form-wrap .nd_travel_cf7_column_50 {
width: calc(50% - 9px);
}
.tailor-form-wrap input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.tailor-form-wrap select,
.tailor-form-wrap textarea {
width: 100%;
box-sizing: border-box;
border: 1px solid #e2e8f0;
background: #ffffff;
border-radius: 18px;
padding: 16px 18px;
font-size: 15px;
line-height: 1.4;
color: #0f172a;
box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04);
transition: all .25s ease;
outline: none;
appearance: none;
-webkit-appearance: none;
}
.tailor-form-wrap select {
cursor: pointer;
}
.tailor-form-wrap textarea {
min-height: 140px;
resize: vertical;
}
.tailor-form-wrap input::placeholder,
.tailor-form-wrap textarea::placeholder {
color: #94a3b8;
}
.tailor-form-wrap input:focus,
.tailor-form-wrap select:focus,
.tailor-form-wrap textarea:focus {
border-color: #1d4ed8;
background: #fff;
box-shadow: 0 0 0 4px rgba(29, 78, 216, 0.10);
}
.tailor-form-wrap .tailor-checkboxes .wpcf7-list-item {
margin: 0 10px 10px 0;
}
.tailor-form-wrap .tailor-checkboxes .wpcf7-list-item label {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 16px;
border: 1px solid #e2e8f0;
border-radius: 999px;
background: #fff;
color: #334155;
font-size: 14px;
cursor: pointer;
transition: all .25s ease;
}
.tailor-form-wrap .tailor-checkboxes .wpcf7-list-item label:hover {
border-color: #cbd5e1;
box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
}
.tailor-form-wrap .tailor-checkboxes input[type="checkbox"] {
transform: scale(1.05);
}
.tailor-form-wrap .tailor-submit-wrap .wpcf7-submit {
width: 100%;
border: 0;
border-radius: 999px;
padding: 16px 22px;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.2px;
color: #fff;
cursor: pointer;
background: linear-gradient(135deg, #1c355e, #2d5b9f);
box-shadow: 0 12px 30px rgba(28, 53, 94, 0.22);
transition: all .25s ease;
}
.tailor-form-wrap .tailor-submit-wrap .wpcf7-submit:hover {
transform: translateY(-2px);
box-shadow: 0 16px 34px rgba(28, 53, 94, 0.28);
}
.tailor-form-wrap .wpcf7-spinner {
margin-top: 12px;
}
@media (max-width: 767px) {
.tailor-form-wrap {
padding: 24px 16px;
border-radius: 18px;
}
.tailor-form-wrap .nd_travel_dialog_contact_title h3 {
font-size: 28px;
}
.tailor-form-wrap .nd_travel_cf7_column_50 {
width: 100%;
}
}