.elementor-23411 .elementor-element.elementor-element-5b356f4:not(.elementor-motion-effects-element-type-background), .elementor-23411 .elementor-element.elementor-element-5b356f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #0078B921 0%, #F0F5F900 76%);}.elementor-23411 .elementor-element.elementor-element-5b356f4 > .elementor-background-overlay{opacity:0.3;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-23411 .elementor-element.elementor-element-5b356f4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:90px 0px 10px 0px;}.elementor-widget-theme-page-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-23411 .elementor-element.elementor-element-d6a7333 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:45px;font-weight:600;text-transform:uppercase;}.elementor-23411 .elementor-element.elementor-element-6fbb07e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-23411 .elementor-element.elementor-element-5d12ca3{--display:flex;}.elementor-23411 .elementor-element.elementor-element-6cc0cd0{--display:flex;}.elementor-23411 .elementor-element.elementor-element-898a1c2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:30px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-23411 .elementor-element.elementor-element-3449a21{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:20px 20px 20px 20px;}.elementor-23411 .elementor-element.elementor-element-c0f513e{--display:flex;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:2%;--padding-bottom:2%;--padding-left:5%;--padding-right:5%;}.elementor-23411 .elementor-element.elementor-element-82c3976{width:auto;max-width:auto;}@media(min-width:768px){.elementor-23411 .elementor-element.elementor-element-898a1c2{--content-width:1600px;}}@media(min-width:2400px){.elementor-widget-theme-page-title .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:1366px){.elementor-widget-theme-page-title .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:1024px){.elementor-23411 .elementor-element.elementor-element-5b356f4{padding:20px 0px 0px 0px;}.elementor-23411 .elementor-element.elementor-element-127182c > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-theme-page-title .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-23411 .elementor-element.elementor-element-d6a7333 .elementor-heading-title{font-size:40px;}.elementor-23411 .elementor-element.elementor-element-6fbb07e{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-23411 .elementor-element.elementor-element-c0f513e{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}}@media(max-width:767px){.elementor-23411 .elementor-element.elementor-element-5b356f4{padding:20px 0px 10px 0px;}.elementor-23411 .elementor-element.elementor-element-127182c > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:10px;}.elementor-widget-theme-page-title .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-23411 .elementor-element.elementor-element-d6a7333 .elementor-heading-title{font-size:28px;}.elementor-23411 .elementor-element.elementor-element-6fbb07e{--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-23411 .elementor-element.elementor-element-898a1c2{--padding-top:20px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-23411 .elementor-element.elementor-element-3449a21{--border-radius:20px 20px 20px 20px;}.elementor-23411 .elementor-element.elementor-element-c0f513e{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}}/* Start custom CSS for theme-page-title, class: .elementor-element-d6a7333 */.grad-title h1 {
    color: transparent !important;
    background: radial-gradient(ellipse, #00aeef, #007ebf);
    background-clip:text;
    -webkit-background-clip:text;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1a6f2db */.elementor-23411 .elementor-element.elementor-element-1a6f2db span,.elementor-23411 .elementor-element.elementor-element-1a6f2db a{
    color:#1E5B99;
    font-size: 15px
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fa635a4 *//* =====================================================================
   PRICE MY TOUR OR CRUISE  ·  Gravity Form #9 "TC Deal Enquiry Form"
   RoundAbout Travel New Zealand — brand form skin
   Tokens taken from the live NZ theme (package-main/assets/css/main.css):
     navy #00448A · accent #00ADEE · line #b7c8d9 · tint #F2F9FD
     font "Outfit" · input radius 10px · button pill 30px
   Everything is scoped to #gform_wrapper_9 — no other form is affected.
   ===================================================================== */

/* ---------- 1 · The card ---------- */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9{
	position:relative;
	margin:0;
	padding:52px 48px 40px;
	background:#fff;
	border:1px solid #e2edf5;
	border-radius:12px;
	box-shadow:0 6px 30px rgba(0,68,138,.07);
	/* NO overflow:hidden — the datepicker panel is a child of the date field
	   and would get clipped by the card edge. The gradient bar below rounds
	   its own top corners instead. */
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9:before{
	content:"";
	position:absolute; top:0; left:0; right:0; height:10px;
	border-radius:12px 12px 0 0;
	background:linear-gradient(90deg,#00aeef 0%,#007ebf 100%);
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 form{ margin:0; }
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 form .gform_body .gform_fields{
	grid-row-gap:22px;
	grid-column-gap:20px;
}

/* ---------- 2 · Headings ---------- */
/* field 3 — the form's title */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_3{ margin:0; }
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_3 .step-title{
	margin:0; padding:0 190px 0 0;
	font-family:"Outfit",sans-serif;
	font-size:27px; font-weight:700; line-height:1.2;
	letter-spacing:-.01em; color:#00448A;
}
/* fields 16 & 12 — section headings with accent rule */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_16 .step-title,
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_12 .step-title{
	position:relative;
	margin:12px 0 0; padding:0 0 11px 14px;
	font-family:"Outfit",sans-serif;
	font-size:19px; font-weight:700; line-height:1.25;
	color:#00448A;
	border-bottom:1px solid #e2edf5;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_16 .step-title:before,
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_12 .step-title:before{
	content:""; position:absolute; left:0; top:3px;
	width:4px; height:18px; border-radius:2px; background:#00ADEE;
}

/* ---------- 3 · Static top labels ----------
   The theme floats every GF label inside its input. That works for the
   short-label 3-step airfare form but breaks on this dense single-page
   form, so form 9 opts out and uses static labels above each control. */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 form .gform_body .gform_fields .gfield .gfield_label,
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 form .gform_body .gform_fields .gfield.__is_focus .gfield_label,
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 form .gform_body .gform_fields .gfield.__has_value .gfield_label{
	position:static !important;
	top:auto !important; left:auto !important;
	display:block; width:100%;
	margin:0 0 7px; padding:0;
	background:transparent !important;
	font-family:"Outfit",sans-serif;
	font-size:14px !important; font-weight:600; line-height:1.35;
	color:#00448A;
	transition:none;
}
/* a discreet accent asterisk in place of GF's "(Required)" text */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 .gfield.gfield_contains_required > .gfield_label .gform-field-label__text:after{
	content:"*"; margin-left:4px; color:#00ADEE; font-weight:700;
}

/* ---------- 4 · Text inputs & textarea ---------- */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 form .gform_body .gform_fields .gfield .ginput_container input[type="text"],
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 form .gform_body .gform_fields .gfield .ginput_container input[type="email"],
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 form .gform_body .gform_fields .gfield .ginput_container input[type="tel"]{
	width:100%; height:48px;
	padding:0 14px;
	border:1px solid #b7c8d9; border-radius:10px; background:#fff;
	font-family:"Outfit",sans-serif; font-size:16px; font-weight:500;
	color:#22364a;
	transition:border-color .18s ease, box-shadow .18s ease;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 form .gform_body .gform_fields .gfield .ginput_container textarea{
	width:100%; height:132px;
	padding:13px 14px;
	border:1px solid #b7c8d9; border-radius:10px; background:#fff;
	font-family:"Outfit",sans-serif; font-size:16px; font-weight:500;
	line-height:1.55 !important; color:#22364a;
	resize:vertical;
	transition:border-color .18s ease, box-shadow .18s ease;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 .ginput_container input:focus,
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 .ginput_container textarea:focus,
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 .ginput_container select:focus{
	border-color:#00ADEE;
	box-shadow:0 0 0 3px rgba(0,173,238,.15);
	outline:none;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 .ginput_container input::placeholder,
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 .ginput_container textarea::placeholder{
	color:#9fb3c4; opacity:1;
}

/* ---------- 5 · Name (field 17) ----------
   Hide the "Name" legend and lift GF's below-input sub-labels
   (First / Last) above their inputs so they read as normal labels. */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_17 > .gfield_label{ display:none !important; }
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_17 .ginput_container_name > span{
	display:flex; flex-direction:column-reverse;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_17 .ginput_container_name > span > label{
	position:static; display:block;
	margin:0 0 7px; padding:0;
	font-family:"Outfit",sans-serif; font-size:14px; font-weight:600;
	line-height:1.35; color:#00448A;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_17 .ginput_container_name > span > label:after{
	content:"*"; margin-left:4px; color:#00ADEE; font-weight:700;
}

/* ---------- 6 · Selects ----------
   select2 is what actually renders here; the native rules are a
   graceful fallback for when select2 fails to initialise. */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 .gfield .ginput_container_select{ position:relative; }
/* :not(.nav) matters — the datepicker's year/month dropdowns are also inside a
   .ginput_container, and without this they inherit the full-width 48px pill. */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 .gfield .ginput_container select:not(.nav){
	width:100%; height:48px;
	padding:0 38px 0 14px;
	border:1px solid #b7c8d9; border-radius:10px; background:#fff;
	font-family:"Outfit",sans-serif; font-size:16px; font-weight:600;
	color:#00448A;
	-webkit-appearance:none; appearance:none;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 .gfield .ginput_container.ginput_container_select:after{
	content:""; display:block;
	position:absolute; right:15px; top:50%; margin-top:-4px;
	width:12px; height:8px; pointer-events:none;
	background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%2300448A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M1 1.6 6 6.4l5-4.8'/%3E%3C/svg%3E") no-repeat center/contain;
}
/* select2 present → suppress the fallback chevron so arrows don't double up */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 .gfield .ginput_container.ginput_container_select:has(.select2-container):after{
	display:none;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 .select2-container{ width:100% !important; }
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 .select2-container .select2-selection{
	display:flex; align-items:center;
	height:48px; padding:0 40px 0 14px;
	border:1px solid #b7c8d9; border-radius:10px; background:#fff;
	transition:border-color .18s ease, box-shadow .18s ease;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 .select2-container .select2-selection .select2-selection__rendered{
	padding:0; line-height:1.2;
	font-family:"Outfit",sans-serif; font-size:16px; font-weight:600;
	color:#00448A;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 .select2-container .select2-selection .select2-selection__arrow{
	top:50% !important; right:14px; margin-top:-9px;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 .select2-container--open .select2-selection,
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 .select2-container--focus .select2-selection{
	border-color:#00ADEE !important;
	box-shadow:0 0 0 3px rgba(0,173,238,.15);
}

/* ---------- 7 · Departure date (field 5) ----------
   GF 2.10 renders the calendar as a <button class="gform-datepicker-toggle">
   sitting beside a short input. Widen the input and tuck the toggle inside.
   The open calendar panel itself is section 14. */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .ginput_container_date{
	position:relative; display:block;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .ginput_container_date input.datepicker{
	width:100% !important; max-width:100% !important;
	padding-right:48px;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .ginput_container_date .gform-datepicker-toggle{
	position:absolute; right:7px; top:50%;
	transform:translateY(-50%);
	display:flex; align-items:center; justify-content:center;
	width:34px; height:34px; min-width:0; min-height:0;
	margin:0; padding:0;
	background:transparent !important;
	border:0 !important; box-shadow:none !important;
	border-radius:8px; cursor:pointer; opacity:.7;
	transition:opacity .15s ease, background-color .15s ease;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .ginput_container_date .gform-datepicker-toggle:hover{
	opacity:1; background:#f2f9fd !important;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .ginput_container_date .gform-datepicker-toggle svg{
	width:18px; height:18px;
}

/* ---------- 8 · Airfare opt-in panel (fields 42 + 43) ----------
   Two separate GF fields styled as one tinted block; the negative
   margin cancels the 22px grid row-gap so they join seamlessly. */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_42{
	margin:10px 0 0;
	padding:16px 18px 2px;
	background:#f2f9fd;
	border:1px solid #d6ebf8; border-bottom:0;
	border-radius:10px 10px 0 0;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_42 label{
	display:block; margin:0; padding:0;
	font-family:"Outfit",sans-serif; font-size:15px; font-weight:600;
	color:#00448A;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_43{
	margin-top:-22px;
	padding:12px 18px 16px;
	background:#f2f9fd;
	border:1px solid #d6ebf8; border-top:0;
	border-radius:0 0 10px 10px;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_43 .gfield_label{ display:none !important; }
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_43 .gfield_checkbox{ margin:0; }
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_43 .gchoice{
	display:flex; align-items:center; gap:11px; margin:0;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_43 input[type="checkbox"]{
	-webkit-appearance:none; appearance:none;
	width:20px; height:20px; min-width:20px;
	margin:0; padding:0;
	display:grid; place-content:center;
	background:#fff; border:1.5px solid #b7c8d9; border-radius:5px;
	cursor:pointer; transition:.15s ease all;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_43 input[type="checkbox"]:hover{ border-color:#00ADEE; }
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_43 input[type="checkbox"]:checked{
	background:#00ADEE; border-color:#00ADEE;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_43 input[type="checkbox"]:before{
	content:""; width:11px; height:11px; background:#fff;
	-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);
	clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);
	transform:scale(0);
	transition:transform .12s ease-in-out;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_43 input[type="checkbox"]:checked:before{ transform:scale(1); }
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_43 label{
	margin:0; cursor:pointer;
	font-family:"Outfit",sans-serif; font-size:15px; font-weight:500;
	color:#22364a;
}

/* ---------- 9 · Service-guarantee badge (field 20) ----------
   Pulled out of the grid and pinned to the card's top-right corner,
   mirroring the sidebar badge on the airfare form. */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_20{
	position:absolute; top:46px; right:44px;
	width:auto; max-width:150px;
	margin:0; padding:0;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_20 img{
	display:block; width:132px; height:auto;
}

/* ---------- 10 · Consent + submit ---------- */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_33{
	margin:14px 0 0; padding:20px 0 0;
	border-top:1px solid #e2edf5;
	font-family:"Outfit",sans-serif; font-size:13.5px; line-height:1.55;
	color:#5a7488; text-align:center;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_33 a{ color:#00448A; font-weight:600; }
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_33 a:hover{ color:#00ADEE; }

/* NB: GF 2.10 renders the submit as <button class="gform_button button">,
   not input[type=submit] — which is why the theme's own button rules
   (written for input[type=submit]) never reach it. Target both. */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 form .gform_footer{
	display:flex; justify-content:center;
	margin:0; padding:18px 0 0;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 form .gform_footer #gform_submit_button_9,
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 form .gform_footer .gform_button,
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 form .gform_footer input[type="submit"]{
	width:auto; max-width:100%; min-width:0; min-height:0; margin:0;
	padding:17px 46px !important;
	border:0 !important; outline:none;
	border-radius:30px !important;
	background:#00ADEE !important;
	color:#fff !important;
	font-family:"Outfit",sans-serif !important;
	font-size:15px !important; font-weight:700 !important;
	line-height:1 !important;
	text-transform:uppercase !important;
	letter-spacing:.045em;
	cursor:pointer;
	box-shadow:0 6px 18px rgba(0,173,238,.3);
	transition:.2s ease all;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 form .gform_footer #gform_submit_button_9:hover,
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 form .gform_footer .gform_button:hover,
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 form .gform_footer input[type="submit"]:hover{
	background:#00448A !important;
	box-shadow:0 8px 22px rgba(0,68,138,.28);
	transform:translateY(-1px);
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 form .gform_footer #gform_submit_button_9:active,
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 form .gform_footer .gform_button:active{
	transform:translateY(0);
}

/* ---------- 11 · Validation ----------
   The theme hides GF's error summary site-wide. On a long single-page
   form that leaves users hunting, so form 9 shows it, on-brand. */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 .gform_validation_errors{
	display:block !important;
	margin:0; padding:14px 18px;
	background:#fdf3f2; border:1px solid #f2c9c4; border-radius:10px;
	box-shadow:none;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 .gform_validation_errors h2{
	margin:0; padding:0;
	font-family:"Outfit",sans-serif; font-size:15px; font-weight:600;
	color:#c33b2c;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 .gform_validation_errors h2 .gform-icon{ display:none; }
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 .gfield.gfield_error .gfield_label,
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 .gfield.__invalid .gfield_label{ color:#c33b2c; }
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 .gfield.gfield_error .ginput_container input,
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 .gfield.gfield_error .ginput_container select,
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 .gfield.gfield_error .ginput_container textarea{
	border-color:#e2574c !important; background:#fffbfb;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 .gfield_description.validation_message{
	margin-top:5px; padding:0; border:0; background:transparent;
	font-family:"Outfit",sans-serif; font-size:13px; font-weight:500;
	color:#c33b2c;
}

/* ---------- 12 · AJAX confirmation ---------- */
.elementor-23411 .elementor-element.elementor-element-fa635a4 .gform_confirmation_wrapper#gform_confirmation_wrapper_9{
	position:relative; overflow:hidden;
	padding:44px 40px;
	background:#fff; border:1px solid #e2edf5; border-radius:12px;
	box-shadow:0 6px 30px rgba(0,68,138,.07);
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 .gform_confirmation_wrapper#gform_confirmation_wrapper_9:before{
	content:""; position:absolute; top:0; left:0; right:0; height:10px;
	background:linear-gradient(90deg,#00aeef,#007ebf);
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 .gform_confirmation_wrapper#gform_confirmation_wrapper_9 .gform_confirmation_message{
	font-family:"Outfit",sans-serif; font-size:20px; font-weight:600;
	color:#00448A; text-align:center;
}

/* ---------- 13 · Tablet ---------- */
@media (max-width:1024px){
	.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9{ padding:48px 36px 36px; }
	.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_3 .step-title{ font-size:24px; padding-right:150px; }
	.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_20{ top:42px; right:32px; }
	.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_20 img{ width:112px; }
}

/* =====================================================================
   14 · Datepicker calendar
   ---------------------------------------------------------------------
   GF 2.10 renders its accessible datepicker as an inline
   <div class="gform-datepicker-calendar"> INSIDE .ginput_container_date —
   not a body-level jQuery UI div — so it is reachable from here.

   Markup:  table.calendar > tbody
              tr.yearSelector   td.nav.prev | td.year[colspan=5]  | td.nav.next
              tr.monthSelector  td.nav.prev | td.month[colspan=5] | td.nav.next
              tr                th.week x7
              tr x6             td.day x7   (+ .disabled / .dayToday / .selected)
            plus <p>Press F1 for help</p>

   Left alone it inherits a 1px grey grid on every td/th from the theme's
   table styles, GF's grey day pills, and 5px cell padding — 390x558.
   Rebuilt below at 328px on brand, ~340px tall.

   Three things here need !important because they have to beat stylesheets
   that load AFTER Elementor's post CSS — they are flagged inline.
   ===================================================================== */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar{
	width:328px; max-width:calc(100vw - 48px);
	padding:14px;
	border:1px solid #cfe0ec;
	border-radius:12px;
	background:#fff;
	box-shadow:0 14px 36px rgba(0,68,138,.16);
	z-index:120;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar table.calendar{
	width:100%; margin:0;
	border:0; border-collapse:collapse;
	background:transparent;
}
/* strip the inherited table grid and cell padding across the whole panel */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar td,
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar th{
	border:0 !important;      /* [!] beats the theme's table grid */
	padding:0;
	background:transparent;
	text-align:center;
	vertical-align:middle;
}
/* GF hides the fallback year/month buttons with [hidden] — keep it that way,
   or the month name renders twice. */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar span[hidden]{
	display:none !important;
}
/* "Press F1 for help" — GF's only <p> in the panel. Taken out of view but
   left readable by screen readers, since it's a real keyboard affordance.
   Swap to display:none if you want it gone entirely. */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar p{
	position:absolute !important;
	width:1px !important; height:1px !important;
	margin:-1px !important; padding:0 !important;
	border:0 !important;
	overflow:hidden !important;
	clip:rect(0 0 0 0) !important;
	white-space:nowrap !important;
}

/* ---- header: year row + month row read as one tinted band ---- */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar tr.yearSelector td,
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar tr.monthSelector td{
	height:34px;
	background:#f6fafd;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar tr.yearSelector td:first-child{
	border-top-left-radius:10px;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar tr.yearSelector td:last-child{
	border-top-right-radius:10px;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar tr.monthSelector td:first-child{
	border-bottom-left-radius:10px;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar tr.monthSelector td:last-child{
	border-bottom-right-radius:10px;
}

/* ---- year / month dropdowns ---- */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar select.nav{
	width:auto; min-width:0; height:28px;
	margin:0; padding:0 26px 0 10px;
	border:1px solid transparent; border-radius:8px;
	background:transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%2300448A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M1 1.6 6 6.4l5-4.8'/%3E%3C/svg%3E") no-repeat right 8px center;
	background-size:10px 7px !important;   /* [!] the theme sets
	                    `input, select { background-size:24px !important }`,
	                    which otherwise renders this chevron at 24px and
	                    overlaps the last digit of the year. */
	font-family:"Outfit",sans-serif; font-size:15px; font-weight:700;
	line-height:1; color:#00448A;
	-webkit-appearance:none; appearance:none;
	cursor:pointer;
	transition:background-color .15s ease, border-color .15s ease;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar select.nav:hover{
	background-color:#fff; border-color:#d6ebf8;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar select.nav:focus{
	background-color:#fff;
	border-color:#00ADEE;
	box-shadow:0 0 0 3px rgba(0,173,238,.15);
	outline:none;
}

/* ---- month prev / next arrows ---- */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar td.nav.btn{
	cursor:pointer;
	font-size:0 !important;      /* [!] GF puts an EMPTY ::before at 24px on
	line-height:0 !important;        every nav cell. It draws nothing but
	                                 still creates a 24px line box, which
	                                 pushed the arrow onto a second line and
	                                 made each row 52px instead of 34px. */
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar td.nav.btn:before,
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar td.nav.btn:after{
	content:none !important;
	display:none !important;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar td.nav.btn > span{
	display:flex; align-items:center; justify-content:center;
	width:26px; height:26px; margin:0 auto;
	border:0 !important; box-shadow:none !important;
	border-radius:50%;
	background:transparent;
	font-size:15px; line-height:1; color:#00448A;
	transition:background-color .15s ease, color .15s ease;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar td.nav.btn:hover > span{
	background:#fff; color:#0090c9;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar td.nav.btn.disabled{
	cursor:default;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar td.nav.btn.disabled > span,
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar td.nav.btn.disabled:hover > span{
	background:transparent; color:#cfe0ec;
}

/* ---- the YEAR arrows are deliberately hidden ----
   GF never clears the `disabled` state on the prev-YEAR button after a year
   change: step to 2027 and prev-year stays aria-disabled="true" tabindex="-1"
   forever, so you cannot get back to 2026 with it (prev-MONTH is re-enabled
   correctly — this is a GF bug, not a CSS one). Rather than leave a dead
   control, both year arrows are hidden and the year dropdown does the job.
   The cell keeps its box so the header band stays continuous. */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar tr.yearSelector td.nav.btn{
	pointer-events:none;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar tr.yearSelector td.nav.btn > span{
	visibility:hidden;
}

/* ---- weekday header ---- */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar th.week{
	width:14.28%; height:30px;
	padding-top:10px;
	background:transparent;
	font-family:"Outfit",sans-serif; font-size:11px; font-weight:700;
	letter-spacing:.06em; text-transform:uppercase; color:#8aa3b6;
}

/* ---- day cells ---- */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar td.day{
	height:38px; cursor:pointer;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar td.day > span{
	display:flex; align-items:center; justify-content:center;
	width:32px; height:32px; margin:0 auto;
	border:0; border-radius:50%;
	background:transparent;
	font-family:"Outfit",sans-serif; font-size:14px; font-weight:500;
	line-height:1; color:#22364a;
	transition:background-color .15s ease, color .15s ease;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar td.day:hover > span{
	background:#eaf6fd; color:#00448A;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar td.day.dayToday > span{
	box-shadow:inset 0 0 0 1.5px #00ADEE;
	color:#00448A; font-weight:700;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar td.day.selected > span{
	background:#00ADEE; color:#fff; font-weight:700;
	box-shadow:none;
}
/* past / unavailable dates */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar td.day.disabled{
	cursor:default;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar td.day.disabled > span,
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar td.day.disabled:hover > span{
	background:transparent; color:#c3d1dc; box-shadow:none; font-weight:500;
}

/* ---------- 15 · Mobile ---------- */
@media (max-width:767px){
	.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9{ padding:34px 20px 28px; }
	.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_3 .step-title{ font-size:22px; padding-right:0; }
	/* one field per row */
	.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 form .gform_body .gform_fields .gfield.gfield--width-half,
	.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 form .gform_body .gform_fields .gfield.gfield--width-third{
		grid-column:span 12 !important;
	}
	/* badge returns to the flow, centred above the consent line */
	.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_20{
		position:static; top:auto; right:auto;
		max-width:100%; margin:4px 0 0;
		text-align:center;
	}
	.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_20 img{ width:120px; margin:0 auto; }
	.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 form .gform_footer #gform_submit_button_9,
	.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 form .gform_footer .gform_button{
		width:100%; padding:17px 20px !important;
	}
	/* keep the calendar inside the viewport on small screens */
	.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar{
		width:300px; max-width:calc(100vw - 56px);
		padding:12px;
	}
	.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar td.day{ height:36px; }
}


/* ---------- 16 · Date field: instant hover ----------
   Sections 7 and 14 give the calendar toggle, the year/month dropdowns, the
   nav arrows and the day cells a .15s colour transition. Stated once here as
   a single rule rather than editing four scattered declarations, so hover and
   focus feedback in the date field is immediate.
   The text inputs' focus ring and the submit button keep their transitions. */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .ginput_container_date .gform-datepicker-toggle,
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar select.nav,
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar td.nav.btn > span,
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar td.day > span{
	transition:none !important;
}


/* ---------- 17 · Calendar header: no hover fill ----------
   Section 14 gave the year/month dropdowns and the prev/next arrows a #fff
   hover, which reads as a grey patch against the #f6fafd header band.
   Dropped here. The arrows keep a colour-only hover so they still feel
   clickable, and the dropdowns keep their keyboard focus ring. */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar select.nav:hover{
	background-color:transparent;
	border-color:transparent;
}
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar td.nav.btn:hover > span{
	background:transparent;
	color:#0090c9;
}


/* ---------- 18 · Kill the site-wide table row-hover on the calendar ----------
   Customizer → Additional CSS (#wp-custom-css) carries:
       table tbody tr:hover>td, table tbody tr:hover>th
           { background-color:#636d8712 !important; }
   The calendar is a <table>, so every hover greyed the whole ROW — that is
   the grey, not the cell hovers in sections 14/17. It is !important and
   site-wide, so it can only be beaten here with !important.
   (The theme's style.min.css has the same rule at rgba(128,128,128,.1)
   without !important; this also covers that.)
   Removing the Customizer rule itself would affect every table on the site
   — deal tables, pricing tables — so it is overridden here rather than
   deleted globally. */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar tbody tr:hover > td,
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar tbody tr:hover > th{
	background-color:transparent !important;
}
/* ...but the header band must keep its tint while hovered */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar tbody tr.yearSelector:hover > td,
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar tbody tr.monthSelector:hover > td{
	background-color:#f6fafd !important;
}


/* ---------- 19 · No border on the calendar circles, hover included ----------
   GF's theme.min.css carries:
       .gravity-theme .gform-datepicker-calendar table.calendar td span:hover
           { border-color:#607382; }
   plus a base 1px border on the same spans. GF's stylesheet loads AFTER
   Elementor's post CSS, so this needs !important to stay off. Covers the day
   circles and the month arrows, in every state.
   The "today" ring is an inset box-shadow, not a border, so it survives. */
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar table.calendar td span,
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar table.calendar td span:hover,
.elementor-23411 .elementor-element.elementor-element-fa635a4 #gform_wrapper_9 #field_9_5 .gform-datepicker-calendar table.calendar td:hover span{
	border:0 !important;
	border-color:transparent !important;
}/* End custom CSS */