*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:Arial, Helvetica, sans-serif;
}

body{
  background:#f3f3f3;
}


/* WHATSAPP FIXED CHAT */
.whatsapp-float{
    position:fixed !important;
    right:25px !important;
    bottom:25px !important;
    width:64px !important;
    height:64px !important;
    border-radius:50% !important;
    border:none !important;
    background:#25d366 !important;
    color:#fff !important;
    font-size:34px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    cursor:pointer !important;
    z-index:999999 !important;
    box-shadow:0 14px 35px rgba(37,211,102,.45) !important;
}

.whatsapp-box{
    position:fixed !important;
    right:25px !important;
    bottom:105px !important;
    width:360px !important;
    background:#efe7dd !important;
    border-radius:24px !important;
    overflow:hidden !important;
    z-index:999999 !important;
    box-shadow:0 25px 70px rgba(0,0,0,.30) !important;
    display:none !important;
}

.whatsapp-box.active{
    display:block !important;
}

.whatsapp-header{
    background:#075e54 !important;
    color:#fff !important;
    padding:18px !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
}

.whatsapp-avatar{
    width:44px !important;
    height:44px !important;
    border-radius:50% !important;
    background:#25d366 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-shrink:0 !important;
}

.whatsapp-avatar i{
    font-size:25px !important;
    width:25px !important;
    height:25px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:1 !important;
    margin:0 !important;
    padding:0 !important;
}

.whatsapp-title{
    flex:1 !important;
    min-width:0 !important;
}

.whatsapp-title strong{
    display:block !important;
    font-size:17px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
}

.whatsapp-title span{
    display:block !important;
    font-size:12px !important;
    line-height:1.35 !important;
    opacity:.9 !important;
    margin-top:4px !important;
}

.whatsapp-close{
    width:34px !important;
    height:34px !important;
    border:none !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.16) !important;
    color:#fff !important;
    font-size:17px !important;
    cursor:pointer !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-shrink:0 !important;
}

.whatsapp-close:hover{
    background:rgba(255,255,255,.25) !important;
}

.whatsapp-body{
    padding:22px 18px !important;
    min-height:135px !important;
}

.whatsapp-message{
    background:#fff !important;
    color:#222 !important;
    padding:15px 17px !important;
    border-radius:0 18px 18px 18px !important;
    font-size:15px !important;
    line-height:1.55 !important;
    box-shadow:0 6px 18px rgba(0,0,0,.10) !important;
}

.whatsapp-start{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    background:#25d366 !important;
    color:#fff !important;
    padding:17px !important;
    text-decoration:none !important;
    font-size:16px !important;
    font-weight:800 !important;
}

.whatsapp-start:hover{
    background:#1ebe5d !important;
}

@media(max-width:480px){
    .whatsapp-box{
        width:calc(100% - 30px) !important;
        right:15px !important;
        bottom:92px !important;
    }

    .whatsapp-float{
        right:18px !important;
        bottom:18px !important;
        width:60px !important;
        height:60px !important;
    }
}

