.elementor-1895 .elementor-element.elementor-element-15ba3f5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1895 .elementor-element.elementor-element-15ba3f5:not(.elementor-motion-effects-element-type-background), .elementor-1895 .elementor-element.elementor-element-15ba3f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#009688;}.elementor-1895 .elementor-element.elementor-element-41a0d8d{--display:flex;--justify-content:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1895 .elementor-element.elementor-element-243b0dd img{width:100%;}.elementor-1895 .elementor-element.elementor-element-8a87397{--display:flex;--justify-content:center;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1895 .elementor-element.elementor-element-31d4973 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1895 .elementor-element.elementor-element-31d4973 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1895 .elementor-element.elementor-element-31d4973{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-1895 .elementor-element.elementor-element-31d4973 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1895 .elementor-element.elementor-element-31d4973 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;}.elementor-1895 .elementor-element.elementor-element-31d4973 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-1895 .elementor-element.elementor-element-9786dbc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-1895 .elementor-element.elementor-element-9786dbc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-1895 .elementor-element.elementor-element-9786dbc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-1895 .elementor-element.elementor-element-9786dbc .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-1895 .elementor-element.elementor-element-9786dbc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-1895 .elementor-element.elementor-element-9786dbc .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-1895 .elementor-element.elementor-element-9786dbc .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-1895 .elementor-element.elementor-element-9786dbc{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-1895 .elementor-element.elementor-element-9786dbc .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1895 .elementor-element.elementor-element-9786dbc .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;}.elementor-1895 .elementor-element.elementor-element-9786dbc .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-1895 .elementor-element.elementor-element-fa03895{--display:flex;--justify-content:center;}.elementor-1895 .elementor-element.elementor-element-d21cc36{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:15px;--grid-column-gap:20px;--grid-row-gap:0px;}.elementor-1895 .elementor-element.elementor-element-d21cc36 .elementor-social-icon{background-color:#262626;}.elementor-1895 .elementor-element.elementor-element-18e9755{--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-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1895 .elementor-element.elementor-element-f9844cf{text-align:center;font-family:"Poppins", Sans-serif;font-size:38px;font-weight:400;color:#000000;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-1895 .elementor-element.elementor-element-41a0d8d{--width:61%;}.elementor-1895 .elementor-element.elementor-element-fa03895{--width:54%;}}/* Start custom CSS for html, class: .elementor-element-35a2802 *//* Container Utama - POJOK KIRI BAWAH */
.whatsapp-floating-container {
    position: fixed;
    bottom: 30px;
    left: 30px;  /* Ganti dari right ke left */
    right: auto;
    z-index: 9999;
    font-family: Arial, sans-serif;
}

/* Main Button */
.whatsapp-main-btn {
    width: 60px;
    height: 60px;
    background: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);
    transition: all 0.3s ease;
    position: relative;
    z-index: 2;
}

.whatsapp-main-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 25px rgba(37, 211, 102, 0.6);
}

.whatsapp-main-btn .whatsapp-icon {
    font-size: 28px;
    color: white;
}

/* Sub Buttons - POSISI KIRI */
.whatsapp-sub-btns {
    position: absolute;
    bottom: 70px;
    left: 0;    /* Ganti dari right ke left */
    right: auto;
    display: none;
    flex-direction: column;
    gap: 15px;
    transition: all 0.3s ease;
}

.whatsapp-sub-btns.show {
    display: flex;
}

.whatsapp-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    position: relative;
    animation: slideUp 0.3s ease;
}

.whatsapp-btn.sales {
    background: #25D366;
    animation-delay: 0.1s;
}

.whatsapp-btn.support {
    background: #128C7E;
    animation-delay: 0.2s;
}

.whatsapp-btn:hover {
    transform: scale(1.15);
}

/* Label Text - POSISI KANAN (dari button kiri) */
.btn-label {
    position: absolute;
    left: 60px;    /* Ganti dari right ke left */
    right: auto;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 8px 12px;
    border-radius: 20px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    transition: all 0.3s ease;
    pointer-events: none;
}

.whatsapp-btn:hover .btn-label {
    opacity: 1;
    left: 65px;    /* Ganti dari right ke left */
}

.whatsapp-icon {
    font-size: 22px;
    color: white;
}

/* Animations */
@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* === RESPONSIVE DESIGN UNTUK KIRI === */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
    .whatsapp-floating-container {
        bottom: 25px;
        left: 25px;
    }
    
    .whatsapp-main-btn {
        width: 55px;
        height: 55px;
    }
    
    .whatsapp-btn {
        width: 45px;
        height: 45px;
    }
    
    .btn-label {
        font-size: 11px;
        padding: 6px 10px;
        left: 50px;
    }
    
    .whatsapp-btn:hover .btn-label {
        left: 55px;
    }
}

/* Mobile (320px - 767px) */
@media (max-width: 767px) {
    .whatsapp-floating-container {
        bottom: 20px;
        left: 15px;
    }
    
    .whatsapp-main-btn {
        width: 50px;
        height: 50px;
    }
    
    .whatsapp-main-btn .whatsapp-icon {
        font-size: 24px;
    }
    
    .whatsapp-btn {
        width: 42px;
        height: 42px;
    }
    
    .whatsapp-icon {
        font-size: 20px;
    }
    
    .whatsapp-sub-btns {
        bottom: 60px;
        gap: 12px;
    }
    
    .btn-label {
        font-size: 10px;
        padding: 5px 8px;
        left: 45px;
    }
    
    .whatsapp-btn:hover .btn-label {
        left: 50px;
    }
}

/* Very Small Mobile */
@media (max-width: 480px) {
    .whatsapp-floating-container {
        bottom: 15px;
        left: 10px;
    }
    
    .whatsapp-main-btn {
        width: 45px;
        height: 45px;
    }
    
    .whatsapp-btn {
        width: 40px;
        height: 40px;
    }
    
    .btn-label {
        left: 40px;
    }
}

/* Landscape Mode */
@media (max-height: 500px) and (orientation: landscape) {
    .whatsapp-floating-container {
        bottom: 10px;
        left: 10px;
    }
    
    .whatsapp-sub-btns {
        bottom: 50px;
        gap: 8px;
    }
}/* End custom CSS */