.elementor-kit-2707{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-2707 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1. Remove yellow background, box shadow, padding, and forces clean container */
.joinchat__button,
.joinchat__button-send,
#chat-icon,
.chat-icon,
.floating-chat-button,
a[aria-label*="chat"] {
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}

/* 2. Target pseudo-elements in case the circle is generated via ::before / ::after */
.joinchat__button::before,
.joinchat__button::after,
#chat-icon::before,
#chat-icon::after {
    background: transparent !important;
    box-shadow: none !important;
}

/* 3. Make the inside image standalone and resize it larger */
.joinchat__button img,
#chat-icon img,
.chat-icon img,
a[aria-label*="chat"] img {
    border-radius: 0 !important;
    background: transparent !important;
    width: 70px !important;    /* Adjust size as needed (e.g., 60px, 70px, 80px) */
    height: auto !important;
    object-fit: contain !important;
    filter: drop-shadow(0px 4px 8px rgba(0,0,0,0.2)); /* Optional: adds subtle depth without the yellow circle */
}/* End custom CSS */