.elementor-74 .elementor-element.elementor-element-3432297{--display:flex;}.elementor-74 .elementor-element.elementor-element-82d4478{--display:flex;}.elementor-74 .elementor-element.elementor-element-30d717f{--display:flex;}.elementor-74 .elementor-element.elementor-element-30d717f.e-con{--align-self:center;}.elementor-74 .elementor-element.elementor-element-7b3dda2 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-74 .elementor-element.elementor-element-7b3dda2 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-74 .elementor-element.elementor-element-7b3dda2 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-74 .elementor-element.elementor-element-7b3dda2 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-74 .elementor-element.elementor-element-7b3dda2 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-74 .elementor-element.elementor-element-7b3dda2 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-74 .elementor-element.elementor-element-7b3dda2 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-74 .elementor-element.elementor-element-7b3dda2 .elementor-field-type-html{padding-bottom:0px;}.elementor-74 .elementor-element.elementor-element-7b3dda2 .elementor-field-group .elementor-field{color:#FFFFFF;}.elementor-74 .elementor-element.elementor-element-7b3dda2 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF03;border-color:#E5E5E55C;border-radius:30px 30px 30px 30px;}.elementor-74 .elementor-element.elementor-element-7b3dda2 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF03;border-color:#E5E5E55C;border-radius:30px 30px 30px 30px;}.elementor-74 .elementor-element.elementor-element-7b3dda2 .elementor-field-group .elementor-select-wrapper::before{color:#E5E5E55C;}.elementor-74 .elementor-element.elementor-element-7b3dda2 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-secondary );color:var( --e-global-color-b614459 );}.elementor-74 .elementor-element.elementor-element-7b3dda2 .elementor-button[type="submit"]{background-color:var( --e-global-color-secondary );color:var( --e-global-color-b614459 );}.elementor-74 .elementor-element.elementor-element-7b3dda2 .elementor-button[type="submit"] svg *{fill:var( --e-global-color-b614459 );}.elementor-74 .elementor-element.elementor-element-7b3dda2 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-74 .elementor-element.elementor-element-7b3dda2 .e-form__buttons__wrapper__button-next:hover{color:var( --e-global-color-b614459 );}.elementor-74 .elementor-element.elementor-element-7b3dda2 .elementor-button[type="submit"]:hover{color:var( --e-global-color-b614459 );}.elementor-74 .elementor-element.elementor-element-7b3dda2 .elementor-button[type="submit"]:hover svg *{fill:var( --e-global-color-b614459 );}.elementor-74 .elementor-element.elementor-element-7b3dda2 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-74 .elementor-element.elementor-element-7b3dda2 .elementor-button{border-radius:30px 30px 30px 30px;}.elementor-74 .elementor-element.elementor-element-7b3dda2{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-74 .elementor-element.elementor-element-774aa1d{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-74 .elementor-element.elementor-element-53301e9{--display:flex;}.elementor-74 .elementor-element.elementor-element-a85d18a iframe{height:500px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-74 .elementor-element.elementor-element-7b3dda2 > .elementor-widget-container{padding:20px 20px 20px 20px;}}@media(min-width:768px){.elementor-74 .elementor-element.elementor-element-30d717f{--width:70%;}}/* Start custom CSS for form, class: .elementor-element-7b3dda2 *//* AIChatbotopia Elementor Form CSS */

/* Card wrapper around the whole form — only box styling (background,
   border, radius, shadow, padding), deliberately NOT flex/gap layout
   properties, so the existing 2-column field pairing (set by Elementor's
   own per-field width) isn't collapsed into a single column. */
.elementor-form {
    background: #FFFFFF !important;
    border: 1px solid #E8DFCE !important;
    border-radius: 4px !important;
    padding: 40px 36px !important;
    box-shadow: 0 10px 40px rgba(42, 33, 24, 0.08) !important;
}
.elementor-field-group {
    margin-bottom: 20px !important;
}
/* Some labels wrap to 2 lines while their row partner is a short
   single-line label. Without a reserved height, the short label's box
   starts higher than the wrapped label's box in the same row, so the two
   side-by-side boxes end up vertically misaligned — looking like a box
   belongs to the other column's heading. Reserving 2 lines' worth of
   height on every label keeps both boxes in a row starting at the same
   Y position regardless of label length. */
.elementor-field-group > label {
    font-family: 'Manrope', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: #5A5044 !important;
    margin-bottom: 8px !important;
    display: block !important;
    min-height: 2.8em !important;
}
.elementor-field-group .elementor-field {
    box-sizing: border-box !important;
    font-family: 'Manrope', sans-serif !important;
    background-color: #FBF7EF !important;
    border: 1px solid #E8DFCE !important;
    border-radius: 4px !important;
    padding: 16px 20px !important;
    color: #2A2118 !important;
    transition: all 0.3s !important;
}
.elementor-field-group .elementor-field:focus {
    border-color: #E8952E !important;
    background-color: #FFFFFF !important;
    box-shadow: 0 0 0 4px rgba(232, 149, 46, 0.15) !important;
}
/* Elementor wraps <select> in its own .elementor-field box (which the
   generic rule above already styles) — neutralize that wrapper so the
   select doesn't render inside a second, duplicate box/arrow. Both
   .elementor-74 .elementor-element.elementor-element-7b3dda2 forms are covered since Elementor may apply
   .elementor-field-type-select either as a modifier class on the same
   element as .elementor-field-group, or as an ancestor wrapping a
   separate .elementor-field.

   IMPORTANT: don't reset margin/padding on the .elementor-field-group
   compound form — that same element also carries Elementor's own
   column-gap margin between two side-by-side fields (e.g. two selects
   in one row). Zeroing it collapses that gap, even though text-input
   pairs are unaffected since they don't match this .elementor-74 .elementor-element.elementor-element-7b3dda2. Only the
   genuinely separate descendant .elementor-field wrapper gets the full
   margin/padding reset. */
.elementor-field-type-select.elementor-field-group {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    height: auto !important;
    min-height: unset !important;
    max-height: none !important;
    overflow: visible !important;
}
.elementor-field-type-select .elementor-field {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    height: auto !important;
    min-height: unset !important;
    max-height: none !important;
    overflow: visible !important;
}
.elementor-field-type-select select {
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    min-height: unset !important;
    max-height: none !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 15px !important;
    background-color: #FBF7EF !important;
    background-image: none !important;
    border: 1px solid #E8DFCE !important;
    border-radius: 4px !important;
    padding: 16px 20px !important;
    color: #2A2118 !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    /* Long option labels get a clean ellipsis truncation instead of
       visually crowding/overlapping the box edge. This only affects the
       closed select's own single-line display, not the dropdown popup
       (which browsers render outside any DOM clipping context). */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.elementor-field-type-select select:focus {
    border-color: #E8952E !important;
    background-color: #FFFFFF !important;
    box-shadow: 0 0 0 4px rgba(232, 149, 46, 0.15) !important;
}
.elementor-button {
    font-family: 'Manrope', sans-serif !important;
    font-weight: 700 !important;
    background-color: #E8952E !important;
    color: #2A2118 !important;
    border-radius: 5px !important;
    padding: 16px 32px !important;
    transition: all 0.3s !important;
}
.elementor-button:hover {
    background-color: #C97A1C !important;
    color: #FFFFFF !important;
    transform: translateY(-2px) !important;
}
.elementor-message-success {
    color: #4F6F49 !important;
    background: rgba(79, 111, 73, 0.1) !important;
    padding: 16px !important;
    border-radius: 4px !important;
}
.elementor-message-danger {
    color: #B23A3A !important;
    background: rgba(178, 58, 58, 0.1) !important;
    padding: 16px !important;
    border-radius: 4px !important;
}/* End custom CSS */