{"id":382,"date":"2019-12-12T14:29:21","date_gmt":"2019-12-12T08:59:21","guid":{"rendered":"http:\/\/holithemes.com\/plugins\/click-to-chat\/?p=382"},"modified":"2025-12-22T14:44:22","modified_gmt":"2025-12-22T09:14:22","slug":"list-of-styles","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/click-to-chat\/list-of-styles\/","title":{"rendered":"List of Styles"},"content":{"rendered":"\n\n    <!-- Particle Background Canvas -->\n    <canvas id=\"particleCanvas\" class=\"particle-canvas\" aria-hidden=\"true\"><\/canvas>\n\n    <!-- Mouse Glow Effect -->\n    <div id=\"mouseGlow\" class=\"mouse-glow\" aria-hidden=\"true\"><\/div>\n\n<main class=\"los-container\">\n    <!-- Hero Section -->\n    <header class=\"hero-section\">\n        <div class=\"container\">\n            <div class=\"grid grid-2\">\n                <!-- Left Column - Content -->\n                <div class=\"animate-slide-in-left\">\n                    <h1>\n                        <span class=\"hero-title-gradient\">\n                            Click-to-Chat\n                        <\/span>\n                        <br>\n                        <span class=\"text-gradient\">\n                            Widget Styles\n                        <\/span>\n                    <\/h1>\n                    <p class=\"hero-description\">\n                        Choose from 11 professionally designed WhatsApp chat styles that fit any brand and transform your website.\n                    <\/p>\n\n                    <div class=\"hero-buttons\">\n                        <a href=\"#styles-section\" class=\"btn btn-hero\">\n                            <span class=\"hero-btn-icon\">\n                                Explore Styles\n                                <svg class=\"hero-btn-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path>\n                                <\/svg>\n                            <\/span>\n                        <\/a>\n                        \n                        <!-- <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/docs\/list-of-styles\/\" class=\"btn btn-outline ctc_greetings_now\">\n                            View Demo\n                        <\/a> -->\n\n                    <\/div>\n\n                    <!-- Feature highlights -->\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item animate-fade-in delay-1\">\n                            <div class=\"feature-dot\" aria-hidden=\"true\"><\/div>\n                            <span>Fully Customizable<\/span>\n                        <\/li>\n                        \n                        <li class=\"feature-item animate-fade-in delay-2\">\n                            <div class=\"feature-dot\" aria-hidden=\"true\"><\/div>\n                            <span>Mobile Responsive<\/span>\n                        <\/li>\n                        <li class=\"feature-item animate-fade-in delay-3\">\n                            <div class=\"feature-dot\" aria-hidden=\"true\"><\/div>\n                            <span>Easy Integration<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Right Column - Mockup -->\n                <div class=\"animate-slide-in-right\">\n                    <!-- Browser Mockup -->\n                    <div class=\"browser-mockup browser-mockup-transition\">\n                        <!-- Browser Header -->\n                        <div class=\"browser-header\">\n                            <div class=\"browser-header-flex\">\n                                <div class=\"browser-dot browser-dot-red\"><\/div>\n                                <div class=\"browser-dot browser-dot-yellow\"><\/div>\n                                <div class=\"browser-dot browser-dot-green\"><\/div>\n                            <\/div>\n                            <div class=\"browser-header-center\">\n                                <div class=\"browser-url-bar\">\n                                    yourwebsite.com\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Browser Content -->\n                        <div class=\"browser-content\">\n                            <!-- Placeholder website content -->\n                            <div class=\"browser-website-content\">\n                                <h3 class=\"browser-website-title\">Your Website<\/h3>\n                                <p class=\"browser-website-text\">Beautiful content goes here&#8230;<\/p>\n                                <p class=\"browser-website-text\">See the variety of styles we can add to our website &#8211; <strong>Below<\/strong><\/p>\n                            <\/div>\n                            \n                            <!-- Floating particles around mockup -->\n                            <div class=\"animate-float floating-particle particle-1\"><\/div>\n                            <div class=\"animate-float floating-particle particle-2\"><\/div>\n                            <div class=\"animate-float floating-particle particle-3\"><\/div>\n                            <div class=\"animate-float floating-particle particle-4\"><\/div>\n                            <div class=\"animate-float floating-particle particle-5\"><\/div>\n                            <div class=\"animate-float floating-particle particle-6\"><\/div>\n\n                            <!-- Widget Demo -->\n                            <div class=\"widget-container\">\n                                <div class=\"widget-cycling\">\n                                    <div class=\"widget-item widget-style-1\">\n                                        <div class=\"widget-label\">\u2728 Style 1<\/div>\n                                        <div  data-pre_filled=\"Hello, HoliThemes!\r\nLike to know more information about &#039;List of Styles&#039; https:\/\/holithemes.com\/plugins\/click-to-chat\/list-of-styles\/\" data-style=\"1\" style=\"display: inline; cursor: pointer; z-index: 99999999; \" class=\"ht-ctc-sc ht-ctc-sc-chat sc-style-1 ht-ctc-inline\">\n    <button  class=\"ctc-analytics\" style=\"display:flex; align-items:center;\">\n        <svg style=\"margin-right:6px;\" height=\"16\" version=\"1.1\" viewBox=\"0 0 509 512\" width=\"16\">\n        <g fill=\"none\" fill-rule=\"evenodd\" id=\"Page-1\" stroke=\"none\" stroke-width=\"1\">\n            <path style=\"fill: #ffffff;\" d=\"M259.253137,0.00180389396 C121.502859,0.00180389396 9.83730687,111.662896 9.83730687,249.413175 C9.83730687,296.530232 22.9142299,340.597122 45.6254897,378.191325 L0.613226597,512.001804 L138.700183,467.787757 C174.430395,487.549184 215.522926,498.811168 259.253137,498.811168 C396.994498,498.811168 508.660049,387.154535 508.660049,249.415405 C508.662279,111.662896 396.996727,0.00180389396 259.253137,0.00180389396 L259.253137,0.00180389396 Z M259.253137,459.089875 C216.65782,459.089875 176.998957,446.313956 143.886359,424.41206 L63.3044195,450.21808 L89.4939401,372.345171 C64.3924908,337.776609 49.5608297,295.299463 49.5608297,249.406486 C49.5608297,133.783298 143.627719,39.7186378 259.253137,39.7186378 C374.871867,39.7186378 468.940986,133.783298 468.940986,249.406486 C468.940986,365.025215 374.874096,459.089875 259.253137,459.089875 Z M200.755924,146.247066 C196.715791,136.510165 193.62103,136.180176 187.380228,135.883632 C185.239759,135.781068 182.918689,135.682963 180.379113,135.682963 C172.338979,135.682963 164.002301,138.050856 158.97889,143.19021 C152.865178,149.44439 137.578667,164.09322 137.578667,194.171258 C137.578667,224.253755 159.487251,253.321759 162.539648,257.402027 C165.600963,261.477835 205.268745,324.111057 266.985579,349.682963 C315.157262,369.636141 329.460495,367.859106 340.450462,365.455539 C356.441543,361.9639 376.521811,350.186865 381.616571,335.917077 C386.711331,321.63837 386.711331,309.399797 385.184018,306.857991 C383.654475,304.305037 379.578667,302.782183 373.464955,299.716408 C367.351242,296.659552 337.288812,281.870254 331.68569,279.83458 C326.080339,277.796676 320.898622,278.418749 316.5887,284.378615 C310.639982,292.612729 304.918689,301.074268 300.180674,306.09099 C296.46161,310.02856 290.477218,310.577055 285.331175,308.389764 C278.564174,305.506821 259.516237,298.869139 236.160607,278.048627 C217.988923,261.847958 205.716906,241.83458 202.149458,235.711949 C198.582011,229.598236 201.835077,225.948292 204.584241,222.621648 C207.719135,218.824546 210.610997,216.097679 213.667853,212.532462 C216.724709,208.960555 218.432625,207.05866 220.470529,202.973933 C222.508433,198.898125 221.137195,194.690767 219.607652,191.629452 C218.07588,188.568136 205.835077,158.494558 200.755924,146.247066 Z\" \n            fill=\"#ffffff\" id=\"htwaicon-chat-sc\"\/>\n        <\/g>\n        <\/svg>\n        <span class=\"ctc_cta\">WhatsApp us<\/span>\n    <\/button>\n<\/div>\n                                        \n                                    <\/div>\n                                    <div class=\"widget-item\">\n                                        <div class=\"widget-label\">\u2728 Style 2<\/div>\n                                         <div  data-pre_filled=\"Hello, HoliThemes!\r\nLike to know more information about &#039;List of Styles&#039; https:\/\/holithemes.com\/plugins\/click-to-chat\/list-of-styles\/\" data-style=\"2\" style=\"display: inline; cursor: pointer; z-index: 99999999; \" class=\"ht-ctc-sc ht-ctc-sc-chat sc-style-2 ht-ctc-inline\">\n<img decoding=\"async\" class=\"img-icon ctc-analytics ctc_cta\" title=\"WhatsApp us\" style=\"height: 50px;\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/plugins\/click-to-chat-for-whatsapp\/.\/new\/inc\/assets\/img\/whatsapp-icon-square.svg\" alt=\"WhatsApp us\">\n<\/div>\n                                    <\/div>\n                                    <div class=\"widget-item\">\n                                        <div class=\"widget-label\">\u2728 Style 3<\/div>\n                                        <div  data-pre_filled=\"Hello, HoliThemes!\r\nLike to know more information about &#039;List of Styles&#039; https:\/\/holithemes.com\/plugins\/click-to-chat\/list-of-styles\/\" data-style=\"3\" style=\"display: inline; cursor: pointer; z-index: 99999999; \" class=\"ht-ctc-sc ht-ctc-sc-chat sc-style-3 ht-ctc-inline\">\n<img decoding=\"async\" class=\"img-icon ctc-analytics ctc_cta\" title=\"WhatsApp us\" style=\"display: inline-block; width: 50px;  height: 50px;\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/plugins\/click-to-chat-for-whatsapp\/.\/new\/inc\/assets\/img\/whatsapp-logo.svg\" alt=\"WhatsApp us\">\n<\/div>\n                                    <\/div>\n                                    <div class=\"widget-item\">\n                                        <div class=\"widget-label\">\u2728 Style 3 Extends<\/div>\n                                        <div  data-pre_filled=\"Hello, HoliThemes!\r\nLike to know more information about &#039;List of Styles&#039; https:\/\/holithemes.com\/plugins\/click-to-chat\/list-of-styles\/\" data-style=\"3_1\" style=\"display: inline; cursor: pointer; z-index: 99999999; \" class=\"ht-ctc-sc ht-ctc-sc-chat sc-style-3_1 ht-ctc-inline\"><style id=\"ht-ctc-sc-s8\">.ht-ctc-sc:hover svg stop{stop-color:#25D366;}.ht-ctc-sc:hover .ht_ctc_padding{background-color:#25D366 !important;box-shadow: 0px 0px 11px rgba(0,0,0,.5);}<\/style>\n<div title=\"WhatsApp us\" class=\"ctc-analytics ht_ctc_padding\" style=\"background-color: #25D366; padding: 14px; border-radius: 50%; box-shadow: 0px 0px 11px rgba(0,0,0,.5); display:inline-flex;\">\n    <svg style=\"pointer-events:none; display:block; height:40px; width:40px;\" width=\"40px\" height=\"40px\" viewBox=\"0 0 1219.547 1225.016\">\n            <path style=\"fill: #E0E0E0;\" fill=\"#E0E0E0\" d=\"M1041.858 178.02C927.206 63.289 774.753.07 612.325 0 277.617 0 5.232 272.298 5.098 606.991c-.039 106.986 27.915 211.42 81.048 303.476L0 1225.016l321.898-84.406c88.689 48.368 188.547 73.855 290.166 73.896h.258.003c334.654 0 607.08-272.346 607.222-607.023.056-162.208-63.052-314.724-177.689-429.463zm-429.533 933.963h-.197c-90.578-.048-179.402-24.366-256.878-70.339l-18.438-10.93-191.021 50.083 51-186.176-12.013-19.087c-50.525-80.336-77.198-173.175-77.16-268.504.111-278.186 226.507-504.503 504.898-504.503 134.812.056 261.519 52.604 356.814 147.965 95.289 95.36 147.728 222.128 147.688 356.948-.118 278.195-226.522 504.543-504.693 504.543z\"\/>\n            <linearGradient id=\"htwaicona-chat-sc\" gradientUnits=\"userSpaceOnUse\" x1=\"609.77\" y1=\"1190.114\" x2=\"609.77\" y2=\"21.084\">\n                <stop id=\"s3_1_offset_1\" offset=\"0\" stop-color=\"#25D366\"\/>\n                <stop id=\"s3_1_offset_2\" offset=\"1\" stop-color=\"#25D366\"\/>\n            <\/linearGradient>\n            <path style=\"fill: url(#htwaicona-chat-sc);\" fill=\"url(#htwaicona-chat-sc)\" d=\"M27.875 1190.114l82.211-300.18c-50.719-87.852-77.391-187.523-77.359-289.602.133-319.398 260.078-579.25 579.469-579.25 155.016.07 300.508 60.398 409.898 169.891 109.414 109.492 169.633 255.031 169.57 409.812-.133 319.406-260.094 579.281-579.445 579.281-.023 0 .016 0 0 0h-.258c-96.977-.031-192.266-24.375-276.898-70.5l-307.188 80.548z\"\/>\n            <image overflow=\"visible\" opacity=\".08\" width=\"682\" height=\"639\" transform=\"translate(270.984 291.372)\"\/>\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" style=\"fill: #FFF;\" fill=\"#FFF\" d=\"M462.273 349.294c-11.234-24.977-23.062-25.477-33.75-25.914-8.742-.375-18.75-.352-28.742-.352-10 0-26.25 3.758-39.992 18.766-13.75 15.008-52.5 51.289-52.5 125.078 0 73.797 53.75 145.102 61.242 155.117 7.5 10 103.758 166.266 256.203 226.383 126.695 49.961 152.477 40.023 179.977 37.523s88.734-36.273 101.234-71.297c12.5-35.016 12.5-65.031 8.75-71.305-3.75-6.25-13.75-10-28.75-17.5s-88.734-43.789-102.484-48.789-23.75-7.5-33.75 7.516c-10 15-38.727 48.773-47.477 58.773-8.75 10.023-17.5 11.273-32.5 3.773-15-7.523-63.305-23.344-120.609-74.438-44.586-39.75-74.688-88.844-83.438-103.859-8.75-15-.938-23.125 6.586-30.602 6.734-6.719 15-17.508 22.5-26.266 7.484-8.758 9.984-15.008 14.984-25.008 5-10.016 2.5-18.773-1.25-26.273s-32.898-81.67-46.234-111.326z\"\/>\n            <path style=\"fill: #FFFFFF;\" fill=\"#FFF\" d=\"M1036.898 176.091C923.562 62.677 772.859.185 612.297.114 281.43.114 12.172 269.286 12.039 600.137 12 705.896 39.633 809.13 92.156 900.13L7 1211.067l318.203-83.438c87.672 47.812 186.383 73.008 286.836 73.047h.255.003c330.812 0 600.109-269.219 600.25-600.055.055-160.343-62.328-311.108-175.649-424.53zm-424.601 923.242h-.195c-89.539-.047-177.344-24.086-253.93-69.531l-18.227-10.805-188.828 49.508 50.414-184.039-11.875-18.867c-49.945-79.414-76.312-171.188-76.273-265.422.109-274.992 223.906-498.711 499.102-498.711 133.266.055 258.516 52 352.719 146.266 94.195 94.266 146.031 219.578 145.992 352.852-.118 274.999-223.923 498.749-498.899 498.749z\"\/>\n        <\/svg>\n<\/div>\n<\/div>\n                                    <\/div>\n                                    <div class=\"widget-item\">\n                                        <div class=\"widget-label\">\u2728 Style 4<\/div>\n                                        <div  data-pre_filled=\"Hello, HoliThemes!\r\nLike to know more information about &#039;List of Styles&#039; https:\/\/holithemes.com\/plugins\/click-to-chat\/list-of-styles\/\" data-style=\"4\" style=\"display: inline; cursor: pointer; z-index: 99999999; \" class=\"ht-ctc-sc ht-ctc-sc-chat sc-style-4 ht-ctc-inline\">\n    <div class=\"ctc_chip ctc-analytics ctc_cta\" style=\"display:inline-flex;;justify-content:center;align-items:center;background-color:#e4e4e4;color:#7f7d7d;padding:0 12px;border-radius:25px;font-size:13px;line-height:32px;\">\n        <span style=\"margin:0 8px 0 -12px;;order:0;\"><svg style=\"pointer-events:none; display: block; height:32px; width:32px;\" width=\"32px\" height=\"32px\" viewBox=\"0 0 1219.547 1225.016\">\n            <path style=\"fill: #E0E0E0;\" fill=\"#E0E0E0\" d=\"M1041.858 178.02C927.206 63.289 774.753.07 612.325 0 277.617 0 5.232 272.298 5.098 606.991c-.039 106.986 27.915 211.42 81.048 303.476L0 1225.016l321.898-84.406c88.689 48.368 188.547 73.855 290.166 73.896h.258.003c334.654 0 607.08-272.346 607.222-607.023.056-162.208-63.052-314.724-177.689-429.463zm-429.533 933.963h-.197c-90.578-.048-179.402-24.366-256.878-70.339l-18.438-10.93-191.021 50.083 51-186.176-12.013-19.087c-50.525-80.336-77.198-173.175-77.16-268.504.111-278.186 226.507-504.503 504.898-504.503 134.812.056 261.519 52.604 356.814 147.965 95.289 95.36 147.728 222.128 147.688 356.948-.118 278.195-226.522 504.543-504.693 504.543z\"\/>\n            <linearGradient id=\"htwaicona-chat-sc\" gradientUnits=\"userSpaceOnUse\" x1=\"609.77\" y1=\"1190.114\" x2=\"609.77\" y2=\"21.084\">\n                <stop offset=\"0\" stop-color=\"#20b038\"\/>\n                <stop offset=\"1\" stop-color=\"#60d66a\"\/>\n            <\/linearGradient>\n            <path style=\"fill: url(#htwaicona-chat-sc);\" fill=\"url(#htwaicona-chat-sc)\" d=\"M27.875 1190.114l82.211-300.18c-50.719-87.852-77.391-187.523-77.359-289.602.133-319.398 260.078-579.25 579.469-579.25 155.016.07 300.508 60.398 409.898 169.891 109.414 109.492 169.633 255.031 169.57 409.812-.133 319.406-260.094 579.281-579.445 579.281-.023 0 .016 0 0 0h-.258c-96.977-.031-192.266-24.375-276.898-70.5l-307.188 80.548z\"\/>\n            <image overflow=\"visible\" opacity=\".08\" width=\"682\" height=\"639\" transform=\"translate(270.984 291.372)\"\/>\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" style=\"fill: #FFFFFF;\" fill=\"#FFF\" d=\"M462.273 349.294c-11.234-24.977-23.062-25.477-33.75-25.914-8.742-.375-18.75-.352-28.742-.352-10 0-26.25 3.758-39.992 18.766-13.75 15.008-52.5 51.289-52.5 125.078 0 73.797 53.75 145.102 61.242 155.117 7.5 10 103.758 166.266 256.203 226.383 126.695 49.961 152.477 40.023 179.977 37.523s88.734-36.273 101.234-71.297c12.5-35.016 12.5-65.031 8.75-71.305-3.75-6.25-13.75-10-28.75-17.5s-88.734-43.789-102.484-48.789-23.75-7.5-33.75 7.516c-10 15-38.727 48.773-47.477 58.773-8.75 10.023-17.5 11.273-32.5 3.773-15-7.523-63.305-23.344-120.609-74.438-44.586-39.75-74.688-88.844-83.438-103.859-8.75-15-.938-23.125 6.586-30.602 6.734-6.719 15-17.508 22.5-26.266 7.484-8.758 9.984-15.008 14.984-25.008 5-10.016 2.5-18.773-1.25-26.273s-32.898-81.67-46.234-111.326z\"\/>\n            <path style=\"fill: #FFFFFF;\" fill=\"#FFF\" d=\"M1036.898 176.091C923.562 62.677 772.859.185 612.297.114 281.43.114 12.172 269.286 12.039 600.137 12 705.896 39.633 809.13 92.156 900.13L7 1211.067l318.203-83.438c87.672 47.812 186.383 73.008 286.836 73.047h.255.003c330.812 0 600.109-269.219 600.25-600.055.055-160.343-62.328-311.108-175.649-424.53zm-424.601 923.242h-.195c-89.539-.047-177.344-24.086-253.93-69.531l-18.227-10.805-188.828 49.508 50.414-184.039-11.875-18.867c-49.945-79.414-76.312-171.188-76.273-265.422.109-274.992 223.906-498.711 499.102-498.711 133.266.055 258.516 52 352.719 146.266 94.195 94.266 146.031 219.578 145.992 352.852-.118 274.999-223.923 498.749-498.899 498.749z\"\/>\n        <\/svg><\/span>\n        <span>WhatsApp us<\/span>\n    <\/div>\n<\/div>\n                                    <\/div>\n                                    <div class=\"widget-item\">\n                                        <div class=\"widget-label\">\u2728 Style 5<\/div>\n                                        <div  data-pre_filled=\"Hello, HoliThemes!\r\nLike to know more information about &#039;List of Styles&#039; https:\/\/holithemes.com\/plugins\/click-to-chat\/list-of-styles\/\" data-style=\"5\" style=\"display: inline; cursor: pointer; z-index: 99999999; \" class=\"ht-ctc-sc ht-ctc-sc-chat sc-style-5 ht-ctc-inline\"><style>.ht-ctc-style-5 .s5_content{display:none}.ht-ctc-style-5 .s5_cta:hover .s5_content{display:flex}\n.ht-ctc-style-5 .s5_img{box-shadow:2px 5px 10px rgba(0,0,0,.5)}.ht-ctc-style-5 .s5_content{box-shadow:2px 5px 10px rgba(0,0,0,.5);border-radius:5px}.ht-ctc-style-5 .s5_content span{padding:5px;overflow:hidden}.ht-ctc-style-5 .s5_content .heading{font-size:20px}.ht-ctc-style-5 .s5_content .description{font-size:12px}.ht-ctc-style-5 .s5_content.right{animation:1s s5_translate_right}.ht-ctc-style-5 .s5_content.left{animation:1s s5_translate_left}@keyframes s5_translate_right{0%{transform:translateX(55px)}100%{transform:translateX(0)}}@keyframes s5_translate_left{0%{transform:translateX(-55px)}100%{transform:translateX(0)}}\n<\/style>\n    <div class=\"ht-ctc-style-5 ctc-analytics\" style=\"display: inline-block; cursor: pointer; z-index: 99999999;\" >\n        <div class=\"s5_cta ctc-analytics\" style=\"display: -ms-flexbox; display: -webkit-flex; display: flex;\"   >\n            <img decoding=\"async\" class=\"s5_img ctc-analytics\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/plugins\/click-to-chat-for-whatsapp\/.\/new\/inc\/assets\/img\/new_style8.jpg\" style=\"height: 70px; width: 70px; z-index: 999999;  \" alt=\"WhatsApp us\">\n            <div class=\"s5_content left\" style=\"flex-direction: column; justify-content: center; align-items: center;     background-color: #ffffff; border: 1px solid #dddddd; height: 70px; width: 270px;  margin-left: -4px;\" >\n                <span class=\"heading ctc-analytics ctc_cta\" style=\"color: #000000\">WhatsApp us<\/span>\n                <span class=\"description ctc-analytics\" style=\"color: #000000\">We will respond as soon as possible<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                                    <\/div>\n                                    <div class=\"widget-item\">\n                                        <div class=\"widget-label\">\u2728 Style 6<\/div>\n                                        <div  data-pre_filled=\"Hello, HoliThemes!\r\nLike to know more information about &#039;List of Styles&#039; https:\/\/holithemes.com\/plugins\/click-to-chat\/list-of-styles\/\" data-style=\"6\" style=\"display: inline; cursor: pointer; z-index: 99999999; \" class=\"ht-ctc-sc ht-ctc-sc-chat sc-style-6 ht-ctc-inline\">\n    <a class=\"ctc-analytics ctc_cta\" style=\"color: ; text-decoration: initial;\"\n    onmouseover = \"this.style.color='', this.style.textDecoration='initial'\" \n    onmouseout  = \"this.style.color='', this.style.textDecoration='initial'\"\n    >\n    WhatsApp us\n    <\/a>\n<\/div>\n                                    <\/div>\n                                    <div class=\"widget-item\">\n                                        <div class=\"widget-label\">\u2728 Style 7<\/div>\n                                        <div  data-pre_filled=\"Hello, HoliThemes!\r\nLike to know more information about &#039;List of Styles&#039; https:\/\/holithemes.com\/plugins\/click-to-chat\/list-of-styles\/\" data-style=\"7\" style=\"display: inline; cursor: pointer; z-index: 99999999; \" class=\"ht-ctc-sc ht-ctc-sc-chat sc-style-7 ht-ctc-inline\"><style id=\"ht-ctc-sc-s7\">.ht-ctc-sc.sc-style-7:hover .ctc_s_7_icon_padding{background-color:#25d366 !important;}.ht-ctc-sc.sc-style-7:hover svg g path{fill:#f4f4f4 !important;}<\/style>\n    <div title = 'WhatsApp us' class=\"ctc_s_7 ctc-analytics\" style=\"display:inline-flex;justify-content:center;align-items:center;\">\n        <p class=\"ctc_s_7_cta ctc-analytics ctc_cta ht-ctc-cta  ht-ctc-cta-hover \" style=\"padding: 0px 16px;  color: #ffffff; background-color: #25d366; border-radius:10px; margin:0 10px;  display: none; order: 1; \">WhatsApp us<\/p>\n        <div class=\"ctc_s_7_icon_padding ctc-analytics \" style=\"display:inline-flex; font-size: 20px; color: #ffffff; padding: 12px; background-color: #25D366; border-radius: 50%;\">\n            <svg style=\"pointer-events:none; display:block; height:20px; width:20px;\" height=\"20px\" version=\"1.1\" viewBox=\"0 0 509 512\" width=\"20px\">\n        <g fill=\"none\" fill-rule=\"evenodd\" id=\"Page-1\" stroke=\"none\" stroke-width=\"1\">\n            <path style=\"fill: #ffffff;\" d=\"M259.253137,0.00180389396 C121.502859,0.00180389396 9.83730687,111.662896 9.83730687,249.413175 C9.83730687,296.530232 22.9142299,340.597122 45.6254897,378.191325 L0.613226597,512.001804 L138.700183,467.787757 C174.430395,487.549184 215.522926,498.811168 259.253137,498.811168 C396.994498,498.811168 508.660049,387.154535 508.660049,249.415405 C508.662279,111.662896 396.996727,0.00180389396 259.253137,0.00180389396 L259.253137,0.00180389396 Z M259.253137,459.089875 C216.65782,459.089875 176.998957,446.313956 143.886359,424.41206 L63.3044195,450.21808 L89.4939401,372.345171 C64.3924908,337.776609 49.5608297,295.299463 49.5608297,249.406486 C49.5608297,133.783298 143.627719,39.7186378 259.253137,39.7186378 C374.871867,39.7186378 468.940986,133.783298 468.940986,249.406486 C468.940986,365.025215 374.874096,459.089875 259.253137,459.089875 Z M200.755924,146.247066 C196.715791,136.510165 193.62103,136.180176 187.380228,135.883632 C185.239759,135.781068 182.918689,135.682963 180.379113,135.682963 C172.338979,135.682963 164.002301,138.050856 158.97889,143.19021 C152.865178,149.44439 137.578667,164.09322 137.578667,194.171258 C137.578667,224.253755 159.487251,253.321759 162.539648,257.402027 C165.600963,261.477835 205.268745,324.111057 266.985579,349.682963 C315.157262,369.636141 329.460495,367.859106 340.450462,365.455539 C356.441543,361.9639 376.521811,350.186865 381.616571,335.917077 C386.711331,321.63837 386.711331,309.399797 385.184018,306.857991 C383.654475,304.305037 379.578667,302.782183 373.464955,299.716408 C367.351242,296.659552 337.288812,281.870254 331.68569,279.83458 C326.080339,277.796676 320.898622,278.418749 316.5887,284.378615 C310.639982,292.612729 304.918689,301.074268 300.180674,306.09099 C296.46161,310.02856 290.477218,310.577055 285.331175,308.389764 C278.564174,305.506821 259.516237,298.869139 236.160607,278.048627 C217.988923,261.847958 205.716906,241.83458 202.149458,235.711949 C198.582011,229.598236 201.835077,225.948292 204.584241,222.621648 C207.719135,218.824546 210.610997,216.097679 213.667853,212.532462 C216.724709,208.960555 218.432625,207.05866 220.470529,202.973933 C222.508433,198.898125 221.137195,194.690767 219.607652,191.629452 C218.07588,188.568136 205.835077,158.494558 200.755924,146.247066 Z\" \n            fill=\"#ffffff\" id=\"htwaicon-chat-sc\"\/>\n        <\/g>\n        <\/svg>\n        <\/div>\n    <\/div>\n<\/div>\n                                    <\/div>\n                                    <div class=\"widget-item\">\n                                        <div class=\"widget-label\">\u2728 Style 7 Extend<\/div>\n                                        <div  data-pre_filled=\"Hello, HoliThemes!\r\nLike to know more information about &#039;List of Styles&#039; https:\/\/holithemes.com\/plugins\/click-to-chat\/list-of-styles\/\" data-style=\"7_1\" style=\"display: inline; cursor: pointer; z-index: 99999999; \" class=\"ht-ctc-sc ht-ctc-sc-chat sc-style-7_1 ht-ctc-inline\"><style id=\"ht-ctc-sc-s7_1\">.ht-ctc-sc.sc-style-7_1:hover .ctc_s_7_1{background-color:#00d34d !important;}.ht-ctc-sc.sc-style-7_1:hover .ctc_s_7_1_cta{color:#f4f4f4 !important;}.ht-ctc-sc.sc-style-7_1:hover svg g path{fill:#f4f4f4 !important;}<\/style>\n    <div class=\"ctc_s_7_1 ctc-analytics\" style=\"display:inline-flex;justify-content:center;align-items:center;padding:5px 25px; background-color:#25D366;border-radius:25px;\">\n        <p class=\"ctc_s_7_1_cta ctc-analytics ctc_cta ht-ctc-cta \" style=\"padding: 1px 16px; color: #ffffff; border-radius:10px; margin:0 10px; order: 1; \">WhatsApp us<\/p>\n        <div class=\"ctc_s_7_icon_padding ctc-analytics \" style=\"display:inline-flex; \">\n            <svg style=\"pointer-events:none; display:block; height:20px; width:20px;\" height=\"20px\" version=\"1.1\" viewBox=\"0 0 509 512\" width=\"20px\">\n        <g fill=\"none\" fill-rule=\"evenodd\" id=\"Page-1\" stroke=\"none\" stroke-width=\"1\">\n            <path style=\"fill: #ffffff;\" d=\"M259.253137,0.00180389396 C121.502859,0.00180389396 9.83730687,111.662896 9.83730687,249.413175 C9.83730687,296.530232 22.9142299,340.597122 45.6254897,378.191325 L0.613226597,512.001804 L138.700183,467.787757 C174.430395,487.549184 215.522926,498.811168 259.253137,498.811168 C396.994498,498.811168 508.660049,387.154535 508.660049,249.415405 C508.662279,111.662896 396.996727,0.00180389396 259.253137,0.00180389396 L259.253137,0.00180389396 Z M259.253137,459.089875 C216.65782,459.089875 176.998957,446.313956 143.886359,424.41206 L63.3044195,450.21808 L89.4939401,372.345171 C64.3924908,337.776609 49.5608297,295.299463 49.5608297,249.406486 C49.5608297,133.783298 143.627719,39.7186378 259.253137,39.7186378 C374.871867,39.7186378 468.940986,133.783298 468.940986,249.406486 C468.940986,365.025215 374.874096,459.089875 259.253137,459.089875 Z M200.755924,146.247066 C196.715791,136.510165 193.62103,136.180176 187.380228,135.883632 C185.239759,135.781068 182.918689,135.682963 180.379113,135.682963 C172.338979,135.682963 164.002301,138.050856 158.97889,143.19021 C152.865178,149.44439 137.578667,164.09322 137.578667,194.171258 C137.578667,224.253755 159.487251,253.321759 162.539648,257.402027 C165.600963,261.477835 205.268745,324.111057 266.985579,349.682963 C315.157262,369.636141 329.460495,367.859106 340.450462,365.455539 C356.441543,361.9639 376.521811,350.186865 381.616571,335.917077 C386.711331,321.63837 386.711331,309.399797 385.184018,306.857991 C383.654475,304.305037 379.578667,302.782183 373.464955,299.716408 C367.351242,296.659552 337.288812,281.870254 331.68569,279.83458 C326.080339,277.796676 320.898622,278.418749 316.5887,284.378615 C310.639982,292.612729 304.918689,301.074268 300.180674,306.09099 C296.46161,310.02856 290.477218,310.577055 285.331175,308.389764 C278.564174,305.506821 259.516237,298.869139 236.160607,278.048627 C217.988923,261.847958 205.716906,241.83458 202.149458,235.711949 C198.582011,229.598236 201.835077,225.948292 204.584241,222.621648 C207.719135,218.824546 210.610997,216.097679 213.667853,212.532462 C216.724709,208.960555 218.432625,207.05866 220.470529,202.973933 C222.508433,198.898125 221.137195,194.690767 219.607652,191.629452 C218.07588,188.568136 205.835077,158.494558 200.755924,146.247066 Z\" \n            fill=\"#ffffff\" id=\"htwaicon-chat-sc\"\/>\n        <\/g>\n        <\/svg>\n        <\/div>\n    <\/div>\n<\/div>\n                                    <\/div>\n                                    <div class=\"widget-item\">\n                                        <div class=\"widget-label\">\u2728 Style 8<\/div>\n                                        <div  data-pre_filled=\"Hello, HoliThemes!\r\nLike to know more information about &#039;List of Styles&#039; https:\/\/holithemes.com\/plugins\/click-to-chat\/list-of-styles\/\" data-style=\"8\" style=\"display: inline; cursor: pointer; z-index: 99999999; \" class=\"ht-ctc-sc ht-ctc-sc-chat sc-style-8 ht-ctc-inline\"><style>.ht-ctc-sc .ht-ctc-style-8 .s_8 svg{order:0;margin-right: 15px;}.ht-ctc-sc:hover svg g path{fill:#ffffff !important;}.ht-ctc-sc:hover .ht-ctc-s8-text{color:#ffffff !important;}.ht-ctc-sc:hover .ht-ctc-style-8 .s_8{box-shadow: 0 3px 3px 0 rgba(7,6,6,.14), 0 1px 7px 0 rgba(0,0,0,.12), 0 3px 1px -1px rgba(0,0,0,.2) !important; transition: .2s ease-out !important; background-color:#26a69a !important; }<\/style>\n  <div class=\"ht-ctc-style-8 ctc-analytics\" style=\"display: inline-block;  \" >\n    <span class=\"s_8 waves-effect waves-light ctc-analytics\" style=\"display: flex;padding: 0 2rem;letter-spacing: .5px;transition: .2s ease-out;text-align: center;justify-content: center;align-items: center;border-radius:2px;height:36px;line-height:36px;vertical-align:middle;box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.2);box-sizing:inherit;background-color:#26a69a; \">\n      <svg style=\"display:block;\" height=\"16px\" version=\"1.1\" viewBox=\"0 0 509 512\" width=\"16px\">\n        <g fill=\"none\" fill-rule=\"evenodd\" id=\"Page-1\" stroke=\"none\" stroke-width=\"1\">\n            <path style=\"fill: #ffffff;\" d=\"M259.253137,0.00180389396 C121.502859,0.00180389396 9.83730687,111.662896 9.83730687,249.413175 C9.83730687,296.530232 22.9142299,340.597122 45.6254897,378.191325 L0.613226597,512.001804 L138.700183,467.787757 C174.430395,487.549184 215.522926,498.811168 259.253137,498.811168 C396.994498,498.811168 508.660049,387.154535 508.660049,249.415405 C508.662279,111.662896 396.996727,0.00180389396 259.253137,0.00180389396 L259.253137,0.00180389396 Z M259.253137,459.089875 C216.65782,459.089875 176.998957,446.313956 143.886359,424.41206 L63.3044195,450.21808 L89.4939401,372.345171 C64.3924908,337.776609 49.5608297,295.299463 49.5608297,249.406486 C49.5608297,133.783298 143.627719,39.7186378 259.253137,39.7186378 C374.871867,39.7186378 468.940986,133.783298 468.940986,249.406486 C468.940986,365.025215 374.874096,459.089875 259.253137,459.089875 Z M200.755924,146.247066 C196.715791,136.510165 193.62103,136.180176 187.380228,135.883632 C185.239759,135.781068 182.918689,135.682963 180.379113,135.682963 C172.338979,135.682963 164.002301,138.050856 158.97889,143.19021 C152.865178,149.44439 137.578667,164.09322 137.578667,194.171258 C137.578667,224.253755 159.487251,253.321759 162.539648,257.402027 C165.600963,261.477835 205.268745,324.111057 266.985579,349.682963 C315.157262,369.636141 329.460495,367.859106 340.450462,365.455539 C356.441543,361.9639 376.521811,350.186865 381.616571,335.917077 C386.711331,321.63837 386.711331,309.399797 385.184018,306.857991 C383.654475,304.305037 379.578667,302.782183 373.464955,299.716408 C367.351242,296.659552 337.288812,281.870254 331.68569,279.83458 C326.080339,277.796676 320.898622,278.418749 316.5887,284.378615 C310.639982,292.612729 304.918689,301.074268 300.180674,306.09099 C296.46161,310.02856 290.477218,310.577055 285.331175,308.389764 C278.564174,305.506821 259.516237,298.869139 236.160607,278.048627 C217.988923,261.847958 205.716906,241.83458 202.149458,235.711949 C198.582011,229.598236 201.835077,225.948292 204.584241,222.621648 C207.719135,218.824546 210.610997,216.097679 213.667853,212.532462 C216.724709,208.960555 218.432625,207.05866 220.470529,202.973933 C222.508433,198.898125 221.137195,194.690767 219.607652,191.629452 C218.07588,188.568136 205.835077,158.494558 200.755924,146.247066 Z\" \n            fill=\"#ffffff\" id=\"htwaicon-chat-sc\"\/>\n        <\/g>\n        <\/svg>\n      <span class=\"ht-ctc-s8-text s8_span ctc-analytics ctc_cta\" style=\"color:#ffffff; font-size: 16px; \">\n        WhatsApp us\n      <\/span>\n    <\/span>\n  <\/div>\n<\/div>\n                                    <\/div>\n                                    <div class=\"widget-item\">\n                                        <div class=\"widget-label\">\u2728 Style 99 &#8211; Own Image\/GIF<\/div>\n                                        <div  data-pre_filled=\"Hello, HoliThemes!\r\nLike to know more information about &#039;List of Styles&#039; https:\/\/holithemes.com\/plugins\/click-to-chat\/list-of-styles\/\" data-style=\"99\" style=\"display: inline; cursor: pointer; z-index: 99999999; \" class=\"ht-ctc-sc ht-ctc-sc-chat sc-style-99 ht-ctc-inline\">\n    <img decoding=\"async\" class=\"own-img ctc-analytics ctc_cta\" title=\"WhatsApp us\" id=\"style-99\" src=\"https:\/\/media.giphy.com\/media\/xT1XGxMBRTedbb5pSw\/source.gif\" style=\"height: 60px; \" alt=\"WhatsApp us\">\n<\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Decorative elements -->\n                    <div class=\"decorative-element-1\"><\/div>\n                    <div class=\"decorative-element-2 animate-float\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Scroll indicator -->\n        <div class=\"scroll-indicator\" aria-label=\"Scroll to explore styles\">\n            <div class=\"scroll-wheel\">\n                <div class=\"scroll-dot\"><\/div>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Widget Styles Section -->\n    <section id=\"styles-section\" class=\"section\">\n        <div class=\"container\">\n            <div class=\"text-center styles-section-header\">\n                <h2 class=\"text-gradient\">Widget Style Gallery<\/h2>\n                <p class=\"text-muted styles-section-description\">\n                    Discover our collection of professionally designed widget styles. Each style offers unique aesthetics while maintaining optimal user experience.\n                <\/p>\n            <\/div>\n\n            <div id=\"stylesGrid\">\n                <!-- Style 1 -->\n                <div class=\"scroll-reveal\">\n                    <div class=\"grid grid-2 style-grid-item\">\n                        <div>\n                            <div class=\"style-header\">\n                                <h3>Style 1<\/h3>\n                            <\/div>\n                            <p class=\"text-muted style-description\">A customizable theme button.<\/p>\n                            <div class=\"style-buttons\">\n                               <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/style-1\/\" class=\"btn btn-outline view-demo-btn style-demo-btn\" target=\"_blank\">\n                                   View Demo\n                                   <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-left: 6px;\">\n                                       <path d=\"M9 9H5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-4\" \/>\n                                       <path d=\"M15 5h4v4\" \/>\n                                       <path d=\"M10 14L19 5\" \/>\n                                   <\/svg>\n                               <\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card card-hover style-card\">\n                             <div  data-pre_filled=\"Hello, HoliThemes!\r\nLike to know more information about &#039;List of Styles&#039; https:\/\/holithemes.com\/plugins\/click-to-chat\/list-of-styles\/\" data-style=\"1\" style=\"display: inline; cursor: pointer; z-index: 99999999; \" class=\"ht-ctc-sc ht-ctc-sc-chat sc-style-1 ht-ctc-inline\">\n    <button  class=\"ctc-analytics\" style=\"display:flex; align-items:center;\">\n        <svg style=\"margin-right:6px;\" height=\"16\" version=\"1.1\" viewBox=\"0 0 509 512\" width=\"16\">\n        <g fill=\"none\" fill-rule=\"evenodd\" id=\"Page-1\" stroke=\"none\" stroke-width=\"1\">\n            <path style=\"fill: #ffffff;\" d=\"M259.253137,0.00180389396 C121.502859,0.00180389396 9.83730687,111.662896 9.83730687,249.413175 C9.83730687,296.530232 22.9142299,340.597122 45.6254897,378.191325 L0.613226597,512.001804 L138.700183,467.787757 C174.430395,487.549184 215.522926,498.811168 259.253137,498.811168 C396.994498,498.811168 508.660049,387.154535 508.660049,249.415405 C508.662279,111.662896 396.996727,0.00180389396 259.253137,0.00180389396 L259.253137,0.00180389396 Z M259.253137,459.089875 C216.65782,459.089875 176.998957,446.313956 143.886359,424.41206 L63.3044195,450.21808 L89.4939401,372.345171 C64.3924908,337.776609 49.5608297,295.299463 49.5608297,249.406486 C49.5608297,133.783298 143.627719,39.7186378 259.253137,39.7186378 C374.871867,39.7186378 468.940986,133.783298 468.940986,249.406486 C468.940986,365.025215 374.874096,459.089875 259.253137,459.089875 Z M200.755924,146.247066 C196.715791,136.510165 193.62103,136.180176 187.380228,135.883632 C185.239759,135.781068 182.918689,135.682963 180.379113,135.682963 C172.338979,135.682963 164.002301,138.050856 158.97889,143.19021 C152.865178,149.44439 137.578667,164.09322 137.578667,194.171258 C137.578667,224.253755 159.487251,253.321759 162.539648,257.402027 C165.600963,261.477835 205.268745,324.111057 266.985579,349.682963 C315.157262,369.636141 329.460495,367.859106 340.450462,365.455539 C356.441543,361.9639 376.521811,350.186865 381.616571,335.917077 C386.711331,321.63837 386.711331,309.399797 385.184018,306.857991 C383.654475,304.305037 379.578667,302.782183 373.464955,299.716408 C367.351242,296.659552 337.288812,281.870254 331.68569,279.83458 C326.080339,277.796676 320.898622,278.418749 316.5887,284.378615 C310.639982,292.612729 304.918689,301.074268 300.180674,306.09099 C296.46161,310.02856 290.477218,310.577055 285.331175,308.389764 C278.564174,305.506821 259.516237,298.869139 236.160607,278.048627 C217.988923,261.847958 205.716906,241.83458 202.149458,235.711949 C198.582011,229.598236 201.835077,225.948292 204.584241,222.621648 C207.719135,218.824546 210.610997,216.097679 213.667853,212.532462 C216.724709,208.960555 218.432625,207.05866 220.470529,202.973933 C222.508433,198.898125 221.137195,194.690767 219.607652,191.629452 C218.07588,188.568136 205.835077,158.494558 200.755924,146.247066 Z\" \n            fill=\"#ffffff\" id=\"htwaicon-chat-sc\"\/>\n        <\/g>\n        <\/svg>\n        <span class=\"ctc_cta\">WhatsApp us<\/span>\n    <\/button>\n<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Style 2 -->\n                <div class=\"scroll-reveal\">\n                    <div class=\"grid grid-2 style-grid-item\">\n                        <div class=\"card card-hover style-card\">\n                            <div  data-pre_filled=\"Hello, HoliThemes!\r\nLike to know more information about &#039;List of Styles&#039; https:\/\/holithemes.com\/plugins\/click-to-chat\/list-of-styles\/\" data-style=\"2\" style=\"display: inline; cursor: pointer; z-index: 99999999; \" class=\"ht-ctc-sc ht-ctc-sc-chat sc-style-2 ht-ctc-inline\">\n<img decoding=\"async\" class=\"img-icon ctc-analytics ctc_cta\" title=\"WhatsApp us\" style=\"height: 50px;\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/plugins\/click-to-chat-for-whatsapp\/.\/new\/inc\/assets\/img\/whatsapp-icon-square.svg\" alt=\"WhatsApp us\">\n<\/div>\n                        <\/div>\n                        <div>\n                            <div class=\"style-header\">\n                                <h3>Style 2<\/h3>\n                                <span class=\"popular-badge\">Most Popular<\/span>\n                            <\/div>\n                            <p class=\"text-muted style-description\">WhatsApp icon with clear Call to Action Stick (Call to Action can show\/hide\/onhover<\/p>\n                            <div class=\"style-buttons\">\n                                <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/style-2\/\" class=\"btn btn-outline view-demo-btn style-demo-btn\" target=\"_blank\">\n                                    View Demo\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-left: 6px;\">\n                                        <path d=\"M9 9H5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-4\" \/>\n                                        <path d=\"M15 5h4v4\" \/>\n                                        <path d=\"M10 14L19 5\" \/>\n                                    <\/svg>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Style 3 -->\n                <div class=\"scroll-reveal\">\n                    <div class=\"grid grid-2 style-grid-item\">\n                        <div>\n                            <div class=\"style-header\">\n                                <h3>Style 3<\/h3>\n                            <\/div>\n                            <p class=\"text-muted style-description\">WhatsApp icon with Call to Action (Call to Action can show\/hide\/onhover)<\/p>\n                            <div class=\"style-buttons\">\n                                <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/style-3\/\" class=\"btn btn-outline view-demo-btn style-demo-btn\" target=\"_blank\">\n                                    View Demo\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-left: 6px;\">\n                                        <path d=\"M9 9H5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-4\" \/>\n                                        <path d=\"M15 5h4v4\" \/>\n                                        <path d=\"M10 14L19 5\" \/>\n                                    <\/svg>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card card-hover style-card\">\n                            <div  data-pre_filled=\"Hello, HoliThemes!\r\nLike to know more information about &#039;List of Styles&#039; https:\/\/holithemes.com\/plugins\/click-to-chat\/list-of-styles\/\" data-style=\"3\" style=\"display: inline; cursor: pointer; z-index: 99999999; \" class=\"ht-ctc-sc ht-ctc-sc-chat sc-style-3 ht-ctc-inline\">\n<img decoding=\"async\" class=\"img-icon ctc-analytics ctc_cta\" title=\"WhatsApp us\" style=\"display: inline-block; width: 50px;  height: 50px;\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/plugins\/click-to-chat-for-whatsapp\/.\/new\/inc\/assets\/img\/whatsapp-logo.svg\" alt=\"WhatsApp us\">\n<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Style 3 Extends -->\n                <div class=\"scroll-reveal\">\n                    <div class=\"grid grid-2 style-grid-item\">\n                        <div class=\"card card-hover style-card\">\n                            <div  data-pre_filled=\"Hello, HoliThemes!\r\nLike to know more information about &#039;List of Styles&#039; https:\/\/holithemes.com\/plugins\/click-to-chat\/list-of-styles\/\" data-style=\"3_1\" style=\"display: inline; cursor: pointer; z-index: 99999999; \" class=\"ht-ctc-sc ht-ctc-sc-chat sc-style-3_1 ht-ctc-inline\"><style id=\"ht-ctc-sc-s8\">.ht-ctc-sc:hover svg stop{stop-color:#25D366;}.ht-ctc-sc:hover .ht_ctc_padding{background-color:#25D366 !important;box-shadow: 0px 0px 11px rgba(0,0,0,.5);}<\/style>\n<div title=\"WhatsApp us\" class=\"ctc-analytics ht_ctc_padding\" style=\"background-color: #25D366; padding: 14px; border-radius: 50%; box-shadow: 0px 0px 11px rgba(0,0,0,.5); display:inline-flex;\">\n    <svg style=\"pointer-events:none; display:block; height:40px; width:40px;\" width=\"40px\" height=\"40px\" viewBox=\"0 0 1219.547 1225.016\">\n            <path style=\"fill: #E0E0E0;\" fill=\"#E0E0E0\" d=\"M1041.858 178.02C927.206 63.289 774.753.07 612.325 0 277.617 0 5.232 272.298 5.098 606.991c-.039 106.986 27.915 211.42 81.048 303.476L0 1225.016l321.898-84.406c88.689 48.368 188.547 73.855 290.166 73.896h.258.003c334.654 0 607.08-272.346 607.222-607.023.056-162.208-63.052-314.724-177.689-429.463zm-429.533 933.963h-.197c-90.578-.048-179.402-24.366-256.878-70.339l-18.438-10.93-191.021 50.083 51-186.176-12.013-19.087c-50.525-80.336-77.198-173.175-77.16-268.504.111-278.186 226.507-504.503 504.898-504.503 134.812.056 261.519 52.604 356.814 147.965 95.289 95.36 147.728 222.128 147.688 356.948-.118 278.195-226.522 504.543-504.693 504.543z\"\/>\n            <linearGradient id=\"htwaicona-chat-sc\" gradientUnits=\"userSpaceOnUse\" x1=\"609.77\" y1=\"1190.114\" x2=\"609.77\" y2=\"21.084\">\n                <stop id=\"s3_1_offset_1\" offset=\"0\" stop-color=\"#25D366\"\/>\n                <stop id=\"s3_1_offset_2\" offset=\"1\" stop-color=\"#25D366\"\/>\n            <\/linearGradient>\n            <path style=\"fill: url(#htwaicona-chat-sc);\" fill=\"url(#htwaicona-chat-sc)\" d=\"M27.875 1190.114l82.211-300.18c-50.719-87.852-77.391-187.523-77.359-289.602.133-319.398 260.078-579.25 579.469-579.25 155.016.07 300.508 60.398 409.898 169.891 109.414 109.492 169.633 255.031 169.57 409.812-.133 319.406-260.094 579.281-579.445 579.281-.023 0 .016 0 0 0h-.258c-96.977-.031-192.266-24.375-276.898-70.5l-307.188 80.548z\"\/>\n            <image overflow=\"visible\" opacity=\".08\" width=\"682\" height=\"639\" transform=\"translate(270.984 291.372)\"\/>\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" style=\"fill: #FFF;\" fill=\"#FFF\" d=\"M462.273 349.294c-11.234-24.977-23.062-25.477-33.75-25.914-8.742-.375-18.75-.352-28.742-.352-10 0-26.25 3.758-39.992 18.766-13.75 15.008-52.5 51.289-52.5 125.078 0 73.797 53.75 145.102 61.242 155.117 7.5 10 103.758 166.266 256.203 226.383 126.695 49.961 152.477 40.023 179.977 37.523s88.734-36.273 101.234-71.297c12.5-35.016 12.5-65.031 8.75-71.305-3.75-6.25-13.75-10-28.75-17.5s-88.734-43.789-102.484-48.789-23.75-7.5-33.75 7.516c-10 15-38.727 48.773-47.477 58.773-8.75 10.023-17.5 11.273-32.5 3.773-15-7.523-63.305-23.344-120.609-74.438-44.586-39.75-74.688-88.844-83.438-103.859-8.75-15-.938-23.125 6.586-30.602 6.734-6.719 15-17.508 22.5-26.266 7.484-8.758 9.984-15.008 14.984-25.008 5-10.016 2.5-18.773-1.25-26.273s-32.898-81.67-46.234-111.326z\"\/>\n            <path style=\"fill: #FFFFFF;\" fill=\"#FFF\" d=\"M1036.898 176.091C923.562 62.677 772.859.185 612.297.114 281.43.114 12.172 269.286 12.039 600.137 12 705.896 39.633 809.13 92.156 900.13L7 1211.067l318.203-83.438c87.672 47.812 186.383 73.008 286.836 73.047h.255.003c330.812 0 600.109-269.219 600.25-600.055.055-160.343-62.328-311.108-175.649-424.53zm-424.601 923.242h-.195c-89.539-.047-177.344-24.086-253.93-69.531l-18.227-10.805-188.828 49.508 50.414-184.039-11.875-18.867c-49.945-79.414-76.312-171.188-76.273-265.422.109-274.992 223.906-498.711 499.102-498.711 133.266.055 258.516 52 352.719 146.266 94.195 94.266 146.031 219.578 145.992 352.852-.118 274.999-223.923 498.749-498.899 498.749z\"\/>\n        <\/svg>\n<\/div>\n<\/div>\n                        <\/div>\n                        <div>\n                            <div class=\"style-header\">\n                                <h3>Style 3 Extends<\/h3>\n                            <\/div>\n                            <p class=\"text-muted style-description\">WhatsApp icon with padding and subtle shadow for enhanced visibility. (Call to Action can show\/hide\/onhover)<\/p>\n                            <div class=\"style-buttons\">\n                                <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/style-3-extend\/\" class=\"btn btn-outline view-demo-btn style-demo-btn\" target=\"_blank\">\n                                    View Demo\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-left: 6px;\">\n                                        <path d=\"M9 9H5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-4\" \/>\n                                        <path d=\"M15 5h4v4\" \/>\n                                        <path d=\"M10 14L19 5\" \/>\n                                    <\/svg>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Style 4 -->\n                <div class=\"scroll-reveal\">\n                    <div class=\"grid grid-2 style-grid-item\">\n                        <div>\n                            <div class=\"style-header\">\n                                <h3>Style 4<\/h3>\n                            <\/div>\n                            <p class=\"text-muted style-description\">Chip-style cylindrical bar with text and image\/icon.<\/p>\n                            <div class=\"style-buttons\">\n                                <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/style-4\/\" class=\"btn btn-outline view-demo-btn style-demo-btn\" target=\"_blank\">\n                                    View Demo\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-left: 6px;\">\n                                        <path d=\"M9 9H5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-4\" \/>\n                                        <path d=\"M15 5h4v4\" \/>\n                                        <path d=\"M10 14L19 5\" \/>\n                                    <\/svg>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card card-hover style-card\">\n                            <div  data-pre_filled=\"Hello, HoliThemes!\r\nLike to know more information about &#039;List of Styles&#039; https:\/\/holithemes.com\/plugins\/click-to-chat\/list-of-styles\/\" data-style=\"4\" style=\"display: inline; cursor: pointer; z-index: 99999999; \" class=\"ht-ctc-sc ht-ctc-sc-chat sc-style-4 ht-ctc-inline\">\n    <div class=\"ctc_chip ctc-analytics ctc_cta\" style=\"display:inline-flex;;justify-content:center;align-items:center;background-color:#e4e4e4;color:#7f7d7d;padding:0 12px;border-radius:25px;font-size:13px;line-height:32px;\">\n        <span style=\"margin:0 8px 0 -12px;;order:0;\"><svg style=\"pointer-events:none; display: block; height:32px; width:32px;\" width=\"32px\" height=\"32px\" viewBox=\"0 0 1219.547 1225.016\">\n            <path style=\"fill: #E0E0E0;\" fill=\"#E0E0E0\" d=\"M1041.858 178.02C927.206 63.289 774.753.07 612.325 0 277.617 0 5.232 272.298 5.098 606.991c-.039 106.986 27.915 211.42 81.048 303.476L0 1225.016l321.898-84.406c88.689 48.368 188.547 73.855 290.166 73.896h.258.003c334.654 0 607.08-272.346 607.222-607.023.056-162.208-63.052-314.724-177.689-429.463zm-429.533 933.963h-.197c-90.578-.048-179.402-24.366-256.878-70.339l-18.438-10.93-191.021 50.083 51-186.176-12.013-19.087c-50.525-80.336-77.198-173.175-77.16-268.504.111-278.186 226.507-504.503 504.898-504.503 134.812.056 261.519 52.604 356.814 147.965 95.289 95.36 147.728 222.128 147.688 356.948-.118 278.195-226.522 504.543-504.693 504.543z\"\/>\n            <linearGradient id=\"htwaicona-chat-sc\" gradientUnits=\"userSpaceOnUse\" x1=\"609.77\" y1=\"1190.114\" x2=\"609.77\" y2=\"21.084\">\n                <stop offset=\"0\" stop-color=\"#20b038\"\/>\n                <stop offset=\"1\" stop-color=\"#60d66a\"\/>\n            <\/linearGradient>\n            <path style=\"fill: url(#htwaicona-chat-sc);\" fill=\"url(#htwaicona-chat-sc)\" d=\"M27.875 1190.114l82.211-300.18c-50.719-87.852-77.391-187.523-77.359-289.602.133-319.398 260.078-579.25 579.469-579.25 155.016.07 300.508 60.398 409.898 169.891 109.414 109.492 169.633 255.031 169.57 409.812-.133 319.406-260.094 579.281-579.445 579.281-.023 0 .016 0 0 0h-.258c-96.977-.031-192.266-24.375-276.898-70.5l-307.188 80.548z\"\/>\n            <image overflow=\"visible\" opacity=\".08\" width=\"682\" height=\"639\" transform=\"translate(270.984 291.372)\"\/>\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" style=\"fill: #FFFFFF;\" fill=\"#FFF\" d=\"M462.273 349.294c-11.234-24.977-23.062-25.477-33.75-25.914-8.742-.375-18.75-.352-28.742-.352-10 0-26.25 3.758-39.992 18.766-13.75 15.008-52.5 51.289-52.5 125.078 0 73.797 53.75 145.102 61.242 155.117 7.5 10 103.758 166.266 256.203 226.383 126.695 49.961 152.477 40.023 179.977 37.523s88.734-36.273 101.234-71.297c12.5-35.016 12.5-65.031 8.75-71.305-3.75-6.25-13.75-10-28.75-17.5s-88.734-43.789-102.484-48.789-23.75-7.5-33.75 7.516c-10 15-38.727 48.773-47.477 58.773-8.75 10.023-17.5 11.273-32.5 3.773-15-7.523-63.305-23.344-120.609-74.438-44.586-39.75-74.688-88.844-83.438-103.859-8.75-15-.938-23.125 6.586-30.602 6.734-6.719 15-17.508 22.5-26.266 7.484-8.758 9.984-15.008 14.984-25.008 5-10.016 2.5-18.773-1.25-26.273s-32.898-81.67-46.234-111.326z\"\/>\n            <path style=\"fill: #FFFFFF;\" fill=\"#FFF\" d=\"M1036.898 176.091C923.562 62.677 772.859.185 612.297.114 281.43.114 12.172 269.286 12.039 600.137 12 705.896 39.633 809.13 92.156 900.13L7 1211.067l318.203-83.438c87.672 47.812 186.383 73.008 286.836 73.047h.255.003c330.812 0 600.109-269.219 600.25-600.055.055-160.343-62.328-311.108-175.649-424.53zm-424.601 923.242h-.195c-89.539-.047-177.344-24.086-253.93-69.531l-18.227-10.805-188.828 49.508 50.414-184.039-11.875-18.867c-49.945-79.414-76.312-171.188-76.273-265.422.109-274.992 223.906-498.711 499.102-498.711 133.266.055 258.516 52 352.719 146.266 94.195 94.266 146.031 219.578 145.992 352.852-.118 274.999-223.923 498.749-498.899 498.749z\"\/>\n        <\/svg><\/span>\n        <span>WhatsApp us<\/span>\n    <\/div>\n<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Style 5 -->\n                <div class=\"scroll-reveal\">\n                    <div class=\"grid grid-2 style-grid-item\">\n                        <div class=\"card card-hover style-card\">\n                            <div  data-pre_filled=\"Hello, HoliThemes!\r\nLike to know more information about &#039;List of Styles&#039; https:\/\/holithemes.com\/plugins\/click-to-chat\/list-of-styles\/\" data-style=\"5\" style=\"display: inline; cursor: pointer; z-index: 99999999; \" class=\"ht-ctc-sc ht-ctc-sc-chat sc-style-5 ht-ctc-inline\"><style>.ht-ctc-style-5 .s5_content{display:none}.ht-ctc-style-5 .s5_cta:hover .s5_content{display:flex}\n.ht-ctc-style-5 .s5_img{box-shadow:2px 5px 10px rgba(0,0,0,.5)}.ht-ctc-style-5 .s5_content{box-shadow:2px 5px 10px rgba(0,0,0,.5);border-radius:5px}.ht-ctc-style-5 .s5_content span{padding:5px;overflow:hidden}.ht-ctc-style-5 .s5_content .heading{font-size:20px}.ht-ctc-style-5 .s5_content .description{font-size:12px}.ht-ctc-style-5 .s5_content.right{animation:1s s5_translate_right}.ht-ctc-style-5 .s5_content.left{animation:1s s5_translate_left}@keyframes s5_translate_right{0%{transform:translateX(55px)}100%{transform:translateX(0)}}@keyframes s5_translate_left{0%{transform:translateX(-55px)}100%{transform:translateX(0)}}\n<\/style>\n    <div class=\"ht-ctc-style-5 ctc-analytics\" style=\"display: inline-block; cursor: pointer; z-index: 99999999;\" >\n        <div class=\"s5_cta ctc-analytics\" style=\"display: -ms-flexbox; display: -webkit-flex; display: flex;\"   >\n            <img decoding=\"async\" class=\"s5_img ctc-analytics\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/plugins\/click-to-chat-for-whatsapp\/.\/new\/inc\/assets\/img\/new_style8.jpg\" style=\"height: 70px; width: 70px; z-index: 999999;  \" alt=\"WhatsApp us\">\n            <div class=\"s5_content left\" style=\"flex-direction: column; justify-content: center; align-items: center;     background-color: #ffffff; border: 1px solid #dddddd; height: 70px; width: 270px;  margin-left: -4px;\" >\n                <span class=\"heading ctc-analytics ctc_cta\" style=\"color: #000000\">WhatsApp us<\/span>\n                <span class=\"description ctc-analytics\" style=\"color: #000000\">We will respond as soon as possible<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                        <\/div>\n                        <div>\n                            <div class=\"style-header\">\n                                <h3>Style 5<\/h3>\n                            <\/div>\n                            <p class=\"text-muted style-description\">Custom image with hover-triggered content box<\/p>\n                            <div class=\"style-buttons\">\n                                <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/style-5\/\" class=\"btn btn-outline view-demo-btn style-demo-btn\" target=\"_blank\">\n                                    View Demo\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-left: 6px;\">\n                                        <path d=\"M9 9H5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-4\" \/>\n                                        <path d=\"M15 5h4v4\" \/>\n                                        <path d=\"M10 14L19 5\" \/>\n                                    <\/svg>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Style 6 -->\n                <div class=\"scroll-reveal\">\n                    <div class=\"grid grid-2 style-grid-item\">\n                        <div>\n                            <div class=\"style-header\">\n                                <h3>Style 6<\/h3>\n                            <\/div>\n                            <p class=\"text-muted style-description\">Plain text with a customizable link and Text Decorations<\/p>\n                            <div class=\"style-buttons\">\n                                <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/style-6\/\" class=\"btn btn-outline view-demo-btn style-demo-btn\" target=\"_blank\">\n                                    View Demo\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-left: 6px;\">\n                                        <path d=\"M9 9H5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-4\" \/>\n                                        <path d=\"M15 5h4v4\" \/>\n                                        <path d=\"M10 14L19 5\" \/>\n                                    <\/svg>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card card-hover style-card\">\n                            <div  data-pre_filled=\"Hello, HoliThemes!\r\nLike to know more information about &#039;List of Styles&#039; https:\/\/holithemes.com\/plugins\/click-to-chat\/list-of-styles\/\" data-style=\"6\" style=\"display: inline; cursor: pointer; z-index: 99999999; \" class=\"ht-ctc-sc ht-ctc-sc-chat sc-style-6 ht-ctc-inline\">\n    <a class=\"ctc-analytics ctc_cta\" style=\"color: ; text-decoration: initial;\"\n    onmouseover = \"this.style.color='', this.style.textDecoration='initial'\" \n    onmouseout  = \"this.style.color='', this.style.textDecoration='initial'\"\n    >\n    WhatsApp us\n    <\/a>\n<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Style 7 -->\n                <div class=\"scroll-reveal\">\n                    <div class=\"grid grid-2 style-grid-item\">\n                        <div class=\"card card-hover style-card\">\n                            <div  data-pre_filled=\"Hello, HoliThemes!\r\nLike to know more information about &#039;List of Styles&#039; https:\/\/holithemes.com\/plugins\/click-to-chat\/list-of-styles\/\" data-style=\"7\" style=\"display: inline; cursor: pointer; z-index: 99999999; \" class=\"ht-ctc-sc ht-ctc-sc-chat sc-style-7 ht-ctc-inline\"><style id=\"ht-ctc-sc-s7\">.ht-ctc-sc.sc-style-7:hover .ctc_s_7_icon_padding{background-color:#25d366 !important;}.ht-ctc-sc.sc-style-7:hover svg g path{fill:#f4f4f4 !important;}<\/style>\n    <div title = 'WhatsApp us' class=\"ctc_s_7 ctc-analytics\" style=\"display:inline-flex;justify-content:center;align-items:center;\">\n        <p class=\"ctc_s_7_cta ctc-analytics ctc_cta ht-ctc-cta  ht-ctc-cta-hover \" style=\"padding: 0px 16px;  color: #ffffff; background-color: #25d366; border-radius:10px; margin:0 10px;  display: none; order: 1; \">WhatsApp us<\/p>\n        <div class=\"ctc_s_7_icon_padding ctc-analytics \" style=\"display:inline-flex; font-size: 20px; color: #ffffff; padding: 12px; background-color: #25D366; border-radius: 50%;\">\n            <svg style=\"pointer-events:none; display:block; height:20px; width:20px;\" height=\"20px\" version=\"1.1\" viewBox=\"0 0 509 512\" width=\"20px\">\n        <g fill=\"none\" fill-rule=\"evenodd\" id=\"Page-1\" stroke=\"none\" stroke-width=\"1\">\n            <path style=\"fill: #ffffff;\" d=\"M259.253137,0.00180389396 C121.502859,0.00180389396 9.83730687,111.662896 9.83730687,249.413175 C9.83730687,296.530232 22.9142299,340.597122 45.6254897,378.191325 L0.613226597,512.001804 L138.700183,467.787757 C174.430395,487.549184 215.522926,498.811168 259.253137,498.811168 C396.994498,498.811168 508.660049,387.154535 508.660049,249.415405 C508.662279,111.662896 396.996727,0.00180389396 259.253137,0.00180389396 L259.253137,0.00180389396 Z M259.253137,459.089875 C216.65782,459.089875 176.998957,446.313956 143.886359,424.41206 L63.3044195,450.21808 L89.4939401,372.345171 C64.3924908,337.776609 49.5608297,295.299463 49.5608297,249.406486 C49.5608297,133.783298 143.627719,39.7186378 259.253137,39.7186378 C374.871867,39.7186378 468.940986,133.783298 468.940986,249.406486 C468.940986,365.025215 374.874096,459.089875 259.253137,459.089875 Z M200.755924,146.247066 C196.715791,136.510165 193.62103,136.180176 187.380228,135.883632 C185.239759,135.781068 182.918689,135.682963 180.379113,135.682963 C172.338979,135.682963 164.002301,138.050856 158.97889,143.19021 C152.865178,149.44439 137.578667,164.09322 137.578667,194.171258 C137.578667,224.253755 159.487251,253.321759 162.539648,257.402027 C165.600963,261.477835 205.268745,324.111057 266.985579,349.682963 C315.157262,369.636141 329.460495,367.859106 340.450462,365.455539 C356.441543,361.9639 376.521811,350.186865 381.616571,335.917077 C386.711331,321.63837 386.711331,309.399797 385.184018,306.857991 C383.654475,304.305037 379.578667,302.782183 373.464955,299.716408 C367.351242,296.659552 337.288812,281.870254 331.68569,279.83458 C326.080339,277.796676 320.898622,278.418749 316.5887,284.378615 C310.639982,292.612729 304.918689,301.074268 300.180674,306.09099 C296.46161,310.02856 290.477218,310.577055 285.331175,308.389764 C278.564174,305.506821 259.516237,298.869139 236.160607,278.048627 C217.988923,261.847958 205.716906,241.83458 202.149458,235.711949 C198.582011,229.598236 201.835077,225.948292 204.584241,222.621648 C207.719135,218.824546 210.610997,216.097679 213.667853,212.532462 C216.724709,208.960555 218.432625,207.05866 220.470529,202.973933 C222.508433,198.898125 221.137195,194.690767 219.607652,191.629452 C218.07588,188.568136 205.835077,158.494558 200.755924,146.247066 Z\" \n            fill=\"#ffffff\" id=\"htwaicon-chat-sc\"\/>\n        <\/g>\n        <\/svg>\n        <\/div>\n    <\/div>\n<\/div>\n                        <\/div>\n                        <div>\n                            <div class=\"style-header\">\n                                <h3>Style 7<\/h3>\n                            <\/div>\n                            <p class=\"text-muted style-description\">Icon with customizable padding and border-radius. (Call to Action can show\/hide\/onhover.)<\/p>\n                            <div class=\"style-buttons\">\n                                <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/style-7\/\" class=\"btn btn-outline view-demo-btn style-demo-btn\" target=\"_blank\">\n                                    View Demo\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-left: 6px;\">\n                                        <path d=\"M9 9H5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-4\" \/>\n                                        <path d=\"M15 5h4v4\" \/>\n                                        <path d=\"M10 14L19 5\" \/>\n                                    <\/svg>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Style 7 Extend -->\n                <div class=\"scroll-reveal\">\n                    <div class=\"grid grid-2 style-grid-item\">\n                        <div>\n                            <div class=\"style-header\">\n                                <h3>Style 7 Extend<\/h3>\n                            <\/div>\n                            <p class=\"text-muted style-description\">Icon with customizable padding and Call to Action, enhanced by the hover effect in Style 7 Extend for an improved design.<\/p>\n                            <div class=\"style-buttons\">\n                                <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/style-7-extend\/\" class=\"btn btn-outline view-demo-btn style-demo-btn\" target=\"_blank\">\n                                    View Demo\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-left: 6px;\">\n                                        <path d=\"M9 9H5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-4\" \/>\n                                        <path d=\"M15 5h4v4\" \/>\n                                        <path d=\"M10 14L19 5\" \/>\n                                    <\/svg>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card card-hover style-card\">\n                            <div  data-pre_filled=\"Hello, HoliThemes!\r\nLike to know more information about &#039;List of Styles&#039; https:\/\/holithemes.com\/plugins\/click-to-chat\/list-of-styles\/\" data-style=\"7_1\" style=\"display: inline; cursor: pointer; z-index: 99999999; \" class=\"ht-ctc-sc ht-ctc-sc-chat sc-style-7_1 ht-ctc-inline\"><style id=\"ht-ctc-sc-s7_1\">.ht-ctc-sc.sc-style-7_1:hover .ctc_s_7_1{background-color:#00d34d !important;}.ht-ctc-sc.sc-style-7_1:hover .ctc_s_7_1_cta{color:#f4f4f4 !important;}.ht-ctc-sc.sc-style-7_1:hover svg g path{fill:#f4f4f4 !important;}<\/style>\n    <div class=\"ctc_s_7_1 ctc-analytics\" style=\"display:inline-flex;justify-content:center;align-items:center;padding:5px 25px; background-color:#25D366;border-radius:25px;\">\n        <p class=\"ctc_s_7_1_cta ctc-analytics ctc_cta ht-ctc-cta \" style=\"padding: 1px 16px; color: #ffffff; border-radius:10px; margin:0 10px; order: 1; \">WhatsApp us<\/p>\n        <div class=\"ctc_s_7_icon_padding ctc-analytics \" style=\"display:inline-flex; \">\n            <svg style=\"pointer-events:none; display:block; height:20px; width:20px;\" height=\"20px\" version=\"1.1\" viewBox=\"0 0 509 512\" width=\"20px\">\n        <g fill=\"none\" fill-rule=\"evenodd\" id=\"Page-1\" stroke=\"none\" stroke-width=\"1\">\n            <path style=\"fill: #ffffff;\" d=\"M259.253137,0.00180389396 C121.502859,0.00180389396 9.83730687,111.662896 9.83730687,249.413175 C9.83730687,296.530232 22.9142299,340.597122 45.6254897,378.191325 L0.613226597,512.001804 L138.700183,467.787757 C174.430395,487.549184 215.522926,498.811168 259.253137,498.811168 C396.994498,498.811168 508.660049,387.154535 508.660049,249.415405 C508.662279,111.662896 396.996727,0.00180389396 259.253137,0.00180389396 L259.253137,0.00180389396 Z M259.253137,459.089875 C216.65782,459.089875 176.998957,446.313956 143.886359,424.41206 L63.3044195,450.21808 L89.4939401,372.345171 C64.3924908,337.776609 49.5608297,295.299463 49.5608297,249.406486 C49.5608297,133.783298 143.627719,39.7186378 259.253137,39.7186378 C374.871867,39.7186378 468.940986,133.783298 468.940986,249.406486 C468.940986,365.025215 374.874096,459.089875 259.253137,459.089875 Z M200.755924,146.247066 C196.715791,136.510165 193.62103,136.180176 187.380228,135.883632 C185.239759,135.781068 182.918689,135.682963 180.379113,135.682963 C172.338979,135.682963 164.002301,138.050856 158.97889,143.19021 C152.865178,149.44439 137.578667,164.09322 137.578667,194.171258 C137.578667,224.253755 159.487251,253.321759 162.539648,257.402027 C165.600963,261.477835 205.268745,324.111057 266.985579,349.682963 C315.157262,369.636141 329.460495,367.859106 340.450462,365.455539 C356.441543,361.9639 376.521811,350.186865 381.616571,335.917077 C386.711331,321.63837 386.711331,309.399797 385.184018,306.857991 C383.654475,304.305037 379.578667,302.782183 373.464955,299.716408 C367.351242,296.659552 337.288812,281.870254 331.68569,279.83458 C326.080339,277.796676 320.898622,278.418749 316.5887,284.378615 C310.639982,292.612729 304.918689,301.074268 300.180674,306.09099 C296.46161,310.02856 290.477218,310.577055 285.331175,308.389764 C278.564174,305.506821 259.516237,298.869139 236.160607,278.048627 C217.988923,261.847958 205.716906,241.83458 202.149458,235.711949 C198.582011,229.598236 201.835077,225.948292 204.584241,222.621648 C207.719135,218.824546 210.610997,216.097679 213.667853,212.532462 C216.724709,208.960555 218.432625,207.05866 220.470529,202.973933 C222.508433,198.898125 221.137195,194.690767 219.607652,191.629452 C218.07588,188.568136 205.835077,158.494558 200.755924,146.247066 Z\" \n            fill=\"#ffffff\" id=\"htwaicon-chat-sc\"\/>\n        <\/g>\n        <\/svg>\n        <\/div>\n    <\/div>\n<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Style 8 -->\n                <div class=\"scroll-reveal\">\n                    <div class=\"grid grid-2 style-grid-item\">\n                        <div class=\"card card-hover style-card\">\n                            <div  data-pre_filled=\"Hello, HoliThemes!\r\nLike to know more information about &#039;List of Styles&#039; https:\/\/holithemes.com\/plugins\/click-to-chat\/list-of-styles\/\" data-style=\"8\" style=\"display: inline; cursor: pointer; z-index: 99999999; \" class=\"ht-ctc-sc ht-ctc-sc-chat sc-style-8 ht-ctc-inline\"><style>.ht-ctc-sc .ht-ctc-style-8 .s_8 svg{order:0;margin-right: 15px;}.ht-ctc-sc:hover svg g path{fill:#ffffff !important;}.ht-ctc-sc:hover .ht-ctc-s8-text{color:#ffffff !important;}.ht-ctc-sc:hover .ht-ctc-style-8 .s_8{box-shadow: 0 3px 3px 0 rgba(7,6,6,.14), 0 1px 7px 0 rgba(0,0,0,.12), 0 3px 1px -1px rgba(0,0,0,.2) !important; transition: .2s ease-out !important; background-color:#26a69a !important; }<\/style>\n  <div class=\"ht-ctc-style-8 ctc-analytics\" style=\"display: inline-block;  \" >\n    <span class=\"s_8 waves-effect waves-light ctc-analytics\" style=\"display: flex;padding: 0 2rem;letter-spacing: .5px;transition: .2s ease-out;text-align: center;justify-content: center;align-items: center;border-radius:2px;height:36px;line-height:36px;vertical-align:middle;box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.2);box-sizing:inherit;background-color:#26a69a; \">\n      <svg style=\"display:block;\" height=\"16px\" version=\"1.1\" viewBox=\"0 0 509 512\" width=\"16px\">\n        <g fill=\"none\" fill-rule=\"evenodd\" id=\"Page-1\" stroke=\"none\" stroke-width=\"1\">\n            <path style=\"fill: #ffffff;\" d=\"M259.253137,0.00180389396 C121.502859,0.00180389396 9.83730687,111.662896 9.83730687,249.413175 C9.83730687,296.530232 22.9142299,340.597122 45.6254897,378.191325 L0.613226597,512.001804 L138.700183,467.787757 C174.430395,487.549184 215.522926,498.811168 259.253137,498.811168 C396.994498,498.811168 508.660049,387.154535 508.660049,249.415405 C508.662279,111.662896 396.996727,0.00180389396 259.253137,0.00180389396 L259.253137,0.00180389396 Z M259.253137,459.089875 C216.65782,459.089875 176.998957,446.313956 143.886359,424.41206 L63.3044195,450.21808 L89.4939401,372.345171 C64.3924908,337.776609 49.5608297,295.299463 49.5608297,249.406486 C49.5608297,133.783298 143.627719,39.7186378 259.253137,39.7186378 C374.871867,39.7186378 468.940986,133.783298 468.940986,249.406486 C468.940986,365.025215 374.874096,459.089875 259.253137,459.089875 Z M200.755924,146.247066 C196.715791,136.510165 193.62103,136.180176 187.380228,135.883632 C185.239759,135.781068 182.918689,135.682963 180.379113,135.682963 C172.338979,135.682963 164.002301,138.050856 158.97889,143.19021 C152.865178,149.44439 137.578667,164.09322 137.578667,194.171258 C137.578667,224.253755 159.487251,253.321759 162.539648,257.402027 C165.600963,261.477835 205.268745,324.111057 266.985579,349.682963 C315.157262,369.636141 329.460495,367.859106 340.450462,365.455539 C356.441543,361.9639 376.521811,350.186865 381.616571,335.917077 C386.711331,321.63837 386.711331,309.399797 385.184018,306.857991 C383.654475,304.305037 379.578667,302.782183 373.464955,299.716408 C367.351242,296.659552 337.288812,281.870254 331.68569,279.83458 C326.080339,277.796676 320.898622,278.418749 316.5887,284.378615 C310.639982,292.612729 304.918689,301.074268 300.180674,306.09099 C296.46161,310.02856 290.477218,310.577055 285.331175,308.389764 C278.564174,305.506821 259.516237,298.869139 236.160607,278.048627 C217.988923,261.847958 205.716906,241.83458 202.149458,235.711949 C198.582011,229.598236 201.835077,225.948292 204.584241,222.621648 C207.719135,218.824546 210.610997,216.097679 213.667853,212.532462 C216.724709,208.960555 218.432625,207.05866 220.470529,202.973933 C222.508433,198.898125 221.137195,194.690767 219.607652,191.629452 C218.07588,188.568136 205.835077,158.494558 200.755924,146.247066 Z\" \n            fill=\"#ffffff\" id=\"htwaicon-chat-sc\"\/>\n        <\/g>\n        <\/svg>\n      <span class=\"ht-ctc-s8-text s8_span ctc-analytics ctc_cta\" style=\"color:#ffffff; font-size: 16px; \">\n        WhatsApp us\n      <\/span>\n    <\/span>\n  <\/div>\n<\/div>\n                        <\/div>\n                        <div>\n                            <div class=\"style-header\">\n                                <h3>Style 8<\/h3>\n                            <\/div>\n                            <p class=\"text-muted style-description\">Materialized button with Call to Action and icon with shadow.<\/p>\n                            <div class=\"style-buttons\">\n                                <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/style-8\/\" class=\"btn btn-outline view-demo-btn style-demo-btn\" target=\"_blank\">\n                                    View Demo\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-left: 6px;\">\n                                        <path d=\"M9 9H5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-4\" \/>\n                                        <path d=\"M15 5h4v4\" \/>\n                                        <path d=\"M10 14L19 5\" \/>\n                                    <\/svg>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Style 99 -->\n                <div class=\"scroll-reveal\">\n                    <div class=\"grid grid-2 style-grid-item\">\n                        <div>\n                            <div class=\"style-header\">\n                                <h3>Style 99<\/h3>\n                            <\/div>\n                            <p class=\"text-muted style-description\">This style features an image or GIF for dynamic visual appeal, without a Call to Action.<\/p>\n                            <div class=\"style-buttons\">\n                                <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/style-99\/\" class=\"btn btn-outline view-demo-btn style-demo-btn\" target=\"_blank\">\n                                    View Demo\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-left: 6px;\">\n                                        <path d=\"M9 9H5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-4\" \/>\n                                        <path d=\"M15 5h4v4\" \/>\n                                        <path d=\"M10 14L19 5\" \/>\n                                    <\/svg>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"card card-hover style-card\">\n                            <div  data-pre_filled=\"Hello, HoliThemes!\r\nLike to know more information about &#039;List of Styles&#039; https:\/\/holithemes.com\/plugins\/click-to-chat\/list-of-styles\/\" data-style=\"99\" style=\"display: inline; cursor: pointer; z-index: 99999999; \" class=\"ht-ctc-sc ht-ctc-sc-chat sc-style-99 ht-ctc-inline\">\n    <img decoding=\"async\" class=\"own-img ctc-analytics ctc_cta\" title=\"WhatsApp us\" id=\"style-99\" src=\"https:\/\/media.giphy.com\/media\/xT1XGxMBRTedbb5pSw\/source.gif\" style=\"height: 60px; \" alt=\"WhatsApp us\">\n<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Customization Section -->\n    <section class=\"section\">\n        <div class=\"container\">\n            <div class=\"grid grid-2 items-center\">\n                <div class=\"scroll-reveal\">\n                    <h2>Full Customization Control<\/h2>\n                    <p class=\"text-muted customization-description\">\n                        Each of our widget styles offers unique customization options, so it can seamlessly match your website\u2019s design and branding.\n                    <\/p>\n\n                    <div class=\"color-section\">\n                        <h4 class=\"color-section-title\">Try Different Colors:<\/h4>\n                        <div class=\"color-picker\">\n                            <div class=\"color-option active color-option-1\" data-color=\"#25d366\"><\/div>\n                            <div class=\"color-option color-option-2\" data-color=\"#1877f2\"><\/div>\n                            <div class=\"color-option color-option-3\" data-color=\"#e4405f\"><\/div>\n                            <div class=\"color-option color-option-4\" data-color=\"#7b68ee\"><\/div>\n                            <div class=\"color-option color-option-5\" data-color=\"#ff6b35\"><\/div>\n                            <div class=\"color-option color-option-6\" data-color=\"var(--primary)\"><\/div>\n                        <\/div>\n                    <\/div>\n\n                    <ul class=\"features-list\">\n\n                        <li>\n                            <span>\u2713<\/span>\n                            Animation and Notification badges\n                        <\/li>\n                        <li>\n                            <span>\u2713<\/span>\n                            Size and positioning controls\n                        <\/li>\n                        <li>\n                            <span>\u2713<\/span>\n                            Custom colors and gradients (\n                            <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/custom-css\/\" style=\"color:hsl(180, 60%, 55%); text-decoration: none;\" target=\"_blank\">Custom CSS<\/a>\n                            )\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"scroll-reveal\">\n                    <div class=\"card card-hover\">\n                        <h4 class=\"live-preview-title\">Live Preview<\/h4>\n                        <div class=\"widget-container\">\n                            <div class=\"widget-inner\">\n                                <div id=\"customizableWidget\" class=\"widget-style-2\">\n                                <div class=\"widget-style-2-icon\">\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n                                        width=\"28\" height=\"28\" fill=\"white\">\n                                    <path d=\"M20.52 3.48A11.86 11.86 0 0 0 12 .06C5.52.06.06 5.53.06 12c0 2.11.55 4.17 1.6 6.01L.1 23.94l6.09-1.6A11.9 11.9 0 0 0 12 23.94c6.48 0 11.94-5.47 11.94-11.94 0-3.2-1.25-6.21-3.42-8.52zm-8.52 18.03a9.9 9.9 0 0 1-5.05-1.38l-.36-.21-3.62.95.97-3.52-.23-.37A9.91 9.91 0 1 1 12 21.51z\"\/>\n                                    <path d=\"M17.29 14.59c-.28-.14-1.66-.82-1.92-.91-.26-.09-.45-.14-.64.14-.19.28-.74.91-.91 1.09-.17.19-.34.21-.62.07-.28-.14-1.18-.44-2.25-1.41-.83-.74-1.39-1.65-1.56-1.93-.17-.28-.02-.43.13-.57.13-.13.28-.34.43-.51.14-.17.19-.28.28-.47.09-.19.05-.35-.02-.49-.07-.14-.64-1.55-.88-2.12-.23-.55-.47-.47-.64-.48h-.55c-.19 0-.49.07-.74.34-.26.28-1 1-1 2.43s1.02 2.82 1.17 3.02c.14.19 2 3.04 4.84 4.27.68.29 1.21.46 1.62.59.68.22 1.3.19 1.79.12.55-.08 1.66-.68 1.9-1.34.23-.66.23-1.23.16-1.34-.06-.11-.26-.18-.54-.32z\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Dialog Box Section -->\n    <section class=\"section\">\n        <div class=\"container\">\n            <div class=\"text-center dialog-section-header\">\n                <h2 class=\"text-gradient\">Enhanced Greeting Dialogs\ud83d\udc4b\ud83c\udffb<\/h2>\n                <p class=\"text-muted dialog-section-description\">\n                    Take your chat widget to the next level with interactive dialog boxes that capture leads and provide personalized experiences.\n                <\/p>\n            <\/div>\n\n            <div class=\"dialog-grid\">\n                <!-- Greeting Form Card -->\n                <div class=\"card card-hover dialog-card\">\n                    <div class=\"dialog-image-container\">\n                        <div class=\"dialog-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/09\/Greetings-Form-Greetings.webp\" alt=\"Greeting Form Dialog showing lead capture interface with customizable fields\" class=\"dialog-image dialog-image-clickable\" loading=\"lazy\" width=\"400\" height=\"300\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"dialog-content\">\n                        <h3 class=\"dialog-title\">Greeting Form<\/h3>\n                        <p class=\"text-muted dialog-description\">Collect visitor information before starting the chat to provide better, personalized support.<\/p>\n                        <ul class=\"dialog-features\">\n                            <li>\n                                <span>\u2713<\/span>\n                                Lead capture forms\n                            <\/li>\n                            <li>\n                                <span>\u2713<\/span>\n                                Pre-chat information\n                            <\/li>\n                            <li>\n                                <span>\u2713<\/span>\n                                Personalized greetings\n                            <\/li>\n                        <\/ul>\n                        <div class=\"style-buttons\">\n                            <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings-form\/\" class=\"btn btn-outline style-demo-btn\" target=\"_blank\">\n                                Take a Look!\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-left: 6px;\">\n                                    <path d=\"M9 9H5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-4\" \/>\n                                    <path d=\"M15 5h4v4\" \/>\n                                    <path d=\"M10 14L19 5\" \/>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Multi-Agent Card -->\n                <div class=\"card card-hover dialog-card\">\n                    <div class=\"dialog-image-container\">\n                        <div class=\"dialog-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/09\/Multi-Agent-Greetings.webp\" alt=\"Multi-Agent Greetings Dialog displaying team member selection interface\" class=\"dialog-image dialog-image-clickable\" loading=\"lazy\" width=\"400\" height=\"300\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"dialog-content\">\n                        <h3 class=\"dialog-title\">Multi-Agent Support<\/h3>\n                        <p class=\"text-muted dialog-description\">Route customers to the right team member based on their needs with intelligent agent selection.<\/p>\n                        <ul class=\"dialog-features\">\n                            <li>\n                                <span aria-hidden=\"true\">\u2713<\/span>\n                                Department routing\n                            <\/li>\n                            <li>\n                                <span aria-hidden=\"true\">\u2713<\/span>\n                                Agent availability status\n                            <\/li>\n                            <li>\n                                <span aria-hidden=\"true\">\u2713<\/span>\n                                Smart queue management\n                            <\/li>\n                        <\/ul>\n                        <div class=\"style-buttons\">\n                            <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/multi-agent\/\" class=\"btn btn-outline style-demo-btn\" target=\"_blank\">\n                                Take a Look!!\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-left: 6px;\">\n                                    <path d=\"M9 9H5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-4\" \/>\n                                    <path d=\"M15 5h4v4\" \/>\n                                    <path d=\"M10 14L19 5\" \/>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Greetings 1 Card -->\n                <div class=\"card card-hover dialog-card\">\n                    <div class=\"dialog-image-container\">\n                        <div class=\"dialog-image-wrapper dialog-image-wrapper-tall\">\n                            <img decoding=\"async\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/09\/Customizable-Design.webp\" alt=\"Customizable Dialog showing brand-matched color schemes and layout options\" class=\"dialog-image dialog-image-clickable\" loading=\"lazy\" width=\"400\" height=\"500\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"dialog-content\">\n                        <h3 class=\"dialog-title\">Greetings 1<\/h3>\n                        <p class=\"text-muted dialog-description\">Create dialog boxes that perfectly match your brand identity with custom colors, layouts, and messaging.<\/p>\n                        <ul class=\"dialog-features\">\n                            <li>\n                                <span aria-hidden=\"true\">\u2713<\/span>\n                                Brand-matched color schemes\n                            <\/li>\n                            <li>\n                                <span aria-hidden=\"true\">\u2713<\/span>\n                                Flexible layout options\n                            <\/li>\n                            <li>\n                                <span aria-hidden=\"true\">\u2713<\/span>\n                                Custom messaging and CTAs\n                            <\/li>\n                        <\/ul>\n                        <div class=\"style-buttons\">\n                            <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings-1\/\" class=\"btn btn-outline style-demo-btn\" target=\"_blank\">\n                                Take a Look!\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-left: 6px;\">\n                                    <path d=\"M9 9H5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-4\" \/>\n                                    <path d=\"M15 5h4v4\" \/>\n                                    <path d=\"M10 14L19 5\" \/>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Greetings 2 Card -->\n                <div class=\"card card-hover dialog-card\">\n                    <div class=\"dialog-image-container\">\n                        <div class=\"dialog-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/09\/Content-Specific-Greetings.webp\" alt=\"Content Specific Dialog showing page-specific messaging and contextual help prompts\" class=\"dialog-image dialog-image-clickable\" loading=\"lazy\" width=\"400\" height=\"300\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"dialog-content\">\n                        <h3 class=\"dialog-title\">Greetings 2<\/h3>\n                        <p class=\"text-muted dialog-description\">Display different dialog content based on the page or section your visitors are viewing.<\/p>\n                        <ul class=\"dialog-features\">\n                            <li>\n                                <span aria-hidden=\"true\">\u2713<\/span>\n                                Page-specific messaging\n                            <\/li>\n                            <li>\n                                <span aria-hidden=\"true\">\u2713<\/span>\n                                Product-focused dialogs\n                            <\/li>\n                            <li>\n                                <span aria-hidden=\"true\">\u2713<\/span>\n                                Contextual help prompts\n                            <\/li>\n                        <\/ul>\n                        <div class=\"style-buttons\">\n                            <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings-2\/\" class=\"btn btn-outline style-demo-btn\" target=\"_blank\">\n                                Take a Look!\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-left: 6px;\">\n                                    <path d=\"M9 9H5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-4\" \/>\n                                    <path d=\"M15 5h4v4\" \/>\n                                    <path d=\"M10 14L19 5\" \/>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CTA Section -->\n    <section class=\"section\">\n        <div class=\"container\">\n            <div class=\"card cta-card\">\n                <h2 class=\"text-gradient cta-title\"> \ud83d\ude80Ready to Transform Your Website?<\/h2>\n                <p class=\"text-muted cta-description\">\n                    Join 700,000+ of businesses using our Click-to-Chat widgets to increase conversions and improve customer satisfaction.\n                <\/p>\n\n               \n\n                <div class=\"cta-buttons\">\n                    <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/pricing\/\" class=\"btn btn-accent\">\n                        Upgrade to PRO \u2b50\ufe0f\n                    <\/a>\n\n\n                    <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/docs\/list-of-styles\/\" class=\"btn btn-outline\">View Documentation<\/a>\n                <\/div>\n\n                \n            <\/div>\n        <\/div>\n    <\/section>\n    \n    \n\n    <!-- Image Modal -->\n    <div id=\"imageModal\" class=\"image-modal\">\n        <div class=\"image-modal-overlay\"><\/div>\n        <div class=\"image-modal-content\">\n            <button class=\"image-modal-close\">&times;<\/button>\n            <img decoding=\"async\" id=\"modalImage\" class=\"image-modal-image\" src=\"\" alt=\"\">\n        <\/div>\n    <\/div>\n\n<\/main>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Click-to-Chat Widget Styles Choose from 11 professionally designed WhatsApp chat styles that fit any brand and transform your website. Explore Styles Fully Customizable Mobile Responsive Easy Integration yourwebsite.com Your Website Beautiful content goes here&#8230; See the variety of styles we can add to our website &#8211; Below \u2728 Style 1 \u2728 Style 2 \u2728 Style [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":"","_htd2_assets":{"css":["listofstyles.min__20251209_053517.css"],"js":["listofstyles.min__20251209_053517.js","los-modal.min__20251209_053539.js"],"callbacks":["dequeue_astra"],"js_attr":{"listofstyles.min__20251209_053517.js":{"attr":"","footer":"1"},"los-modal.min__20251209_053539.js":{"attr":"defer","footer":"1"}}}},"categories":[44,65],"tags":[],"class_list":["post-382","post","type-post","status-publish","format-standard","hentry","category-styles","category-page-by-ht-design"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/382","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/comments?post=382"}],"version-history":[{"count":0,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/382\/revisions"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/media?parent=382"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/categories?post=382"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/tags?post=382"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}