@font-face {
    font-family: "Barlow";
    src: url("../fonts/Barlow-Regular.ttf");
}
.floating-wpp{
    font-family: 'Barlow' !important;
}
.floating-wpp{position:fixed;bottom:15px;left:15px;font-family:'Lato';font-size:14px;transition:bottom 0.2s}.floating-wpp .floating-wpp-button{width:50px;height:50px;background-color:#25D366;background-image:url(../images/whatsapp.svg);background-position:center;background-size:180%;border-radius:50%;box-shadow:1px 1px 2px rgba(60,60,60,.4);transition:box-shadow 0.2s;cursor:pointer}.floating-wpp:hover{bottom:17px}.floating-wpp:hover .floating-wpp-button{box-shadow:1px 2px 2px rgba(60,60,60,.4)}
.floating-wpp .floating-wpp-popup{
    background: url("../images/wpp-bg.webp");
    border-radius:0px;
    background-color:#E5DDD5;
    position:absolute;
    overflow:hidden;
    padding:0;
    box-shadow:0px 0px 5px rgb(60 60 60 / 25%);
    width:0;
    height:0;
    bottom:82px;
    transition:width 0.2s,height 0.2s,padding 0.2s;
    transform-origin:bottom
}
.floating-wpp .floating-wpp-popup.active{padding:0 12px 12px 12px;width:260px;height:auto}.floating-wpp .floating-wpp-popup .floating-wpp-message{background-color:white;padding:8px;border-radius:0 5px 5px 5px;box-shadow:1px 1px 1px rgba(0,0,0,.15);opacity:0;transition:opacity 0.2s}.floating-wpp .floating-wpp-popup.active .floating-wpp-message{opacity:1;transition-delay:0.2s}.floating-wpp .floating-wpp-popup .floating-wpp-head{text-align:right;color:white;margin:0 -15px 10px -15px;padding:6px 12px;display:flex;justify-content:space-between;cursor:pointer}.floating-wpp .floating-wpp-input-message{background-color:white;margin:10px -15px -15px -15px;padding:0 15px;display:flex;align-items:center}
.floating-wpp .floating-wpp-input-message textarea{
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 8px;
    margin: 10px -9px;
    width: 100%;
    max-width: 100%;
    font-family: inherit;
    font-size: inherit;
    resize: none;
    height: 85px;
    box-shadow: 0px 0px 4px rgb(60 60 60 / 25%);
}
.floating-wpp .floating-wpp-input-message textarea:focus {
    outline: none !important;
    border:1px solid transparent;
    box-shadow: 0px 0px 4px rgb(60 60 60 / 25%);
}
.floating-wpp .floating-wpp-btn-send{margin-left:12px;font-size:0;cursor:pointer}
.close{color:#fff !important}
.close:hover{color:#fff !important}