.whatsapp_a i {

    font-size: 40px;

    margin-top: 10px;
}

.whatsapp_a {

    border: medium none;

    border-radius: 50%;

    box-shadow: none;

    height: 60px;

    line-height: normal;

    margin: 0;

    opacity: 0.9;

    outline: medium none;

    padding: 0;

    position: fixed;

    text-align: center;

    text-decoration: none;

    width: 60px;

    z-index: 99999999;

    -webkit-animation-duration: 3s;

    animation-duration: 3s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    transition: all ease-in 1s;

}



@-webkit-keyframes tada {

    0% {

        -webkit-transform: scale(1);

    }

    10%, 20% {

        -webkit-transform: scale(0.9) rotate(-3deg);

    }

    30%, 50%, 70%, 90% {

        -webkit-transform: scale(1.1) rotate(3deg);

    }

    40%, 60%, 80% {

        -webkit-transform: scale(1.1) rotate(-3deg);

    }

    100% {

        -webkit-transform: scale(1) rotate(0);

    }

}



@keyframes tada {

    0% {

        transform: scale(1);

    }

    10%, 20% {

        transform: scale(0.9) rotate(-3deg);

    }

    30%, 50%, 70%, 90% {

        transform: scale(1.1) rotate(3deg);

    }

    40%, 60%, 80% {

        transform: scale(1.1) rotate(-3deg);

    }

    100% {

        transform: scale(1) rotate(0);

    }

}



.tada:hover {

    -webkit-animation-name: tada;

    animation-name: tada;

}



@-webkit-keyframes rotation {

    from {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    to {

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg);

    }

}



@keyframes rotation {

    from {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    to {

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg);

    }

}



.rotate:hover {

    -webkit-animation-name: rotation;

    animation-name: rotation;

}



.whatsapp_a.grow:hover {

    transform: scale(1.2);

}



a.whatsapp_left {

    border: medium none;

    border-radius: 50%;

    box-shadow: none;

    height: 60px;

    line-height: normal;

    margin: 0;

    opacity: 0.9;

    outline: medium none;

    padding: 0;

    position: fixed;

    text-align: center;

    text-decoration: none;

    width: 60px;

    z-index: 99999999;

    -webkit-animation-duration: 3s;

    animation-duration: 3s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    transition: all ease-in 1s;

    left: 0;

}



.whatsapp_left.grow:hover {

    transform: scale(1.2);

}



.whatsapp_a.shrik:hover {

    transform: scale(0.8);

}



.whatsapp_left.shrik:hover {

    transform: scale(0.8);

}



@-webkit-keyframes buzz {

    50% {

        -webkit-transform: translateX(3px) rotate(2deg);

        transform: translateX(3px) rotate(2deg);

    }

    100% {

        -webkit-transform: translateX(-3px) rotate(-2deg);

        transform: translateX(-3px) rotate(-2deg);

    }

}



@keyframes buzz {

    50% {

        -webkit-transform: translateX(3px) rotate(2deg);

        transform: translateX(3px) rotate(2deg);

    }

    100% {

        -webkit-transform: translateX(-3px) rotate(-2deg);

        transform: translateX(-3px) rotate(-2deg);

    }

}



.buzz:hover {

    -webkit-animation-name: buzz;

    animation-name: buzz;

    -webkit-animation-duration: 0.15s;

    animation-duration: 0.15s;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

}



/* whatsapp popup  */

/*.whatsapp--bg-color {

  background-color: #0dc152;

}*/

/* left whatsapp css*/

.whatsapp-popup-left-container--position {

    right: unset;

    bottom: 80px;

    margin-left: 12px;



}



.whatsapp-popup__support-img-wrapper-left {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    overflow: hidden;

    display: inline-block;

    vertical-align: bottom;

    margin-right: -100px;

    background-color: #fff;

    float: right;

    margin-top: 70px;

}



.whatsapp-remove-sign-left {

    border-radius: 50%;

    float: right;

    text-align: center;

    vertical-align: middle;

    line-height: 28px;

    cursor: pointer;

    margin-right: -13px;

}



/* left whatsapp css end*/



.whatsapp_a i {

    font-size: 40px;

    margin-top: 10px;

    position: relative !important;

}



.whatsapp-close {

    background: transparent !important;

    border: none !important;

    color: white !important;

    box-shadow: none !important;

}



.whatsapp-close:hover {

    background: transparent !important;

    border: none !important;

    color: white !important;

    box-shadow: none !important;

}



.whatsapp-shadow {

    box-shadow: 0 0 50px rgba(0, 0, 0, .2);

}



.whatsapp-popup__send-btn {

    cursor: pointer;

    padding: 6px;

    width: 20px;

    display: inline-block;

    vertical-align: middle;

    user-select: none;

}



.whatsapp-remove-sign {

    border-radius: 50%;

    float: right;

    text-align: center;

    vertical-align: middle;

    line-height: 28px;

    cursor: pointer;

    margin-right: -13px;

}



.whatsapp-popup__support-wrapper {

    margin-top: 8px;

}



.whatsapp-popup__support-img-wrapper {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    overflow: hidden;

    display: inline-block;

    vertical-align: bottom;

    margin-right: 3px;

    background-color: #fff;

    float: left;

    margin-top: 70px;

}



.whatsapp-popup__support {

    vertical-align: bottom;

    border-radius: 8px;

    overflow: hidden;

    width: 232px;

}



.whatsapp-popup__support-about {

    font-size: 12px;

    text-align: center;

    padding: 18px 12px;

    line-height: 16px;

    user-select: none;

    font-family: Arial, Helvetica, sans-serif;

    color: white;

}



.whatsapp-popup__support-welcome {

    background-color: #fff;

    font-size: 14px;

    padding: 16px 12px;

    color: #888fbb;

    line-height: 16px;

    user-select: none;

    text-align: left;

    font-family: Arial, Helvetica, sans-serif;

}



.whatsapp-popup-container--position {

    right: 12px;

    bottom: 80px;

}



.whatsapp-popup-container {

    width: auto;

    position: fixed;

    z-index: 9999999;

}



.whatsapp-popup__input {

    border: none !important;

    background-color: transparent !important;

    outline: none !important;

    padding: 6px 0 !important;

    margin: 0 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 14px !important;

    box-shadow: none !important;

    color: #000 !important;

    vertical-align: middle !important;

    display: inline-block !important;

    width: 166px !important;

    height: auto !important;

}



.whatsapp-popup__input-wrapper {

    width: 208px;

    margin-top: 14px;

    float: right;

    background-color: #fff;

    padding: 8px 12px;

    border-radius: 8px;

    position: relative;

}



/* multiple */

.whatsapp-popup__support-person {

    display: flex;

    border-bottom: 1px solid #f5f5f5;

    padding-top: 6px;

    padding-bottom: 6px;

}
.whatsapp-popup__support-person:hover {

   color:#28d91f !important;

}



.whatsapp-popup__support-person-img-wrapper {

    width: 54px;

    height: 54px;

    overflow: hidden;

    position: relative;

    margin-right: 14px;

}



.whatsapp-popup__support-person-img {

    width: auto;

    height: 100%;

    display: block;

    margin: 0 auto;

}



.whatsapp-popup__support-person-img {

    width: auto;

    height: 100%;

    display: block;

    margin: 0 auto;

    border-radius: 50px;

}



.whatsapp-path {

    fill: #0dc15280;

}



.whatsapp-path-fill {

    fill: #0dc152;

}