.elementor-3839 .elementor-element.elementor-element-284ca98d{--display:flex;--min-height:100vh;--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;--overlay-opacity:0.7;}.elementor-3839 .elementor-element.elementor-element-284ca98d:not(.elementor-motion-effects-element-type-background), .elementor-3839 .elementor-element.elementor-element-284ca98d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://azyanhadhabah.com/wp-content/uploads/2025/01/abstract-green-black-liquid-flow-pattern-backdrop-scaled-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3839 .elementor-element.elementor-element-284ca98d::before, .elementor-3839 .elementor-element.elementor-element-284ca98d > .elementor-background-video-container::before, .elementor-3839 .elementor-element.elementor-element-284ca98d > .e-con-inner > .elementor-background-video-container::before, .elementor-3839 .elementor-element.elementor-element-284ca98d > .elementor-background-slideshow::before, .elementor-3839 .elementor-element.elementor-element-284ca98d > .e-con-inner > .elementor-background-slideshow::before, .elementor-3839 .elementor-element.elementor-element-284ca98d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#20362A;--background-overlay:'';}.elementor-3839 .elementor-element.elementor-element-4f709608 img{max-width:50%;}.elementor-3839 .elementor-element.elementor-element-5ef9c96d > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-3839 .elementor-element.elementor-element-5ef9c96d:not(.elementor-motion-effects-element-type-background), .elementor-3839 .elementor-element.elementor-element-5ef9c96d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://azyanhadhabah.com/wp-content/uploads/2025/01/1-marble-background-scaled-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3839 .elementor-element.elementor-element-5ef9c96d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3839 .elementor-element.elementor-element-5ef9c96d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3839 .elementor-element.elementor-element-1cb79d8d > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-3839 .elementor-element.elementor-element-1cb79d8d > .elementor-element-populated{padding:40px 120px 35px 10px;}.elementor-3839 .elementor-element.elementor-element-61ef64fa .elementor-heading-title{font-family:"Tajawal", Sans-serif;font-size:32px;font-weight:bold;color:#20362A;}.elementor-3839 .elementor-element.elementor-element-3706694 > .elementor-element-populated{padding:0% 0% 0% 17.5%;}.elementor-3839 .elementor-element.elementor-element-1e2410d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-80px;margin-bottom:0px;}.elementor-3839 .elementor-element.elementor-element-1e2410d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3839 .elementor-element.elementor-element-78491bdd:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-3839 .elementor-element.elementor-element-78491bdd > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E1B87F;background-image:url("https://azyanhadhabah.com/wp-content/uploads/2025/01/1-marble-background-scaled-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3839 .elementor-element.elementor-element-78491bdd > .elementor-element-populated >  .elementor-background-overlay{background-color:#E1B87F;opacity:0.7;}.elementor-3839 .elementor-element.elementor-element-78491bdd > .elementor-element-populated, .elementor-3839 .elementor-element.elementor-element-78491bdd > .elementor-element-populated > .elementor-background-overlay, .elementor-3839 .elementor-element.elementor-element-78491bdd > .elementor-background-slideshow{border-radius:5px 5px 5px 5px;}.elementor-3839 .elementor-element.elementor-element-78491bdd > .elementor-element-populated{box-shadow:0px 10px 60px 0px rgba(0, 0, 0, 0.07);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 50px 50px 50px;}.elementor-3839 .elementor-element.elementor-element-78491bdd > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3839 .elementor-element.elementor-element-78491bdd{z-index:9;}.elementor-3839 .elementor-element.elementor-element-6427d20d:not(.elementor-motion-effects-element-type-background), .elementor-3839 .elementor-element.elementor-element-6427d20d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3839 .elementor-element.elementor-element-6427d20d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 0px 20px 0px;}.elementor-3839 .elementor-element.elementor-element-6427d20d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3839 .elementor-element.elementor-element-61655358 > .elementor-element-populated{text-align:center;}.elementor-3839 .elementor-element.elementor-element-545afb84{--e-image-carousel-slides-to-show:4;}.elementor-3839 .elementor-element.elementor-element-545afb84 .swiper-wrapper{display:flex;align-items:center;}body.elementor-page-3839:not(.elementor-motion-effects-element-type-background), body.elementor-page-3839 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F2E9;}@media(max-width:1024px) and (min-width:768px){.elementor-3839 .elementor-element.elementor-element-1cb79d8d{width:100%;}.elementor-3839 .elementor-element.elementor-element-3706694{width:100%;}}@media(max-width:1024px){.elementor-3839 .elementor-element.elementor-element-5ef9c96d{padding:0px 35px 30px 35px;}.elementor-3839 .elementor-element.elementor-element-1cb79d8d > .elementor-element-populated{padding:40px 15px 40px 15px;}.elementor-3839 .elementor-element.elementor-element-3706694 > .elementor-element-populated{padding:0px 10px 0px 0px;}.elementor-3839 .elementor-element.elementor-element-1e2410d{margin-top:0px;margin-bottom:0px;}.elementor-3839 .elementor-element.elementor-element-78491bdd > .elementor-element-populated{padding:35px 35px 35px 35px;}}@media(max-width:767px){.elementor-3839 .elementor-element.elementor-element-5ef9c96d{padding:70px 10px 0px 10px;}.elementor-3839 .elementor-element.elementor-element-1cb79d8d > .elementor-element-populated{padding:0px 10px 0px 10px;}.elementor-3839 .elementor-element.elementor-element-3706694 > .elementor-element-populated{padding:0px 10px 0px 10px;}.elementor-3839 .elementor-element.elementor-element-1e2410d{margin-top:30px;margin-bottom:0px;}.elementor-3839 .elementor-element.elementor-element-78491bdd > .elementor-element-populated{padding:30px 20px 30px 20px;}}/* Start custom CSS for html, class: .elementor-element-65e2414e *//* Form Container */
form {
    max-width: 600px;
    /* margin: 30px auto;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd; */
}

