.elementor-3574 .elementor-element.elementor-element-69c809dd{padding:0% 20% 0% 20%;}.elementor-3574 .elementor-element.elementor-element-2a5cfbe2{--spacer-size:50px;}.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-3574 .elementor-element.elementor-element-5f89891c .elementor-heading-title{color:var( --e-global-color-secondary );}#elementor-popup-modal-3574 .dialog-widget-content{animation-duration:1s;background-color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-accent );border-radius:15px 15px 15px 15px;}#elementor-popup-modal-3574{background-color:rgba(0, 0, 0, 0.4);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-3574 .dialog-message{width:61vw;height:auto;padding:5% 0% 5% 0%;}#elementor-popup-modal-3574 .dialog-close-button{display:flex;top:15px;font-size:20px;}body:not(.rtl) #elementor-popup-modal-3574 .dialog-close-button{right:15px;}body.rtl #elementor-popup-modal-3574 .dialog-close-button{left:15px;}#elementor-popup-modal-3574 .dialog-close-button i{color:#000000;}#elementor-popup-modal-3574 .dialog-close-button svg{fill:#000000;}#elementor-popup-modal-3574 .dialog-close-button:hover i{color:#0E4BD5;}@media(max-width:1024px){#elementor-popup-modal-3574 .dialog-message{width:90vw;padding:10% 0% 10% 0%;}}@media(max-width:767px){.elementor-3574 .elementor-element.elementor-element-69c809dd{padding:0% 5% 0% 5%;}#elementor-popup-modal-3574{align-items:center;}}/* Start custom CSS for spacer, class: .elementor-element-2a5cfbe2 *//** CSS for form Fields **/

.acf-field .acf-label label {
    font-family: 'Rubik';
    color: #DE541E;
}

p.description {
    font-family: 'Rubik';
}

label {
    font-family: 'Rubik';
}

span.acf-selection {
    font-family: 'Rubik';
}

select {
    font-family: 'Rubik';
}

p {
    font-family: 'Rubik';
}

.acf-fields.-border {
     border: #ccd0d4 solid 0px !important; 

}

.elementor-element .acf-field {
  
    padding-bottom: 20px !important;
    border-width: 0px !important;
}

.acf-field input[type=text], .acf-field input[type=password], .acf-field input[type=date], .acf-field input[type=datetime], .acf-field input[type=datetime-local], .acf-field input[type=email], .acf-field input[type=month], .acf-field input[type=number], .acf-field input[type=search], .acf-field input[type=tel], .acf-field input[type=time], .acf-field input[type=url], .acf-field input[type=week], .acf-field textarea, .acf-field select {
    font-family: 'Rubik';
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="url"],
textarea,
select {
    border-radius: 15px;
}



/** hide instruction text by ddefault **/

.acf-field .description {
    display: none;
    position: absolute;
    background: #f9f9f9;
    padding: 10px !important;
    margin: 15px;
    border: 1px solid #ddd;
    border-radius: 15px;
    max-width: 200px;
    z-index: 9999; /* Set to a high value to ensure it's on top */
    margin-top: 5px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Optional: adds a shadow for better visibility */
}



/** change color of info icon **/
.info-icon {
    cursor: pointer;
    margin-left: 5px;
    font-size: 16px;
    color: #3F3F37;
}

/** Submit Button **/
button.acf-button.af-submit-button {
    font-family: Rubik;
    border-radius: 15px;
    color: white; /* Text color */
    background-color: #DE541E; /* Button background color */
    border-color: #DE541E; /* Border color */
    padding: 10px 20px; /* Add padding for better button size (optional) */
    cursor: pointer; /* Change the cursor to a pointer to indicate it's clickable */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition for hover */
}


input.acf-button.button.button-primary.button-large{
    font-family: Rubik;
    border-radius: 15px;
    color: white; /* Text color */
    background-color: #DE541E; /* Button background color */
    border-color: #DE541E; /* Border color */
    padding: 10px 20px; /* Add padding for better button size (optional) */
    cursor: pointer; /* Change the cursor to a pointer to indicate it's clickable */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition for hover */
}




/* On Hover */
input.acf-button.button.button-primary.button-large:hover {
    color: #DE541E; /* Text color when hovered */
    background-color: white; /* Background color when hovered */
    border-color: #DE541E; /* Border color when hovered */
}


input.acf-button.button.button-primary.button-large:hover {
    color: #DE541E; /* Text color when hovered */
    background-color: white; /* Background color when hovered */
    border-color: #DE541E; /* Border color when hovered */
}




/* Style for the success message container */
.frontend-admin-message .acf-notice {
    position: fixed; /* Make it fixed to the viewport */
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Adjust for proper centering */
    z-index: 9999; /* Ensure it's on top of other elements */
    max-width: 400px; /* Set a maximum width */
    width: 90%; /* Ensure responsiveness */
    padding: 20px; /* Add some padding */
    background-color: #49ad52; /* Background color for success */
    border: 2px solid rgb(57, 137, 65); /* Border color for success */
    color: #fff; /* Text color */
    text-align: center; /* Center align text */
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Add shadow for a popup effect */
    font-family: 'Rubik', sans-serif; /* Set font family to Rubik */
    font-size: 1.2rem; /* Increase font size slightly */
    line-height: 1.5; /* Improve readability with better line height */
}

/* Add a fade-in animation (optional) */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.frontend-admin-message .acf-notice {
    animation: fadeIn 0.5s ease-in-out;
}/* End custom CSS */