.float1, .float2 {
            position: fixed;
            width: 35px;
            height: 35px;
            
            right: 20px;
            background-color: #25d366;
            color: #fff;
            border-radius: 50px;
            text-align: center;
            font-size: 30px;
            z-index: 9999;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: flex-start;
            margin-bottom: 0;
            cursor: pointer;
        }
        .float1 {
            bottom: 180px;
        }
        .float2 {
            bottom: 120px;
                }
    
        .float1 a, .float2 a {
            font-size: 14px;
            padding: 5px 8px;
            text-align: left;
            display: none;
            position: relative;
        }
    
        .float1 a, .float2 a {
            color: white
        }
    
        .float1 a:hover, .float2 a:hover {
            color: #000;
        }
    
        .float1:hover a, .float2:hover a {
            font-weight: 600;
            display: inline-block;
        }
    
        .float1:hover, .float2:hover {
            color: #fff !important;
            width: 225px;
        }
    
        .float1 i#wpp-chat, .float2 i#wpp-call {
            margin-top: 6px;
            font-size: 22px;
            position: absolute;
            right: 8px;
            top: 0;
        }
    
    
        .float1 a:not(:last-child):before, .float2 a:not(:last-child):before {
            content: '';
            position: absolute;
            right: 0px;
            width: 1px;
            height: 15px;
            background: #fff;
            z-index: 1;
            top: 50%;
            transform: translateY(-50%);
        }
    
        .float1 a:after, .float2 a:after {
            display: none;
        }
    
        @media (max-width: 767px) {
            .float1{
                right: auto;
                left: 12px;
                bottom: 150px !important;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: reverse;
                -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
            }
            .float2 {
                right: auto;
                
                bottom: 110px !important;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: reverse;
                -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
            }
    
            .float1 i#wpp-chat, .float2 i#wpp-chat {
                right: auto;
                left: 9px;
            }
    
            .float1 a:not(:last-child):before, .float2 a:not(:last-child):before {
                content: '';
                position: absolute;
                right: 112px;
                width: 1px;
                height: 15px;
                background: #fff;
                z-index: 1;
                top: 50%;
                transform: translateY(-50%);
            }
    
            .float1:hover, .float2:hover {
                width: 225px;
            }
        }
    
        @media (max-width: 1400px) {
            .float1 {
                bottom: 160px;
                right: 20px;
            }
            .float2 {
                bottom: 110px;
                right: 20px;
            }
        }