/* Form Heading */
form h1 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 20px;
    color: #20362A;
}

/* Form Labels */
form label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    color: #20362A;
}

/* Form Inputs */
form input[type="text"],
form input[type="tel"],
form textarea,
form select,
form span.ui-selectmenu-button {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #f9f9f9;
    transition: border-color 0.3s;
}

/* On Focus */
form input[type="text"]:focus,
form input[type="tel"]:focus,
form textarea:focus,
form select:focus,
form span.ui-selectmenu-button:focus {
    border-color: #20362A;
    outline: none;
}

/* Textarea */
form textarea {
    resize: vertical;
    min-height: 100px;
}

/* Select Box */
form select,
form span.ui-selectmenu-button {
    -webkit-appearance: none;
    /* Remove default dropdown arrow for Safari/Chrome */
    -moz-appearance: none;
    /* Remove default dropdown arrow for Firefox */
    appearance: none;
    /* Standardize across browsers */
    background: #f9f9f9 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%232a0f38" d="M2 0L0 2h4z"/></svg>') no-repeat left 10px center;
    background-size: 12px;
    cursor: pointer;
}

/* Submit Button */
form button {
    width: 100%;
    background: #20362A;
    color: #fff1e2;
    padding: 10px 15px;
    font-size: 18px;
    font-weight: bold;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s;
}

form button:hover {
    background: #1d0826;
}

/* Dropdown Menu (jQuery UI SelectMenu) */
.ui-selectmenu-menu {
    position: absolute !important;
    z-index: 1000 !important;
    width: auto !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    border-radius: 5px;
    border: 1px solid #ddd !important;
    min-width: 150px;
    /* Minimum width */
    max-width: 300px;
    /* Limit width */
    overflow: hidden;
}

.ui-menu {
    max-width: 300px !important;
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #ddd !important;
    background-color: #fff !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    border-radius: 5px;
}

/* Dropdown Items */
.ui-menu-item {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #f4f4f4;
}

.ui-menu-item-wrapper {
    color: #333 !important;
    font-size: 16px;
}

.ui-menu-item-wrapper.ui-state-active {
    background-color: #20362A !important;
    color: #fff1e2 !important;
}

/* Last Item */
.ui-menu-item:last-child {
    border-bottom: none;
}

/* Overflow for Dropdown */
.ui-selectmenu-menu.ui-front {
    overflow-y: auto !important;
    max-height: 200px;
    /* Scrollable if too many options */
    box-sizing: border-box;
}

/* Responsive Design */
@media (max-width: 768px) {
    form {
        padding: 15px;
    }

    form h1 {
        font-size: 20px;
    }

    form button {
        font-size: 16px;
        padding: 8px 12px;
    }
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-545afb84 */.elementor-3839 .elementor-element.elementor-element-545afb84 img {
    width: 80%;
    height: 80px;
    object-fit: contain;
}/* End custom CSS */