.elementor-28538 .elementor-element.elementor-element-039def4{--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-28538 .elementor-element.elementor-element-0c98ace .elementor-button{background-color:var( --e-global-color-b50b2c6 );font-family:"Geomanist Bold", Sans-serif;font-size:17px;font-weight:400;text-transform:uppercase;line-height:23.5px;fill:var( --e-global-color-dfef9df );color:var( --e-global-color-dfef9df );border-radius:100px 100px 100px 100px;padding:1rem 1.2rem 1rem 1.2rem;}body:not(.rtl) .elementor-28538 .elementor-element.elementor-element-0c98ace{right:30px;}body.rtl .elementor-28538 .elementor-element.elementor-element-0c98ace{left:30px;}.elementor-28538 .elementor-element.elementor-element-0c98ace{bottom:30px;z-index:99;}.elementor-28538 .elementor-element.elementor-element-0c98ace .elementor-button-content-wrapper{flex-direction:row;}.elementor-28538 .elementor-element.elementor-element-0c98ace .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-28538 .elementor-element.elementor-element-0c98ace .elementor-button{font-size:18px;}}@media(max-width:767px){.elementor-28538 .elementor-element.elementor-element-0c98ace .elementor-button{font-size:1rem;}}/* Start custom CSS for button, class: .elementor-element-0c98ace */.contact-us-popup-button{
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition:0.3s;
}
.contact-us-popup-button.show{
    opacity: 1;
}
/* =========================================================
   CONTACT FLOATING BUTTON
   Desktop: Circle → Expanded pill on hover
   Mobile: Always circular
   ========================================================= */

#contact-us-float-btn {
    --contact-btn-size: 45px;
    --contact-btn-gap: 10px;
    --contact-btn-duration: 0.45s;
    
    width: var(--contact-btn-size);
    height: var(--contact-btn-size);
    
    transition:
        width var(--contact-btn-duration) cubic-bezier(0.22, 1, 0.36, 1);
    
    overflow: hidden;
}


/* ---------------------------------------------------------
   BUTTON
   --------------------------------------------------------- */

#contact-us-float-btn .elementor-button {
    width: var(--contact-btn-size);
    height: var(--contact-btn-size);

    min-width: var(--contact-btn-size);
    min-height: var(--contact-btn-size);

    padding: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 999px;

    overflow: hidden;

    white-space: nowrap;

    transition:
        width var(--contact-btn-duration) cubic-bezier(0.22, 1, 0.36, 1),
        border-radius var(--contact-btn-duration) ease;
}


/* ---------------------------------------------------------
   CONTENT WRAPPER
   --------------------------------------------------------- */

#contact-us-float-btn .elementor-button-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;

    width: 100%;
    height: 100%;

    gap: 0;

    white-space: nowrap;
}


/* ---------------------------------------------------------
   ICON
   --------------------------------------------------------- */

#contact-us-float-btn .elementor-button-icon {
    width: var(--contact-btn-size);
    min-width: var(--contact-btn-size);
    height: var(--contact-btn-size);

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 !important;

    flex-shrink: 0;
}


#contact-us-float-btn .elementor-button-icon svg {
    width: 24px;
    height: 24px;

    display: block;

    transition:
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}


/* ---------------------------------------------------------
   TEXT
   --------------------------------------------------------- */

#contact-us-float-btn .elementor-button-text {
    display: block;

    max-width: 0;
    opacity: 0;

    overflow: hidden;

    transform: translateX(-8px);

    padding-right: 0;

    transition:
        max-width var(--contact-btn-duration) cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.25s ease,
        transform var(--contact-btn-duration) cubic-bezier(0.22, 1, 0.36, 1),
        padding-right var(--contact-btn-duration) ease;
}


/* =========================================================
   DESKTOP HOVER
   ========================================================= */

@media (min-width: 1025px) {

    #contact-us-float-btn:hover {
        width: 250px;
    }


    #contact-us-float-btn:hover .elementor-button {
        width: 250px;
    }


    #contact-us-float-btn:hover .elementor-button-text {
        max-width: 200px;

        opacity: 1;

        transform: translateX(0);

        padding-right: 20px;
    }


    #contact-us-float-btn:hover .elementor-button-icon svg {
        transform: scale(1.05);
    }

}


/* =========================================================
   TABLET + MOBILE
   Always circular
   ========================================================= */

@media (max-width: 1024px) {

    #contact-us-float-btn,
    #contact-us-float-btn .elementor-button {
        width: var(--contact-btn-size);
        min-width: var(--contact-btn-size);

        height: var(--contact-btn-size);
        min-height: var(--contact-btn-size);
    }


    #contact-us-float-btn .elementor-button-text {
        display: none;
    }


    #contact-us-float-btn .elementor-button-content-wrapper {
        justify-content: center;
    }

}/* End custom CSS */