/*
CodedBy C.ArdaAkin with PhpStorm
 * Date: 20.08.2023
 * Time: 22:11
*/
:root{--whatsapp1:#07413a;--whatsapp2:#128c7e;--whatsapp3:#25d366}div.wp-back{z-index:-1;width:100vw;height:100vh;opacity:0;background:rgba(0,0,0,.5);position:fixed;left:0;bottom:0;transition:.3s ease-in-out}div.wp-back.opened{z-index:239;bottom:0;opacity:1}div.whatsapp-help{position:fixed;right:30px;bottom:30px;min-width:200px;height:fit-content;max-width:250px;z-index:240}div.whatsapp-help .small-notification{display:none!important}div.whatsapp-help .whatsapp-btn{cursor:pointer;position:relative;background:var(--whatsapp2);color:#fff;text-align:center;border-radius:20px;transition:.5s ease-in-out;z-index:30}div.whatsapp-help .whatsapp-btn span.img{width:100%;max-height:40px;display:block;text-align:center;padding:5px}div.whatsapp-help .whatsapp-btn span.img img{display:inline-block;max-width:30px;max-height:80%}div.whatsapp-help .whatsapp-btn span.title{transition:.3s ease-in-out;border-top:1px solid var(--whatsapp2);padding:10px;text-transform:uppercase;text-align:center;font-size:.7em;font-weight:500;display:block;position:relative;background:var(--whatsapp2);border-bottom-left-radius:20px;border-bottom-right-radius:20px}div.whatsapp-help .whatsapp-btn span.title::after{content:'';position:absolute;right:10px;bottom:-15px;width:0;height:0;border-style:solid;border-width:20px 10px 0;border-color:var(--whatsapp2) transparent transparent transparent;z-index:-1}div.whatsapp-help.opened .whatsapp-btn{margin-bottom:-20px}div.whatsapp-help .whatsapp-card{width:250px;background:url(../img/whatsapp.png) center/100% auto;border-radius:20px;position:relative;right:0;bottom:0;max-height:0;overflow:hidden;transition:.5s ease-in-out;padding:0}div.whatsapp-help.opened .whatsapp-card{padding:30px 10px 10px;height:230px;width:250px;max-height:1500px}div.whatsapp-help .whatsapp-card .chat-area{height:150px;position:relative;display:block}div.whatsapp-help .whatsapp-card .chat-area .chatrow{display:block}div.whatsapp-help .whatsapp-card .chat-area span{display:inline-block;padding:8px;border-radius:10px;background:#fff;color:#000;font-size:.8rem;position:relative;margin-top:30px;opacity:0;transition:.5s ease-in-out .5s}div.whatsapp-help .whatsapp-card .chat-area span.system{text-align:left}div.whatsapp-help.opened .whatsapp-card .chat-area span{margin-top:0;opacity:1}div.whatsapp-help .whatsapp-card .chat-area span.system::after{content:'';position:absolute;left:-10px;top:0;width:0;height:0;border-style:solid;border-width:0 20px 20px 0;border-color:transparent #fff transparent transparent}div.whatsapp-help .whatsapp-card .write-area{display:block;height:40px;margin-bottom:10px}div.whatsapp-help .whatsapp-card .write-area textarea{display:inline-block;height:40px;width:calc(100% - 40px);border-radius:30px;outline:0!important;box-shadow:none!important;border:1px solid #ddd!important;padding:6px;resize:none;font-size:.8rem;line-height:1.6rem;transition:.3s ease-in-out}div.whatsapp-help .whatsapp-card .write-area textarea::placeholder{font-size:.8rem;line-height:1.6rem;font-style:italic}div.whatsapp-help .whatsapp-card .write-area .button{width:30px;height:30px;margin-top:8px;border-radius:30px;border:1px solid var(--whatsapp1);background:var(--whatsapp1);float:right;margin-right:5px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem}div.whatsapp-help .whatsapp-card .write-area textarea.pulse{animation:.5s ease-in-out forwards pullse;border:1px solid red!important;transition:.3s ease-in-out}@-webkit-keyframes pullse{0%,50%{margin-top:-5px}25%,75%{margin-top:5px}100%{margin-top:0}}div.whatsapp-help .whatsapp-btn-mobile{width:100px;position:absolute;bottom:20px;right:0;display:none;border-radius:10px;background:var(--whatsapp1);padding:8px;color:#fff;text-align:center;max-height:1500px;transition:.5s ease-in-out}@media (max-width:991px){div.whatsapp-help{max-width:90vw;width:90vw;top:calc(90vh - 50px);right:5vw;bottom:unset}div.whatsapp-help.opened{max-width:90vw;width:90vw;bottom:unset!important;top:80px;right:5vw}div.whatsapp-help .whatsapp-btn{width:300px;float:right;margin-bottom:30px;max-height:0;overflow:hidden}div.whatsapp-help .whatsapp-btn-mobile{display:block}div.whatsapp-help.opened .whatsapp-btn-mobile{opacity:0;max-height:0;padding:0}div.whatsapp-help.opened .whatsapp-btn{margin-bottom:-10px;max-height:1500px}div.whatsapp-help .whatsapp-card{width:90vw!important;height:240px!important}div.whatsapp-help .chat-area{height:150px!important}div.whatsapp-help .whatsapp-card .chat-area span{font-size:1rem}div.whatsapp-help .write-area textarea{font-size:1rem!important}}