{"id":1254,"date":"2019-03-08T04:42:06","date_gmt":"2019-03-08T04:42:06","guid":{"rendered":"https:\/\/wpmet.com\/plugin\/elementskit\/?page_id=1254"},"modified":"2026-04-19T08:27:05","modified_gmt":"2026-04-19T08:27:05","slug":"progressbar","status":"publish","type":"page","link":"https:\/\/wpmet.com\/plugin\/elementskit\/progressbar\/","title":{"rendered":"Progress Bar"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1254\" class=\"elementor elementor-1254\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fb73b9 e-con-full e-flex e-con e-parent\" data-id=\"3fb73b9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d731b82 elementor-widget elementor-widget-lmc_wid_layout_block\" data-id=\"d731b82\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"lmc_wid_layout_block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-153790 .elementor-element.elementor-element-a445fd2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:32px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-153790 .elementor-element.elementor-element-96f85e0 .ekit-heading__description{max-width:450px;}.elementor-153790 .elementor-element.elementor-element-96f85e0 .elementskit-section-title-wraper .elementskit-section-title{color:#222222;margin:0px 0px 16px 0px;font-family:\"Roboto\", Sans-serif;font-size:36px;font-weight:700;line-height:40px;}.elementor-153790 .elementor-element.elementor-element-96f85e0 .ekit-heading__title-has-border::before{width:5px;height:100%;top:0px;}.elementor-153790 .elementor-element.elementor-element-96f85e0 .ekit-heading__title-has-border{padding-left:23px;}.elementor-153790 .elementor-element.elementor-element-96f85e0 .ekit-heading__title-has-border ~ *{padding-left:23px;}.elementor-153790 .elementor-element.elementor-element-96f85e0 .ekit-heading__subtitle-has-border{margin-left:23px;}.elementor-153790 .elementor-element.elementor-element-96f85e0 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-153790 .elementor-element.elementor-element-96f85e0 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-153790 .elementor-element.elementor-element-96f85e0 .elementskit-section-title-wraper p{color:#5A5A5A;font-family:\"Roboto\", Sans-serif;font-size:16px;line-height:24px;margin:0px 0px 0px 0px;}.elementor-153790 .elementor-element.elementor-element-96f85e0{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-153790 .elementor-element.elementor-element-af84841{--display:flex;--gap:23px 23px;--row-gap:23px;--column-gap:23px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153790 .elementor-element.elementor-element-592fd6c .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153790 .elementor-element.elementor-element-592fd6c .skillbar-group .skill-bar{background-color:#EFEFEF;}.elementor-153790 .elementor-element.elementor-element-592fd6c .skillbar-group .skill-track{background-color:#ff3984;}.elementor-153790 .elementor-element.elementor-element-592fd6c .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153790 .elementor-element.elementor-element-592fd6c .skill-bar-content{margin-bottom:8px;}.elementor-153790 .elementor-element.elementor-element-4cf8e57 .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153790 .elementor-element.elementor-element-4cf8e57 .skillbar-group .skill-bar{background-color:#EFEFEF;}.elementor-153790 .elementor-element.elementor-element-4cf8e57 .skillbar-group .skill-track{background-color:#cc24fc;}.elementor-153790 .elementor-element.elementor-element-4cf8e57 .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153790 .elementor-element.elementor-element-4cf8e57 .skill-bar-content{margin-bottom:8px;}.elementor-153790 .elementor-element.elementor-element-262caa6 .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153790 .elementor-element.elementor-element-262caa6 .skillbar-group .skill-bar{background-color:#EFEFEF;}.elementor-153790 .elementor-element.elementor-element-262caa6 .skillbar-group .skill-track{background-color:#4285f4;}.elementor-153790 .elementor-element.elementor-element-262caa6 .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153790 .elementor-element.elementor-element-262caa6 .skill-bar-content{margin-bottom:8px;}.elementor-153790 .elementor-element.elementor-element-0a702cc .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153790 .elementor-element.elementor-element-0a702cc .skillbar-group .skill-bar{background-color:#EFEFEF;}.elementor-153790 .elementor-element.elementor-element-0a702cc .skillbar-group .skill-track{background-color:#00e49a;}.elementor-153790 .elementor-element.elementor-element-0a702cc .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153790 .elementor-element.elementor-element-0a702cc .skill-bar-content{margin-bottom:8px;}@media(min-width:768px){.elementor-153790 .elementor-element.elementor-element-a445fd2{--content-width:1230px;}.elementor-153790 .elementor-element.elementor-element-af84841{--width:55%;}}@media(max-width:1024px){.elementor-153790 .elementor-element.elementor-element-a445fd2{--padding-top:45px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-153790 .elementor-element.elementor-element-96f85e0{padding:0px 15px 0px 15px;}}@media(max-width:767px){.elementor-153790 .elementor-element.elementor-element-a445fd2{--padding-top:43px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-153790 .elementor-element.elementor-element-96f85e0 .ekit-heading__description{max-width:360px;}.elementor-153790 .elementor-element.elementor-element-96f85e0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}<\/style>\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"153790\" class=\"elementor elementor-153790\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a445fd2 e-flex e-con-boxed e-con e-parent\" data-id=\"a445fd2\" data-element_type=\"container\" data-e-type=\"container\" id=\"xs_bar_1\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96f85e0 elementor-widget__width-initial elementor-widget elementor-widget-elementskit-heading\" data-id=\"96f85e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><h3 class=\"ekit-heading--title elementskit-section-title  ekit-heading__title-has-border start\">Display Clean, Minimalist Line Shape Progress Bars<\/h3>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p><span style=\"font-weight: 400\">Keep your website design sleek and professional. Use the standard linear progress bar to present your data clearly without distracting your visitors from your core sales message.<\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af84841 e-con-full e-flex e-con e-child\" data-id=\"af84841\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-592fd6c elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"592fd6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group \" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">WordPress<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"90\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4cf8e57 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"4cf8e57\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group \" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Joomla!<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"95\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-262caa6 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"262caa6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group \" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Magento<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"85\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a702cc elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"0a702cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group \" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">PrestaShop<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"97\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff92b7f e-con-full e-flex e-con e-parent\" data-id=\"ff92b7f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2d0f03 elementor-widget elementor-widget-lmc_wid_layout_block\" data-id=\"b2d0f03\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"lmc_wid_layout_block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-153791 .elementor-element.elementor-element-44d018c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:113px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-153791 .elementor-element.elementor-element-44d018c:not(.elementor-motion-effects-element-type-background), .elementor-153791 .elementor-element.elementor-element-44d018c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#fafafa;}.elementor-153791 .elementor-element.elementor-element-7ee600e .ekit-heading__description{max-width:380px;}.elementor-153791 .elementor-element.elementor-element-7ee600e .elementskit-section-title-wraper .elementskit-section-title{color:#222222;margin:0px 0px 16px 0px;font-family:\"Roboto\", Sans-serif;font-size:36px;font-weight:700;line-height:40px;}.elementor-153791 .elementor-element.elementor-element-7ee600e .ekit-heading__title-has-border::before{width:5px;height:100%;top:0px;}.elementor-153791 .elementor-element.elementor-element-7ee600e .ekit-heading__title-has-border{padding-left:23px;}.elementor-153791 .elementor-element.elementor-element-7ee600e .ekit-heading__title-has-border ~ *{padding-left:23px;}.elementor-153791 .elementor-element.elementor-element-7ee600e .ekit-heading__subtitle-has-border{margin-left:23px;}.elementor-153791 .elementor-element.elementor-element-7ee600e .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-153791 .elementor-element.elementor-element-7ee600e .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-153791 .elementor-element.elementor-element-7ee600e .elementskit-section-title-wraper p{color:#5A5A5A;font-family:\"Roboto\", Sans-serif;font-size:16px;line-height:24px;margin:0px 0px 0px 0px;}.elementor-153791 .elementor-element.elementor-element-7ee600e{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-153791 .elementor-element.elementor-element-2330ae2{--display:flex;--gap:23px 23px;--row-gap:23px;--column-gap:23px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153791 .elementor-element.elementor-element-dd5cf50 .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153791 .elementor-element.elementor-element-dd5cf50 .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;border-radius:5px 5px 5px 5px;}.elementor-153791 .elementor-element.elementor-element-dd5cf50 .skillbar-group .skill-track{background-color:#ff3984;border-radius:10px 10px 10px 10px;}.elementor-153791 .elementor-element.elementor-element-dd5cf50 .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153791 .elementor-element.elementor-element-dd5cf50 .skill-bar-content{margin-bottom:8px;}.elementor-153791 .elementor-element.elementor-element-5963cf4 .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153791 .elementor-element.elementor-element-5963cf4 .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;border-radius:5px 5px 5px 5px;}.elementor-153791 .elementor-element.elementor-element-5963cf4 .skillbar-group .skill-track{background-color:#CC24FC;border-radius:10px 10px 10px 10px;}.elementor-153791 .elementor-element.elementor-element-5963cf4 .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153791 .elementor-element.elementor-element-5963cf4 .skill-bar-content{margin-bottom:8px;}.elementor-153791 .elementor-element.elementor-element-ad4dce5 .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153791 .elementor-element.elementor-element-ad4dce5 .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;border-radius:5px 5px 5px 5px;}.elementor-153791 .elementor-element.elementor-element-ad4dce5 .skillbar-group .skill-track{background-color:#4285F4;border-radius:10px 10px 10px 10px;}.elementor-153791 .elementor-element.elementor-element-ad4dce5 .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153791 .elementor-element.elementor-element-ad4dce5 .skill-bar-content{margin-bottom:8px;}.elementor-153791 .elementor-element.elementor-element-2c7197b .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153791 .elementor-element.elementor-element-2c7197b .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;border-radius:5px 5px 5px 5px;}.elementor-153791 .elementor-element.elementor-element-2c7197b .skillbar-group .skill-track{background-color:#00E49A;border-radius:10px 10px 10px 10px;}.elementor-153791 .elementor-element.elementor-element-2c7197b .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153791 .elementor-element.elementor-element-2c7197b .skill-bar-content{margin-bottom:8px;}@media(min-width:768px){.elementor-153791 .elementor-element.elementor-element-44d018c{--content-width:1230px;}.elementor-153791 .elementor-element.elementor-element-2330ae2{--width:55%;}}@media(max-width:1024px){.elementor-153791 .elementor-element.elementor-element-44d018c{--padding-top:93px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-153791 .elementor-element.elementor-element-7ee600e{padding:0px 15px 0px 15px;}}@media(max-width:767px){.elementor-153791 .elementor-element.elementor-element-7ee600e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}<\/style>\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"153791\" class=\"elementor elementor-153791\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44d018c e-flex e-con-boxed e-con e-parent\" data-id=\"44d018c\" data-element_type=\"container\" data-e-type=\"container\" id=\"xs_bar_2\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ee600e elementor-widget__width-initial elementor-widget elementor-widget-elementskit-heading\" data-id=\"7ee600e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><h3 class=\"ekit-heading--title elementskit-section-title  ekit-heading__title-has-border start\">Apply Smooth, Eye-Catching Animations<\/h3>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p><span style=\"font-weight: 400\">Bring your static numbers to life to hold user interest. Adjust the exact animation duration to control how fast or slow the progress bar fills up when visitors scroll down your page.<\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2330ae2 e-con-full e-flex e-con e-child\" data-id=\"2330ae2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd5cf50 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"dd5cf50\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group \" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Graphic Design<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"95\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5963cf4 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"5963cf4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group \" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Mention Design<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"80\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad4dce5 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"ad4dce5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group \" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">UI\/UX Design<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"90\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c7197b elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"2c7197b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group \" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Figma<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"85\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f6924c5 e-con-full e-flex e-con e-parent\" data-id=\"f6924c5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d0ed78 elementor-widget elementor-widget-lmc_wid_layout_block\" data-id=\"1d0ed78\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"lmc_wid_layout_block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-153792 .elementor-element.elementor-element-8b8d962{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:113px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-153792 .elementor-element.elementor-element-25cb1aa .ekit-heading__description{max-width:430px;}.elementor-153792 .elementor-element.elementor-element-25cb1aa .elementskit-section-title-wraper .elementskit-section-title{color:#222222;margin:0px 0px 16px 0px;font-family:\"Roboto\", Sans-serif;font-size:36px;font-weight:700;line-height:40px;}.elementor-153792 .elementor-element.elementor-element-25cb1aa .ekit-heading__title-has-border::before{width:5px;height:100%;top:0px;}.elementor-153792 .elementor-element.elementor-element-25cb1aa .ekit-heading__title-has-border{padding-left:23px;}.elementor-153792 .elementor-element.elementor-element-25cb1aa .ekit-heading__title-has-border ~ *{padding-left:23px;}.elementor-153792 .elementor-element.elementor-element-25cb1aa .ekit-heading__subtitle-has-border{margin-left:23px;}.elementor-153792 .elementor-element.elementor-element-25cb1aa .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-153792 .elementor-element.elementor-element-25cb1aa .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-153792 .elementor-element.elementor-element-25cb1aa .elementskit-section-title-wraper p{color:#5A5A5A;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:400;line-height:24px;margin:0px 0px 0px 0px;}.elementor-153792 .elementor-element.elementor-element-25cb1aa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-153792 .elementor-element.elementor-element-e69e547{--display:flex;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153792 .elementor-element.elementor-element-a3dd22c .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153792 .elementor-element.elementor-element-a3dd22c .skillbar-group .skill-bar{background-color:#FF39841A;height:36px;border-radius:36px 36px 36px 36px;margin-bottom:0px;}.elementor-153792 .elementor-element.elementor-element-a3dd22c .skillbar-group .skill-track{background-color:#ff3984;border-radius:36px 36px 36px 36px;}.elementor-153792 .elementor-element.elementor-element-a3dd22c .skillbar-group .skill-title{color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153792 .elementor-element.elementor-element-a3dd22c .skillbar-group .skill-track > span i{color:#FFFFFF;font-size:16px;}.elementor-153792 .elementor-element.elementor-element-a3dd22c .skillbar-group .skill-track > span svg path{stroke:#FFFFFF;fill:#FFFFFF;}.elementor-153792 .elementor-element.elementor-element-a3dd22c .skillbar-group .skill-track > span svg{max-width:16px;}.elementor-153792 .elementor-element.elementor-element-10e622a .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153792 .elementor-element.elementor-element-10e622a .skillbar-group .skill-bar{background-color:#4285F41A;height:36px;border-radius:36px 36px 36px 36px;margin-bottom:0px;}.elementor-153792 .elementor-element.elementor-element-10e622a .skillbar-group .skill-track{background-color:#4285F4;border-radius:36px 36px 36px 36px;}.elementor-153792 .elementor-element.elementor-element-10e622a .skillbar-group .skill-title{color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153792 .elementor-element.elementor-element-10e622a .skillbar-group .skill-track > span i{color:#FFFFFF;font-size:16px;}.elementor-153792 .elementor-element.elementor-element-10e622a .skillbar-group .skill-track > span svg path{stroke:#FFFFFF;fill:#FFFFFF;}.elementor-153792 .elementor-element.elementor-element-10e622a .skillbar-group .skill-track > span svg{max-width:16px;}.elementor-153792 .elementor-element.elementor-element-96929a4 .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153792 .elementor-element.elementor-element-96929a4 .skillbar-group .skill-bar{background-color:#CC24FC1A;height:36px;border-radius:36px 36px 36px 36px;margin-bottom:0px;}.elementor-153792 .elementor-element.elementor-element-96929a4 .skillbar-group .skill-track{background-color:#CC24FC;border-radius:36px 36px 36px 36px;}.elementor-153792 .elementor-element.elementor-element-96929a4 .skillbar-group .skill-title{color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153792 .elementor-element.elementor-element-96929a4 .skillbar-group .skill-track > span i{color:#FFFFFF;font-size:16px;}.elementor-153792 .elementor-element.elementor-element-96929a4 .skillbar-group .skill-track > span svg path{stroke:#FFFFFF;fill:#FFFFFF;}.elementor-153792 .elementor-element.elementor-element-96929a4 .skillbar-group .skill-track > span svg{max-width:16px;}.elementor-153792 .elementor-element.elementor-element-b260626 .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153792 .elementor-element.elementor-element-b260626 .skillbar-group .skill-bar{background-color:#00E49A1A;height:36px;border-radius:36px 36px 36px 36px;margin-bottom:0px;}.elementor-153792 .elementor-element.elementor-element-b260626 .skillbar-group .skill-track{background-color:#00E49A;border-radius:36px 36px 36px 36px;}.elementor-153792 .elementor-element.elementor-element-b260626 .skillbar-group .skill-title{color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153792 .elementor-element.elementor-element-b260626 .skillbar-group .skill-track > span i{color:#FFFFFF;font-size:16px;}.elementor-153792 .elementor-element.elementor-element-b260626 .skillbar-group .skill-track > span svg path{stroke:#FFFFFF;fill:#FFFFFF;}.elementor-153792 .elementor-element.elementor-element-b260626 .skillbar-group .skill-track > span svg{max-width:16px;}@media(min-width:768px){.elementor-153792 .elementor-element.elementor-element-8b8d962{--content-width:1230px;}.elementor-153792 .elementor-element.elementor-element-e69e547{--width:55%;}}@media(max-width:1024px){.elementor-153792 .elementor-element.elementor-element-8b8d962{--padding-top:93px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-153792 .elementor-element.elementor-element-25cb1aa{padding:0px 15px 0px 15px;}}@media(max-width:767px){.elementor-153792 .elementor-element.elementor-element-25cb1aa{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}<\/style>\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"153792\" class=\"elementor elementor-153792\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b8d962 e-flex e-con-boxed e-con e-parent\" data-id=\"8b8d962\" data-element_type=\"container\" data-e-type=\"container\" id=\"xs_bar_3\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25cb1aa elementor-widget__width-initial elementor-widget elementor-widget-elementskit-heading\" data-id=\"25cb1aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><h3 class=\"ekit-heading--title elementskit-section-title  ekit-heading__title-has-border start\">Save Space With Inside-Text Styling<\/h3>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p><span style=\"font-weight: 400\">Keep your Elementor layout compact and clean. Place your titles and percentage values directly inside the progress bar track to maximize your available screen space.<\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e69e547 e-con-full e-flex e-con e-child\" data-id=\"e69e547\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a3dd22c elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"a3dd22c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group inner-content skill-big\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Sketch<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                                                    \n                                    <span class=\"skill-track-icon\" >\n                                        <svg class=\"ekit-svg-icon icon-right-arrow\" viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M21.548 5.088c-0.436-0.451-1.162-0.451-1.613 0-0.436 0.436-0.436 1.162 0 1.596l8.177 8.177h-26.984c-0.629 0.001-1.129 0.501-1.129 1.13s0.5 1.145 1.129 1.145h26.984l-8.177 8.162c-0.436 0.451-0.436 1.178 0 1.613 0.451 0.451 1.178 0.451 1.613 0l10.113-10.113c0.451-0.436 0.451-1.162 0-1.596l-10.113-10.114z\"><\/path><\/svg>                                    <\/span>\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"85\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10e622a elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"10e622a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group inner-content skill-big\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Photoshop<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                                                    \n                                    <span class=\"skill-track-icon\" >\n                                        <svg class=\"ekit-svg-icon icon-right-arrow\" viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M21.548 5.088c-0.436-0.451-1.162-0.451-1.613 0-0.436 0.436-0.436 1.162 0 1.596l8.177 8.177h-26.984c-0.629 0.001-1.129 0.501-1.129 1.13s0.5 1.145 1.129 1.145h26.984l-8.177 8.162c-0.436 0.451-0.436 1.178 0 1.613 0.451 0.451 1.178 0.451 1.613 0l10.113-10.113c0.451-0.436 0.451-1.162 0-1.596l-10.113-10.114z\"><\/path><\/svg>                                    <\/span>\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"95\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-96929a4 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"96929a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group inner-content skill-big\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Adobe XD<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                                                    \n                                    <span class=\"skill-track-icon\" >\n                                        <svg class=\"ekit-svg-icon icon-right-arrow\" viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M21.548 5.088c-0.436-0.451-1.162-0.451-1.613 0-0.436 0.436-0.436 1.162 0 1.596l8.177 8.177h-26.984c-0.629 0.001-1.129 0.501-1.129 1.13s0.5 1.145 1.129 1.145h26.984l-8.177 8.162c-0.436 0.451-0.436 1.178 0 1.613 0.451 0.451 1.178 0.451 1.613 0l10.113-10.113c0.451-0.436 0.451-1.162 0-1.596l-10.113-10.114z\"><\/path><\/svg>                                    <\/span>\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"80\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b260626 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"b260626\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group inner-content skill-big\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Illustrator<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                                                    \n                                    <span class=\"skill-track-icon\" >\n                                        <svg class=\"ekit-svg-icon icon-right-arrow\" viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M21.548 5.088c-0.436-0.451-1.162-0.451-1.613 0-0.436 0.436-0.436 1.162 0 1.596l8.177 8.177h-26.984c-0.629 0.001-1.129 0.501-1.129 1.13s0.5 1.145 1.129 1.145h26.984l-8.177 8.162c-0.436 0.451-0.436 1.178 0 1.613 0.451 0.451 1.178 0.451 1.613 0l10.113-10.113c0.451-0.436 0.451-1.162 0-1.596l-10.113-10.114z\"><\/path><\/svg>                                    <\/span>\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"90\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c4f63b e-con-full e-flex e-con e-parent\" data-id=\"1c4f63b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69775bb elementor-widget elementor-widget-lmc_wid_layout_block\" data-id=\"69775bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"lmc_wid_layout_block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-153793 .elementor-element.elementor-element-d46e566{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:113px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-153793 .elementor-element.elementor-element-d46e566:not(.elementor-motion-effects-element-type-background), .elementor-153793 .elementor-element.elementor-element-d46e566 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#fafafa;}.elementor-153793 .elementor-element.elementor-element-a6ade46 .ekit-heading__description{max-width:450px;}.elementor-153793 .elementor-element.elementor-element-a6ade46 .elementskit-section-title-wraper .elementskit-section-title{color:#222222;margin:0px 0px 16px 0px;font-family:\"Roboto\", Sans-serif;font-size:36px;font-weight:700;line-height:40px;}.elementor-153793 .elementor-element.elementor-element-a6ade46 .ekit-heading__title-has-border::before{width:5px;height:100%;top:0px;}.elementor-153793 .elementor-element.elementor-element-a6ade46 .ekit-heading__title-has-border{padding-left:23px;}.elementor-153793 .elementor-element.elementor-element-a6ade46 .ekit-heading__title-has-border ~ *{padding-left:23px;}.elementor-153793 .elementor-element.elementor-element-a6ade46 .ekit-heading__subtitle-has-border{margin-left:23px;}.elementor-153793 .elementor-element.elementor-element-a6ade46 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-153793 .elementor-element.elementor-element-a6ade46 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-153793 .elementor-element.elementor-element-a6ade46 .elementskit-section-title-wraper p{color:#5A5A5A;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:400;line-height:24px;margin:0px 0px 0px 0px;}.elementor-153793 .elementor-element.elementor-element-a6ade46{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-153793 .elementor-element.elementor-element-2309d18{--display:flex;--gap:26px 26px;--row-gap:26px;--column-gap:26px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153793 .elementor-element.elementor-element-de727eb .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153793 .elementor-element.elementor-element-de727eb .skillbar-group .skill-bar{background-color:#FFFFFF;box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.2);border-radius:36px 36px 36px 36px;}.elementor-153793 .elementor-element.elementor-element-de727eb .skillbar-group .skill-track{background-color:#ff3984;border-radius:36px 36px 36px 36px;}.elementor-153793 .elementor-element.elementor-element-de727eb .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153793 .elementor-element.elementor-element-de727eb .skill-bar-content{margin-bottom:8px;}.elementor-153793 .elementor-element.elementor-element-136753d .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153793 .elementor-element.elementor-element-136753d .skillbar-group .skill-bar{background-color:#FFFFFF;box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.2);border-radius:36px 36px 36px 36px;}.elementor-153793 .elementor-element.elementor-element-136753d .skillbar-group .skill-track{background-color:#CC24FC;border-radius:36px 36px 36px 36px;}.elementor-153793 .elementor-element.elementor-element-136753d .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153793 .elementor-element.elementor-element-136753d .skill-bar-content{margin-bottom:8px;}.elementor-153793 .elementor-element.elementor-element-4eb3130 .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153793 .elementor-element.elementor-element-4eb3130 .skillbar-group .skill-bar{background-color:#FFFFFF;box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.2);border-radius:36px 36px 36px 36px;}.elementor-153793 .elementor-element.elementor-element-4eb3130 .skillbar-group .skill-track{background-color:#4285F4;border-radius:36px 36px 36px 36px;}.elementor-153793 .elementor-element.elementor-element-4eb3130 .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153793 .elementor-element.elementor-element-4eb3130 .skill-bar-content{margin-bottom:8px;}.elementor-153793 .elementor-element.elementor-element-60335e7 .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153793 .elementor-element.elementor-element-60335e7 .skillbar-group .skill-bar{background-color:#FFFFFF;box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.2);border-radius:36px 36px 36px 36px;}.elementor-153793 .elementor-element.elementor-element-60335e7 .skillbar-group .skill-track{background-color:#00E49A;border-radius:36px 36px 36px 36px;}.elementor-153793 .elementor-element.elementor-element-60335e7 .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153793 .elementor-element.elementor-element-60335e7 .skill-bar-content{margin-bottom:8px;}@media(min-width:768px){.elementor-153793 .elementor-element.elementor-element-d46e566{--content-width:1230px;}.elementor-153793 .elementor-element.elementor-element-2309d18{--width:55%;}}@media(max-width:1024px){.elementor-153793 .elementor-element.elementor-element-d46e566{--padding-top:93px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-153793 .elementor-element.elementor-element-a6ade46{padding:0px 15px 0px 15px;}}@media(max-width:767px){.elementor-153793 .elementor-element.elementor-element-a6ade46{--container-widget-width:98%;--container-widget-flex-grow:0;width:var( --container-widget-width, 98% );max-width:98%;}}<\/style>\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"153793\" class=\"elementor elementor-153793\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d46e566 e-flex e-con-boxed e-con e-parent\" data-id=\"d46e566\" data-element_type=\"container\" data-e-type=\"container\" id=\"xs_bar_4\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6ade46 elementor-widget__width-initial elementor-widget elementor-widget-elementskit-heading\" data-id=\"a6ade46\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><h3 class=\"ekit-heading--title elementskit-section-title  ekit-heading__title-has-border start\">Soften Your Design With Custom Border Radius<\/h3>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p><span style=\"font-weight: 400\">Match your brand\u2019s exact aesthetic. Adjust the border radius settings to create beautifully rounded edges, or keep them sharp for a highly modern, corporate look.<\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2309d18 e-con-full e-flex e-con e-child\" data-id=\"2309d18\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de727eb elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"de727eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group skilltrack-style2\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">WordPress<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"90\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-136753d elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"136753d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group skilltrack-style2\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Magento<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"80\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4eb3130 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"4eb3130\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group skilltrack-style2\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Joomla!<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"90\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60335e7 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"60335e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group skilltrack-style2\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">PrestaShop<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"80\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4f0be46 e-con-full e-flex e-con e-parent\" data-id=\"4f0be46\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ee4597 elementor-widget elementor-widget-lmc_wid_layout_block\" data-id=\"9ee4597\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"lmc_wid_layout_block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-153794 .elementor-element.elementor-element-e3d4c59{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:113px;--padding-bottom:137px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-153794 .elementor-element.elementor-element-f37b0d8 .ekit-heading__description{max-width:450px;}.elementor-153794 .elementor-element.elementor-element-f37b0d8 .elementskit-section-title-wraper .elementskit-section-title{color:#222222;margin:0px 0px 16px 0px;font-family:\"Roboto\", Sans-serif;font-size:36px;font-weight:700;line-height:40px;}.elementor-153794 .elementor-element.elementor-element-f37b0d8 .ekit-heading__title-has-border::before{width:5px;height:100%;top:0px;}.elementor-153794 .elementor-element.elementor-element-f37b0d8 .ekit-heading__title-has-border{padding-left:23px;}.elementor-153794 .elementor-element.elementor-element-f37b0d8 .ekit-heading__title-has-border ~ *{padding-left:23px;}.elementor-153794 .elementor-element.elementor-element-f37b0d8 .ekit-heading__subtitle-has-border{margin-left:23px;}.elementor-153794 .elementor-element.elementor-element-f37b0d8 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-153794 .elementor-element.elementor-element-f37b0d8 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-153794 .elementor-element.elementor-element-f37b0d8 .elementskit-section-title-wraper p{color:#5A5A5A;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:400;line-height:24px;margin:0px 0px 0px 0px;}.elementor-153794 .elementor-element.elementor-element-f37b0d8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-153794 .elementor-element.elementor-element-91bb8b6{--display:flex;--gap:26px 26px;--row-gap:26px;--column-gap:26px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153794 .elementor-element.elementor-element-4a2f285 .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153794 .elementor-element.elementor-element-4a2f285 .skillbar-group .skill-bar{background-color:#EFEFEF;border-radius:36px 36px 36px 36px;}.elementor-153794 .elementor-element.elementor-element-4a2f285 .skillbar-group .skill-track{background-color:#222222;border-radius:36px 36px 36px 36px;}.elementor-153794 .elementor-element.elementor-element-4a2f285 .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153794 .elementor-element.elementor-element-4a2f285 .skill-bar-content{margin-bottom:8px;}.elementor-153794 .elementor-element.elementor-element-832632b .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153794 .elementor-element.elementor-element-832632b .skillbar-group .skill-bar{background-color:#EFEFEF;border-radius:36px 36px 36px 36px;}.elementor-153794 .elementor-element.elementor-element-832632b .skillbar-group .skill-track{background-color:#222222;border-radius:36px 36px 36px 36px;}.elementor-153794 .elementor-element.elementor-element-832632b .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153794 .elementor-element.elementor-element-832632b .skill-bar-content{margin-bottom:8px;}.elementor-153794 .elementor-element.elementor-element-8fe3ca8 .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153794 .elementor-element.elementor-element-8fe3ca8 .skillbar-group .skill-bar{background-color:#EFEFEF;border-radius:36px 36px 36px 36px;}.elementor-153794 .elementor-element.elementor-element-8fe3ca8 .skillbar-group .skill-track{background-color:#222222;border-radius:36px 36px 36px 36px;}.elementor-153794 .elementor-element.elementor-element-8fe3ca8 .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153794 .elementor-element.elementor-element-8fe3ca8 .skill-bar-content{margin-bottom:8px;}.elementor-153794 .elementor-element.elementor-element-662990d .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153794 .elementor-element.elementor-element-662990d .skillbar-group .skill-bar{background-color:#EFEFEF;border-radius:36px 36px 36px 36px;}.elementor-153794 .elementor-element.elementor-element-662990d .skillbar-group .skill-track{background-color:#222222;border-radius:36px 36px 36px 36px;}.elementor-153794 .elementor-element.elementor-element-662990d .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153794 .elementor-element.elementor-element-662990d .skill-bar-content{margin-bottom:8px;}@media(min-width:768px){.elementor-153794 .elementor-element.elementor-element-e3d4c59{--content-width:1230px;}.elementor-153794 .elementor-element.elementor-element-91bb8b6{--width:55%;}}@media(max-width:1024px){.elementor-153794 .elementor-element.elementor-element-e3d4c59{--padding-top:93px;--padding-bottom:88px;--padding-left:0px;--padding-right:0px;}.elementor-153794 .elementor-element.elementor-element-f37b0d8{padding:0px 15px 0px 15px;}}@media(max-width:767px){.elementor-153794 .elementor-element.elementor-element-f37b0d8{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}<\/style>\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"153794\" class=\"elementor elementor-153794\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3d4c59 e-flex e-con-boxed e-con e-parent\" data-id=\"e3d4c59\" data-element_type=\"container\" data-e-type=\"container\" id=\"xs_bar_5\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f37b0d8 elementor-widget__width-initial elementor-widget elementor-widget-elementskit-heading\" data-id=\"f37b0d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><h3 class=\"ekit-heading--title elementskit-section-title  ekit-heading__title-has-border start\">Thin Line with  <br> Black Color <\/h3>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p>Display a thin line progress bar with black color. This design will give pleasure to the eye for your audience because it easily matches your content.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-91bb8b6 e-con-full e-flex e-con e-child\" data-id=\"91bb8b6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a2f285 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"4a2f285\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group \" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Graphic Design<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"90\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-832632b elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"832632b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group \" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Mention Design<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"80\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8fe3ca8 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"8fe3ca8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group \" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">UI\/UX Design<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"95\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-662990d elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"662990d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group \" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Figma<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"85\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-189612e e-con-full e-flex e-con e-parent\" data-id=\"189612e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86d33e6 elementor-widget elementor-widget-lmc_wid_layout_block\" data-id=\"86d33e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"lmc_wid_layout_block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-153795 .elementor-element.elementor-element-38f1d01{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:120px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-153795 .elementor-element.elementor-element-38f1d01:not(.elementor-motion-effects-element-type-background), .elementor-153795 .elementor-element.elementor-element-38f1d01 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#fafafa;}.elementor-153795 .elementor-element.elementor-element-b8c39c3 .ekit-heading__description{max-width:420px;}.elementor-153795 .elementor-element.elementor-element-b8c39c3 .elementskit-section-title-wraper .elementskit-section-title{color:#222222;margin:0px 0px 16px 0px;font-family:\"Roboto\", Sans-serif;font-size:36px;font-weight:700;line-height:40px;}.elementor-153795 .elementor-element.elementor-element-b8c39c3 .ekit-heading__title-has-border::before{width:5px;height:100%;top:0px;}.elementor-153795 .elementor-element.elementor-element-b8c39c3 .ekit-heading__title-has-border{padding-left:30px;}.elementor-153795 .elementor-element.elementor-element-b8c39c3 .ekit-heading__title-has-border ~ *{padding-left:30px;}.elementor-153795 .elementor-element.elementor-element-b8c39c3 .ekit-heading__subtitle-has-border{margin-left:30px;}.elementor-153795 .elementor-element.elementor-element-b8c39c3 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-153795 .elementor-element.elementor-element-b8c39c3 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-153795 .elementor-element.elementor-element-b8c39c3 .elementskit-section-title-wraper p{color:#5A5A5A;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:400;line-height:24px;margin:0px 0px 0px 0px;}.elementor-153795 .elementor-element.elementor-element-b8c39c3{padding:0px 0px 0px 0px;width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-153795 .elementor-element.elementor-element-a811731{--display:flex;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153795 .elementor-element.elementor-element-4e7fb2b .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153795 .elementor-element.elementor-element-4e7fb2b .skillbar-group .skill-bar{background-color:#FF39841A;height:36px;border-radius:0px 30px 30px 0px;}.elementor-153795 .elementor-element.elementor-element-4e7fb2b .skillbar-group .skill-track{background-color:#ff3984;border-radius:0px 30px 30px 0px;}.elementor-153795 .elementor-element.elementor-element-4e7fb2b .skillbar-group .skill-title{color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153795 .elementor-element.elementor-element-4e7fb2b .skillbar-group .skill-track > span i{color:#FFFFFF;font-size:16px;}.elementor-153795 .elementor-element.elementor-element-4e7fb2b .skillbar-group .skill-track > span svg path{stroke:#FFFFFF;fill:#FFFFFF;}.elementor-153795 .elementor-element.elementor-element-4e7fb2b .skillbar-group .skill-track > span svg{max-width:16px;}.elementor-153795 .elementor-element.elementor-element-5a4acd7 .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153795 .elementor-element.elementor-element-5a4acd7 .skillbar-group .skill-bar{background-color:#4285F41A;height:36px;border-radius:0px 30px 30px 0px;}.elementor-153795 .elementor-element.elementor-element-5a4acd7 .skillbar-group .skill-track{background-color:#4285F4;border-radius:0px 30px 30px 0px;}.elementor-153795 .elementor-element.elementor-element-5a4acd7 .skillbar-group .skill-title{color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153795 .elementor-element.elementor-element-5a4acd7 .skillbar-group .skill-track > span i{color:#FFFFFF;font-size:16px;}.elementor-153795 .elementor-element.elementor-element-5a4acd7 .skillbar-group .skill-track > span svg path{stroke:#FFFFFF;fill:#FFFFFF;}.elementor-153795 .elementor-element.elementor-element-5a4acd7 .skillbar-group .skill-track > span svg{max-width:16px;}.elementor-153795 .elementor-element.elementor-element-1532740 .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153795 .elementor-element.elementor-element-1532740 .skillbar-group .skill-bar{background-color:#CC24FC1A;height:36px;border-radius:0px 30px 30px 0px;}.elementor-153795 .elementor-element.elementor-element-1532740 .skillbar-group .skill-track{background-color:#CC24FC;border-radius:0px 30px 30px 0px;}.elementor-153795 .elementor-element.elementor-element-1532740 .skillbar-group .skill-title{color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153795 .elementor-element.elementor-element-1532740 .skillbar-group .skill-track > span i{color:#FFFFFF;font-size:16px;}.elementor-153795 .elementor-element.elementor-element-1532740 .skillbar-group .skill-track > span svg path{stroke:#FFFFFF;fill:#FFFFFF;}.elementor-153795 .elementor-element.elementor-element-1532740 .skillbar-group .skill-track > span svg{max-width:16px;}.elementor-153795 .elementor-element.elementor-element-19685ea .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153795 .elementor-element.elementor-element-19685ea .skillbar-group .skill-bar{background-color:#00E49A1A;height:36px;border-radius:0px 30px 30px 0px;}.elementor-153795 .elementor-element.elementor-element-19685ea .skillbar-group .skill-track{background-color:#00E49A;border-radius:0px 30px 30px 0px;}.elementor-153795 .elementor-element.elementor-element-19685ea .skillbar-group .skill-title{color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153795 .elementor-element.elementor-element-19685ea .skillbar-group .skill-track > span i{color:#FFFFFF;font-size:16px;}.elementor-153795 .elementor-element.elementor-element-19685ea .skillbar-group .skill-track > span svg path{stroke:#FFFFFF;fill:#FFFFFF;}.elementor-153795 .elementor-element.elementor-element-19685ea .skillbar-group .skill-track > span svg{max-width:16px;}@media(min-width:768px){.elementor-153795 .elementor-element.elementor-element-38f1d01{--content-width:1230px;}.elementor-153795 .elementor-element.elementor-element-a811731{--width:55%;}}@media(max-width:1024px){.elementor-153795 .elementor-element.elementor-element-38f1d01{--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-153795 .elementor-element.elementor-element-b8c39c3{padding:0px 15px 0px 15px;}}@media(max-width:767px){.elementor-153795 .elementor-element.elementor-element-b8c39c3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}<\/style>\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"153795\" class=\"elementor elementor-153795\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38f1d01 e-flex e-con-boxed e-con e-parent\" data-id=\"38f1d01\" data-element_type=\"container\" data-e-type=\"container\" id=\"xs_bar_6\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8c39c3 elementor-widget__width-initial elementor-widget elementor-widget-elementskit-heading\" data-id=\"b8c39c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><h3 class=\"ekit-heading--title elementskit-section-title  ekit-heading__title-has-border start\">Save Space With Inside-Text Styling<\/h3>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p><span style=\"font-weight: 400\">Keep your Elementor layout compact and clean. Place your titles and percentage values directly inside the progress bar track to maximize your available screen space.<\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a811731 e-con-full e-flex e-con e-child\" data-id=\"a811731\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e7fb2b elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"4e7fb2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group inner-content skill-big\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Sketch<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                                                    \n                                    <span class=\"skill-track-icon\" >\n                                        <svg class=\"ekit-svg-icon icon-right-arrow\" viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M21.548 5.088c-0.436-0.451-1.162-0.451-1.613 0-0.436 0.436-0.436 1.162 0 1.596l8.177 8.177h-26.984c-0.629 0.001-1.129 0.501-1.129 1.13s0.5 1.145 1.129 1.145h26.984l-8.177 8.162c-0.436 0.451-0.436 1.178 0 1.613 0.451 0.451 1.178 0.451 1.613 0l10.113-10.113c0.451-0.436 0.451-1.162 0-1.596l-10.113-10.114z\"><\/path><\/svg>                                    <\/span>\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"85\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a4acd7 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"5a4acd7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group inner-content skill-big\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Photoshop<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                                                    \n                                    <span class=\"skill-track-icon\" >\n                                        <svg class=\"ekit-svg-icon icon-right-arrow\" viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M21.548 5.088c-0.436-0.451-1.162-0.451-1.613 0-0.436 0.436-0.436 1.162 0 1.596l8.177 8.177h-26.984c-0.629 0.001-1.129 0.501-1.129 1.13s0.5 1.145 1.129 1.145h26.984l-8.177 8.162c-0.436 0.451-0.436 1.178 0 1.613 0.451 0.451 1.178 0.451 1.613 0l10.113-10.113c0.451-0.436 0.451-1.162 0-1.596l-10.113-10.114z\"><\/path><\/svg>                                    <\/span>\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"96\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1532740 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"1532740\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group inner-content skill-big\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Adobe XD<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                                                    \n                                    <span class=\"skill-track-icon\" >\n                                        <svg class=\"ekit-svg-icon icon-right-arrow\" viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M21.548 5.088c-0.436-0.451-1.162-0.451-1.613 0-0.436 0.436-0.436 1.162 0 1.596l8.177 8.177h-26.984c-0.629 0.001-1.129 0.501-1.129 1.13s0.5 1.145 1.129 1.145h26.984l-8.177 8.162c-0.436 0.451-0.436 1.178 0 1.613 0.451 0.451 1.178 0.451 1.613 0l10.113-10.113c0.451-0.436 0.451-1.162 0-1.596l-10.113-10.114z\"><\/path><\/svg>                                    <\/span>\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"80\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19685ea elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"19685ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group inner-content skill-big\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Illustrator<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                                                    \n                                    <span class=\"skill-track-icon\" >\n                                        <svg class=\"ekit-svg-icon icon-right-arrow\" viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M21.548 5.088c-0.436-0.451-1.162-0.451-1.613 0-0.436 0.436-0.436 1.162 0 1.596l8.177 8.177h-26.984c-0.629 0.001-1.129 0.501-1.129 1.13s0.5 1.145 1.129 1.145h26.984l-8.177 8.162c-0.436 0.451-0.436 1.178 0 1.613 0.451 0.451 1.178 0.451 1.613 0l10.113-10.113c0.451-0.436 0.451-1.162 0-1.596l-10.113-10.114z\"><\/path><\/svg>                                    <\/span>\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"90\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ea62ae9 e-con-full e-flex e-con e-parent\" data-id=\"ea62ae9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0943f03 elementor-widget elementor-widget-lmc_wid_layout_block\" data-id=\"0943f03\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"lmc_wid_layout_block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-153796 .elementor-element.elementor-element-9d003da{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:113px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-153796 .elementor-element.elementor-element-e2b0612{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153796 .elementor-element.elementor-element-cc41376 .ekit-heading__description{max-width:400px;}.elementor-153796 .elementor-element.elementor-element-cc41376 .elementskit-section-title-wraper .elementskit-section-title{color:#222222;margin:0px 0px 16px 0px;font-family:\"Roboto\", Sans-serif;font-size:36px;font-weight:700;line-height:40px;}.elementor-153796 .elementor-element.elementor-element-cc41376 .ekit-heading__title-has-border::before{width:5px;height:100%;top:0px;}.elementor-153796 .elementor-element.elementor-element-cc41376 .ekit-heading__title-has-border{padding-left:23px;}.elementor-153796 .elementor-element.elementor-element-cc41376 .ekit-heading__title-has-border ~ *{padding-left:23px;}.elementor-153796 .elementor-element.elementor-element-cc41376 .ekit-heading__subtitle-has-border{margin-left:23px;}.elementor-153796 .elementor-element.elementor-element-cc41376 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-153796 .elementor-element.elementor-element-cc41376 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-153796 .elementor-element.elementor-element-cc41376 .elementskit-section-title-wraper p{color:#5A5A5A;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:400;line-height:24px;margin:0px 0px 30px 0px;}.elementor-153796 .elementor-element.elementor-element-02659e5{--display:flex;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153796 .elementor-element.elementor-element-12243db .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153796 .elementor-element.elementor-element-12243db .skillbar-group .skill-bar{box-shadow:0px 10px 26px 0px rgba(255, 56.999999999999964, 131.99999999999997, 0.2);border-radius:36px 36px 36px 36px;}.elementor-153796 .elementor-element.elementor-element-12243db .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(80deg, #ff3984 0%, #fad470 100%);border-radius:36px 36px 36px 36px;}.elementor-153796 .elementor-element.elementor-element-12243db .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153796 .elementor-element.elementor-element-12243db .skill-bar-content{margin-bottom:8px;}.elementor-153796 .elementor-element.elementor-element-e54d71e .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153796 .elementor-element.elementor-element-e54d71e .skillbar-group .skill-bar{box-shadow:0px 10px 26px 0px rgba(2.9999999999999893, 206.9999999999999, 252, 0.2);border-radius:35px 35px 35px 35px;}.elementor-153796 .elementor-element.elementor-element-e54d71e .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(140deg, #03cffc 0%, #53f8a2 100%);border-radius:35px 35px 35px 35px;}.elementor-153796 .elementor-element.elementor-element-e54d71e .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153796 .elementor-element.elementor-element-e54d71e .skill-bar-content{margin-bottom:8px;}.elementor-153796 .elementor-element.elementor-element-219007a .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153796 .elementor-element.elementor-element-219007a .skillbar-group .skill-bar{box-shadow:0px 10px 26px 0px rgba(204.00000000000017, 35.999999999999986, 252, 0.2);border-radius:35px 35px 35px 35px;}.elementor-153796 .elementor-element.elementor-element-219007a .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(80deg, #cc24fc 0%, #0003bc 100%);border-radius:35px 35px 35px 35px;}.elementor-153796 .elementor-element.elementor-element-219007a .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153796 .elementor-element.elementor-element-219007a .skill-bar-content{margin-bottom:8px;}.elementor-153796 .elementor-element.elementor-element-a09fb6c .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153796 .elementor-element.elementor-element-a09fb6c .skillbar-group .skill-bar{box-shadow:0px 10px 26px 0px rgba(126.00000000000007, 213, 0, 0.2);border-radius:35px 35px 35px 35px;}.elementor-153796 .elementor-element.elementor-element-a09fb6c .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(80deg, #00e49a 0%, #7ed500 100%);border-radius:35px 35px 35px 35px;}.elementor-153796 .elementor-element.elementor-element-a09fb6c .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153796 .elementor-element.elementor-element-a09fb6c .skill-bar-content{margin-bottom:8px;}@media(max-width:1024px){.elementor-153796 .elementor-element.elementor-element-9d003da{--padding-top:93px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-153796 .elementor-element.elementor-element-9d003da{--content-width:1230px;}.elementor-153796 .elementor-element.elementor-element-e2b0612{--width:45%;}.elementor-153796 .elementor-element.elementor-element-02659e5{--width:55%;}}<\/style>\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"153796\" class=\"elementor elementor-153796\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d003da e-flex e-con-boxed e-con e-parent\" data-id=\"9d003da\" data-element_type=\"container\" data-e-type=\"container\" id=\"xs_bar_7\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e2b0612 e-con-full e-flex e-con e-child\" data-id=\"e2b0612\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc41376 elementor-widget elementor-widget-elementskit-heading\" data-id=\"cc41376\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><h3 class=\"ekit-heading--title elementskit-section-title  ekit-heading__title-has-border start\">Customize the Track Background<\/h3>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p><span style=\"font-weight: 400\">Don't ignore the empty space in your widget. Change the color, opacity, and styling of the underlying track to create high-contrast designs that make your filled percentages stand out.<\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02659e5 e-con-full e-flex e-con e-child\" data-id=\"02659e5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12243db elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"12243db\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group skilltrack-style2\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">WordPress<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"90\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e54d71e elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"e54d71e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group skilltrack-style2\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Magento<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"80\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-219007a elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"219007a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group skilltrack-style2\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Joomla!<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"95\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a09fb6c elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"a09fb6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group skilltrack-style2\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">PrestaShop<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"85\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-611f9f5 e-con-full e-flex e-con e-parent\" data-id=\"611f9f5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f3a534 elementor-widget elementor-widget-lmc_wid_layout_block\" data-id=\"3f3a534\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"lmc_wid_layout_block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-153797 .elementor-element.elementor-element-7112f4c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:113px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-153797 .elementor-element.elementor-element-7112f4c:not(.elementor-motion-effects-element-type-background), .elementor-153797 .elementor-element.elementor-element-7112f4c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#fafafa;}.elementor-153797 .elementor-element.elementor-element-5a30427{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153797 .elementor-element.elementor-element-adde4b0 .ekit-heading__description{max-width:430px;}.elementor-153797 .elementor-element.elementor-element-adde4b0 .elementskit-section-title-wraper .elementskit-section-title{color:#222222;margin:0px 0px 16px 0px;font-family:\"Roboto\", Sans-serif;font-size:36px;font-weight:700;line-height:40px;}.elementor-153797 .elementor-element.elementor-element-adde4b0 .ekit-heading__title-has-border::before{width:5px;height:100%;top:0px;}.elementor-153797 .elementor-element.elementor-element-adde4b0 .ekit-heading__title-has-border{padding-left:23px;}.elementor-153797 .elementor-element.elementor-element-adde4b0 .ekit-heading__title-has-border ~ *{padding-left:23px;}.elementor-153797 .elementor-element.elementor-element-adde4b0 .ekit-heading__subtitle-has-border{margin-left:23px;}.elementor-153797 .elementor-element.elementor-element-adde4b0 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-153797 .elementor-element.elementor-element-adde4b0 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-153797 .elementor-element.elementor-element-adde4b0 .elementskit-section-title-wraper p{color:#5A5A5A;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:400;line-height:24px;margin:0px 0px 30px 0px;}.elementor-153797 .elementor-element.elementor-element-85c54ce{--display:flex;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153797 .elementor-element.elementor-element-90fedd7 .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153797 .elementor-element.elementor-element-90fedd7 .skillbar-group .skill-bar{background-color:#EFEFEF;}.elementor-153797 .elementor-element.elementor-element-90fedd7 .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(80deg, #ff3984 0%, #fad470 100%);}.elementor-153797 .elementor-element.elementor-element-90fedd7 .skillbar-group .skill-title{color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153797 .elementor-element.elementor-element-90fedd7 .skillbar-group .skill-track > span i{color:#FFFFFF;font-size:16px;}.elementor-153797 .elementor-element.elementor-element-90fedd7 .skillbar-group .skill-track > span svg path{stroke:#FFFFFF;fill:#FFFFFF;}.elementor-153797 .elementor-element.elementor-element-90fedd7 .skillbar-group .skill-track > span svg{max-width:16px;}.elementor-153797 .elementor-element.elementor-element-a3dbbb6 .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153797 .elementor-element.elementor-element-a3dbbb6 .skillbar-group .skill-bar{background-color:#EFEFEF;}.elementor-153797 .elementor-element.elementor-element-a3dbbb6 .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(130deg, #03cffc 0%, #00f777 100%);}.elementor-153797 .elementor-element.elementor-element-a3dbbb6 .skillbar-group .skill-title{color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153797 .elementor-element.elementor-element-a3dbbb6 .skillbar-group .skill-track > span i{color:#FFFFFF;font-size:16px;}.elementor-153797 .elementor-element.elementor-element-a3dbbb6 .skillbar-group .skill-track > span svg path{stroke:#FFFFFF;fill:#FFFFFF;}.elementor-153797 .elementor-element.elementor-element-a3dbbb6 .skillbar-group .skill-track > span svg{max-width:16px;}.elementor-153797 .elementor-element.elementor-element-e41d8fa .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153797 .elementor-element.elementor-element-e41d8fa .skillbar-group .skill-bar{background-color:#EFEFEF;}.elementor-153797 .elementor-element.elementor-element-e41d8fa .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(80deg, #cc24fc 0%, #7800b5 100%);}.elementor-153797 .elementor-element.elementor-element-e41d8fa .skillbar-group .skill-title{color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153797 .elementor-element.elementor-element-e41d8fa .skillbar-group .skill-track > span i{color:#FFFFFF;font-size:16px;}.elementor-153797 .elementor-element.elementor-element-e41d8fa .skillbar-group .skill-track > span svg path{stroke:#FFFFFF;fill:#FFFFFF;}.elementor-153797 .elementor-element.elementor-element-e41d8fa .skillbar-group .skill-track > span svg{max-width:16px;}.elementor-153797 .elementor-element.elementor-element-229830c .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153797 .elementor-element.elementor-element-229830c .skillbar-group .skill-bar{background-color:#EFEFEF;}.elementor-153797 .elementor-element.elementor-element-229830c .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(80deg, #00e49a 0%, #7ed500 100%);}.elementor-153797 .elementor-element.elementor-element-229830c .skillbar-group .skill-title{color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153797 .elementor-element.elementor-element-229830c .skillbar-group .skill-track > span i{color:#FFFFFF;font-size:16px;}.elementor-153797 .elementor-element.elementor-element-229830c .skillbar-group .skill-track > span svg path{stroke:#FFFFFF;fill:#FFFFFF;}.elementor-153797 .elementor-element.elementor-element-229830c .skillbar-group .skill-track > span svg{max-width:16px;}@media(max-width:1024px){.elementor-153797 .elementor-element.elementor-element-7112f4c{--padding-top:93px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-153797 .elementor-element.elementor-element-7112f4c{--content-width:1230px;}.elementor-153797 .elementor-element.elementor-element-5a30427{--width:45%;}.elementor-153797 .elementor-element.elementor-element-85c54ce{--width:55%;}}<\/style>\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"153797\" class=\"elementor elementor-153797\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7112f4c e-flex e-con-boxed e-con e-parent\" data-id=\"7112f4c\" data-element_type=\"container\" data-e-type=\"container\" id=\"xs_bar_8\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5a30427 e-con-full e-flex e-con e-child\" data-id=\"5a30427\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adde4b0 elementor-widget elementor-widget-elementskit-heading\" data-id=\"adde4b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><h3 class=\"ekit-heading--title elementskit-section-title  ekit-heading__title-has-border start\">Create Bold, High-Impact Progress Bars<\/h3>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p><span style=\"font-weight: 400\">Make sure your most important metrics cannot be missed. Easily increase the height of your progress bars for a thick, prominent visual display that commands authority.<\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-85c54ce e-con-full e-flex e-con e-child\" data-id=\"85c54ce\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90fedd7 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"90fedd7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group inner-content skill-big\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Graphic Design<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                                                    \n                                    <span class=\"skill-track-icon\" >\n                                        <svg class=\"ekit-svg-icon icon-right-arrow\" viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M21.548 5.088c-0.436-0.451-1.162-0.451-1.613 0-0.436 0.436-0.436 1.162 0 1.596l8.177 8.177h-26.984c-0.629 0.001-1.129 0.501-1.129 1.13s0.5 1.145 1.129 1.145h26.984l-8.177 8.162c-0.436 0.451-0.436 1.178 0 1.613 0.451 0.451 1.178 0.451 1.613 0l10.113-10.113c0.451-0.436 0.451-1.162 0-1.596l-10.113-10.114z\"><\/path><\/svg>                                    <\/span>\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"90\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a3dbbb6 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"a3dbbb6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group inner-content skill-big\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Mention Design<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                                                    \n                                    <span class=\"skill-track-icon\" >\n                                        <svg class=\"ekit-svg-icon icon-right-arrow\" viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M21.548 5.088c-0.436-0.451-1.162-0.451-1.613 0-0.436 0.436-0.436 1.162 0 1.596l8.177 8.177h-26.984c-0.629 0.001-1.129 0.501-1.129 1.13s0.5 1.145 1.129 1.145h26.984l-8.177 8.162c-0.436 0.451-0.436 1.178 0 1.613 0.451 0.451 1.178 0.451 1.613 0l10.113-10.113c0.451-0.436 0.451-1.162 0-1.596l-10.113-10.114z\"><\/path><\/svg>                                    <\/span>\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"80\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e41d8fa elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"e41d8fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group inner-content skill-big\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">UI\/UX Design<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                                                    \n                                    <span class=\"skill-track-icon\" >\n                                        <svg class=\"ekit-svg-icon icon-right-arrow\" viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M21.548 5.088c-0.436-0.451-1.162-0.451-1.613 0-0.436 0.436-0.436 1.162 0 1.596l8.177 8.177h-26.984c-0.629 0.001-1.129 0.501-1.129 1.13s0.5 1.145 1.129 1.145h26.984l-8.177 8.162c-0.436 0.451-0.436 1.178 0 1.613 0.451 0.451 1.178 0.451 1.613 0l10.113-10.113c0.451-0.436 0.451-1.162 0-1.596l-10.113-10.114z\"><\/path><\/svg>                                    <\/span>\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"95\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-229830c elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"229830c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group inner-content skill-big\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Figma<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                                                    \n                                    <span class=\"skill-track-icon\" >\n                                        <svg class=\"ekit-svg-icon icon-right-arrow\" viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M21.548 5.088c-0.436-0.451-1.162-0.451-1.613 0-0.436 0.436-0.436 1.162 0 1.596l8.177 8.177h-26.984c-0.629 0.001-1.129 0.501-1.129 1.13s0.5 1.145 1.129 1.145h26.984l-8.177 8.162c-0.436 0.451-0.436 1.178 0 1.613 0.451 0.451 1.178 0.451 1.613 0l10.113-10.113c0.451-0.436 0.451-1.162 0-1.596l-10.113-10.114z\"><\/path><\/svg>                                    <\/span>\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"85\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-93eaa5d e-con-full e-flex e-con e-parent\" data-id=\"93eaa5d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0969e04 elementor-widget elementor-widget-lmc_wid_layout_block\" data-id=\"0969e04\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"lmc_wid_layout_block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-153798 .elementor-element.elementor-element-f7c23f2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:113px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-153798 .elementor-element.elementor-element-c34423f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153798 .elementor-element.elementor-element-6ebaa0b .ekit-heading__description{max-width:420px;}.elementor-153798 .elementor-element.elementor-element-6ebaa0b .elementskit-section-title-wraper .elementskit-section-title{color:#222222;margin:0px 0px 16px 0px;font-family:\"Roboto\", Sans-serif;font-size:36px;font-weight:700;line-height:40px;}.elementor-153798 .elementor-element.elementor-element-6ebaa0b .ekit-heading__title-has-border::before{width:5px;height:100%;top:0px;}.elementor-153798 .elementor-element.elementor-element-6ebaa0b .ekit-heading__title-has-border{padding-left:23px;}.elementor-153798 .elementor-element.elementor-element-6ebaa0b .ekit-heading__title-has-border ~ *{padding-left:23px;}.elementor-153798 .elementor-element.elementor-element-6ebaa0b .ekit-heading__subtitle-has-border{margin-left:23px;}.elementor-153798 .elementor-element.elementor-element-6ebaa0b .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-153798 .elementor-element.elementor-element-6ebaa0b .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-153798 .elementor-element.elementor-element-6ebaa0b .elementskit-section-title-wraper p{color:#5A5A5A;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:400;line-height:24px;margin:0px 0px 30px 0px;}.elementor-153798 .elementor-element.elementor-element-ad549e0{--display:flex;--gap:23px 23px;--row-gap:23px;--column-gap:23px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153798 .elementor-element.elementor-element-64ee3b4 .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153798 .elementor-element.elementor-element-64ee3b4 .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;border-radius:5px 5px 5px 5px;}.elementor-153798 .elementor-element.elementor-element-64ee3b4 .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(80deg, #ff3984 0%, #fad470 100%);border-radius:5px 5px 5px 5px;}.elementor-153798 .elementor-element.elementor-element-64ee3b4 .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153798 .elementor-element.elementor-element-64ee3b4 .skill-bar-content{margin-bottom:8px;}.elementor-153798 .elementor-element.elementor-element-1e138ba .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153798 .elementor-element.elementor-element-1e138ba .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;border-radius:5px 5px 5px 5px;}.elementor-153798 .elementor-element.elementor-element-1e138ba .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(80deg, #cc24fc 0%, #7800b5 100%);border-radius:5px 5px 5px 5px;}.elementor-153798 .elementor-element.elementor-element-1e138ba .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153798 .elementor-element.elementor-element-1e138ba .skill-bar-content{margin-bottom:8px;}.elementor-153798 .elementor-element.elementor-element-0f8bf4e .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153798 .elementor-element.elementor-element-0f8bf4e .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;border-radius:5px 5px 5px 5px;}.elementor-153798 .elementor-element.elementor-element-0f8bf4e .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(310deg, #00e49a 0%, #7ed500 100%);border-radius:5px 5px 5px 5px;}.elementor-153798 .elementor-element.elementor-element-0f8bf4e .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153798 .elementor-element.elementor-element-0f8bf4e .skill-bar-content{margin-bottom:8px;}.elementor-153798 .elementor-element.elementor-element-7dbe58d .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153798 .elementor-element.elementor-element-7dbe58d .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;border-radius:5px 5px 5px 5px;}.elementor-153798 .elementor-element.elementor-element-7dbe58d .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(130deg, #fe8f75 0%, #dd00d6 100%);border-radius:5px 5px 5px 5px;}.elementor-153798 .elementor-element.elementor-element-7dbe58d .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153798 .elementor-element.elementor-element-7dbe58d .skill-bar-content{margin-bottom:8px;}@media(max-width:1024px){.elementor-153798 .elementor-element.elementor-element-f7c23f2{--padding-top:93px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-153798 .elementor-element.elementor-element-f7c23f2{--content-width:1230px;}.elementor-153798 .elementor-element.elementor-element-c34423f{--width:45%;}.elementor-153798 .elementor-element.elementor-element-ad549e0{--width:55%;}}<\/style>\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"153798\" class=\"elementor elementor-153798\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7c23f2 e-flex e-con-boxed e-con e-parent\" data-id=\"f7c23f2\" data-element_type=\"container\" data-e-type=\"container\" id=\"xs_bar_9\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c34423f e-con-full e-flex e-con e-child\" data-id=\"c34423f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ebaa0b elementor-widget elementor-widget-elementskit-heading\" data-id=\"6ebaa0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><h3 class=\"ekit-heading--title elementskit-section-title  ekit-heading__title-has-border start\">Line with Gradient<\/h3>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p>The progress bar is always an experiment of fun. It can enhance users' engagement. Let\u2019s create a line bar with a gradient color design.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ad549e0 e-con-full e-flex e-con e-child\" data-id=\"ad549e0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64ee3b4 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"64ee3b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group \" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Adobe XD<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"80\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e138ba elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"1e138ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group \" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Photoshop<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"95\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f8bf4e elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"0f8bf4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group \" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Sketch<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"80\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7dbe58d elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"7dbe58d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group \" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Illustrator<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"90\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-169b1e6 e-con-full e-flex e-con e-parent\" data-id=\"169b1e6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ccbdb6 elementor-widget elementor-widget-lmc_wid_layout_block\" data-id=\"0ccbdb6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"lmc_wid_layout_block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-153799 .elementor-element.elementor-element-ac6d66e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:113px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-153799 .elementor-element.elementor-element-ac6d66e:not(.elementor-motion-effects-element-type-background), .elementor-153799 .elementor-element.elementor-element-ac6d66e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#fafafa;}.elementor-153799 .elementor-element.elementor-element-932dd6b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153799 .elementor-element.elementor-element-1a50b64 .ekit-heading__description{max-width:450px;}.elementor-153799 .elementor-element.elementor-element-1a50b64 .elementskit-section-title-wraper .elementskit-section-title{color:#222222;margin:0px 0px 16px 0px;font-family:\"Roboto\", Sans-serif;font-size:36px;font-weight:700;line-height:40px;}.elementor-153799 .elementor-element.elementor-element-1a50b64 .ekit-heading__title-has-border::before{width:5px;height:100%;top:0px;}.elementor-153799 .elementor-element.elementor-element-1a50b64 .ekit-heading__title-has-border{padding-left:23px;}.elementor-153799 .elementor-element.elementor-element-1a50b64 .ekit-heading__title-has-border ~ *{padding-left:23px;}.elementor-153799 .elementor-element.elementor-element-1a50b64 .ekit-heading__subtitle-has-border{margin-left:23px;}.elementor-153799 .elementor-element.elementor-element-1a50b64 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-153799 .elementor-element.elementor-element-1a50b64 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-153799 .elementor-element.elementor-element-1a50b64 .elementskit-section-title-wraper p{color:#5A5A5A;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:400;line-height:24px;margin:0px 0px 30px 0px;}.elementor-153799 .elementor-element.elementor-element-681a6fc{--display:flex;--gap:23px 23px;--row-gap:23px;--column-gap:23px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153799 .elementor-element.elementor-element-2bae92b .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153799 .elementor-element.elementor-element-2bae92b .skillbar-group .skill-bar{background-color:#222222;box-shadow:0px 10px 26px 0px rgba(255, 56.999999999999964, 131.99999999999997, 0.6);border-radius:36px 36px 36px 36px;}.elementor-153799 .elementor-element.elementor-element-2bae92b .skillbar-group .skill-track{background-color:#ff3984;border-radius:36px 36px 36px 36px;}.elementor-153799 .elementor-element.elementor-element-2bae92b .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153799 .elementor-element.elementor-element-2bae92b .skill-bar-content{margin-bottom:8px;}.elementor-153799 .elementor-element.elementor-element-cc6c9f1 .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153799 .elementor-element.elementor-element-cc6c9f1 .skillbar-group .skill-bar{background-color:#222222;box-shadow:0px 10px 26px 0px rgba(2.9999999999999893, 206.9999999999999, 252, 0.6);border-radius:36px 36px 36px 36px;}.elementor-153799 .elementor-element.elementor-element-cc6c9f1 .skillbar-group .skill-track{background-color:#03CFFC;border-radius:36px 36px 36px 36px;}.elementor-153799 .elementor-element.elementor-element-cc6c9f1 .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153799 .elementor-element.elementor-element-cc6c9f1 .skill-bar-content{margin-bottom:8px;}.elementor-153799 .elementor-element.elementor-element-3fa9c3b .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153799 .elementor-element.elementor-element-3fa9c3b .skillbar-group .skill-bar{background-color:#222222;box-shadow:0px 10px 26px 0px rgba(204.00000000000017, 35.999999999999986, 252, 0.6);border-radius:36px 36px 36px 36px;}.elementor-153799 .elementor-element.elementor-element-3fa9c3b .skillbar-group .skill-track{background-color:#CC24FC;border-radius:36px 36px 36px 36px;}.elementor-153799 .elementor-element.elementor-element-3fa9c3b .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153799 .elementor-element.elementor-element-3fa9c3b .skill-bar-content{margin-bottom:8px;}.elementor-153799 .elementor-element.elementor-element-127e73c .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153799 .elementor-element.elementor-element-127e73c .skillbar-group .skill-bar{background-color:#222222;box-shadow:0px 10px 26px 0px rgba(0, 228, 154.00000000000003, 0.6);border-radius:36px 36px 36px 36px;}.elementor-153799 .elementor-element.elementor-element-127e73c .skillbar-group .skill-track{background-color:#00E49A;border-radius:36px 36px 36px 36px;}.elementor-153799 .elementor-element.elementor-element-127e73c .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153799 .elementor-element.elementor-element-127e73c .skill-bar-content{margin-bottom:8px;}@media(max-width:1024px){.elementor-153799 .elementor-element.elementor-element-ac6d66e{--padding-top:93px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-153799 .elementor-element.elementor-element-ac6d66e{--content-width:1230px;}.elementor-153799 .elementor-element.elementor-element-932dd6b{--width:45%;}.elementor-153799 .elementor-element.elementor-element-681a6fc{--width:55%;}}<\/style>\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"153799\" class=\"elementor elementor-153799\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac6d66e e-flex e-con-boxed e-con e-parent\" data-id=\"ac6d66e\" data-element_type=\"container\" data-e-type=\"container\" id=\"xs_bar_10\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-932dd6b e-con-full e-flex e-con e-child\" data-id=\"932dd6b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a50b64 elementor-widget elementor-widget-elementskit-heading\" data-id=\"1a50b64\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><h3 class=\"ekit-heading--title elementskit-section-title  ekit-heading__title-has-border start\">Add Depth With Custom  Box Shadows<\/h3>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p><span style=\"font-weight: 400\">Make your statistics literally lift off the page. Apply customizable box shadows to both the track and the color bar itself to create a striking, layered 3D effect.<\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-681a6fc e-con-full e-flex e-con e-child\" data-id=\"681a6fc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2bae92b elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"2bae92b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group skilltrack-style2\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">WordPress<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"95\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc6c9f1 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"cc6c9f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group skilltrack-style2\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Magento<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"80\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3fa9c3b elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"3fa9c3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group skilltrack-style2\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Joomla!<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"90\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-127e73c elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"127e73c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group skilltrack-style2\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">PrestaShop<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"85\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c8522fa e-con-full e-flex e-con e-parent\" data-id=\"c8522fa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a9344b elementor-widget elementor-widget-lmc_wid_layout_block\" data-id=\"8a9344b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"lmc_wid_layout_block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-153803 .elementor-element.elementor-element-a129266{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:113px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-153803 .elementor-element.elementor-element-41ad6a9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153803 .elementor-element.elementor-element-d389346 .ekit-heading__description{max-width:400px;}.elementor-153803 .elementor-element.elementor-element-d389346 .elementskit-section-title-wraper .elementskit-section-title{color:#222222;margin:0px 0px 16px 0px;font-family:\"Roboto\", Sans-serif;font-size:36px;font-weight:700;line-height:40px;}.elementor-153803 .elementor-element.elementor-element-d389346 .ekit-heading__title-has-border::before{width:5px;height:100%;top:0px;}.elementor-153803 .elementor-element.elementor-element-d389346 .ekit-heading__title-has-border{padding-left:23px;}.elementor-153803 .elementor-element.elementor-element-d389346 .ekit-heading__title-has-border ~ *{padding-left:23px;}.elementor-153803 .elementor-element.elementor-element-d389346 .ekit-heading__subtitle-has-border{margin-left:23px;}.elementor-153803 .elementor-element.elementor-element-d389346 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-153803 .elementor-element.elementor-element-d389346 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-153803 .elementor-element.elementor-element-d389346 .elementskit-section-title-wraper p{color:#5A5A5A;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:400;line-height:24px;margin:0px 0px 30px 0px;}.elementor-153803 .elementor-element.elementor-element-b767d24{--display:flex;--gap:26px 26px;--row-gap:26px;--column-gap:26px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153803 .elementor-element.elementor-element-16a1fee .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153803 .elementor-element.elementor-element-16a1fee .skillbar-group .skill-bar{background-color:#222222;border-radius:36px 36px 36px 36px;}.elementor-153803 .elementor-element.elementor-element-16a1fee .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(80deg, #ff3984 0%, #fad470 100%);border-radius:36px 36px 36px 36px;}.elementor-153803 .elementor-element.elementor-element-16a1fee .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153803 .elementor-element.elementor-element-16a1fee .skill-bar-content{margin-bottom:8px;}.elementor-153803 .elementor-element.elementor-element-fc06beb .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153803 .elementor-element.elementor-element-fc06beb .skillbar-group .skill-bar{background-color:#222222;box-shadow:0px 0px 0px 0px #97bbf4;border-radius:35px 35px 35px 35px;}.elementor-153803 .elementor-element.elementor-element-fc06beb .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(140deg, #03cffc 0%, #53f8a2 100%);border-radius:35px 35px 35px 35px;}.elementor-153803 .elementor-element.elementor-element-fc06beb .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153803 .elementor-element.elementor-element-fc06beb .skill-bar-content{margin-bottom:8px;}.elementor-153803 .elementor-element.elementor-element-d89e866 .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153803 .elementor-element.elementor-element-d89e866 .skillbar-group .skill-bar{background-color:#222222;box-shadow:0px 0px 0px 0px rgba(204,36,252,0.42);border-radius:35px 35px 35px 35px;}.elementor-153803 .elementor-element.elementor-element-d89e866 .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(80deg, #cc24fc 0%, #00c67a 100%);border-radius:35px 35px 35px 35px;}.elementor-153803 .elementor-element.elementor-element-d89e866 .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153803 .elementor-element.elementor-element-d89e866 .skill-bar-content{margin-bottom:8px;}.elementor-153803 .elementor-element.elementor-element-7a41e2b .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153803 .elementor-element.elementor-element-7a41e2b .skillbar-group .skill-bar{background-color:#222222;box-shadow:0px 0px 0px 0px rgba(126,213,0,0.27);border-radius:35px 35px 35px 35px;}.elementor-153803 .elementor-element.elementor-element-7a41e2b .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(80deg, #00e49a 0%, #7ed500 100%);border-radius:35px 35px 35px 35px;}.elementor-153803 .elementor-element.elementor-element-7a41e2b .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153803 .elementor-element.elementor-element-7a41e2b .skill-bar-content{margin-bottom:8px;}@media(max-width:1024px){.elementor-153803 .elementor-element.elementor-element-a129266{--padding-top:93px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-153803 .elementor-element.elementor-element-a129266{--content-width:1230px;}.elementor-153803 .elementor-element.elementor-element-41ad6a9{--width:45%;}.elementor-153803 .elementor-element.elementor-element-b767d24{--width:55%;}}<\/style>\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"153803\" class=\"elementor elementor-153803\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a129266 e-flex e-con-boxed e-con e-parent\" data-id=\"a129266\" data-element_type=\"container\" data-e-type=\"container\" id=\"xs_bar_11\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-41ad6a9 e-con-full e-flex e-con e-child\" data-id=\"41ad6a9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d389346 elementor-widget elementor-widget-elementskit-heading\" data-id=\"d389346\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><h3 class=\"ekit-heading--title elementskit-section-title  ekit-heading__title-has-border start\">Line with <br>Rounded Shape<\/h3>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p>Make an eye-catching progress bar line with a rounded shape. You have a lot of customization options to make it user friendly.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b767d24 e-con-full e-flex e-con e-child\" data-id=\"b767d24\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16a1fee elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"16a1fee\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group skilltrack-style2\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Graphic Design<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"90\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc06beb elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"fc06beb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group skilltrack-style2\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Mention Design<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"80\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d89e866 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"d89e866\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group skilltrack-style2\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">UI\/UX Design<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"90\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a41e2b elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"7a41e2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group skilltrack-style2\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Figma<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"85\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ca5c50c e-con-full e-flex e-con e-parent\" data-id=\"ca5c50c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-977040e elementor-widget elementor-widget-lmc_wid_layout_block\" data-id=\"977040e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"lmc_wid_layout_block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-153272 .elementor-element.elementor-element-e0af861{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:113px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-153272 .elementor-element.elementor-element-e0af861:not(.elementor-motion-effects-element-type-background), .elementor-153272 .elementor-element.elementor-element-e0af861 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#fafafa;}.elementor-153272 .elementor-element.elementor-element-e8345a4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153272 .elementor-element.elementor-element-e120d3d .ekit-heading__description{max-width:460px;}.elementor-153272 .elementor-element.elementor-element-e120d3d .elementskit-section-title-wraper .elementskit-section-title{color:#222222;margin:0px 0px 16px 0px;font-family:\"Roboto\", Sans-serif;font-size:36px;font-weight:700;line-height:40px;}.elementor-153272 .elementor-element.elementor-element-e120d3d .ekit-heading__title-has-border::before{width:5px;height:100%;top:0px;}.elementor-153272 .elementor-element.elementor-element-e120d3d .ekit-heading__title-has-border{padding-left:26px;}.elementor-153272 .elementor-element.elementor-element-e120d3d .ekit-heading__title-has-border ~ *{padding-left:26px;}.elementor-153272 .elementor-element.elementor-element-e120d3d .ekit-heading__subtitle-has-border{margin-left:26px;}.elementor-153272 .elementor-element.elementor-element-e120d3d .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-153272 .elementor-element.elementor-element-e120d3d .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-153272 .elementor-element.elementor-element-e120d3d .elementskit-section-title-wraper p{color:#5A5A5A;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:400;line-height:24px;margin:0px 0px 30px 0px;}.elementor-153272 .elementor-element.elementor-element-42746e9{--display:flex;--gap:26px 26px;--row-gap:26px;--column-gap:26px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153272 .elementor-element.elementor-element-f83c76b .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:27px;}.elementor-153272 .elementor-element.elementor-element-f83c76b .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;}.elementor-153272 .elementor-element.elementor-element-f83c76b .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(80deg, #ff3984 0%, #fad470 100%);}.elementor-153272 .elementor-element.elementor-element-f83c76b .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153272 .elementor-element.elementor-element-f83c76b .skill-bar-content{margin-bottom:8px;}.elementor-153272 .elementor-element.elementor-element-f83c76b .skillbar-group .single-skill-bar .svg-content > svg{fill:#fad470;}.elementor-153272 .elementor-element.elementor-element-f2ffbc9 .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:27px;}.elementor-153272 .elementor-element.elementor-element-f2ffbc9 .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;}.elementor-153272 .elementor-element.elementor-element-f2ffbc9 .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(310deg, #00e49a 0%, #7ed500 100%);}.elementor-153272 .elementor-element.elementor-element-f2ffbc9 .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153272 .elementor-element.elementor-element-f2ffbc9 .skill-bar-content{margin-bottom:8px;}.elementor-153272 .elementor-element.elementor-element-f2ffbc9 .skillbar-group .single-skill-bar .svg-content > svg{fill:#00e49a;}.elementor-153272 .elementor-element.elementor-element-d31b45b .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:27px;}.elementor-153272 .elementor-element.elementor-element-d31b45b .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;}.elementor-153272 .elementor-element.elementor-element-d31b45b .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(80deg, #cc24fc 0%, #7800b5 100%);}.elementor-153272 .elementor-element.elementor-element-d31b45b .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153272 .elementor-element.elementor-element-d31b45b .skill-bar-content{margin-bottom:8px;}.elementor-153272 .elementor-element.elementor-element-d31b45b .skillbar-group .single-skill-bar .svg-content > svg{fill:#7800b5;}.elementor-153272 .elementor-element.elementor-element-b4738b2 .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:27px;}.elementor-153272 .elementor-element.elementor-element-b4738b2 .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;}.elementor-153272 .elementor-element.elementor-element-b4738b2 .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(130deg, #fe8f75 0%, #dd00d6 100%);}.elementor-153272 .elementor-element.elementor-element-b4738b2 .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153272 .elementor-element.elementor-element-b4738b2 .skill-bar-content{margin-bottom:8px;}.elementor-153272 .elementor-element.elementor-element-b4738b2 .skillbar-group .single-skill-bar .svg-content > svg{fill:#dd00d6;}@media(max-width:1024px){.elementor-153272 .elementor-element.elementor-element-e0af861{--padding-top:93px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-153272 .elementor-element.elementor-element-e0af861{--content-width:1230px;}.elementor-153272 .elementor-element.elementor-element-e8345a4{--width:45%;}.elementor-153272 .elementor-element.elementor-element-42746e9{--width:55%;}}<\/style>\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"153272\" class=\"elementor elementor-153272\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0af861 e-flex e-con-boxed e-con e-parent\" data-id=\"e0af861\" data-element_type=\"container\" data-e-type=\"container\" id=\"xs_bar_12\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e8345a4 e-con-full e-flex e-con e-child\" data-id=\"e8345a4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e120d3d elementor-widget elementor-widget-elementskit-heading\" data-id=\"e120d3d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><h3 class=\"ekit-heading--title elementskit-section-title  ekit-heading__title-has-border start\">Build Trust With Floating Tooltip Indicators<\/h3>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p><span style=\"font-weight: 400\">Give your statistics a modern edge. Display your percentage numbers inside stylish, floating tooltips that hover right above the progression line for a premium, interactive UI experience.<\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-42746e9 e-con-full e-flex e-con e-child\" data-id=\"42746e9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f83c76b elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"f83c76b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group tooltip-style\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Adobe XD<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"90\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                            <div class=\"svg-content\">\n                                            <svg version=\"1.1\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"https:\/\/www.w3.org\/1999\/xlink\" preserveAspectRatio=\"none\" viewBox=\"0 0 116 79.6\"> <g> <path d=\"M0,18.3v21.3C0,49.8,8.2,58,18.3,58h5.9c7.8,0,15.3,3.1,20.8,8.6l13,13l13-13c5.5-5.5,13-8.6,20.8-8.6h5.9 c10.1,0,18.3-8.2,18.3-18.3V18.3C116,8.2,107.8,0,97.7,0H18.3C8.2,0,0,8.2,0,18.3z\"\/><\/g><\/svg>\n                                        <\/div>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2ffbc9 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"f2ffbc9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group tooltip-style\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Sketch<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"97\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                            <div class=\"svg-content\">\n                                            <svg version=\"1.1\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"https:\/\/www.w3.org\/1999\/xlink\" preserveAspectRatio=\"none\" viewBox=\"0 0 116 79.6\"> <g> <path d=\"M0,18.3v21.3C0,49.8,8.2,58,18.3,58h5.9c7.8,0,15.3,3.1,20.8,8.6l13,13l13-13c5.5-5.5,13-8.6,20.8-8.6h5.9 c10.1,0,18.3-8.2,18.3-18.3V18.3C116,8.2,107.8,0,97.7,0H18.3C8.2,0,0,8.2,0,18.3z\"\/><\/g><\/svg>\n                                        <\/div>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d31b45b elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"d31b45b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group tooltip-style\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Photoshop<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"95\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                            <div class=\"svg-content\">\n                                            <svg version=\"1.1\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"https:\/\/www.w3.org\/1999\/xlink\" preserveAspectRatio=\"none\" viewBox=\"0 0 116 79.6\"> <g> <path d=\"M0,18.3v21.3C0,49.8,8.2,58,18.3,58h5.9c7.8,0,15.3,3.1,20.8,8.6l13,13l13-13c5.5-5.5,13-8.6,20.8-8.6h5.9 c10.1,0,18.3-8.2,18.3-18.3V18.3C116,8.2,107.8,0,97.7,0H18.3C8.2,0,0,8.2,0,18.3z\"\/><\/g><\/svg>\n                                        <\/div>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b4738b2 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"b4738b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group tooltip-style\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Illustrator<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"85\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                            <div class=\"svg-content\">\n                                            <svg version=\"1.1\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"https:\/\/www.w3.org\/1999\/xlink\" preserveAspectRatio=\"none\" viewBox=\"0 0 116 79.6\"> <g> <path d=\"M0,18.3v21.3C0,49.8,8.2,58,18.3,58h5.9c7.8,0,15.3,3.1,20.8,8.6l13,13l13-13c5.5-5.5,13-8.6,20.8-8.6h5.9 c10.1,0,18.3-8.2,18.3-18.3V18.3C116,8.2,107.8,0,97.7,0H18.3C8.2,0,0,8.2,0,18.3z\"\/><\/g><\/svg>\n                                        <\/div>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-caa9eea e-con-full e-flex e-con e-parent\" data-id=\"caa9eea\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ffbfa8 elementor-widget elementor-widget-lmc_wid_layout_block\" data-id=\"9ffbfa8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"lmc_wid_layout_block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-153271 .elementor-element.elementor-element-16994fd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:113px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-153271 .elementor-element.elementor-element-40d851f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153271 .elementor-element.elementor-element-3ac3e2d .ekit-heading__description{max-width:450px;}.elementor-153271 .elementor-element.elementor-element-3ac3e2d .elementskit-section-title-wraper .elementskit-section-title{color:#222222;margin:0px 0px 16px 0px;font-family:\"Roboto\", Sans-serif;font-size:36px;font-weight:700;line-height:40px;}.elementor-153271 .elementor-element.elementor-element-3ac3e2d .ekit-heading__title-has-border::before{width:5px;height:100%;top:0px;}.elementor-153271 .elementor-element.elementor-element-3ac3e2d .ekit-heading__title-has-border{padding-left:23px;}.elementor-153271 .elementor-element.elementor-element-3ac3e2d .ekit-heading__title-has-border ~ *{padding-left:23px;}.elementor-153271 .elementor-element.elementor-element-3ac3e2d .ekit-heading__subtitle-has-border{margin-left:23px;}.elementor-153271 .elementor-element.elementor-element-3ac3e2d .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-153271 .elementor-element.elementor-element-3ac3e2d .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-153271 .elementor-element.elementor-element-3ac3e2d .elementskit-section-title-wraper p{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:400;line-height:24px;margin:0px 0px 30px 0px;}.elementor-153271 .elementor-element.elementor-element-2a1af0a{--display:flex;--gap:26px 26px;--row-gap:26px;--column-gap:26px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153271 .elementor-element.elementor-element-578aea8 .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:14px;font-weight:500;line-height:38px;}.elementor-153271 .elementor-element.elementor-element-578aea8 .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;}.elementor-153271 .elementor-element.elementor-element-578aea8 .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(80deg, #ff3984 0%, #fad470 100%);}.elementor-153271 .elementor-element.elementor-element-578aea8 .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153271 .elementor-element.elementor-element-578aea8 .skill-bar-content{margin-bottom:8px;}.elementor-153271 .elementor-element.elementor-element-578aea8 .skillbar-group .single-skill-bar .number-percentage-wraper,\n                    .elementor-153271 .elementor-element.elementor-element-578aea8 .skillbar-group.pin-style .single-skill-bar .number-percentage-wraper:before{background-color:#fad470;}.elementor-153271 .elementor-element.elementor-element-578aea8 .skillbar-group .single-skill-bar .number-percentage-wraper:before{color:#fad470;}.elementor-153271 .elementor-element.elementor-element-cc060b6 .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:14px;font-weight:500;line-height:38px;}.elementor-153271 .elementor-element.elementor-element-cc060b6 .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;}.elementor-153271 .elementor-element.elementor-element-cc060b6 .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(310deg, #00e49a 0%, #7ed500 100%);}.elementor-153271 .elementor-element.elementor-element-cc060b6 .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153271 .elementor-element.elementor-element-cc060b6 .skill-bar-content{margin-bottom:8px;}.elementor-153271 .elementor-element.elementor-element-cc060b6 .skillbar-group .single-skill-bar .number-percentage-wraper,\n                    .elementor-153271 .elementor-element.elementor-element-cc060b6 .skillbar-group.pin-style .single-skill-bar .number-percentage-wraper:before{background-color:#00e49a;}.elementor-153271 .elementor-element.elementor-element-cc060b6 .skillbar-group .single-skill-bar .number-percentage-wraper:before{color:#00e49a;}.elementor-153271 .elementor-element.elementor-element-babf344 .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:14px;font-weight:500;line-height:38px;}.elementor-153271 .elementor-element.elementor-element-babf344 .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;}.elementor-153271 .elementor-element.elementor-element-babf344 .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(80deg, #cc24fc 0%, #7800b5 100%);}.elementor-153271 .elementor-element.elementor-element-babf344 .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153271 .elementor-element.elementor-element-babf344 .skill-bar-content{margin-bottom:8px;}.elementor-153271 .elementor-element.elementor-element-babf344 .skillbar-group .single-skill-bar .number-percentage-wraper,\n                    .elementor-153271 .elementor-element.elementor-element-babf344 .skillbar-group.pin-style .single-skill-bar .number-percentage-wraper:before{background-color:#7800b5;}.elementor-153271 .elementor-element.elementor-element-babf344 .skillbar-group .single-skill-bar .number-percentage-wraper:before{color:#7800b5;}.elementor-153271 .elementor-element.elementor-element-929c01c .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:14px;font-weight:500;line-height:38px;}.elementor-153271 .elementor-element.elementor-element-929c01c .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;}.elementor-153271 .elementor-element.elementor-element-929c01c .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(130deg, #fe8f75 0%, #dd00d6 100%);}.elementor-153271 .elementor-element.elementor-element-929c01c .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153271 .elementor-element.elementor-element-929c01c .skill-bar-content{margin-bottom:8px;}.elementor-153271 .elementor-element.elementor-element-929c01c .skillbar-group .single-skill-bar .number-percentage-wraper,\n                    .elementor-153271 .elementor-element.elementor-element-929c01c .skillbar-group.pin-style .single-skill-bar .number-percentage-wraper:before{background-color:#dd00d6;}.elementor-153271 .elementor-element.elementor-element-929c01c .skillbar-group .single-skill-bar .number-percentage-wraper:before{color:#dd00d6;}@media(min-width:768px){.elementor-153271 .elementor-element.elementor-element-16994fd{--content-width:1230px;}.elementor-153271 .elementor-element.elementor-element-40d851f{--width:45%;}.elementor-153271 .elementor-element.elementor-element-2a1af0a{--width:55%;}}@media(max-width:1024px){.elementor-153271 .elementor-element.elementor-element-16994fd{--padding-top:93px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-153271 .elementor-element.elementor-element-16994fd{--padding-top:74px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}}<\/style>\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"153271\" class=\"elementor elementor-153271\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16994fd e-flex e-con-boxed e-con e-parent\" data-id=\"16994fd\" data-element_type=\"container\" data-e-type=\"container\" id=\"xs_bar_13\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-40d851f e-con-full e-flex e-con e-child\" data-id=\"40d851f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ac3e2d elementor-widget elementor-widget-elementskit-heading\" data-id=\"3ac3e2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><h3 class=\"ekit-heading--title elementskit-section-title  ekit-heading__title-has-border start\">Progress Bar Tooltip  Circle <\/h3>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p><span style=\"font-weight: 400\">Show your statistics or progress results within a tooltip circle. Let your customers know about your achievement with a special design.<\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2a1af0a e-con-full e-flex e-con e-child\" data-id=\"2a1af0a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-578aea8 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"578aea8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group pin-style\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">WordPress<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"90\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc060b6 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"cc060b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group pin-style\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">PrestaShop<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"97\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-babf344 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"babf344\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group pin-style\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Joomla!<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"95\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-929c01c elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"929c01c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group pin-style\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Magento<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"85\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0e7f675 e-con-full e-flex e-con e-parent\" data-id=\"0e7f675\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2bff743 elementor-widget elementor-widget-lmc_wid_layout_block\" data-id=\"2bff743\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"lmc_wid_layout_block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-153270 .elementor-element.elementor-element-5b884a6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:113px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-153270 .elementor-element.elementor-element-5b884a6:not(.elementor-motion-effects-element-type-background), .elementor-153270 .elementor-element.elementor-element-5b884a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#fafafa;}.elementor-153270 .elementor-element.elementor-element-5115b78{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153270 .elementor-element.elementor-element-9fb95b2 .ekit-heading__description{max-width:380px;}.elementor-153270 .elementor-element.elementor-element-9fb95b2 .elementskit-section-title-wraper .elementskit-section-title{color:#222222;margin:0px 0px 16px 0px;font-family:\"Roboto\", Sans-serif;font-size:36px;font-weight:700;line-height:40px;}.elementor-153270 .elementor-element.elementor-element-9fb95b2 .ekit-heading__title-has-border::before{width:5px;height:100%;top:0px;}.elementor-153270 .elementor-element.elementor-element-9fb95b2 .ekit-heading__title-has-border{padding-left:23px;}.elementor-153270 .elementor-element.elementor-element-9fb95b2 .ekit-heading__title-has-border ~ *{padding-left:23px;}.elementor-153270 .elementor-element.elementor-element-9fb95b2 .ekit-heading__subtitle-has-border{margin-left:23px;}.elementor-153270 .elementor-element.elementor-element-9fb95b2 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-153270 .elementor-element.elementor-element-9fb95b2 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-153270 .elementor-element.elementor-element-9fb95b2 .elementskit-section-title-wraper p{color:#5A5A5A;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:400;line-height:24px;margin:0px 0px 30px 0px;}.elementor-153270 .elementor-element.elementor-element-ecf5284{--display:flex;--gap:26px 26px;--row-gap:26px;--column-gap:26px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153270 .elementor-element.elementor-element-f054d30 .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:24px;}.elementor-153270 .elementor-element.elementor-element-f054d30 .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;}.elementor-153270 .elementor-element.elementor-element-f054d30 .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(310deg, #00e49a 0%, #7ed500 100%);}.elementor-153270 .elementor-element.elementor-element-f054d30 .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153270 .elementor-element.elementor-element-f054d30 .skill-bar-content{margin-bottom:8px;}.elementor-153270 .elementor-element.elementor-element-f054d30 .skillbar-group .single-skill-bar .number-percentage-wraper,\n                    .elementor-153270 .elementor-element.elementor-element-f054d30 .skillbar-group.pin-style .single-skill-bar .number-percentage-wraper:before{background-color:#00e49a;}.elementor-153270 .elementor-element.elementor-element-f054d30 .skillbar-group .single-skill-bar .number-percentage-wraper:before{color:#00e49a;}.elementor-153270 .elementor-element.elementor-element-4033deb .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:26px;}.elementor-153270 .elementor-element.elementor-element-4033deb .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;}.elementor-153270 .elementor-element.elementor-element-4033deb .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(80deg, #cc24fc 0%, #7800b5 100%);}.elementor-153270 .elementor-element.elementor-element-4033deb .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153270 .elementor-element.elementor-element-4033deb .skill-bar-content{margin-bottom:8px;}.elementor-153270 .elementor-element.elementor-element-4033deb .skillbar-group .single-skill-bar .number-percentage-wraper,\n                    .elementor-153270 .elementor-element.elementor-element-4033deb .skillbar-group.pin-style .single-skill-bar .number-percentage-wraper:before{background-color:#7800b5;}.elementor-153270 .elementor-element.elementor-element-4033deb .skillbar-group .single-skill-bar .number-percentage-wraper:before{color:#7800b5;}.elementor-153270 .elementor-element.elementor-element-328a7b0 .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:24px;}.elementor-153270 .elementor-element.elementor-element-328a7b0 .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;}.elementor-153270 .elementor-element.elementor-element-328a7b0 .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(80deg, #ff3984 0%, #fad470 100%);}.elementor-153270 .elementor-element.elementor-element-328a7b0 .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153270 .elementor-element.elementor-element-328a7b0 .skill-bar-content{margin-bottom:8px;}.elementor-153270 .elementor-element.elementor-element-328a7b0 .skillbar-group .single-skill-bar .number-percentage-wraper,\n                    .elementor-153270 .elementor-element.elementor-element-328a7b0 .skillbar-group.pin-style .single-skill-bar .number-percentage-wraper:before{background-color:#fad470;}.elementor-153270 .elementor-element.elementor-element-328a7b0 .skillbar-group .single-skill-bar .number-percentage-wraper:before{color:#fad470;}.elementor-153270 .elementor-element.elementor-element-a1e16da .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:26px;}.elementor-153270 .elementor-element.elementor-element-a1e16da .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;}.elementor-153270 .elementor-element.elementor-element-a1e16da .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(130deg, #fe8f75 0%, #dd00d6 100%);}.elementor-153270 .elementor-element.elementor-element-a1e16da .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153270 .elementor-element.elementor-element-a1e16da .skill-bar-content{margin-bottom:8px;}.elementor-153270 .elementor-element.elementor-element-a1e16da .skillbar-group .single-skill-bar .number-percentage-wraper,\n                    .elementor-153270 .elementor-element.elementor-element-a1e16da .skillbar-group.pin-style .single-skill-bar .number-percentage-wraper:before{background-color:#dd00d6;}.elementor-153270 .elementor-element.elementor-element-a1e16da .skillbar-group .single-skill-bar .number-percentage-wraper:before{color:#dd00d6;}@media(max-width:1024px){.elementor-153270 .elementor-element.elementor-element-5b884a6{--padding-top:93px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-153270 .elementor-element.elementor-element-5b884a6{--content-width:1230px;}.elementor-153270 .elementor-element.elementor-element-5115b78{--width:45%;}.elementor-153270 .elementor-element.elementor-element-ecf5284{--width:55%;}}<\/style>\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"153270\" class=\"elementor elementor-153270\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b884a6 e-flex e-con-boxed e-con e-parent\" data-id=\"5b884a6\" data-element_type=\"container\" data-e-type=\"container\" id=\"xs_bar_14\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5115b78 e-con-full e-flex e-con e-child\" data-id=\"5115b78\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fb95b2 elementor-widget elementor-widget-elementskit-heading\" data-id=\"9fb95b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><h3 class=\"ekit-heading--title elementskit-section-title  ekit-heading__title-has-border start\">Progress Bar Tooltip <br>Square<\/h3>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p>Visualize your progress bar with a square tooltip. Use this progress bar to display how much you achieve.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ecf5284 e-con-full e-flex e-con e-child\" data-id=\"ecf5284\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f054d30 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"f054d30\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group tooltip-style2\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Graphic Design<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"95\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4033deb elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"4033deb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group tooltip-style2\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Mention Design<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"90\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-328a7b0 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"328a7b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group tooltip-style2\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">UI\/UX Design<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"85\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a1e16da elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"a1e16da\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group tooltip-style2\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Figma<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"80\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c80a0d7 e-con-full e-flex e-con e-parent\" data-id=\"c80a0d7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a31797 elementor-widget elementor-widget-lmc_wid_layout_block\" data-id=\"5a31797\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"lmc_wid_layout_block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-153268 .elementor-element.elementor-element-2065673{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:113px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-153268 .elementor-element.elementor-element-7bee7eb{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153268 .elementor-element.elementor-element-15cc329 .ekit-heading__description{max-width:430px;}.elementor-153268 .elementor-element.elementor-element-15cc329 .elementskit-section-title-wraper .elementskit-section-title{color:#222222;margin:0px 30px 16px 0px;font-family:\"Roboto\", Sans-serif;font-size:36px;font-weight:700;line-height:40px;}.elementor-153268 .elementor-element.elementor-element-15cc329 .ekit-heading__title-has-border::before{width:5px;height:100%;top:0px;}.elementor-153268 .elementor-element.elementor-element-15cc329 .ekit-heading__title-has-border{padding-left:23px;}.elementor-153268 .elementor-element.elementor-element-15cc329 .ekit-heading__title-has-border ~ *{padding-left:23px;}.elementor-153268 .elementor-element.elementor-element-15cc329 .ekit-heading__subtitle-has-border{margin-left:23px;}.elementor-153268 .elementor-element.elementor-element-15cc329 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-153268 .elementor-element.elementor-element-15cc329 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-153268 .elementor-element.elementor-element-15cc329 .elementskit-section-title-wraper p{color:#5A5A5A;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:400;line-height:24px;margin:0px 0px 30px 0px;}.elementor-153268 .elementor-element.elementor-element-b26e91b{--display:flex;--gap:26px 26px;--row-gap:26px;--column-gap:26px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153268 .elementor-element.elementor-element-c86af8d .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:26px;}.elementor-153268 .elementor-element.elementor-element-c86af8d .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;}.elementor-153268 .elementor-element.elementor-element-c86af8d .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(310deg, #00e49a 0%, #7ed500 100%);}.elementor-153268 .elementor-element.elementor-element-c86af8d .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153268 .elementor-element.elementor-element-c86af8d .skill-bar-content{margin-bottom:8px;}.elementor-153268 .elementor-element.elementor-element-c86af8d .skillbar-group .single-skill-bar .number-percentage-wraper,\n                    .elementor-153268 .elementor-element.elementor-element-c86af8d .skillbar-group.pin-style .single-skill-bar .number-percentage-wraper:before{background-color:#00e49a;}.elementor-153268 .elementor-element.elementor-element-c86af8d .skillbar-group .single-skill-bar .number-percentage-wraper:before{color:#00e49a;}.elementor-153268 .elementor-element.elementor-element-7e6fbc0 .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:26px;}.elementor-153268 .elementor-element.elementor-element-7e6fbc0 .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;}.elementor-153268 .elementor-element.elementor-element-7e6fbc0 .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(80deg, #cc24fc 0%, #7800b5 100%);}.elementor-153268 .elementor-element.elementor-element-7e6fbc0 .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153268 .elementor-element.elementor-element-7e6fbc0 .skill-bar-content{margin-bottom:8px;}.elementor-153268 .elementor-element.elementor-element-7e6fbc0 .skillbar-group .single-skill-bar .number-percentage-wraper,\n                    .elementor-153268 .elementor-element.elementor-element-7e6fbc0 .skillbar-group.pin-style .single-skill-bar .number-percentage-wraper:before{background-color:#7800b5;}.elementor-153268 .elementor-element.elementor-element-7e6fbc0 .skillbar-group .single-skill-bar .number-percentage-wraper:before{color:#7800b5;}.elementor-153268 .elementor-element.elementor-element-f51dba8 .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:26px;}.elementor-153268 .elementor-element.elementor-element-f51dba8 .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;}.elementor-153268 .elementor-element.elementor-element-f51dba8 .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(290deg, #ff3984 0%, #fad470 100%);}.elementor-153268 .elementor-element.elementor-element-f51dba8 .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153268 .elementor-element.elementor-element-f51dba8 .skill-bar-content{margin-bottom:8px;}.elementor-153268 .elementor-element.elementor-element-f51dba8 .skillbar-group .single-skill-bar .number-percentage-wraper,\n                    .elementor-153268 .elementor-element.elementor-element-f51dba8 .skillbar-group.pin-style .single-skill-bar .number-percentage-wraper:before{background-color:#ff3984;}.elementor-153268 .elementor-element.elementor-element-f51dba8 .skillbar-group .single-skill-bar .number-percentage-wraper:before{color:#ff3984;}.elementor-153268 .elementor-element.elementor-element-7f997be .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:26px;}.elementor-153268 .elementor-element.elementor-element-7f997be .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;}.elementor-153268 .elementor-element.elementor-element-7f997be .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(130deg, #fe8f75 0%, #dd00d6 100%);}.elementor-153268 .elementor-element.elementor-element-7f997be .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153268 .elementor-element.elementor-element-7f997be .skill-bar-content{margin-bottom:8px;}.elementor-153268 .elementor-element.elementor-element-7f997be .skillbar-group .single-skill-bar .number-percentage-wraper,\n                    .elementor-153268 .elementor-element.elementor-element-7f997be .skillbar-group.pin-style .single-skill-bar .number-percentage-wraper:before{background-color:#dd00d6;}.elementor-153268 .elementor-element.elementor-element-7f997be .skillbar-group .single-skill-bar .number-percentage-wraper:before{color:#dd00d6;}@media(min-width:768px){.elementor-153268 .elementor-element.elementor-element-2065673{--content-width:1230px;}.elementor-153268 .elementor-element.elementor-element-7bee7eb{--width:45%;}.elementor-153268 .elementor-element.elementor-element-b26e91b{--width:55%;}}@media(max-width:1024px){.elementor-153268 .elementor-element.elementor-element-2065673{--padding-top:93px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-153268 .elementor-element.elementor-element-15cc329 .elementskit-section-title-wraper .elementskit-section-title{margin:0px 0px 16px 0px;}}@media(max-width:767px){.elementor-153268 .elementor-element.elementor-element-2065673{--padding-top:75px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}}<\/style>\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"153268\" class=\"elementor elementor-153268\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2065673 e-flex e-con-boxed e-con e-parent\" data-id=\"2065673\" data-element_type=\"container\" data-e-type=\"container\" id=\"xs_bar_15\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7bee7eb e-con-full e-flex e-con e-child\" data-id=\"7bee7eb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15cc329 elementor-widget elementor-widget-elementskit-heading\" data-id=\"15cc329\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><h3 class=\"ekit-heading--title elementskit-section-title  ekit-heading__title-has-border start\">Progress Bar Tooltip Rounded  <\/h3>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p><span style=\"font-weight: 400\">Wanna make a different style bar to show your progress? Then you can use this rounded progress bar tooltip on your Elementor website.<\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b26e91b e-con-full e-flex e-con e-child\" data-id=\"b26e91b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c86af8d elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"c86af8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group tooltip-style3\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Adobe XD<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"97\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e6fbc0 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"7e6fbc0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group tooltip-style3\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Sketch<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"95\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f51dba8 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"f51dba8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group tooltip-style3\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Photoshop<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"90\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f997be elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"7f997be\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group tooltip-style3\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Illustrator<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"85\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8b9faad e-con-full e-flex e-con e-parent\" data-id=\"8b9faad\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44de233 elementor-widget elementor-widget-lmc_wid_layout_block\" data-id=\"44de233\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"lmc_wid_layout_block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-153267 .elementor-element.elementor-element-32785f5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:113px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-153267 .elementor-element.elementor-element-32785f5:not(.elementor-motion-effects-element-type-background), .elementor-153267 .elementor-element.elementor-element-32785f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#fafafa;}.elementor-153267 .elementor-element.elementor-element-373806d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153267 .elementor-element.elementor-element-6f87cda .ekit-heading__description{max-width:400px;}.elementor-153267 .elementor-element.elementor-element-6f87cda .elementskit-section-title-wraper .elementskit-section-title{color:#222222;margin:0px 80px 16px 0px;font-family:\"Roboto\", Sans-serif;font-size:36px;font-weight:700;line-height:40px;}.elementor-153267 .elementor-element.elementor-element-6f87cda .ekit-heading__title-has-border::before{width:5px;height:100%;top:0px;}.elementor-153267 .elementor-element.elementor-element-6f87cda .ekit-heading__title-has-border{padding-left:23px;}.elementor-153267 .elementor-element.elementor-element-6f87cda .ekit-heading__title-has-border ~ *{padding-left:23px;}.elementor-153267 .elementor-element.elementor-element-6f87cda .ekit-heading__subtitle-has-border{margin-left:23px;}.elementor-153267 .elementor-element.elementor-element-6f87cda .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-153267 .elementor-element.elementor-element-6f87cda .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-153267 .elementor-element.elementor-element-6f87cda .elementskit-section-title-wraper p{color:#5A5A5A;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:400;line-height:24px;margin:0px 0px 30px 0px;}.elementor-153267 .elementor-element.elementor-element-1157aad{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153267 .elementor-element.elementor-element-ede28f3 .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153267 .elementor-element.elementor-element-ede28f3 .skillbar-group .skill-bar{background-color:#EFEFEF;box-shadow:0px 0px 20px 0px rgba(126,213,0,0.27);}.elementor-153267 .elementor-element.elementor-element-ede28f3 .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(310deg, #00e49a 0%, #7ed500 100%);}.elementor-153267 .elementor-element.elementor-element-ede28f3 .skillbar-group .single-skill-bar .skill-track:before{border-color:#00e49a;}.elementor-153267 .elementor-element.elementor-element-ede28f3 .skillbar-group .single-skill-bar .skill-track:after{color:#00e49a;}.elementor-153267 .elementor-element.elementor-element-ede28f3 .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153267 .elementor-element.elementor-element-ede28f3 .skill-bar-content{margin-bottom:12px;}.elementor-153267 .elementor-element.elementor-element-ede28f3 > .elementor-widget-container{padding:20px 20px 30px 20px;background-color:#ffffff;box-shadow:0px 10px 20px 0px rgba(0,0,0,0.1);}.elementor-153267 .elementor-element.elementor-element-590c63d .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153267 .elementor-element.elementor-element-590c63d .skillbar-group .skill-bar{background-color:#EFEFEF;}.elementor-153267 .elementor-element.elementor-element-590c63d .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(80deg, #cc24fc 0%, #7800b5 100%);}.elementor-153267 .elementor-element.elementor-element-590c63d .skillbar-group .single-skill-bar .skill-track:before{border-color:#8c0000;}.elementor-153267 .elementor-element.elementor-element-590c63d .skillbar-group .single-skill-bar .skill-track:after{color:#8c0000;}.elementor-153267 .elementor-element.elementor-element-590c63d .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153267 .elementor-element.elementor-element-590c63d .skill-bar-content{margin-bottom:12px;}.elementor-153267 .elementor-element.elementor-element-590c63d > .elementor-widget-container{padding:20px 20px 30px 20px;background-color:#ffffff;box-shadow:0px 10px 20px 0px rgba(0,0,0,0.1);}.elementor-153267 .elementor-element.elementor-element-439d38c .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153267 .elementor-element.elementor-element-439d38c .skillbar-group .skill-bar{background-color:#EFEFEF;}.elementor-153267 .elementor-element.elementor-element-439d38c .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(290deg, #ff3984 0%, #fad470 100%);}.elementor-153267 .elementor-element.elementor-element-439d38c .skillbar-group .single-skill-bar .skill-track:before{border-color:#ff3984;}.elementor-153267 .elementor-element.elementor-element-439d38c .skillbar-group .single-skill-bar .skill-track:after{color:#ff3984;}.elementor-153267 .elementor-element.elementor-element-439d38c .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153267 .elementor-element.elementor-element-439d38c .skill-bar-content{margin-bottom:12px;}.elementor-153267 .elementor-element.elementor-element-439d38c > .elementor-widget-container{padding:20px 20px 30px 20px;background-color:#ffffff;box-shadow:0px 10px 20px 0px rgba(0,0,0,0.1);}.elementor-153267 .elementor-element.elementor-element-044d76b .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153267 .elementor-element.elementor-element-044d76b .skillbar-group .skill-bar{background-color:#EFEFEF;}.elementor-153267 .elementor-element.elementor-element-044d76b .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(130deg, #fe8f75 0%, #dd00d6 100%);}.elementor-153267 .elementor-element.elementor-element-044d76b .skillbar-group .single-skill-bar .skill-track:before{border-color:#dd00d6;}.elementor-153267 .elementor-element.elementor-element-044d76b .skillbar-group .single-skill-bar .skill-track:after{color:#dd00d6;}.elementor-153267 .elementor-element.elementor-element-044d76b .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153267 .elementor-element.elementor-element-044d76b .skill-bar-content{margin-bottom:12px;}.elementor-153267 .elementor-element.elementor-element-044d76b > .elementor-widget-container{padding:20px 20px 30px 20px;background-color:#ffffff;box-shadow:0px 10px 20px 0px rgba(0,0,0,0.1);}@media(min-width:768px){.elementor-153267 .elementor-element.elementor-element-32785f5{--content-width:1230px;}.elementor-153267 .elementor-element.elementor-element-373806d{--width:45%;}.elementor-153267 .elementor-element.elementor-element-1157aad{--width:55%;}}@media(max-width:1024px){.elementor-153267 .elementor-element.elementor-element-32785f5{--padding-top:93px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-153267 .elementor-element.elementor-element-6f87cda .elementskit-section-title-wraper .elementskit-section-title{margin:0px 0px 16px 0px;}}@media(max-width:767px){.elementor-153267 .elementor-element.elementor-element-32785f5{--padding-top:75px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}}<\/style>\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"153267\" class=\"elementor elementor-153267\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32785f5 e-flex e-con-boxed e-con e-parent\" data-id=\"32785f5\" data-element_type=\"container\" data-e-type=\"container\" id=\"xs_bar_16\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-373806d e-con-full e-flex e-con e-child\" data-id=\"373806d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f87cda elementor-widget elementor-widget-elementskit-heading\" data-id=\"6f87cda\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><h3 class=\"ekit-heading--title elementskit-section-title  ekit-heading__title-has-border start\">Build Multi-Label Progress Layouts<\/h3>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p><span style=\"font-weight: 400\">Tell a more complete data story. Easily add secondary labels or custom text descriptions alongside your progress bars to provide full context to your potential clients.<\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1157aad e-con-full e-flex e-con e-child\" data-id=\"1157aad\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ede28f3 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"ede28f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group style-switch\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"content-group\">\n                            <div class=\"skill-bar-content\">\n                                <span class=\"skill-title\">PrestaShop<\/span>\n                            <\/div><!-- .skill-bar-content END -->\n                            <div class=\"skill-bar\">\n                                <div class=\"skill-track\"><\/div>\n                            <\/div><!-- .skill-bar END -->\n                        <\/div>\n                        <span class=\"number-percentage-wraper\">\n                            <span class=\"number-percentage\" data-value=\"95\" data-animation-duration=\"1500\">0<\/span>%\n                        <\/span>\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-590c63d elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"590c63d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group style-switch\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"content-group\">\n                            <div class=\"skill-bar-content\">\n                                <span class=\"skill-title\">Joomla!<\/span>\n                            <\/div><!-- .skill-bar-content END -->\n                            <div class=\"skill-bar\">\n                                <div class=\"skill-track\"><\/div>\n                            <\/div><!-- .skill-bar END -->\n                        <\/div>\n                        <span class=\"number-percentage-wraper\">\n                            <span class=\"number-percentage\" data-value=\"90\" data-animation-duration=\"1500\">0<\/span>%\n                        <\/span>\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-439d38c elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"439d38c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group style-switch\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"content-group\">\n                            <div class=\"skill-bar-content\">\n                                <span class=\"skill-title\">WordPress<\/span>\n                            <\/div><!-- .skill-bar-content END -->\n                            <div class=\"skill-bar\">\n                                <div class=\"skill-track\"><\/div>\n                            <\/div><!-- .skill-bar END -->\n                        <\/div>\n                        <span class=\"number-percentage-wraper\">\n                            <span class=\"number-percentage\" data-value=\"85\" data-animation-duration=\"1500\">0<\/span>%\n                        <\/span>\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-044d76b elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"044d76b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group style-switch\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"content-group\">\n                            <div class=\"skill-bar-content\">\n                                <span class=\"skill-title\">Magento<\/span>\n                            <\/div><!-- .skill-bar-content END -->\n                            <div class=\"skill-bar\">\n                                <div class=\"skill-track\"><\/div>\n                            <\/div><!-- .skill-bar END -->\n                        <\/div>\n                        <span class=\"number-percentage-wraper\">\n                            <span class=\"number-percentage\" data-value=\"80\" data-animation-duration=\"1500\">0<\/span>%\n                        <\/span>\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d8fe8d5 e-con-full e-flex e-con e-parent\" data-id=\"d8fe8d5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc1ab9e elementor-widget elementor-widget-lmc_wid_layout_block\" data-id=\"dc1ab9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"lmc_wid_layout_block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-153265 .elementor-element.elementor-element-7450404{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:113px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-153265 .elementor-element.elementor-element-7450404:not(.elementor-motion-effects-element-type-background), .elementor-153265 .elementor-element.elementor-element-7450404 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#fafafa;}.elementor-153265 .elementor-element.elementor-element-ee8fbef{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153265 .elementor-element.elementor-element-59f91bf .ekit-heading__description{max-width:450px;}.elementor-153265 .elementor-element.elementor-element-59f91bf .elementskit-section-title-wraper .elementskit-section-title{color:#222222;margin:0px 0px 16px 0px;font-family:\"Roboto\", Sans-serif;font-size:36px;font-weight:700;line-height:40px;}.elementor-153265 .elementor-element.elementor-element-59f91bf .ekit-heading__title-has-border::before{width:5px;height:100%;top:0px;}.elementor-153265 .elementor-element.elementor-element-59f91bf .ekit-heading__title-has-border{padding-left:23px;}.elementor-153265 .elementor-element.elementor-element-59f91bf .ekit-heading__title-has-border ~ *{padding-left:23px;}.elementor-153265 .elementor-element.elementor-element-59f91bf .ekit-heading__subtitle-has-border{margin-left:23px;}.elementor-153265 .elementor-element.elementor-element-59f91bf .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-153265 .elementor-element.elementor-element-59f91bf .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-153265 .elementor-element.elementor-element-59f91bf .elementskit-section-title-wraper p{color:#5A5A5A;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:400;line-height:24px;margin:0px 0px 30px 0px;}.elementor-153265 .elementor-element.elementor-element-37bd401{--display:flex;--gap:26px 26px;--row-gap:26px;--column-gap:26px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153265 .elementor-element.elementor-element-dde96da .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:28px;}.elementor-153265 .elementor-element.elementor-element-dde96da .skillbar-group .skill-bar{background-color:#EFEFEF;}.elementor-153265 .elementor-element.elementor-element-dde96da .style-stripe .single-skill-bar .skill-track{background:repeating-linear-gradient(to right, #7ed500, #7ed500 4px, #FFFFFF 4px, #FFFFFF 8px);}.elementor-153265 .elementor-element.elementor-element-dde96da .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:700;line-height:18px;}.elementor-153265 .elementor-element.elementor-element-dde96da .skill-bar-content{margin-bottom:8px;}.elementor-153265 .elementor-element.elementor-element-dde96da .skillbar-group .single-skill-bar .svg-content > svg{fill:#7ed500;}.elementor-153265 .elementor-element.elementor-element-d56abf2 .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:28px;}.elementor-153265 .elementor-element.elementor-element-d56abf2 .skillbar-group .skill-bar{background-color:#EFEFEF;}.elementor-153265 .elementor-element.elementor-element-d56abf2 .style-stripe .single-skill-bar .skill-track{background:repeating-linear-gradient(to right, #F96933, #F96933 4px, #FFFFFF 4px, #FFFFFF 8px);}.elementor-153265 .elementor-element.elementor-element-d56abf2 .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:700;line-height:18px;}.elementor-153265 .elementor-element.elementor-element-d56abf2 .skill-bar-content{margin-bottom:8px;}.elementor-153265 .elementor-element.elementor-element-d56abf2 .skillbar-group .single-skill-bar .svg-content > svg{fill:#F96933;}.elementor-153265 .elementor-element.elementor-element-0d744d6 .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:28px;}.elementor-153265 .elementor-element.elementor-element-0d744d6 .skillbar-group .skill-bar{background-color:#EFEFEF;}.elementor-153265 .elementor-element.elementor-element-0d744d6 .style-stripe .single-skill-bar .skill-track{background:repeating-linear-gradient(to right, #35ED7E, #35ED7E 4px, #FFFFFF 4px, #FFFFFF 8px);}.elementor-153265 .elementor-element.elementor-element-0d744d6 .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:700;line-height:18px;}.elementor-153265 .elementor-element.elementor-element-0d744d6 .skill-bar-content{margin-bottom:8px;}.elementor-153265 .elementor-element.elementor-element-0d744d6 .skillbar-group .single-skill-bar .svg-content > svg{fill:#35ED7E;}.elementor-153265 .elementor-element.elementor-element-8e81c52 .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:28px;}.elementor-153265 .elementor-element.elementor-element-8e81c52 .skillbar-group .skill-bar{background-color:#EFEFEF;}.elementor-153265 .elementor-element.elementor-element-8e81c52 .style-stripe .single-skill-bar .skill-track{background:repeating-linear-gradient(to right, #9460FF, #9460FF 4px, #FFFFFF 4px, #FFFFFF 8px);}.elementor-153265 .elementor-element.elementor-element-8e81c52 .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:700;line-height:18px;}.elementor-153265 .elementor-element.elementor-element-8e81c52 .skill-bar-content{margin-bottom:8px;}.elementor-153265 .elementor-element.elementor-element-8e81c52 .skillbar-group .single-skill-bar .svg-content > svg{fill:#9460FF;}@media(min-width:768px){.elementor-153265 .elementor-element.elementor-element-7450404{--content-width:1230px;}.elementor-153265 .elementor-element.elementor-element-ee8fbef{--width:45%;}.elementor-153265 .elementor-element.elementor-element-37bd401{--width:55%;}}@media(max-width:1024px){.elementor-153265 .elementor-element.elementor-element-7450404{--padding-top:93px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-153265 .elementor-element.elementor-element-7450404{--padding-top:75px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}}<\/style>\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"153265\" class=\"elementor elementor-153265\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7450404 e-flex e-con-boxed e-con e-parent\" data-id=\"7450404\" data-element_type=\"container\" data-e-type=\"container\" id=\"xs_bar_18\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ee8fbef e-con-full e-flex e-con e-child\" data-id=\"ee8fbef\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59f91bf elementor-widget elementor-widget-elementskit-heading\" data-id=\"59f91bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><h3 class=\"ekit-heading--title elementskit-section-title  ekit-heading__title-has-border start\">Highlight Success With  Striped Bar Layouts<\/h3>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p><span style=\"font-weight: 400\">Break away from standard designs. Apply engaging striped patterns to your progress bars to give your statistics a dynamic, energetic feel that keeps users scrolling.<\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-37bd401 e-con-full e-flex e-con e-child\" data-id=\"37bd401\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dde96da elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"dde96da\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group style-stripe skill-medium tooltip-style\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Adobe XD<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"80\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                            <div class=\"svg-content\">\n                                            <svg version=\"1.1\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"https:\/\/www.w3.org\/1999\/xlink\" preserveAspectRatio=\"none\" viewBox=\"0 0 116 79.6\"> <g> <path d=\"M0,18.3v21.3C0,49.8,8.2,58,18.3,58h5.9c7.8,0,15.3,3.1,20.8,8.6l13,13l13-13c5.5-5.5,13-8.6,20.8-8.6h5.9 c10.1,0,18.3-8.2,18.3-18.3V18.3C116,8.2,107.8,0,97.7,0H18.3C8.2,0,0,8.2,0,18.3z\"\/><\/g><\/svg>\n                                        <\/div>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d56abf2 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"d56abf2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group style-stripe skill-medium tooltip-style\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Sketch<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"85\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                            <div class=\"svg-content\">\n                                            <svg version=\"1.1\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"https:\/\/www.w3.org\/1999\/xlink\" preserveAspectRatio=\"none\" viewBox=\"0 0 116 79.6\"> <g> <path d=\"M0,18.3v21.3C0,49.8,8.2,58,18.3,58h5.9c7.8,0,15.3,3.1,20.8,8.6l13,13l13-13c5.5-5.5,13-8.6,20.8-8.6h5.9 c10.1,0,18.3-8.2,18.3-18.3V18.3C116,8.2,107.8,0,97.7,0H18.3C8.2,0,0,8.2,0,18.3z\"\/><\/g><\/svg>\n                                        <\/div>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d744d6 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"0d744d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group style-stripe skill-medium tooltip-style\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Photoshop<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"95\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                            <div class=\"svg-content\">\n                                            <svg version=\"1.1\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"https:\/\/www.w3.org\/1999\/xlink\" preserveAspectRatio=\"none\" viewBox=\"0 0 116 79.6\"> <g> <path d=\"M0,18.3v21.3C0,49.8,8.2,58,18.3,58h5.9c7.8,0,15.3,3.1,20.8,8.6l13,13l13-13c5.5-5.5,13-8.6,20.8-8.6h5.9 c10.1,0,18.3-8.2,18.3-18.3V18.3C116,8.2,107.8,0,97.7,0H18.3C8.2,0,0,8.2,0,18.3z\"\/><\/g><\/svg>\n                                        <\/div>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e81c52 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"8e81c52\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group style-stripe skill-medium tooltip-style\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Illustrator<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"88\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                            <div class=\"svg-content\">\n                                            <svg version=\"1.1\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"https:\/\/www.w3.org\/1999\/xlink\" preserveAspectRatio=\"none\" viewBox=\"0 0 116 79.6\"> <g> <path d=\"M0,18.3v21.3C0,49.8,8.2,58,18.3,58h5.9c7.8,0,15.3,3.1,20.8,8.6l13,13l13-13c5.5-5.5,13-8.6,20.8-8.6h5.9 c10.1,0,18.3-8.2,18.3-18.3V18.3C116,8.2,107.8,0,97.7,0H18.3C8.2,0,0,8.2,0,18.3z\"\/><\/g><\/svg>\n                                        <\/div>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f2ff93 elementor-widget elementor-widget-lmc_wid_layout_block\" data-id=\"3f2ff93\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"lmc_wid_layout_block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-153266 .elementor-element.elementor-element-6209840{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:113px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-153266 .elementor-element.elementor-element-d3c3908{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153266 .elementor-element.elementor-element-67940bd .ekit-heading__description{max-width:450px;}.elementor-153266 .elementor-element.elementor-element-67940bd .elementskit-section-title-wraper .elementskit-section-title{color:#222222;margin:0px 0px 16px 0px;font-family:\"Roboto\", Sans-serif;font-size:36px;font-weight:700;line-height:40px;}.elementor-153266 .elementor-element.elementor-element-67940bd .ekit-heading__title-has-border::before{width:5px;height:100%;top:0px;}.elementor-153266 .elementor-element.elementor-element-67940bd .ekit-heading__title-has-border{padding-left:23px;}.elementor-153266 .elementor-element.elementor-element-67940bd .ekit-heading__title-has-border ~ *{padding-left:23px;}.elementor-153266 .elementor-element.elementor-element-67940bd .ekit-heading__subtitle-has-border{margin-left:23px;}.elementor-153266 .elementor-element.elementor-element-67940bd .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-153266 .elementor-element.elementor-element-67940bd .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-153266 .elementor-element.elementor-element-67940bd .elementskit-section-title-wraper p{color:#5A5A5A;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:400;line-height:24px;margin:0px 0px 30px 0px;}.elementor-153266 .elementor-element.elementor-element-5dfc95e{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153266 .elementor-element.elementor-element-4ac563a .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:28px;}.elementor-153266 .elementor-element.elementor-element-4ac563a .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;}.elementor-153266 .elementor-element.elementor-element-4ac563a .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(80deg, #ff3984 0%, #fad470 100%);box-shadow:0px 10px 20px 0px rgba(239,163,105,0.63);}.elementor-153266 .elementor-element.elementor-element-4ac563a .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153266 .elementor-element.elementor-element-4ac563a .skill-bar-content{margin-bottom:8px;}.elementor-153266 .elementor-element.elementor-element-4ac563a .skillbar-group .single-skill-bar .svg-content > svg{fill:#fad470;}.elementor-153266 .elementor-element.elementor-element-de798ef .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:28px;}.elementor-153266 .elementor-element.elementor-element-de798ef .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;}.elementor-153266 .elementor-element.elementor-element-de798ef .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(310deg, #00e49a 0%, #7ed500 100%);box-shadow:0px 10px 20px 0px rgba(126,213,0,0.38);}.elementor-153266 .elementor-element.elementor-element-de798ef .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153266 .elementor-element.elementor-element-de798ef .skill-bar-content{margin-bottom:8px;}.elementor-153266 .elementor-element.elementor-element-de798ef .skillbar-group .single-skill-bar .svg-content > svg{fill:#00e49a;}.elementor-153266 .elementor-element.elementor-element-84c78f4 .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:28px;}.elementor-153266 .elementor-element.elementor-element-84c78f4 .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;}.elementor-153266 .elementor-element.elementor-element-84c78f4 .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(80deg, #cc24fc 0%, #7800b5 100%);box-shadow:0px 10px 20px 0px rgba(120,0,181,0.25);}.elementor-153266 .elementor-element.elementor-element-84c78f4 .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153266 .elementor-element.elementor-element-84c78f4 .skill-bar-content{margin-bottom:8px;}.elementor-153266 .elementor-element.elementor-element-84c78f4 .skillbar-group .single-skill-bar .svg-content > svg{fill:#7800b5;}.elementor-153266 .elementor-element.elementor-element-1f2d377 .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:28px;}.elementor-153266 .elementor-element.elementor-element-1f2d377 .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;}.elementor-153266 .elementor-element.elementor-element-1f2d377 .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(130deg, #fe8f75 0%, #dd00d6 100%);box-shadow:0px 10px 20px 0px rgba(221,0,214,0.34);}.elementor-153266 .elementor-element.elementor-element-1f2d377 .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153266 .elementor-element.elementor-element-1f2d377 .skill-bar-content{margin-bottom:8px;}.elementor-153266 .elementor-element.elementor-element-1f2d377 .skillbar-group .single-skill-bar .svg-content > svg{fill:#dd00d6;}@media(min-width:768px){.elementor-153266 .elementor-element.elementor-element-6209840{--content-width:1230px;}.elementor-153266 .elementor-element.elementor-element-d3c3908{--width:45%;}.elementor-153266 .elementor-element.elementor-element-5dfc95e{--width:55%;}}@media(max-width:1024px){.elementor-153266 .elementor-element.elementor-element-6209840{--padding-top:93px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-153266 .elementor-element.elementor-element-6209840{--padding-top:75px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}}<\/style>\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"153266\" class=\"elementor elementor-153266\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6209840 e-flex e-con-boxed e-con e-parent\" data-id=\"6209840\" data-element_type=\"container\" data-e-type=\"container\" id=\"xs_bar_17\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d3c3908 e-con-full e-flex e-con e-child\" data-id=\"d3c3908\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67940bd elementor-widget elementor-widget-elementskit-heading\" data-id=\"67940bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><h3 class=\"ekit-heading--title elementskit-section-title  ekit-heading__title-has-border start\">Highlight Project Milestones Step-by-Step<\/h3>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p><span style=\"font-weight: 400\">Prove your track record to your audience. Use stacked progress bars to visually break down your project completion phases and build immediate trust with your visitors.<\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5dfc95e e-con-full e-flex e-con e-child\" data-id=\"5dfc95e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ac563a elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"4ac563a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group tooltip-style\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Graphic Design<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"90\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                            <div class=\"svg-content\">\n                                            <svg version=\"1.1\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"https:\/\/www.w3.org\/1999\/xlink\" preserveAspectRatio=\"none\" viewBox=\"0 0 116 79.6\"> <g> <path d=\"M0,18.3v21.3C0,49.8,8.2,58,18.3,58h5.9c7.8,0,15.3,3.1,20.8,8.6l13,13l13-13c5.5-5.5,13-8.6,20.8-8.6h5.9 c10.1,0,18.3-8.2,18.3-18.3V18.3C116,8.2,107.8,0,97.7,0H18.3C8.2,0,0,8.2,0,18.3z\"\/><\/g><\/svg>\n                                        <\/div>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de798ef elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"de798ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group tooltip-style\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Mention Design<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"97\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                            <div class=\"svg-content\">\n                                            <svg version=\"1.1\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"https:\/\/www.w3.org\/1999\/xlink\" preserveAspectRatio=\"none\" viewBox=\"0 0 116 79.6\"> <g> <path d=\"M0,18.3v21.3C0,49.8,8.2,58,18.3,58h5.9c7.8,0,15.3,3.1,20.8,8.6l13,13l13-13c5.5-5.5,13-8.6,20.8-8.6h5.9 c10.1,0,18.3-8.2,18.3-18.3V18.3C116,8.2,107.8,0,97.7,0H18.3C8.2,0,0,8.2,0,18.3z\"\/><\/g><\/svg>\n                                        <\/div>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84c78f4 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"84c78f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group tooltip-style\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">UI\/UX Design<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"95\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                            <div class=\"svg-content\">\n                                            <svg version=\"1.1\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"https:\/\/www.w3.org\/1999\/xlink\" preserveAspectRatio=\"none\" viewBox=\"0 0 116 79.6\"> <g> <path d=\"M0,18.3v21.3C0,49.8,8.2,58,18.3,58h5.9c7.8,0,15.3,3.1,20.8,8.6l13,13l13-13c5.5-5.5,13-8.6,20.8-8.6h5.9 c10.1,0,18.3-8.2,18.3-18.3V18.3C116,8.2,107.8,0,97.7,0H18.3C8.2,0,0,8.2,0,18.3z\"\/><\/g><\/svg>\n                                        <\/div>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f2d377 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"1f2d377\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group tooltip-style\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Figma<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"85\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                            <div class=\"svg-content\">\n                                            <svg version=\"1.1\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"https:\/\/www.w3.org\/1999\/xlink\" preserveAspectRatio=\"none\" viewBox=\"0 0 116 79.6\"> <g> <path d=\"M0,18.3v21.3C0,49.8,8.2,58,18.3,58h5.9c7.8,0,15.3,3.1,20.8,8.6l13,13l13-13c5.5-5.5,13-8.6,20.8-8.6h5.9 c10.1,0,18.3-8.2,18.3-18.3V18.3C116,8.2,107.8,0,97.7,0H18.3C8.2,0,0,8.2,0,18.3z\"\/><\/g><\/svg>\n                                        <\/div>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c132f7 e-con-full e-flex e-con e-parent\" data-id=\"7c132f7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-d6b4fd6 e-con-full e-flex e-con e-child\" data-id=\"d6b4fd6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb474d4 elementor-widget elementor-widget-lmc_wid_layout_block\" data-id=\"fb474d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"lmc_wid_layout_block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-153264 .elementor-element.elementor-element-2e3d9da{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:113px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-153264 .elementor-element.elementor-element-d2d6394{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153264 .elementor-element.elementor-element-784abd9 .elementskit-section-title-wraper .elementskit-section-title{color:#222222;margin:0px 0px 16px 0px;font-family:\"Roboto\", Sans-serif;font-size:36px;font-weight:700;line-height:40px;}.elementor-153264 .elementor-element.elementor-element-784abd9 .ekit-heading__title-has-border::before{width:5px;height:100%;top:0px;}.elementor-153264 .elementor-element.elementor-element-784abd9 .ekit-heading__title-has-border{padding-left:23px;}.elementor-153264 .elementor-element.elementor-element-784abd9 .ekit-heading__title-has-border ~ *{padding-left:23px;}.elementor-153264 .elementor-element.elementor-element-784abd9 .ekit-heading__subtitle-has-border{margin-left:23px;}.elementor-153264 .elementor-element.elementor-element-784abd9 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-153264 .elementor-element.elementor-element-784abd9 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-153264 .elementor-element.elementor-element-784abd9 .elementskit-section-title-wraper p{color:#5A5A5A;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:400;line-height:24px;margin:0px 0px 30px 0px;}.elementor-153264 .elementor-element.elementor-element-4080366{--display:flex;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153264 .elementor-element.elementor-element-000ad53 .skillbar-group .number-percentage-wraper{display:no;color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:36px;}.elementor-153264 .elementor-element.elementor-element-000ad53 .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;}.elementor-153264 .elementor-element.elementor-element-000ad53 .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(80deg, #ff3984 0%, #fad470 100%);box-shadow:0px 10px 20px 0px rgba(239,163,105,0.63);}.elementor-153264 .elementor-element.elementor-element-000ad53 .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153264 .elementor-element.elementor-element-000ad53 .skill-bar-content{margin-bottom:8px;}.elementor-153264 .elementor-element.elementor-element-000ad53 .skillbar-group .single-skill-bar .number-percentage-wraper,\n                    .elementor-153264 .elementor-element.elementor-element-000ad53 .skillbar-group.pin-style .single-skill-bar .number-percentage-wraper:before{background-color:#fad470;}.elementor-153264 .elementor-element.elementor-element-000ad53 .skillbar-group .single-skill-bar .number-percentage-wraper:before{color:#fad470;}.elementor-153264 .elementor-element.elementor-element-86c28ad .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:36px;}.elementor-153264 .elementor-element.elementor-element-86c28ad .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;}.elementor-153264 .elementor-element.elementor-element-86c28ad .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(310deg, #00e49a 0%, #7ed500 100%);box-shadow:0px 10px 20px 0px rgba(126,213,0,0.38);}.elementor-153264 .elementor-element.elementor-element-86c28ad .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153264 .elementor-element.elementor-element-86c28ad .skill-bar-content{margin-bottom:8px;}.elementor-153264 .elementor-element.elementor-element-86c28ad .skillbar-group .single-skill-bar .number-percentage-wraper,\n                    .elementor-153264 .elementor-element.elementor-element-86c28ad .skillbar-group.pin-style .single-skill-bar .number-percentage-wraper:before{background-color:#00e49a;}.elementor-153264 .elementor-element.elementor-element-86c28ad .skillbar-group .single-skill-bar .number-percentage-wraper:before{color:#00e49a;}.elementor-153264 .elementor-element.elementor-element-da00ccc .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:36px;}.elementor-153264 .elementor-element.elementor-element-da00ccc .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;}.elementor-153264 .elementor-element.elementor-element-da00ccc .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(80deg, #cc24fc 0%, #7800b5 100%);box-shadow:0px 10px 20px 0px rgba(120,0,181,0.25);}.elementor-153264 .elementor-element.elementor-element-da00ccc .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153264 .elementor-element.elementor-element-da00ccc .skill-bar-content{margin-bottom:8px;}.elementor-153264 .elementor-element.elementor-element-da00ccc .skillbar-group .single-skill-bar .number-percentage-wraper,\n                    .elementor-153264 .elementor-element.elementor-element-da00ccc .skillbar-group.pin-style .single-skill-bar .number-percentage-wraper:before{background-color:#7800b5;}.elementor-153264 .elementor-element.elementor-element-da00ccc .skillbar-group .single-skill-bar .number-percentage-wraper:before{color:#7800b5;}.elementor-153264 .elementor-element.elementor-element-e121d5c .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:36px;}.elementor-153264 .elementor-element.elementor-element-e121d5c .skillbar-group .skill-bar{background-color:#EFEFEF;height:10px;}.elementor-153264 .elementor-element.elementor-element-e121d5c .skillbar-group .skill-track{background-color:transparent;background-image:linear-gradient(130deg, #fe8f75 0%, #dd00d6 100%);box-shadow:0px 10px 20px 0px rgba(221,0,214,0.34);}.elementor-153264 .elementor-element.elementor-element-e121d5c .skillbar-group .skill-title{color:#222222;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153264 .elementor-element.elementor-element-e121d5c .skill-bar-content{margin-bottom:8px;}.elementor-153264 .elementor-element.elementor-element-e121d5c .skillbar-group .single-skill-bar .number-percentage-wraper,\n                    .elementor-153264 .elementor-element.elementor-element-e121d5c .skillbar-group.pin-style .single-skill-bar .number-percentage-wraper:before{background-color:#dd00d6;}.elementor-153264 .elementor-element.elementor-element-e121d5c .skillbar-group .single-skill-bar .number-percentage-wraper:before{color:#dd00d6;}@media(min-width:768px){.elementor-153264 .elementor-element.elementor-element-2e3d9da{--content-width:1230px;}.elementor-153264 .elementor-element.elementor-element-d2d6394{--width:45%;}.elementor-153264 .elementor-element.elementor-element-4080366{--width:55%;}}@media(max-width:1024px){.elementor-153264 .elementor-element.elementor-element-2e3d9da{--padding-top:93px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-153264 .elementor-element.elementor-element-2e3d9da{--padding-top:75px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}}<\/style>\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"153264\" class=\"elementor elementor-153264\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e3d9da e-flex e-con-boxed e-con e-parent\" data-id=\"2e3d9da\" data-element_type=\"container\" data-e-type=\"container\" id=\"xs_bar_19\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d2d6394 e-con-full e-flex e-con e-child\" data-id=\"d2d6394\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-784abd9 elementor-widget elementor-widget-elementskit-heading\" data-id=\"784abd9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><h3 class=\"ekit-heading--title elementskit-section-title  ekit-heading__title-has-border start\">Showcase Team Capabilities and Skills<\/h3>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p><span style=\"font-weight: 400\">Sell your agency\u2019s expertise the moment the page loads. Group multiple customized progress bars together to visually display your team's proficiency in coding, design, or marketing.<\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4080366 e-con-full e-flex e-con e-child\" data-id=\"4080366\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-000ad53 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"000ad53\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group style-ribbon\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">WordPress<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"95\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-86c28ad elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"86c28ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group style-ribbon\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">PrestaShop<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"85\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da00ccc elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"da00ccc\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group style-ribbon\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Joomla!<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"90\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e121d5c elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"e121d5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group style-ribbon\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Magento<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"85\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0090166 e-con-full e-flex e-con e-parent\" data-id=\"0090166\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2028dcb elementor-widget elementor-widget-lmc_wid_layout_block\" data-id=\"2028dcb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"lmc_wid_layout_block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-153263 .elementor-element.elementor-element-4d3167c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:113px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-153263 .elementor-element.elementor-element-4d3167c:not(.elementor-motion-effects-element-type-background), .elementor-153263 .elementor-element.elementor-element-4d3167c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#fafafa;}.elementor-153263 .elementor-element.elementor-element-275914d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153263 .elementor-element.elementor-element-c9b631c .ekit-heading__description{max-width:450px;}.elementor-153263 .elementor-element.elementor-element-c9b631c .elementskit-section-title-wraper .elementskit-section-title{color:#222222;margin:0px 0px 16px 0px;font-family:\"Roboto\", Sans-serif;font-size:36px;font-weight:700;line-height:40px;}.elementor-153263 .elementor-element.elementor-element-c9b631c .ekit-heading__title-has-border::before{width:5px;height:100%;top:0px;}.elementor-153263 .elementor-element.elementor-element-c9b631c .ekit-heading__title-has-border{padding-left:23px;}.elementor-153263 .elementor-element.elementor-element-c9b631c .ekit-heading__title-has-border ~ *{padding-left:23px;}.elementor-153263 .elementor-element.elementor-element-c9b631c .ekit-heading__subtitle-has-border{margin-left:23px;}.elementor-153263 .elementor-element.elementor-element-c9b631c .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-153263 .elementor-element.elementor-element-c9b631c .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-153263 .elementor-element.elementor-element-c9b631c .elementskit-section-title-wraper p{color:#5A5A5A;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:400;line-height:24px;margin:0px 0px 30px 0px;}.elementor-153263 .elementor-element.elementor-element-1787c6b{--display:flex;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-153263 .elementor-element.elementor-element-ac39d9d .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153263 .elementor-element.elementor-element-ac39d9d .skillbar-group .skill-bar{background-color:#FF39840D;height:36px;}.elementor-153263 .elementor-element.elementor-element-ac39d9d .skillbar-group .skill-track{background-color:#ff3984;}.elementor-153263 .elementor-element.elementor-element-ac39d9d .skillbar-group .skill-title{color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153263 .elementor-element.elementor-element-ac39d9d .skillbar-group .skill-track > span i{color:#FFFFFF;font-size:16px;}.elementor-153263 .elementor-element.elementor-element-ac39d9d .skillbar-group .skill-track > span svg path{stroke:#FFFFFF;fill:#FFFFFF;}.elementor-153263 .elementor-element.elementor-element-ac39d9d .skillbar-group .skill-track > span svg{max-width:16px;}.elementor-153263 .elementor-element.elementor-element-70d17b6 .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153263 .elementor-element.elementor-element-70d17b6 .skillbar-group .skill-bar{background-color:#4285F40D;height:36px;}.elementor-153263 .elementor-element.elementor-element-70d17b6 .skillbar-group .skill-track{background-color:#4285F4;}.elementor-153263 .elementor-element.elementor-element-70d17b6 .skillbar-group .skill-title{color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153263 .elementor-element.elementor-element-70d17b6 .skillbar-group .skill-track > span i{color:#FFFFFF;font-size:16px;}.elementor-153263 .elementor-element.elementor-element-70d17b6 .skillbar-group .skill-track > span svg path{stroke:#FFFFFF;fill:#FFFFFF;}.elementor-153263 .elementor-element.elementor-element-70d17b6 .skillbar-group .skill-track > span svg{max-width:16px;}.elementor-153263 .elementor-element.elementor-element-bdd317c .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153263 .elementor-element.elementor-element-bdd317c .skillbar-group .skill-bar{background-color:#CC24FC0D;height:36px;}.elementor-153263 .elementor-element.elementor-element-bdd317c .skillbar-group .skill-track{background-color:#CC24FC;}.elementor-153263 .elementor-element.elementor-element-bdd317c .skillbar-group .skill-title{color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153263 .elementor-element.elementor-element-bdd317c .skillbar-group .skill-track > span i{color:#FFFFFF;font-size:16px;}.elementor-153263 .elementor-element.elementor-element-bdd317c .skillbar-group .skill-track > span svg path{stroke:#FFFFFF;fill:#FFFFFF;}.elementor-153263 .elementor-element.elementor-element-bdd317c .skillbar-group .skill-track > span svg{max-width:16px;}.elementor-153263 .elementor-element.elementor-element-170ff39 .skillbar-group .number-percentage-wraper{display:no;color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153263 .elementor-element.elementor-element-170ff39 .skillbar-group .skill-bar{background-color:#00E49A0D;height:36px;}.elementor-153263 .elementor-element.elementor-element-170ff39 .skillbar-group .skill-track{background-color:#00E49A;}.elementor-153263 .elementor-element.elementor-element-170ff39 .skillbar-group .skill-title{color:#FFFFFF;font-family:\"Roboto\", Sans-serif;font-size:16px;font-weight:500;line-height:18px;}.elementor-153263 .elementor-element.elementor-element-170ff39 .skillbar-group .skill-track > span i{color:#FFFFFF;font-size:16px;}.elementor-153263 .elementor-element.elementor-element-170ff39 .skillbar-group .skill-track > span svg path{stroke:#FFFFFF;fill:#FFFFFF;}.elementor-153263 .elementor-element.elementor-element-170ff39 .skillbar-group .skill-track > span svg{max-width:16px;}@media(min-width:768px){.elementor-153263 .elementor-element.elementor-element-4d3167c{--content-width:1230px;}.elementor-153263 .elementor-element.elementor-element-275914d{--width:45%;}.elementor-153263 .elementor-element.elementor-element-1787c6b{--width:55%;}}@media(max-width:1024px){.elementor-153263 .elementor-element.elementor-element-4d3167c{--padding-top:93px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-153263 .elementor-element.elementor-element-4d3167c{--padding-top:75px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}}<\/style>\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"153263\" class=\"elementor elementor-153263\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d3167c e-flex e-con-boxed e-con e-parent\" data-id=\"4d3167c\" data-element_type=\"container\" data-e-type=\"container\" id=\"xs_bar_20\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-275914d e-con-full e-flex e-con e-child\" data-id=\"275914d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9b631c elementor-widget elementor-widget-elementskit-heading\" data-id=\"c9b631c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_left   ekit_heading_tablet-   ekit_heading_mobile-\"><h3 class=\"ekit-heading--title elementskit-section-title  ekit-heading__title-has-border start\">Create Bold, High-Impact Progress Bars<\/h3>\t\t\t\t<div class='ekit-heading__description'>\n\t\t\t\t\t<p><span style=\"font-weight: 400\">Make sure your most important metrics cannot be missed. Easily increase the height of your progress bars for a thick, prominent visual display that commands authority.<\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1787c6b e-con-full e-flex e-con e-child\" data-id=\"1787c6b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac39d9d elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"ac39d9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group inner-content skill-big\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Graphic Design<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                                                    \n                                    <span class=\"skill-track-icon\" >\n                                        <svg class=\"ekit-svg-icon icon-right-arrow\" viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M21.548 5.088c-0.436-0.451-1.162-0.451-1.613 0-0.436 0.436-0.436 1.162 0 1.596l8.177 8.177h-26.984c-0.629 0.001-1.129 0.501-1.129 1.13s0.5 1.145 1.129 1.145h26.984l-8.177 8.162c-0.436 0.451-0.436 1.178 0 1.613 0.451 0.451 1.178 0.451 1.613 0l10.113-10.113c0.451-0.436 0.451-1.162 0-1.596l-10.113-10.114z\"><\/path><\/svg>                                    <\/span>\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"90\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70d17b6 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"70d17b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group inner-content skill-big\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Mention Design<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                                                    \n                                    <span class=\"skill-track-icon\" >\n                                        <svg class=\"ekit-svg-icon icon-right-arrow\" viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M21.548 5.088c-0.436-0.451-1.162-0.451-1.613 0-0.436 0.436-0.436 1.162 0 1.596l8.177 8.177h-26.984c-0.629 0.001-1.129 0.501-1.129 1.13s0.5 1.145 1.129 1.145h26.984l-8.177 8.162c-0.436 0.451-0.436 1.178 0 1.613 0.451 0.451 1.178 0.451 1.613 0l10.113-10.113c0.451-0.436 0.451-1.162 0-1.596l-10.113-10.114z\"><\/path><\/svg>                                    <\/span>\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"80\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bdd317c elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"bdd317c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group inner-content skill-big\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">UI\/UX Design<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                                                    \n                                    <span class=\"skill-track-icon\" >\n                                        <svg class=\"ekit-svg-icon icon-right-arrow\" viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M21.548 5.088c-0.436-0.451-1.162-0.451-1.613 0-0.436 0.436-0.436 1.162 0 1.596l8.177 8.177h-26.984c-0.629 0.001-1.129 0.501-1.129 1.13s0.5 1.145 1.129 1.145h26.984l-8.177 8.162c-0.436 0.451-0.436 1.178 0 1.613 0.451 0.451 1.178 0.451 1.613 0l10.113-10.113c0.451-0.436 0.451-1.162 0-1.596l-10.113-10.114z\"><\/path><\/svg>                                    <\/span>\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"90\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-170ff39 elementor-widget elementor-widget-elementskit-progressbar\" data-id=\"170ff39\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-progressbar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"waypoint-tigger\">\n            <div class=\"skillbar-group inner-content skill-big\" data-progress-bar=\"\">\n                <div class=\"single-skill-bar\">\n                                            <div class=\"skill-bar-content\">\n                            <span class=\"skill-title\">Figma<\/span>\n                        <\/div><!-- .skill-bar-content END -->\n                        <div class=\"skill-bar\">\n                            <div class=\"skill-track\">\n                                                                    \n                                    <span class=\"skill-track-icon\" >\n                                        <svg class=\"ekit-svg-icon icon-right-arrow\" viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M21.548 5.088c-0.436-0.451-1.162-0.451-1.613 0-0.436 0.436-0.436 1.162 0 1.596l8.177 8.177h-26.984c-0.629 0.001-1.129 0.501-1.129 1.13s0.5 1.145 1.129 1.145h26.984l-8.177 8.162c-0.436 0.451-0.436 1.178 0 1.613 0.451 0.451 1.178 0.451 1.613 0l10.113-10.113c0.451-0.436 0.451-1.162 0-1.596l-10.113-10.114z\"><\/path><\/svg>                                    <\/span>\n                                \n                                <div class=\"number-percentage-wraper\">\n                                    <span class=\"number-percentage\" data-value=\"85\" data-animation-duration=\"1500\">0<\/span>%\n\n                                                                    <\/div>\n                            <\/div>\n                        <\/div><!-- .skill-bar END -->\n                                    <\/div><!-- .single-skill-bar END -->\n            <\/div><!-- .skillbar-group END -->\n        <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\r\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\r\n\r\n\t\t\r\n        <ul>\r\n\t\t\t        <\/ul>\r\n    <\/div> \r\n","protected":false},"excerpt":{"rendered":"<p>Display Clean, Minimalist Line Shape Progress Bars Keep your website design sleek and professional. Use the standard linear progress bar to present your data clearly without distracting your visitors from your core sales message. WordPress 0% Joomla! 0% Magento 0% PrestaShop 0% Apply Smooth, Eye-Catching Animations Bring your static numbers to life to hold user [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":59411,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template\/template-widgetdemo.php","meta":{"footnotes":""},"class_list":["post-1254","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/wpmet.com\/plugin\/elementskit\/wp-json\/wp\/v2\/pages\/1254","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmet.com\/plugin\/elementskit\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpmet.com\/plugin\/elementskit\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpmet.com\/plugin\/elementskit\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmet.com\/plugin\/elementskit\/wp-json\/wp\/v2\/comments?post=1254"}],"version-history":[{"count":23,"href":"https:\/\/wpmet.com\/plugin\/elementskit\/wp-json\/wp\/v2\/pages\/1254\/revisions"}],"predecessor-version":[{"id":190649,"href":"https:\/\/wpmet.com\/plugin\/elementskit\/wp-json\/wp\/v2\/pages\/1254\/revisions\/190649"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmet.com\/plugin\/elementskit\/wp-json\/wp\/v2\/media\/59411"}],"wp:attachment":[{"href":"https:\/\/wpmet.com\/plugin\/elementskit\/wp-json\/wp\/v2\/media?parent=1254"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}