.elementor-5532 .elementor-element.elementor-element-620a96c{--display:flex;}.elementor-widget-fluent-form-widget .fluentform-widget-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-status{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-bar span{color:var( --e-global-color-primary );}.elementor-widget-fluent-form-widget .step-nav button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-5532 .elementor-element.elementor-element-c02ffec > .elementor-widget-container{padding:8px 8px 8px 8px;}.elementor-5532 .elementor-element.elementor-element-c02ffec .fluentform-widget-wrapper .ff-el-input--label label{font-family:"Lato", Sans-serif;font-size:1.5vw;font-weight:600;}.elementor-5532 .elementor-element.elementor-element-c02ffec .fluentform-widget-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-5532 .elementor-element.elementor-element-c02ffec .fluentform-widget-wrapper .ff-el-group textarea, .elementor-5532 .elementor-element.elementor-element-c02ffec .fluentform-widget-wrapper .ff-el-group select{font-family:"Lato", Sans-serif;font-size:16px;}.elementor-5532 .elementor-element.elementor-element-c02ffec .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}.elementor-5532 .elementor-element.elementor-element-e79b807{--display:flex;--min-height:1000px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--margin-top:2vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:16px;--padding-left:0px;--padding-right:0px;}.elementor-5532 .elementor-element.elementor-element-aa730d6{--display:flex;--min-height:1000px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;border-style:none;--border-style:none;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5532 .elementor-element.elementor-element-d62ad13{--display:flex;--min-height:100vh;border-style:none;--border-style:none;--border-radius:2rem 0rem 0rem 2rem;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5532 .elementor-element.elementor-element-d62ad13:not(.elementor-motion-effects-element-type-background), .elementor-5532 .elementor-element.elementor-element-d62ad13 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vendor.palacedekho.com/wp-content/uploads/2025/06/2285b4d296290562285796d493e52672fdf2dc54.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-5532 .elementor-element.elementor-element-ebf6192{--display:flex;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2vw;--padding-bottom:2vw;--padding-left:2vw;--padding-right:2vw;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5532 .elementor-element.elementor-element-88b3676 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-5532 .elementor-element.elementor-element-88b3676 .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-size:48px;font-weight:700;}.elementor-5532 .elementor-element.elementor-element-d28548c > .elementor-widget-container{padding:8px 8px 8px 8px;}.elementor-5532 .elementor-element.elementor-element-d28548c .fluentform-widget-wrapper .ff-el-input--label label{font-family:"Lato", Sans-serif;font-size:1.5vw;font-weight:600;}.elementor-5532 .elementor-element.elementor-element-d28548c .fluentform-widget-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-5532 .elementor-element.elementor-element-d28548c .fluentform-widget-wrapper .ff-el-group textarea, .elementor-5532 .elementor-element.elementor-element-d28548c .fluentform-widget-wrapper .ff-el-group select{font-family:"Lato", Sans-serif;font-size:16px;}.elementor-5532 .elementor-element.elementor-element-d28548c .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}@media(max-width:1024px){.elementor-5532 .elementor-element.elementor-element-88b3676 .elementor-heading-title{font-size:3.3vw;}}@media(max-width:767px){.elementor-5532 .elementor-element.elementor-element-c02ffec > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-5532 .elementor-element.elementor-element-c02ffec .fluentform-widget-wrapper .ff-el-input--label label{font-size:16px;}.elementor-5532 .elementor-element.elementor-element-e79b807{--content-width:95%;--min-height:10vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5532 .elementor-element.elementor-element-aa730d6{--min-height:7vh;--border-radius:1rem 1rem 1rem 1rem;}.elementor-5532 .elementor-element.elementor-element-d62ad13{--min-height:30vh;--border-radius:1rem 1rem 0rem 0rem;}.elementor-5532 .elementor-element.elementor-element-d62ad13:not(.elementor-motion-effects-element-type-background), .elementor-5532 .elementor-element.elementor-element-d62ad13 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;}.elementor-5532 .elementor-element.elementor-element-ebf6192{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5532 .elementor-element.elementor-element-88b3676 > .elementor-widget-container{padding:0vw 0vw 1vw 0vw;}.elementor-5532 .elementor-element.elementor-element-88b3676 .elementor-heading-title{font-size:7vw;}.elementor-5532 .elementor-element.elementor-element-d28548c > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-5532 .elementor-element.elementor-element-d28548c .fluentform-widget-wrapper .ff-el-input--label label{font-size:16px;}}@media(min-width:768px){.elementor-5532 .elementor-element.elementor-element-e79b807{--content-width:94%;}.elementor-5532 .elementor-element.elementor-element-aa730d6{--content-width:100%;}.elementor-5532 .elementor-element.elementor-element-d62ad13{--width:30%;}.elementor-5532 .elementor-element.elementor-element-ebf6192{--width:70%;}}/* Start custom CSS for fluent-form-widget, class: .elementor-element-c02ffec *//* --- Fluent Forms Pro - Final Button with Your Exact Gradient --- */
/* IMPORTANT: Replace the '5' in '#fluentform_5' below
with the actual ID of your form.
*/
#fluentform_11 .ff-btn-submit {
width: 60% !important;
/* --- UPDATED with your exact gradient colors --- */
background: linear-gradient(to right, #f85066, #e51772) !important;
color: #ffffff !important;
font-family: inherit;
font-weight: bold !important;
text-transform: uppercase;
letter-spacing: 0.5px;
border: none !important;
box-shadow: none !important;
cursor: pointer;
transition: opacity 0.3s ease !important;
/* Sizing from previous step */
font-size: 16px !important;
padding: 12px 20px !important;
border-radius: 8px !important;
}
/* Submit Button Hover Effect
Again, replace the '5' with your form's ID.
*/
#fluentform_11 .ff-btn-submit:hover {
opacity: 0.9;
transform: none;
box-shadow: none;
}
/* Target all select elements within your form */
#fluentform_11 select {
-webkit-appearance: none; /* Removes Safari's default dropdown arrow and styling */
-moz-appearance: none; /* For Firefox */
appearance: none; /* Standard property */
background-image: url('data:image/svg+xml;utf8,'); /* Custom arrow */
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 12px; /* Adjust size of custom arrow */
padding-right: 30px; /* Make space for the arrow */
border: 1px solid #ccc; /* Ensure a border is visible */
border-radius: 4px; /* Consistent border-radius */
color: #333; /* Ensure text color is set */
font-size: 16px; /* Ensure font size is set */
height: 40px; /* Ensure a consistent height */
}
/* For phone input if it's a specific type, though Fluent Forms often uses libraries *//* End custom CSS */
/* Start custom CSS for fluent-form-widget, class: .elementor-element-d28548c *//* --- Fluent Forms Pro - Final Button with Your Exact Gradient --- */
/* IMPORTANT: Replace the '5' in '#fluentform_5' below
with the actual ID of your form.
*/
#fluentform_11 .ff-btn-submit {
width: 60% !important;
/* --- UPDATED with your exact gradient colors --- */
background: linear-gradient(to right, #f85066, #e51772) !important;
color: #ffffff !important;
font-family: inherit;
font-weight: bold !important;
text-transform: uppercase;
letter-spacing: 0.5px;
border: none !important;
box-shadow: none !important;
cursor: pointer;
transition: opacity 0.3s ease !important;
/* Sizing from previous step */
font-size: 16px !important;
padding: 12px 20px !important;
border-radius: 8px !important;
}
/* Submit Button Hover Effect
Again, replace the '5' with your form's ID.
*/
#fluentform_11 .ff-btn-submit:hover {
opacity: 0.9;
transform: none;
box-shadow: none;
}
/* Target all select elements within your form */
#fluentform_11 select {
-webkit-appearance: none; /* Removes Safari's default dropdown arrow and styling */
-moz-appearance: none; /* For Firefox */
appearance: none; /* Standard property */
background-image: url('data:image/svg+xml;utf8,'); /* Custom arrow */
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 12px; /* Adjust size of custom arrow */
padding-right: 30px; /* Make space for the arrow */
border: 1px solid #ccc; /* Ensure a border is visible */
border-radius: 4px; /* Consistent border-radius */
color: #333; /* Ensure text color is set */
font-size: 16px; /* Ensure font size is set */
height: 40px; /* Ensure a consistent height */
}
/* For phone input if it's a specific type, though Fluent Forms often uses libraries *//* End custom CSS */