.elementor-2045 .elementor-element.elementor-element-f4c7712{--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:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0.6;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:15px;--padding-right:15px;}.elementor-2045 .elementor-element.elementor-element-f4c7712:not(.elementor-motion-effects-element-type-background), .elementor-2045 .elementor-element.elementor-element-f4c7712 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lamiaitaliana.com/wp-content/uploads/2026/09/contactbanner.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2045 .elementor-element.elementor-element-f4c7712::before, .elementor-2045 .elementor-element.elementor-element-f4c7712 > .elementor-background-video-container::before, .elementor-2045 .elementor-element.elementor-element-f4c7712 > .e-con-inner > .elementor-background-video-container::before, .elementor-2045 .elementor-element.elementor-element-f4c7712 > .elementor-background-slideshow::before, .elementor-2045 .elementor-element.elementor-element-f4c7712 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2045 .elementor-element.elementor-element-f4c7712 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-2045 .elementor-element.elementor-element-86f5689{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-2045 .elementor-element.elementor-element-ec75d22{--spacer-size:50px;top:-70%;z-index:-1;}body:not(.rtl) .elementor-2045 .elementor-element.elementor-element-ec75d22{left:-30%;}body.rtl .elementor-2045 .elementor-element.elementor-element-ec75d22{right:-30%;}.elementor-2045 .elementor-element.elementor-element-ae94ee3 .wdt-heading-holder, .elementor-2045 .elementor-element.elementor-element-ae94ee3 .wdt-heading-holder > .wdt-heading-separator-wrapper .wdt-heading-separator, .elementor-2045 .elementor-element.elementor-element-ae94ee3 .wdt-heading-holder > .wdt-heading-title-wrapper .wdt-heading-title, .elementor-2045 .elementor-element.elementor-element-ae94ee3 .wdt-heading-holder > .wdt-heading-subtitle-wrapper .wdt-heading-subtitle{text-align:center;justify-content:center;justify-items:center;}.elementor-2045 .elementor-element.elementor-element-ae94ee3 .wdt-heading-holder .wdt-heading-title-wrapper .wdt-heading-title{align-items:center;color:var( --e-global-color-accent );}.elementor-2045 .elementor-element.elementor-element-ae94ee3 .wdt-heading-holder .wdt-heading-subtitle-wrapper .wdt-heading-subtitle{align-items:center;}.elementor-2045 .elementor-element.elementor-element-ae94ee3 .wdt-heading-holder .wdt-heading-subtitle-wrapper{color:var( --e-global-color-secondary );}.elementor-2045 .elementor-element.elementor-element-ae94ee3 .wdt-heading-holder .wdt-heading-content-wrapper{color:var( --e-global-color-accent );}.elementor-2045 .elementor-element.elementor-element-c893707{--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;--justify-content:center;--align-items:stretch;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2045 .elementor-element.elementor-element-8ff6535{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:22px 22px 22px 22px;box-shadow:0px 10px 50px 0px rgba(0, 0, 0, 0.1);--padding-top:50px;--padding-bottom:50px;--padding-left:60px;--padding-right:60px;}@media(max-width:1024px){.elementor-2045 .elementor-element.elementor-element-f4c7712{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:15px;--padding-right:15px;}.elementor-2045 .elementor-element.elementor-element-c893707{--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-2045 .elementor-element.elementor-element-f4c7712{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-2045 .elementor-element.elementor-element-ae94ee3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2045 .elementor-element.elementor-element-8ff6535{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-2045 .elementor-element.elementor-element-8ff6535{--width:59.333%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2045 .elementor-element.elementor-element-8ff6535{--width:90%;}}/* Start custom CSS for container, class: .elementor-element-c893707 */.contact_form {
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 20px;

    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);

    padding: 35px;
}
/* ========================================
   CONTACT FORM - GLASSMORPHISM FIELDS
======================================== */

.contact_form .form-group input,
.contact_form .form-group select,
.contact_form .form-group textarea,
.contact_form .form-row input,
.contact_form .form-row select,
.contact_form .form-row textarea {
    width: 100%;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    border-radius: 30px !important;
    padding: 14px 18px !important;
    transition: all 0.3s ease;
}


/* Placeholder text */
.contact_form input::placeholder,
.contact_form textarea::placeholder {
    color: rgb(255 255 255 / 27%) !important;
    opacity: 1;
}


/* Labels */
.contact_form label {
    color: #ffffff !important;
    font-weight: 500;
}


/* Focus effect */
.contact_form input:focus,
.contact_form select:focus,
.contact_form textarea:focus, {
    outline: none !important;

    background: rgba(255, 255, 255, 0.18) !important;

    border-color: rgba(255, 255, 255, 0.7) !important;

    box-shadow:
        0 0 0 2px rgba(255, 255, 255, 0.12),
        0 6px 20px rgba(0, 0, 0, 0.2);
}


/* Select text */
.contact_form select {
    appearance: auto;
    color: #ffffff !important;
}


/* Dropdown options */
.contact_form select option {
    background: #292321;
    color: #ffffff;
}


/* Textarea */
.contact_form textarea {
    min-height: 120px;
    border-radius: 20px !important;
    resize: vertical;
}


/* Checkbox */
.contact_form input[type="checkbox"] {
    width: auto !important;
    accent-color: #c9a15a;
}


/* Checkbox text */
.contact_form .newsletter-wrapper,
.contact_form .newsletter-wrapper label,
.contact_form .newsletter-wrapper span {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* Submit hover */
.contact_form input[type="submit"]:hover,
.contact_form button[type="submit"]:hover {
    background: #d8b66c !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.3);
}

/* ========================================
   SELECT2 DROPDOWNS - MATCH GLASSMORPHISM
======================================== */

.contact_form .select2-container {
    width: 100% !important;
}

/* The visible "box" replacing the native select */
.contact_form .select2-container--default .select2-selection--single {
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    border-radius: 30px !important;
    height: auto !important;
    padding: 14px 18px !important;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

/* The selected text inside the box */
.contact_form .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff !important;
    line-height: normal !important;
    padding: 0 !important;
}

/* Placeholder-style text (when nothing selected yet, if applicable) */
.contact_form .select2-selection__placeholder {
    color: rgb(255 255 255 / 27%) !important;
}

/* Dropdown arrow */
.contact_form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
    right: 15px !important;
}

.contact_form .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #ffffff transparent transparent transparent !important;
}

/* Focus / open state, mirrors your input:focus style */
.contact_form .select2-container--open .select2-selection--single {
    background: rgba(255, 255, 255, 0.18) !important;
    border-color: rgba(255, 255, 255, 0.7) !important;
    box-shadow:
        0 0 0 2px rgba(255, 255, 255, 0.12),
        0 6px 20px rgba(0, 0, 0, 0.2);
}

/* ---- Dropdown panel: NOT scoped to .contact_form, it's appended to <body> ---- */
.select2-dropdown {
    background: #292321 !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    border-radius: 12px !important;
    overflow: hidden;
}

.select2-container--default .select2-results__option {
    color: #ffffff !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #c9a15a !important;
    color: #292321 !important;
}

/* If the dropdown has a search box at top */
.select2-search--dropdown .select2-search__field {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 8px !important;
}/* End custom CSS */