@media (max-width: 767.98px) {
    .service_cust_mobile_main_div {
        width: 100%;
        overflow: hidden;
        border-bottom: 1px solid #d7e2e5;
    }

    .service_cust_mobile_main_div ul {
        display: flex;
        width: 100%;
        margin: 0;
        padding: 8px 10px;
        gap: 10px;
        overflow-x: auto;
    }

    .service_cust_mobile_main_div ul li {
        flex: 0 0 48px;
        list-style: none;
    }

    .service_cust_mobile_main_div .servicecus-mobile-link {
        display: grid;
        width: 48px;
        height: 48px;
        place-items: center;
        border: 1px solid rgba(255, 255, 255, .38);
        border-radius: 50%;
        color: #fff;
        box-shadow: 0 6px 16px rgba(8, 32, 42, .18);
        text-decoration: none;
    }

    .service_cust_mobile_main_div .servicecus-mobile-link i {
        font-size: 22px;
        line-height: 1;
    }

    .js_css_20231109_slidebar,
    .wah_img {
        display: none !important;
    }

    #ss_menu {
        position: fixed;
        right: 20px;
        bottom: 20px;
        z-index: 88;
        width: 64px;
        height: 64px;
        color: #fff;
        transform: none !important;
        isolation: isolate;
    }

    #ss_menu > .servicecus-mobile-backdrop {
        position: fixed;
        inset: 0;
        z-index: 1;
        display: block;
        width: 100vw;
        height: 100dvh;
        margin: 0;
        padding: 0;
        border: 0;
        background: rgba(5, 31, 42, .2);
        -webkit-backdrop-filter: blur(9px) saturate(112%);
        backdrop-filter: blur(9px) saturate(112%);
        opacity: 0;
        pointer-events: none;
        transition: opacity .28s ease, visibility 0s linear .32s;
        visibility: hidden;
    }

    #ss_menu.is-open > .servicecus-mobile-backdrop {
        opacity: 1;
        pointer-events: auto;
        transition-delay: 0s;
        visibility: visible;
    }

    #ss_menu::before {
        position: absolute;
        right: -8px;
        bottom: 74px;
        z-index: 2;
        width: 224px;
        height: 226px;
        border: 1px solid rgba(13, 86, 99, .12);
        border-radius: 30px;
        background: rgba(248, 253, 252, .96);
        box-shadow: 0 24px 64px rgba(7, 39, 50, .24), inset 0 1px 0 rgba(255, 255, 255, .92);
        content: '';
        opacity: 0;
        pointer-events: none;
        transform: translateY(18px) scale(.88);
        transform-origin: bottom right;
        transition: opacity .24s ease, transform .36s cubic-bezier(.2, .82, .28, 1.08), visibility 0s linear .36s;
        visibility: hidden;
    }

    #ss_menu.is-open::before {
        opacity: 1;
        transform: translateY(0) scale(1);
        transition-delay: 0s;
        visibility: visible;
    }

    #ss_menu > .menu {
        position: absolute;
        inset: 0;
        z-index: 4;
        display: grid;
        width: 64px;
        height: 64px;
        place-items: center;
        overflow: visible;
        border: 1px solid rgba(255, 255, 255, .68);
        border-radius: 50%;
        background: linear-gradient(145deg, #0e8793 0%, #0b6578 58%, #073e55 100%);
        box-shadow: 0 13px 30px rgba(5, 69, 81, .3), inset 0 1px 0 rgba(255, 255, 255, .28);
        color: #fff;
        cursor: pointer;
        transition: transform .2s ease, box-shadow .2s ease, background .25s ease;
    }

    #ss_menu > .menu:active {
        transform: scale(.94);
    }

    #ss_menu > .menu.ss_active {
        background: linear-gradient(145deg, #123e51, #082d40);
        box-shadow: 0 10px 24px rgba(5, 39, 51, .32), inset 0 1px 0 rgba(255, 255, 255, .2);
    }

    #ss_menu > .menu::before,
    #ss_menu > .menu::after {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 3;
        width: 23px;
        height: 2.5px;
        border-radius: 999px;
        background: #fff;
        content: '';
        opacity: 0;
        transform: translate(-50%, -50%) rotate(0deg) scale(.6);
        transition: opacity .2s ease, transform .32s cubic-bezier(.2, .82, .28, 1.18);
    }

    #ss_menu > .menu.ss_active::before {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(45deg) scale(1);
    }

    #ss_menu > .menu.ss_active::after {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(-45deg) scale(1);
    }

    #ss_menu > .menu .share,
    #ss_menu > .menu .circle1 {
        position: relative;
        display: grid;
        width: 100%;
        height: 100%;
        place-items: center;
        border-radius: inherit;
        transform: none;
    }

    #ss_menu > .menu .share:focus-visible {
        border-radius: inherit;
        outline: 3px solid rgba(47, 219, 205, .38);
        outline-offset: 3px;
    }

    #ss_menu > .menu .circle1::after {
        position: absolute;
        inset: 2px;
        border: 2px solid rgba(83, 232, 218, .72);
        border-radius: 50%;
        content: '';
        animation: airevo-contact-pulse 2.8s ease-out infinite;
        pointer-events: none;
    }

    #ss_menu > .menu.ss_active .circle1::after {
        animation: none;
        opacity: 0;
    }

    .airevo-contact-icon {
        display: block;
        width: 44px;
        height: 44px;
        margin: 0;
        overflow: visible;
        filter: drop-shadow(0 2px 4px rgba(2, 40, 51, .12));
        transition: opacity .18s ease, transform .28s cubic-bezier(.2, .82, .28, 1.18);
    }

    .airevo-contact-icon__back { fill: #71eadc; }
    .airevo-contact-icon__front { fill: #fff; }
    .airevo-contact-icon__dot {
        fill: #0b7180;
        transform-box: fill-box;
        transform-origin: center;
        animation: airevo-message-dot 1.8s ease-in-out infinite;
    }
    .airevo-contact-icon__dot--2 { animation-delay: .13s; }
    .airevo-contact-icon__dot--3 { animation-delay: .26s; }
    .airevo-contact-icon__spark {
        fill: #b8fff4;
        transform-box: fill-box;
        transform-origin: center;
        animation: airevo-contact-spark 2.4s ease-in-out infinite;
    }

    #ss_menu > .menu:not(.ss_active) .airevo-contact-icon {
        animation: airevo-contact-float 3.2s ease-in-out infinite;
    }

    #ss_menu > .menu.ss_active .airevo-contact-icon {
        opacity: 0;
        transform: rotate(-10deg) scale(.55);
    }

    #ss_menu > .juti {
        position: absolute;
        z-index: 3;
        display: flex !important;
        width: 94px;
        height: 58px;
        box-sizing: border-box;
        align-items: center;
        justify-content: flex-start;
        gap: 7px;
        padding: 8px;
        border: 1px solid rgba(255, 255, 255, .58);
        border-radius: 18px;
        box-shadow: 0 8px 20px rgba(8, 45, 57, .2), inset 0 1px 0 rgba(255, 255, 255, .24);
        color: #fff;
        opacity: 0;
        pointer-events: none;
        transform: translate(24px, 28px) scale(.78);
        transform-origin: bottom right;
        transition: opacity .22s ease, transform .38s cubic-bezier(.18, .86, .28, 1.18), visibility 0s linear .36s;
        visibility: hidden;
    }

    #ss_menu.is-open > .juti {
        opacity: 1;
        pointer-events: auto;
        transform: translate(0, 0) scale(1);
        visibility: visible;
    }

    #ss_menu.is-open > .juti:active {
        transform: scale(.9);
        transition-duration: .12s;
    }

    #ss_menu > .juti i {
        display: grid;
        width: 30px;
        height: 30px;
        flex: 0 0 30px;
        place-items: center;
        color: #fff;
        font-size: 23px;
        line-height: 1;
        cursor: pointer;
    }

    #ss_menu > .juti span {
        display: block;
        min-width: 0;
        color: #fff;
        font-size: 10.5px;
        font-weight: 750;
        letter-spacing: -.01em;
        line-height: 1.08;
        text-align: left;
        text-wrap: balance;
    }

    #ss_menu .juti_1 { right: 2px; bottom: 86px; }
    #ss_menu .juti_2 { right: 106px; bottom: 86px; }
    #ss_menu .juti_3 { right: 2px; bottom: 154px; }
    #ss_menu .juti_4 { right: 106px; bottom: 154px; }
    #ss_menu .juti_5 { right: 2px; bottom: 222px; }
    #ss_menu .juti_6 { right: 106px; bottom: 222px; }

    #ss_menu.is-open > .juti_1 { transition-delay: .03s; }
    #ss_menu.is-open > .juti_2 { transition-delay: .06s; }
    #ss_menu.is-open > .juti_3 { transition-delay: .09s; }
    #ss_menu.is-open > .juti_4 { transition-delay: .12s; }
    #ss_menu.is-open > .juti_5 { transition-delay: .15s; }
    #ss_menu.is-open > .juti_6 { transition-delay: .18s; }

    .servicecus-channel-whatsapp { background: #20bd5a !important; }
    .servicecus-channel-messenger { background: linear-gradient(145deg, #00b2ff, #006aff 62%, #7b37ff) !important; }
    .servicecus-channel-instagram { background: radial-gradient(circle at 31% 102%, #ffd600 0 22%, #ff7a00 35%, #ff0169 59%, #d300c5 78%, #7638fa 100%) !important; }
    .servicecus-channel-telegram { background: linear-gradient(145deg, #35b9f1, #168ac7) !important; }
    .servicecus-channel-tiktok { background: #111 !important; }
    .servicecus-channel-email { background: linear-gradient(145deg, #37cfc6, #0c7788) !important; }

    @keyframes airevo-contact-pulse {
        0%, 64%, 100% {
            opacity: 0;
            transform: scale(.86);
        }
        72% {
            opacity: .56;
        }
        88% {
            opacity: 0;
            transform: scale(1.32);
        }
    }

    @keyframes airevo-contact-float {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-2px); }
    }

    @keyframes airevo-message-dot {
        0%, 46%, 100% { transform: translateY(0) scale(1); }
        22% { transform: translateY(-2.5px) scale(1.08); }
    }

    @keyframes airevo-contact-spark {
        0%, 58%, 100% { opacity: .62; transform: scale(.78) rotate(-8deg); }
        74% { opacity: 1; transform: scale(1.16) rotate(5deg); }
    }
}

@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
    #ss_menu::before,
    #ss_menu > .servicecus-mobile-backdrop,
    #ss_menu > .menu,
    #ss_menu > .menu::before,
    #ss_menu > .menu::after,
    #ss_menu > .menu .circle1::after,
    #ss_menu > .juti,
    .airevo-contact-icon,
    .airevo-contact-icon__dot,
    .airevo-contact-icon__spark {
        animation: none !important;
        transition: none !important;
    }
}