.page-index:not(.elementor-editor-active) #main > .elementor,
.page-index:not(.elementor-editor-active) #main > .elementor .elementor-section,
.page-index:not(.elementor-editor-active) #main > .elementor .elementor-container,
.page-index:not(.elementor-editor-active) #main > .elementor .elementor-column,
.page-index:not(.elementor-editor-active) #main > .elementor .elementor-widget-wrap,
.page-index:not(.elementor-editor-active) #main > .elementor .elementor-widget-myloan-section,
.page-index:not(.elementor-editor-active) #main > .elementor .elementor-widget-container,
.page-index:not(.elementor-editor-active) #main > .elementor .myloan-widget-section {
 display: contents;
}

/*
 * Keep My Loan widgets independent from Elementor Kit defaults.
 * Generated widget CSS is loaded after this file, so Style-tab values remain
 * authoritative while the empty/default state matches the theme frontend.
 */
.elementor-widget-myloan-section,
[class*=elementor-widget-myloan-section-],
.elementor-widget-myloan-faq,
.elementor-widget-myloan-ribbon,
.elementor-widget-myloan-social-links,
.elementor-widget-myloan-posts {
 margin-block-end: 0 !important;
}
.elementor .myloan-widget-section .button {
 color: #fff;
}
.elementor .myloan-widget-section .button.outline {
 color: var(--teal);
}
.elementor .myloan-widget-section .button.outline-light {
 color: #fff;
}
.elementor .myloan-widget-section .button:hover,
.elementor .myloan-widget-section .button:focus-visible {
 color: #fff;
}
.elementor .myloan-widget-section .button.outline:hover,
.elementor .myloan-widget-section .button.outline:focus-visible {
 color: var(--teal);
}
.elementor .myloan-widget-section .button.outline-light:hover,
.elementor .myloan-widget-section .button.outline-light:focus-visible {
 color: #fff;
}
.elementor .myloan-widget-section .text-link,
.elementor .myloan-widget-section .inline-link {
 color: var(--teal);
}

/* The editor must show the final state instead of a half-finished entrance. */
body.elementor-editor-active .myloan-widget-section.motion-target,
body.elementor-editor-active .myloan-widget-section .reveal,
.myloan-elementor-editor .myloan-widget-section.motion-target,
.myloan-elementor-editor .myloan-widget-section .reveal,
.elementor-edit-area-active .myloan-widget-section.motion-target,
.elementor-edit-area-active .myloan-widget-section .reveal {
 opacity: 1 !important;
 transform: none !important;
 transition: none !important;
}