<style type="text/css">
    /*======================================================
    [Table of Contents For Blue Gradiant Color]
    * Click To chatWidget Main Layout CSS
    * Click To chatWidget Sidebar Togle CSS
    * Click To chatWidget Style1 CSS
    * Click To chatWidget Style2 CSS
    * Click To chatWidget Style3 CSS
    * Click To chatWidget Style4 CSS
    * Click To chatWidget Style5 CSS
    * Click To chatWidget Style6 CSS
    * Click To chatWidget Style7 CSS
    * Click To chatWidget Style8 CSS
    * Click To chatWidget Style9 CSS
    * Click To chatWidget Style10 CSS
    ========================================================*/ 

    /*==================================================
        Click To chatWidget Main Layout CSS
    ====================================================*/
    a.cp-list{
        color: unset !important;
        text-decoration: none !important;
    }
    
    .layout .layout-features i{
        color: #009efd;
    }
    .layout .layout-funcation .layout-funcation-odd{
        background: #eee;
    } 

    /* Common CSS */
    .layout .title,
    .layout .wrapper .div-dot:after{
        background: -webkit-linear-gradient(to right, #2af598, #009efd);
        background: -moz-linear-gradient(to right, #2af598, #009efd);
        background: -ms-linear-gradient(to right, #2af598, #009efd);
        background: -o-linear-gradient(to right, #2af598, #009efd);
        background: linear-gradient(to right, #2af598, #009efd);
    }
    .layout .layout-heading h2,
    .layout .layout-heading p{
        color: #fff;
    } 
    .layout .layout-style-title h3,
    .layout .layout-button-title h3,
    .layout .layout-features-title h3,
    .layout .layout-funcation-title h3,
    .layout .layout-features h4,
    .layout .layout-funcation h4{
        color: #555;
    }
    .layout .layout-style-title p,
    .layout .layout-button-title p,
    .layout .layout-features-title p,
    .layout .layout-funcation-title p,
    .layout .layout-features p,
    .layout .layout-funcation p{
        color: #8c8c8c;
    }

    /*===========================================================
        Click To chatWidget Sidebar Togle CSS (Left Slide Panel)
    =============================================================*/

    .cp-header{
        background: -webkit-linear-gradient(to right, #2af598, #009efd);
        background: -moz-linear-gradient(to right, #2af598, #009efd);
        background: -ms-linear-gradient(to right, #2af598, #009efd);
        background: -o-linear-gradient(to right, #2af598, #009efd);
        background: linear-gradient(to right, #2af598, #009efd);
    }

    /* Common CSS */
    .cp-setting .icon,
    .cp-setting .link a{
        color: #555;
    }
    .cp-setting .icon i,
    .cp-setting .link a:hover{
        color: #009efd;
    }
    a {
        text-decoration: none !important;
    }
    /*==================================================
        Start Click To chatWidget Style1 CSS
    ====================================================*/

    .cp-style1 .cp-panel{
        background: #fff;
    }

    /* Common CSS */
    .cp-style1 .cp-panel,
    .cp-style1 .cp-button{
        background: -webkit-linear-gradient(to right, #2af598, #009efd);
        background: -moz-linear-gradient(to right, #2af598, #009efd);
        background: -ms-linear-gradient(to right, #2af598, #009efd);
        background: -o-linear-gradient(to right, #2af598, #009efd);
        background: linear-gradient(to right, #2af598, #009efd);
    }
    .cp-style1 .cp-panel,
    .cp-style1 .cp-panel h2,
    .cp-style1 .cp-panel p,
    .cp-style1 .cp-button i{
        color: #fff;
    }

    /*==================================================
        End Click To chatWidget Style1 CSS
    ====================================================*/

    /*==================================================
        Start Click To chatWidget Style2 CSS
    ====================================================*/

    .cp-style2 .cp-list:hover .cp-content{
        background: #fff;
    }
    .cp-style2 .cp-list .cp-content h2{
        color: #383838;
    }
    .cp-style2 .cp-list .cp-content p{
        color: #8c8c8c;
    }
    .cp-style2 .cp-list .cp-image{
        border: 2px solid #fff;
    }
    .cp-style2 .cp-list .cp-image{
        background: -webkit-linear-gradient(to right, #2af598, #009efd);
        background: -moz-linear-gradient(to right, #2af598, #009efd);
        background: -ms-linear-gradient(to right, #2af598, #009efd);
        background: -o-linear-gradient(to right, #2af598, #009efd);
        background: linear-gradient(to right, #2af598, #009efd);
    }

    /*==================================================
        End Click To chatWidget Style2 CSS
    ====================================================*/

    /*==================================================
        Start Click To chatWidget Style3 CSS
    ====================================================*/

    /* Common CSS */
    .cp-style3 .cp-control .cp-btn,
    .cp-style3 .cp-control .cp-right,
    .cp-style3 .cp-control .cp-left{
        background: -webkit-linear-gradient(to right, #2af598, #009efd);
        background: -moz-linear-gradient(to right, #2af598, #009efd);
        background: -ms-linear-gradient(to right, #2af598, #009efd);
        background: -o-linear-gradient(to right, #2af598, #009efd);
        background: linear-gradient(to right, #2af598, #009efd);
    }

    /*==================================================
        End Click To chatWidget Style3 CSS
    ====================================================*/

    /*==================================================
        Start Click To chatWidget Style4 CSS
    ====================================================*/

    /* Common CSS */
    .cp-style4 .fa-comments-o,
    .cp-style4 .fa-times{
        color: #fff;
    }
    .cp-style4 .cp-toggle-1,
    .cp-style4 .cp-toggle-2,
    .cp-style4 .cp-menu{
        background: -webkit-linear-gradient(to right, #2af598, #009efd);
        background: -moz-linear-gradient(to right, #2af598, #009efd);
        background: -ms-linear-gradient(to right, #2af598, #009efd);
        background: -o-linear-gradient(to right, #2af598, #009efd);
        background: linear-gradient(to right, #2af598, #009efd);
    }

    /*==================================================
        End Click To chatWidget Style4 CSS
    ====================================================*/

    /*==================================================
        Start Click To chatWidget Style5 CSS
    ====================================================*/

    .cp-style5 .cp-chat-button{
        border: 2px solid #fff;
    }

    /* Common CSS */
    .cp-style5 .menu-item a,
    .cp-style5 .menu-item a:hover,
    .cp-style5 .cp-chat-button .cp-button .fa-comments-o, 
    .cp-style5 .cp-chat-button .cp-button .fa-times{
        color: #fff;
    }
    .cp-style5 .cp-chat-button .cp-button,
    .cp-style5 .menu-item a{
        background: linear-gradient(to right, #2af598, #009efd);
    }

    /*==================================================
        End Click To chatWidget Style5 CSS
    ====================================================*/

    /*==================================================
        Start Click To chatWidget Style6 CSS
    ====================================================*/

    .cp-style6 .cp-menu{
        background: linear-gradient(to right, #2af598, #009efd);
    }
    .cp-style6 .cp-button{
        color: #fff;
    }

    /*==================================================
        End Click To chatWidget Style6 CSS
    ====================================================*/

    /*==================================================
        Start Click To chatWidget Style7 CSS
    ====================================================*/

    /* Common CSS */
    .cp-style7 .cp-panel .cp-list,
    .cp-style7 .cp-panel .cp-button{
        background: -webkit-linear-gradient(to right, #2af598, #009efd);
        background: -moz-linear-gradient(to right, #2af598, #009efd);
        background: -ms-linear-gradient(to right, #2af598, #009efd);
        background: -o-linear-gradient(to right, #2af598, #009efd);
        background: linear-gradient(to right, #2af598, #009efd);
    }
    .cp-style7 .cp-panel .cp-button,
    .cp-style7 .cp-panel .cp-button:hover{
        color: #fff;
    }

    /*==================================================
        End Click To chatWidget Style7 CSS
    ====================================================*/

    /*==================================================
        Start Click To chatWidget Style8 CSS
    ====================================================*/

    /* Common CSS */
    .cp-style8 .cp-panel .cp-button i,
    .cp-style8 .cp-panel ul .cp-list{
        color: #fff;
    }
    .cp-style8 .cp-panel .cp-button,
    .cp-style8 .cp-list .cp-img-cont,
    .cp-style8 .cp-list .cp-user-info{
        background: -webkit-linear-gradient(to right, #2af598, #009efd);
        background: -moz-linear-gradient(to right, #2af598, #009efd);
        background: -ms-linear-gradient(to right, #2af598, #009efd);
        background: -o-linear-gradient(to right, #2af598, #009efd);
        background: linear-gradient(to right, #2af598, #009efd);
    }

    /*==================================================
        End Click To chatWidget Style8 CSS
    ====================================================*/

    /*==================================================
        Start Click To chatWidget Style9 CSS
    ====================================================*/

    .cp-style9 .cp-button{
        background: #2af598;
    }
    .cp-style9 .cp-panel{
        background: -webkit-linear-gradient(to right, #2af598, #009efd);
        background: -moz-linear-gradient(to right, #2af598, #009efd);
        background: -ms-linear-gradient(to right, #2af598, #009efd);
        background: -o-linear-gradient(to right, #2af598, #009efd);
        background: linear-gradient(to right, #2af598, #009efd);
    }

    /* Common CSS */
    .cp-style9 .cp-panel h2,
    .cp-style9 .cp-panel p,
    .cp-style9 .cp-button i{
        color: #fff;
    }

    /*==================================================
        End Click To chatWidget Style9 CSS
    ====================================================*/

    /*==================================================
        Start Click To chatWidget Style10 CSS
    ====================================================*/

    .cp-style10 .cp-panel{
        background: #fff;
    }

    /* Common CSS */
    .cp-style10 .cp-panel,
    .cp-style10 .cp-button{
        background: -webkit-linear-gradient(to right, #2af598, #009efd);
        background: -moz-linear-gradient(to right, #2af598, #009efd);
        background: -ms-linear-gradient(to right, #2af598, #009efd);
        background: -o-linear-gradient(to right, #2af598, #009efd);
        background: linear-gradient(to right, #2af598, #009efd);
    }
    .cp-style10 .cp-panel,
    .cp-style10 .cp-panel h2,
    .cp-style10 .cp-panel p,
    .cp-style10 .cp-button i{
        color: #fff;
    }

    /*==================================================
        End Click To chatWidget Style10 CSS
    ====================================================*/
</style>