.elementor-3036 .elementor-element.elementor-element-6a200a78.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-3036 .elementor-element.elementor-element-ced9341{width:100%;max-width:100%;}.elementor-3036 .elementor-element.elementor-element-ced9341.elementor-element{--align-self:center;}.elementor-3036 .elementor-element.elementor-element-a5203f9 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:9px;}.elementor-3036 .elementor-element.elementor-element-a5203f9 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-9px;}.elementor-3036 .elementor-element.elementor-element-a5203f9 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-3036 .elementor-element.elementor-element-a5203f9 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-3036 .elementor-element.elementor-element-a5203f9 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-3036 .elementor-element.elementor-element-a5203f9 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-3036 .elementor-element.elementor-element-a5203f9 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-3036 .elementor-element.elementor-element-a5203f9 .elementor-field-group > label, .elementor-3036 .elementor-element.elementor-element-a5203f9 .elementor-field-subgroup label{color:var( --e-global-color-light );}.elementor-3036 .elementor-element.elementor-element-a5203f9 .elementor-mark-required .elementor-field-label:after{color:var( --e-global-color-danger );}.elementor-3036 .elementor-element.elementor-element-a5203f9 .elementor-field-group > label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3036 .elementor-element.elementor-element-a5203f9 .elementor-field-type-html{padding-bottom:0px;}.elementor-3036 .elementor-element.elementor-element-a5203f9 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-width:4px 4px 4px 4px;border-radius:10px 10px 10px 10px;}.elementor-3036 .elementor-element.elementor-element-a5203f9 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-width:4px 4px 4px 4px;border-radius:10px 10px 10px 10px;}.elementor-3036 .elementor-element.elementor-element-a5203f9 .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3036 .elementor-element.elementor-element-a5203f9 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-info );color:#ffffff;}.elementor-3036 .elementor-element.elementor-element-a5203f9 .elementor-button[type="submit"]{background-color:var( --e-global-color-info );color:#ffffff;}.elementor-3036 .elementor-element.elementor-element-a5203f9 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-3036 .elementor-element.elementor-element-a5203f9 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-3036 .elementor-element.elementor-element-a5203f9 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-3036 .elementor-element.elementor-element-a5203f9 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-3036 .elementor-element.elementor-element-a5203f9 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-3036 .elementor-element.elementor-element-a5203f9 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-3036 .elementor-element.elementor-element-a5203f9{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-icon-size:15px;--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-3036 .elementor-element.elementor-element-5e1ff5f{--display:flex;}.elementor-3036 .elementor-element.elementor-element-5488daf{--display:flex;}.elementor-3036 .elementor-element.elementor-element-e39c4cd{--display:flex;}/* Start custom CSS for html, class: .elementor-element-ced9341 *//* Ensure all text within the mot-section-container is white */
.mot-section-container {
    color: #ffffff; /* Sets default text color to white for the entire container */
}

/* Specific styling for headers (h3, h4) to ensure they are white */
.mot-section-container h3,
.mot-section-container h4 {
    color: #ffffff;
}

/* Styling for paragraphs */
.mot-section-container p {
    color: #ffffff;
}

/* Styling for list items */
.mot-section-container ul li {
    color: #ffffff;
}

/* Styling for the link/button text to make it prominent */
.mot-section-container .mot-contact-button {
    color: #ffffff; /* Ensures the link text is white */
    background-color: #ff5722; /* A prominent orange/red color, similar to previous buttons */
    padding: 12px 25px; /* Add padding to make it look like a button */
    text-decoration: none; /* Remove underline */
    display: inline-block; /* Allows padding and margin */
    border-radius: 5px; /* Slightly rounded corners */
    margin-top: 20px; /* Add space above the button */
    font-weight: bold; /* Make text bold */
    transition: background-color 0.3s ease; /* Smooth hover effect */
}

.mot-section-container .mot-contact-button:hover {
    background-color: #e64a19; /* Darker shade on hover */
}


/* Reduce height and width of the image and align center */
.mot-section-container .mot-image-wrapper img {
    max-width: 100% !important; /* Reduce width to 80% of its container */
    height: auto; /* Maintain aspect ratio */
    display: block; /* Make it a block element to apply margins */
    margin-left: auto; /* Center horizontally */
    margin-right: auto; /* Center horizontally */
    /* You can adjust max-width further (e.g., 50%, 60%) if 80% is still too big */
}

/* Optional: Add some padding to the image wrapper if the image becomes too small and needs space */
.mot-section-container .mot-image-wrapper {
    padding: 20px; /* Example padding */
    text-align: center; /* Fallback for older browsers or if display:block doesn't center */
}

/* Optional: If the layout is side-by-side using flexbox/grid,
   ensure the columns align well after image resizing.
   This would be on the parent of mot-left-column and mot-right-column. */
/* Example if mot-section-container is a flex container: */
/*
.mot-section-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start; // Align items to the top
}
.mot-left-column,
.mot-right-column {
    flex: 1; // Allow columns to grow
    padding: 20px; // Add some internal spacing
}
*//* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-a5203f9 *//* Ensure all text within the mot-section-container is white */
.mot-section-container {
    color: #ffffff; /* Sets default text color to white for the entire container */
}

/* Specific styling for headers (h3, h4) to ensure they are white */
.mot-section-container h3,
.mot-section-container h4 {
    color: #ffffff;
}

/* Styling for paragraphs */
.mot-section-container p {
    color: #ffffff;
}

/* Styling for list items */
.mot-section-container ul li {
    color: #ffffff;
}

/* Styling for the link/button text */
.mot-section-container .mot-contact-button {
    color: #ffffff; /* Ensures the link text is white */
    /* You might also want to style the button background and padding here if needed */
    /* background-color: #your-button-color; */
    /* padding: 10px 20px; */
    /* text-decoration: none; */
    /* display: inline-block; */
    /* border-radius: 5px; */
}

/* Reduce height and width of the image and align center */
.mot-section-container .mot-image-wrapper img {
    max-width: 80%; /* Reduce width to 80% of its container */
    height: auto; /* Maintain aspect ratio */
    display: block; /* Make it a block element to apply margins */
    margin-left: auto; /* Center horizontally */
    margin-right: auto; /* Center horizontally */
    /* You can adjust max-width further (e.g., 50%, 60%) if 80% is still too big */
}

/* Optional: Add some padding to the image wrapper if the image becomes too small and needs space */
.mot-section-container .mot-image-wrapper {
    padding: 20px; /* Example padding */
    text-align: center; /* Fallback for older browsers or if display:block doesn't center */
}

/* Optional: If the layout is side-by-side using flexbox/grid,
   ensure the columns align well after image resizing.
   This would be on the parent of mot-left-column and mot-right-column. */
/* Example if mot-section-container is a flex container: */
/*
.mot-section-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start; // Align items to the top
}
.mot-left-column,
.mot-right-column {
    flex: 1; // Allow columns to grow
    padding: 20px; // Add some internal spacing
}
*//* End custom CSS */