.elementor-kit-10{--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;background-color:#FCFCFC;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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 */table tr:first-child {
    background: linear-gradient(to right, #feb101, #feb101);
    color: #fff;
}
table th, table td {
    border: 1px solid #333;
    padding: 8px;
    text-align: left;
}
th{
    background-color: #000 !important;
}
#top-bar {
    padding: 0;
}
/* 1. STABILIZE POSITION (CLS FIX) */
/* This prevents the 'jumping' by declaring the position before the script loads */
.chatway--container, 
.chatway--frame-container {
    position: fixed !important;
    bottom: 90px !important;
    right: 20px !important;
    z-index: 999999 !important;
}

/* 2. RESPONSIVE FIX (Avoid Overlapping) */
/* Instead of scaling, we just move it slightly on mobile to stay clear of your Lead Form */
@media (max-width: 767px) {
    .chatway--frame-container {
        bottom: 20px !important; /* Move it lower on mobile */
        right: 10px !important;
        max-width: 80% !important; /* Prevents it from covering the whole screen width */
    }

    /* If the text bubble is still too big, hide only the bubble, not the chat icon */
    .chatway--preview--only--container {
        display: none !important;
    }
}

/* 3. FONT STABILITY */
/* Prevents the 'invisible text' shift mentioned in your report */
.chatway--container * {
    font-display: swap !important;
}/* End custom CSS */