.elementor-753 .elementor-element.elementor-element-18aca54{--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-753 .elementor-element.elementor-element-370e603f .e-contact-buttons__chat-button{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;}.elementor-753 .elementor-element.elementor-element-370e603f .e-contact-buttons{--e-contact-buttons-button-icon:#FFFFFF;--e-contact-buttons-button-bg:var( --e-global-color-de2a057 );--e-contact-buttons-transition-duration:0.3s;}.elementor-753 .elementor-element.elementor-element-370e603f .e-contact-buttons__chat-button-drop-shadow{filter:drop-shadow(0px 0px 10px rgba(0,0,0,0.5));}/* Start custom CSS for contact-buttons-var-9, class: .elementor-element-370e603f *//* 1. Hide the original phone SVG */
.e-contact-buttons__chat-button-icon-container svg {
    display: none !important;
}

/* 2. Insert the Chat Bubble icon in its place */
.e-contact-buttons__chat-button-icon-container::before {
    content: "\f27a"; /* Font Awesome unicode for comment-alt / chat bubble */
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
    font-size: 1.2em;
    display: inline-block;
    line-height: 1;
}

/* 1. Position the icon absolutely across all screens */
.e-contact-buttons-var-9.has-h-alignment-end .e-contact-buttons__chat-button-icon-container {
    inset-inline-end: -5px;
    position: absolute;
    transition: var(--e-contact-buttons-transition);
}

/* 2. Hide the text bubble by default */
.e-contact-buttons-var-9.has-h-alignment-end .e-contact-buttons__chat-button-text {
    clip-path: inset(0 0 0 100%);
}

/* 3. Expand text bubble on hover/focus/tap */
.e-contact-buttons-var-9.has-h-alignment-end .e-contact-buttons__chat-button:focus .e-contact-buttons__chat-button-text,
.e-contact-buttons-var-9.has-h-alignment-end .e-contact-buttons__chat-button:hover .e-contact-buttons__chat-button-text {
    clip-path: inset(0 0 0 0);
    transition: var(--e-contact-buttons-transition);
}

/* 4. Slide the icon out of the way on hover/focus/tap */
.e-contact-buttons-var-9.has-h-alignment-end .e-contact-buttons__chat-button:focus .e-contact-buttons__chat-button-icon-container,
.e-contact-buttons-var-9.has-h-alignment-end .e-contact-buttons__chat-button:hover .e-contact-buttons__chat-button-icon-container {
    inset-inline-end: 100%;
    transition: var(--e-contact-buttons-transition);
}/* End custom CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */