.elementor-15017 .elementor-element.elementor-element-52e5442{--display:flex;--min-height:70vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-15017 .elementor-element.elementor-element-52e5442:not(.elementor-motion-effects-element-type-background), .elementor-15017 .elementor-element.elementor-element-52e5442 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://web-designer-near-me.co.za/wp-content/uploads/2024/12/Lady-searching-for-web-designer.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-15017 .elementor-element.elementor-element-2762c9a .elementor-heading-title{font-size:40px;font-weight:bold;color:#FFFFFF;}.elementor-15017 .elementor-element.elementor-element-c052843{text-align:start;color:#FFFFFF;}.elementor-15017 .elementor-element.elementor-element-443a79f{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15017 .elementor-element.elementor-element-288b47b .elementor-button{background-color:#66C084;font-size:16px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;border-radius:8px 8px 8px 8px;padding:20px 20px 20px 20px;}.elementor-15017 .elementor-element.elementor-element-288b47b .elementor-button:hover, .elementor-15017 .elementor-element.elementor-element-288b47b .elementor-button:focus{background-color:#1F4B3F;color:#FFFFFF;border-color:#1F4B3F;}.elementor-15017 .elementor-element.elementor-element-288b47b > .elementor-widget-container:hover{--e-transform-translateX:5px;--e-transform-translateY:-5px;}.elementor-15017 .elementor-element.elementor-element-288b47b.elementor-element{--align-self:center;}.elementor-15017 .elementor-element.elementor-element-288b47b .elementor-button:hover svg, .elementor-15017 .elementor-element.elementor-element-288b47b .elementor-button:focus svg{fill:#FFFFFF;}.elementor-15017 .elementor-element.elementor-element-b3afa33{--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;}@media(max-width:767px){.elementor-15017 .elementor-element.elementor-element-52e5442{--min-height:40vh;}.elementor-15017 .elementor-element.elementor-element-52e5442:not(.elementor-motion-effects-element-type-background), .elementor-15017 .elementor-element.elementor-element-52e5442 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-15017 .elementor-element.elementor-element-2762c9a{text-align:center;}.elementor-15017 .elementor-element.elementor-element-2762c9a .elementor-heading-title{font-size:20px;}.elementor-15017 .elementor-element.elementor-element-c052843{font-size:17px;line-height:1.2em;}.elementor-15017 .elementor-element.elementor-element-288b47b .elementor-button{padding:16px 16px 16px 16px;}}/* Start custom CSS for button, class: .elementor-element-288b47b */.floating-hero-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 1s ease-in-out; /* Smooth transition */
    z-index: 1000; /* Ensure it's above other elements */
}

.floating-hero-button.scrolled {
    top: auto;
    left: auto;
    right: 20px; /* Adjust as needed */
    bottom: 20px; /* Adjust as needed */
    transform: translate(0, 0); /* Reset transform */
    position: fixed; /* Make it sticky in the bottom-right corner */
}
@media (max-width: 768px) {
    .floating-hero-button.scrolled {
        bottom: 10px; /* Adjust as needed for smaller screens */
        right: 10px; /* Adjust as needed for smaller screens */
    }
}/* End custom CSS */