.elementor-3924 .elementor-element.elementor-element-9fb4452{--display:flex;--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;--align-items:center;}.elementor-3924 .elementor-element.elementor-element-9fb4452:not(.elementor-motion-effects-element-type-background), .elementor-3924 .elementor-element.elementor-element-9fb4452 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Assistant;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3924 .elementor-element.elementor-element-b4c54e7{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-3924 .elementor-element.elementor-element-b4c54e7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 0% 0% 0%;}.elementor-3924 .elementor-element.elementor-element-b4c54e7 img{width:30%;}.elementor-3924 .elementor-element.elementor-element-9591d7c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3924 .elementor-element.elementor-element-9591d7c:not(.elementor-motion-effects-element-type-background), .elementor-3924 .elementor-element.elementor-element-9591d7c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-3924 .elementor-element.elementor-element-9591d7c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3924 .elementor-element.elementor-element-e66a4f0{--display:flex;--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;--align-items:center;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3924 .elementor-element.elementor-element-e66a4f0:not(.elementor-motion-effects-element-type-background), .elementor-3924 .elementor-element.elementor-element-e66a4f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Assistant;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3924 .elementor-element.elementor-element-8b6778b{text-align:center;}.elementor-3924 .elementor-element.elementor-element-8b6778b .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-3924 .elementor-element.elementor-element-63b642c{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-3924 .elementor-element.elementor-element-63b642c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 0% 0% 0%;}.elementor-3924 .elementor-element.elementor-element-63b642c img{width:30%;}@media(max-width:1024px){.elementor-3924 .elementor-element.elementor-element-b4c54e7 img{width:40%;}.elementor-3924 .elementor-element.elementor-element-63b642c img{width:40%;}}@media(max-width:767px){.elementor-3924 .elementor-element.elementor-element-9fb4452{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3924 .elementor-element.elementor-element-b4c54e7 img{width:80%;}.elementor-3924 .elementor-element.elementor-element-9591d7c{--width:638.091px;--padding-top:0px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;}.elementor-3924 .elementor-element.elementor-element-e66a4f0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3924 .elementor-element.elementor-element-63b642c img{width:80%;}}/* Start custom CSS for html, class: .elementor-element-613ab46 *//* Center-align the form elements and set width */
.container {
    height: auto;
    overflow: hidden;
    padding: 20px; /* Add padding for spacing on mobile devices */
    text-align: center !important; /* Center-align text within the container */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Add a CSS class for fading in elements */
.fade-in {
    opacity: 0;
    transition: opacity 0.5s;
}

/* Ensure elements with class 'visible' have full opacity */
.visible {
    opacity: 1;
    color: black !important; /* Set text color to black */
}

/* Style adjustments for smaller screens */
@media (max-width: 768px) {
    .container {
        padding: 20px 20px 20px 20px; /* Reduce padding for smaller screens */
    }
}

form {
    width: 100% !important; /* Full width for the form */
    max-width: 400px; /* Set maximum width for the form */
    margin: 0 auto; /* Center horizontally */
    text-align: center !important; /* Center-align text within the form */
    direction: rtl; /* Right-to-left text direction */
    color: black !important; /* Set text color to black */
}

/* Adjust the width of form fields */
input[type="text"], textarea {
    width: 100%; /* Full width for text fields and textarea */
    text-align: right; /* Right-align text within text fields */
    background-color: white !important; /* White background color */
    color: black !important; /* Text color */
    padding: 10px; /* Add padding to form fields */
    border: 1px solid black !important; /* Black border */
    border-radius: 5px; /* Add border radius to form fields */
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); /* Add a subtle shadow */
}

/* Style radio buttons and labels */
.radio-container {
    display: flex;
    align-items: center;
    justify-content: flex-start; /* Adjust to flex-start for PC */
}

input[type="radio"] {
    appearance: none; /* Hide the default radio button appearance */
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 30px; /* Customize the radio button size */
    height: 30px;
    border: 2px solid black !important; /* Black border */
    border-radius: 50%; /* Make it circular */
    outline: none;
    margin-right: 10px !important; /* Add some space between radio buttons and text */
    vertical-align: middle; /* Align radio buttons vertically */
    background-color: white !important; /* White background color */
    color: black !important; /* Text color */
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); /* Add a subtle shadow */
}

/* Style checked radio buttons */
input[type="radio"]:checked {
    background-color: #008594 !important; /* Fill color when selected */
    border: 2px solid #008594 !important; /* Border color when selected */
}

/* Style labels associated with radio buttons */
label {
    display: block; /* Display each label on a separate row */
    font-size: 1em;
    margin-bottom: 10px; /* Add spacing between answer options */
    text-align: right !important; /* Right-align label text */
    color: black !important; /* Text color */
}

/* Button Styles */
button[type="button"] {
    border-radius: 40px;
    padding: 5px 30px;
    background-color: #008594 !important; /* Button background color */
    color: white !important; /* Text color */
    border: none; /* Remove the border */
    transition: background-color 0.3s, color 0.3s; /* Transition effect */
    position: relative; /* Remove absolute positioning */
    margin-top: 20px; /* Add spacing between button and container */
    text-align: center !important; /* Center-align text within the button */
    cursor: pointer; /* Add a pointer cursor on hover */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); /* Add a shadow */
}

button[type="button"]:hover {
    background-color: #00596E !important; /* Background color on hover */
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7); /* Increase shadow on hover */
}/* End custom CSS */