{"id":5087,"date":"2020-02-27T18:57:11","date_gmt":"2020-02-27T18:57:11","guid":{"rendered":"https:\/\/unlimited-elements.com\/?page_id=5087"},"modified":"2025-06-17T03:52:00","modified_gmt":"2025-06-17T03:52:00","slug":"border-hero-widget-for-elementor","status":"publish","type":"page","link":"https:\/\/unlimited-elements.com\/border-hero-widget-for-elementor\/","title":{"rendered":"Border Hero Widget for Elementor"},"content":{"rendered":"\t\t<div data-elementor-type=\"page\" data-elementor-id=\"5087\" class=\"elementor elementor-5087\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66dedb2 e-flex e-con-boxed e-con e-parent\" data-id=\"66dedb2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9acf0e9 e-con-full e-flex e-con e-child\" data-id=\"9acf0e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77994b1 elementor-widget elementor-widget-ucaddon_widget_demo_icon\" data-id=\"77994b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_widget_demo_icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Widget Demo Icon -->\n<style>\/* widget: Widget Demo Icon *\/\n\n.ue-icon-wrapper\n{\n  text-align:center;\n}\n#uc_widget_demo_icon_elementor_77994b1\n{\n  margin: 0 auto;\n  width:100px;\n  height:100px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  background-color:white;\n  border-radius:20px;\n  box-shadow:0 10px 20px rgba(0,0,0,0.1);\n  position:relative;\n  overflow:hidden;\n}\n\n#uc_widget_demo_icon_elementor_77994b1 .ue_price_label\n{\n  position:absolute;\n  top: 8px;\n  right: -32px;\n  font-size:8px;\n  color:white;\n  background-color:#4054B2;\n  text-transform:uppercase;\n  padding:2px 0px;\n  border-radius:3px;\n  transform: rotate(45deg);\n  width:100px;\n  text-align:center;\n  box-sizing:border-box;\n  line-height:1.8em;\n  font-weight:600;\n}\n\n#uc_widget_demo_icon_elementor_77994b1 img \n{\n  width:48px;\n  display:block;\n}\n\n<\/style>\n\n<div id=\"uc_widget_demo_icon_elementor_77994b1-wrapper\" class=\"ue-icon-wrapper\">\n<div id=\"uc_widget_demo_icon_elementor_77994b1\">\n  <img decoding=\"async\" src=\"https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/11\/Border-Hero-Widget-for-Elementor.svg\" alt=\"Border Hero Widget for Elementor\" title=\"\">\n  <div class=\"ue_price_label\">FREE<\/div>\n<\/div>\n<\/div>\n<!-- end Widget Demo Icon -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fccb249 elementor-widget elementor-widget-ucaddon_widget_page_bread_crumbs\" data-id=\"fccb249\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_widget_page_bread_crumbs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Widget Page Bread Crumbs -->\n<style>\/* widget: Widget Page Bread Crumbs *\/\n\n#uc_widget_page_bread_crumbs_elementor_fccb249 ul {\n    list-style: none;\n    display: flex;\n    padding: 0;\n    margin: 0;\n    font-size: 14px;\n}\n\n#uc_widget_page_bread_crumbs_elementor_fccb249 ul li\n{\n  display:inline-block;\n}\n\n#uc_widget_page_bread_crumbs_elementor_fccb249 .ue_breadcrumbs__divider {\n    margin-right:7px;\n    margin-left:5px;\n  \t\n}\n#uc_widget_page_bread_crumbs_elementor_fccb249 .ue_breadcrumbs__link,\n#uc_widget_page_bread_crumbs_elementor_fccb249 .ue_breadcrumbs__text {\n\n}\n\n#uc_widget_page_bread_crumbs_elementor_fccb249 ul a:hover\n{\n  text-decoration:underline;\n}\n\n.uc-breadcrumbs-error {\n  color: red;\n}\n\n<\/style>\n\n\n  <div class=\"uc-breadcrumbs-error\">Breadcrumbs Error: Page Slug Not found<\/div>\n\n<!-- end Widget Page Bread Crumbs -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-759e956 main-title elementor-widget elementor-widget-heading\" data-id=\"759e956\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Border Hero\n<span>\nWidget for Elementor\n<\/span><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d07455b elementor-widget elementor-widget-ucaddon_blox_btn_group\" data-id=\"d07455b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_blox_btn_group.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Button Group -->\n\t\t<link id='font-awesome-css' data-debloat-delay='' data-href='https:\/\/unlimited-elements.com\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' media='all' >\n\t\t<link id='font-awesome-4-shim-css' data-debloat-delay='' data-href='https:\/\/unlimited-elements.com\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-v4-shims.min.css' type='text\/css' rel='stylesheet' media='all' >\n\n<style>\/* widget: Button Group *\/\n\n#uc_blox_btn_group_elementor_d07455b\n{\n  display:flex;\n  flex-wrap: wrap;\n}\n\n#uc_blox_btn_group_elementor_d07455b a\n{\n  display:block;\n  text-decoration:none;\n  transition:0.3s;\n\n}\n\n#uc_blox_btn_group_elementor_d07455b .blox_btn_group_inner\n{\n  display:inline-flex;\n  align-items:center;\n}\n\n#uc_blox_btn_group_elementor_d07455b .blox_btn_group_inner .ue-btn-icon\n{\n  line-height:1em;\n}\n\n#uc_blox_btn_group_elementor_d07455b .blox_btn_group_inner .ue-btn-icon svg\n{\n  height:1em;\n  width:1em;\n}\n\n<\/style>\n\n<div id=\"uc_blox_btn_group_elementor_d07455b\" class=\"blox_btn_group uc-items-wrapper \" >\n  <a class=\"elementor-repeater-item-8b74d58 \" href=\"#widget-demo\" id=\"uc_blox_btn_group_elementor_d07455b_item1\" >\n  <div class=\"blox_btn_group_inner\">\n        <div class=\"ue-btn-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\"><g transform=\"translate(0, 0)\"><path fill=\"none\" stroke=\"#444444\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"M0.5,8  c0,0,3-5.5,7.5-5.5S15.5,8,15.5,8s-3,5.5-7.5,5.5S0.5,8,0.5,8z\"><\/path><circle data-color=\"color-2\" fill=\"none\" stroke=\"#444444\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" cx=\"8\" cy=\"8\" r=\"2.5\"><\/circle><\/g><\/svg><\/div>\n        <div class=\"ue-btn-txt\">Demo<\/div>\n  <\/div>\n<\/a>\n<a class=\"elementor-repeater-item-c235f11 \" href=\"https:\/\/unlimited-elements.com\/docs\/border-hero-widget-for-elementor\/\" id=\"uc_blox_btn_group_elementor_d07455b_item2\" >\n  <div class=\"blox_btn_group_inner\">\n        <div class=\"ue-btn-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M14.5 0.5H1.5V15.5H14.5V0.5Z\" stroke=\"#444444\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M4.5 3.5H11.5\" stroke=\"#3E3FF0\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M4.5 6.5H11.5\" stroke=\"#3E3FF0\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M4.5 9.5H11.5\" stroke=\"#3E3FF0\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M4.5 12.5H7.5\" stroke=\"#3E3FF0\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/div>\n        <div class=\"ue-btn-txt\">Documentation<\/div>\n  <\/div>\n<\/a>\n\n  \n\n\n<\/div>\n<!-- end Button Group -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4bde091 elementor-widget elementor-widget-text-editor\" data-id=\"4bde091\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The Border Hero widget for Elementor allows you to easily craft eye-catching hero sections with bold border styles, adding instant impact to your web design projects.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d50513d elementor-widget elementor-widget-button\" data-id=\"d50513d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/unlimited-elements.com\/pricing\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Buy Now<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\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-70af5dd e-con-full e-flex e-con e-child\" data-id=\"70af5dd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d77a78 elementor-widget elementor-widget-image\" data-id=\"0d77a78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2030\" height=\"1582\" src=\"https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/08\/Border-Hero.png\" class=\"attachment-full size-full wp-image-157511\" alt=\"Border Hero\" srcset=\"https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/08\/Border-Hero.png 2030w, https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/08\/Border-Hero-300x234.png 300w, https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/08\/Border-Hero-1024x798.png 1024w, https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/08\/Border-Hero-768x599.png 768w, https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/08\/Border-Hero-1536x1197.png 1536w, https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/08\/Border-Hero-360x281.png 360w, https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/08\/Border-Hero-600x468.png 600w\" sizes=\"(max-width: 2030px) 100vw, 2030px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\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<div class=\"elementor-element elementor-element-ef9d166 e-con-full e-flex e-con e-parent\" data-id=\"ef9d166\" data-element_type=\"container\" data-e-type=\"container\" id=\"widget-demo\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7668c8b elementor-widget elementor-widget-ucaddon_demos_viewer\" data-id=\"7668c8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_demos_viewer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start UE Demos Viewer -->\n\n<style>\/* widget: UE Demos Viewer *\/\n\n#uc_demos_viewer_elementor_7668c8b{\n    height: calc(100vh - 78px);\n  }\n\n#uc_demos_viewer_elementor_7668c8b .ue-tempalte-viewer-inner{\n  display:flex;\n  height: 100%;\n  overflow: hidden;\n}\n\n\/* side navigation *\/\n#uc_demos_viewer_elementor_7668c8b .ue-tempalte-viewer-nav-container{\n  overflow-y: auto;\n  flex: 0 0 auto;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-side-navigation{\n  display: grid;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-item{\n  cursor: pointer;\n  transition: all .3s ease-out;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-item-title{\n  transition: all .3s ease-out;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-item-image{\n  position: relative;\n  z-index: 4;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-item-image-badge{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  z-index: 3;\n  top: -5px;\n  right: -5px;\n  opacity: 0;\n  transition: all .3s ease-out;\n  animation: pulse 2s infinite;\n}\n\n#uc_demos_viewer_elementor_7668c8b.uc-iframe-loaded .ue-template-viewer-item-image-badge{\n  animation-name: unset;\n}\n\n@keyframes pulse {\n  0% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.2);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-item-image-loader{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  position: absolute;\n  z-index: 0;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 25px;\n  height: 25px;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-item-image-loader svg{\n  width: 100%;\n  height: 100%;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-item.uc-item-active .ue-template-viewer-item-image-badge{\n  opacity: 1;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-item-image img{\n  position: relative;\n  z-index: 2;\n  object-fit: cover;\n  object-position: top;\n  display: block;\n  transition: all .3s ease-out;\n  aspect-ratio: 4 \/ 3;\n}\n\/* end side navigation *\/\n\n\/* top navigation *\/\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-top-navigation{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-arrows-share-button-container{\n  position: absolute;\n  z-index: 1;\n  top: 50%;\n  left: 15px;\n  transform: translate(0, -50%);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 21px;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-arrows{\n  display: flex;  \n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-arrow{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  line-height: 1em;\n  cursor: pointer;\n  transition: all .3s ease-out;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-share-button{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-window-size-container{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-window-size-item{\n  cursor: pointer;\n  transition: all .3s ease-out;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-buttons-container{\n  position: absolute;\n  z-index: 1;\n  top: 50%;\n  right: 20px;\n  transform: translate(0, -50%);\n  display: flex;\n  gap: 10px;\n  align-items: center; \n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-buy-button,\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-copy-button,\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-new-tab-button{\n  cursor: pointer;\n  transition: all .3s ease-out;\n  display: flex;\n  justify-content: center;\n  align-items: center;  \n  font-size: 14px;\n  line-height: 1.8em;\n  position: relative;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-copy-button-icon,\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-copy-button-text{ \n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all .1s ease-out;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-copy-button-icon{  \n  flex-shrink: 0;\n  width: 34px;\n  height: 35px;\n  border-top-left-radius: inherit;\n  border-bottom-left-radius: inherit;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-copy-button-text{\n  width: 64px;\n  height: 35px;\n  border-top-right-radius: inherit;\n  border-bottom-right-radius: inherit;\n  color: #ffffff;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-copy-button.uc-hover .ue-template-viewer-copy-button-icon.regular{\n  display: none;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-copy-button.uc-hover .ue-template-viewer-copy-button-icon.hover{\n  display: flex !important;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-copy-button.uc-loading .ue-template-viewer-copy-button-icon.regular,\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-copy-button.uc-loading .ue-template-viewer-copy-button-text.regular,\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-copy-button.uc-loading .ue-template-viewer-copy-button-icon.hover{\n  display: none !important;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-copy-button.uc-loading .ue-template-viewer-copy-button-icon.loading,\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-copy-button.uc-loading .ue-template-viewer-copy-button-text.loading{\n  display: flex !important;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-copy-button.uc-success .ue-template-viewer-copy-button-icon.regular,\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-copy-button.uc-success .ue-template-viewer-copy-button-text.regular,\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-copy-button.uc-success .ue-template-viewer-copy-button-icon.hover,\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-copy-button.uc-success .ue-template-viewer-copy-button-icon.loading,\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-copy-button.uc-success .ue-template-viewer-copy-button-text.loading{\n  display: none !important;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-copy-button.uc-success .ue-template-viewer-copy-button-icon.success,\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-copy-button.uc-success .ue-template-viewer-copy-button-text.success{\n  display: flex !important;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-copy-button-info{\n  position: absolute;\n  width: 190px;\n  padding: 15px;\n  border-radius: 8px;\n  background-color: #333333;\n  color: #ffffff;\n  font-size: 12px;\n  line-height: 18px;  \n  left: 34px;\n  top: 100%;\n  transform: translate(-100%, 10px);\n  opacity: 0;\n  pointer-events: none;\n  visibility: hidden;\n  transition: all .3s ease-out;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-copy-button-info-text-doubly-link{\n  color: #FF0085;\n  text-decoration: underline;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-copy-button-info-text-wp-link{\n  color: #ffffff;\n  text-decoration: underline;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-copy-button-info::before{\n  content: \"\";\n  position: absolute;\n  border: 10px solid #333333;\n  border-right-color: transparent;\n  border-top-color: transparent;\n  border-left-color: transparent;\n  transform: translate(0, calc(-100% + 1px));\n  right: 10px;\n  top: 0;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-copy-button.uc-info .ue-template-viewer-copy-button-info{\n  opacity: 1;\n  pointer-events: all;\n  visibility: visible;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-new-tab-button{\n  padding: 10px;\n  border-radius: 4px;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-new-tab-button:hover{\n  background-color: #E9EBF1;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-share-container{ \n  position: relative;\n  pointer-events: none;\n}\n\n#uc_demos_viewer_elementor_7668c8b.uc-iframe-loaded .ue-template-viewer-share-container{\n  pointer-events: all;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-share-list{\n  position: absolute;\n  width: 135px;\n  background-color: #fff;\n  box-shadow: 0px 4px 30px #0000001A;\n  top: 100%;\n  left: 0;\n  z-index: 1;\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  transition: all .3s ease;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-share-list.uc-hover{\n  opacity: 1;\n  visibility: visible;\n  pointer-events: all;\n  transform: translate(0, 12px);\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-share-list-item{\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  padding: 4px 8px;\n  gap: 10px;\n  transition: all .3s ease;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-share-list-item:hover{\n  background-color: #E9EBF1;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-share-list-item-icon{\n  flex-shrink: 0;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-share-list-item-text{\n  font-size: 14px;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-share-button{\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 5px 15px;\n  background-color: #E9EBF1;\n  color: #000000;\n  font-size: 14px;\n  line-height: 1.8em;\n  border: 0;\n  border-radius: 100px;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-share-button-icon{\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\/* end top navigation *\/\n\n\/* frame *\/\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-frame-wrapper{\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-frame-container{\n  margin: 0px auto;\n  width: 100%;\n  height: calc(100% - 58px);\n  display: flex;\n  flex-direction: column;\n  will-change: width, margin, height;\n  transition: all .6s ease-in-out;\n  position: relative;\n  }\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-frame{\n  height: 100%;\n  user-select: none;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-frame-container.tablet{\n  width: 768px;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-frame-container.phone{\n  width: 360px;\n  height: 667px;\n}\n\n#uc_demos_viewer_elementor_7668c8b .ue-template-viewer-frame-loader{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n#uc_demos_viewer_elementor_7668c8b .viewer-frame-loader-image{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n#uc_demos_viewer_elementor_7668c8b.uc-iframe-loaded .ue-template-viewer-frame-loader{\n  display: none;\n  }\n\/* end frame *\/\n\n\/* media queries *\/\n@media screen and (max-width: 1024px) {\n  \n  \/* top navigation *\/\n  #uc_demos_viewer_elementor_7668c8b .ue-template-viewer-copy-button{\n    display: none;\n  }\n  \/* end top navigation *\/\n  \n}\n\n@media screen and (max-width: 767px) {\n  \n  #uc_demos_viewer_elementor_7668c8b{\n    height: calc(100vh - 78px);\n  }\n  \n  #uc_demos_viewer_elementor_7668c8b .ue-tempalte-viewer-inner{\n    flex-direction: column-reverse;\n  }\n  \n  \/* side navigation *\/\n  #uc_demos_viewer_elementor_7668c8b .ue-template-viewer-top-title{\n  \tdisplay: none;\n  }\n  \n  #uc_demos_viewer_elementor_7668c8b .ue-template-viewer-item{\n  \tflex: 0 0 auto;\n    pointer-events: all;\n  }\n  \n  #uc_demos_viewer_elementor_7668c8b .ue-template-viewer-side-navigation{\n  \tdisplay: flex;\n  }\n  \n  #uc_demos_viewer_elementor_7668c8b .ue-template-viewer-item-title{\n    display: none;\n  }\n  \/* end side navigation *\/\n  \n  \/* top navigation *\/\n  #uc_demos_viewer_elementor_7668c8b .ue-template-viewer-window-size-container{\n  \tdisplay: none;\n  }\n  \n  #uc_demos_viewer_elementor_7668c8b .ue-template-viewer-top-navigation{\n    justify-content: space-between;\n    padding: 10px;\n  }\n  \n  #uc_demos_viewer_elementor_7668c8b .ue-template-viewer-arrows-share-button-container{\n    position: static;\n    transform: translate(0, 0);\n    flex-direction: row-reverse;\n    width: 50%;\n    max-width: 50%;\n    gap: 0;\n  }\n  \n  #uc_demos_viewer_elementor_7668c8b .ue-template-viewer-arrows{\n    position: relative;\n    z-index: 1;\n    transform: translate(0, 0);\n    margin-right: -43px;\n  }\n  \n  #uc_demos_viewer_elementor_7668c8b .ue-template-viewer-buttons-container{\n    position: static;\n    transform: translate(0, 0);\n    width: 50%;\n    max-width: 50%;\n    justify-content: end;\n    z-index: 0;\n  }\n  \n  #uc_demos_viewer_elementor_7668c8b .ue-template-viewer-new-tab-button{\n    display: none;\n  }\n  \n  #uc_demos_viewer_elementor_7668c8b .ue-template-viewer-share-button{\n    gap: 5px;\n  }\n  \n  \/* end top navigation *\/\n  \n  \/* iframe holder *\/\n  \n  \/* end iframe holder *\/\n  \n}\n\/* end media queries *\/\n\n<\/style>\n\n\n<div id=\"uc_demos_viewer_elementor_7668c8b\" class=\"ue-template-viewer-wrapper doubly-disable-copy-section\">\n  \n  <div class=\"ue-tempalte-viewer-inner\">\n    \n    <div class=\"ue-tempalte-viewer-nav-container\">\n      <div class=\"ue-template-viewer-top-title\">Choose Template<\/div>\n      <div class=\"ue-template-viewer-side-navigation\">      \n                    \n<div class=\"ue-template-viewer-item\" data-id=\"154297\" data-post-link=\"https:\/\/unlimited-elements.com\/ue_templates\/border-hero-for-a-bar\/\">\n  \t<div class=\"ue-template-viewer-item-image\">\n      \t<div class=\"ue-template-viewer-item-image-badge\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"9\" height=\"7\" viewBox=\"0 0 9 7\" fill=\"none\"><path d=\"M2.795 5.29L0.71 3.205L0 3.91L2.795 6.705L8.795 0.705L8.09 0L2.795 5.29Z\" fill=\"white\"><\/path><\/svg><\/div>\n      \t<div class=\"ue-template-viewer-item-image-loader\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 32 32\"><g stroke-width=\"1\" transform=\"translate(0.5, 0.5)\"><g class=\"nc-loop-circle-3-32-icon-o\" stroke-width=\"1\"><path d=\"M29.752 22A15.008 15.008 0 1 1 31 16\" fill=\"none\" stroke=\"#69ADFF\" stroke-miterlimit=\"10\" stroke-width=\"1\"><\/path><\/g><style stroke-width=\"1\">.nc-loop-circle-3-32-icon-o{--animation-duration:0.7s;transform-origin:16px 16px;animation:nc-loop-circle-3-anim var(--animation-duration) infinite linear}@keyframes nc-loop-circle-3-anim{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}<\/style><\/g><\/svg><\/div>\n    \t<img decoding=\"async\" class=\"ue-template-viewer-item-image-element\" src=\"https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/04\/Post-Carousel-with-Cocktail-Posts.jpg\" alt=\"Post Carousel with Cocktail Posts\" width=\"800\" height=\"600\" title=\"\">\n  \t<\/div>\n\t<div class=\"ue-template-viewer-item-title\">Border Hero for a Bar<\/div>\n<\/div>\n\n<div class=\"ue-template-viewer-item\" data-id=\"154296\" data-post-link=\"https:\/\/unlimited-elements.com\/ue_templates\/border-hero-with-an-action-button\/\">\n  \t<div class=\"ue-template-viewer-item-image\">\n      \t<div class=\"ue-template-viewer-item-image-badge\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"9\" height=\"7\" viewBox=\"0 0 9 7\" fill=\"none\"><path d=\"M2.795 5.29L0.71 3.205L0 3.91L2.795 6.705L8.795 0.705L8.09 0L2.795 5.29Z\" fill=\"white\"><\/path><\/svg><\/div>\n      \t<div class=\"ue-template-viewer-item-image-loader\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 32 32\"><g stroke-width=\"1\" transform=\"translate(0.5, 0.5)\"><g class=\"nc-loop-circle-3-32-icon-o\" stroke-width=\"1\"><path d=\"M29.752 22A15.008 15.008 0 1 1 31 16\" fill=\"none\" stroke=\"#69ADFF\" stroke-miterlimit=\"10\" stroke-width=\"1\"><\/path><\/g><style stroke-width=\"1\">.nc-loop-circle-3-32-icon-o{--animation-duration:0.7s;transform-origin:16px 16px;animation:nc-loop-circle-3-anim var(--animation-duration) infinite linear}@keyframes nc-loop-circle-3-anim{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}<\/style><\/g><\/svg><\/div>\n    \t<img decoding=\"async\" class=\"ue-template-viewer-item-image-element\" src=\"https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/05\/Remote-Tabs-with-a-Content-Slider.jpg\" alt=\"Remote Tabs with a Content Slider\" width=\"800\" height=\"600\" title=\"\">\n  \t<\/div>\n\t<div class=\"ue-template-viewer-item-title\">Border Hero with an Action...<\/div>\n<\/div>\n\n<div class=\"ue-template-viewer-item\" data-id=\"154295\" data-post-link=\"https:\/\/unlimited-elements.com\/ue_templates\/border-hero-with-custom-fonts\/\">\n  \t<div class=\"ue-template-viewer-item-image\">\n      \t<div class=\"ue-template-viewer-item-image-badge\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"9\" height=\"7\" viewBox=\"0 0 9 7\" fill=\"none\"><path d=\"M2.795 5.29L0.71 3.205L0 3.91L2.795 6.705L8.795 0.705L8.09 0L2.795 5.29Z\" fill=\"white\"><\/path><\/svg><\/div>\n      \t<div class=\"ue-template-viewer-item-image-loader\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 32 32\"><g stroke-width=\"1\" transform=\"translate(0.5, 0.5)\"><g class=\"nc-loop-circle-3-32-icon-o\" stroke-width=\"1\"><path d=\"M29.752 22A15.008 15.008 0 1 1 31 16\" fill=\"none\" stroke=\"#69ADFF\" stroke-miterlimit=\"10\" stroke-width=\"1\"><\/path><\/g><style stroke-width=\"1\">.nc-loop-circle-3-32-icon-o{--animation-duration:0.7s;transform-origin:16px 16px;animation:nc-loop-circle-3-anim var(--animation-duration) infinite linear}@keyframes nc-loop-circle-3-anim{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}<\/style><\/g><\/svg><\/div>\n    \t<img loading=\"lazy\" decoding=\"async\" class=\"ue-template-viewer-item-image-element\" src=\"https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/05\/Icon-Bullets-with-Remote-Information-Card.jpg\" alt=\"Icon Bullets with Remote Information Card\" width=\"800\" height=\"600\" title=\"\">\n  \t<\/div>\n\t<div class=\"ue-template-viewer-item-title\">Border Hero with Custom...<\/div>\n<\/div>\n\n<div class=\"ue-template-viewer-item\" data-id=\"154294\" data-post-link=\"https:\/\/unlimited-elements.com\/ue_templates\/border-hero-for-a-restaurant\/\">\n  \t<div class=\"ue-template-viewer-item-image\">\n      \t<div class=\"ue-template-viewer-item-image-badge\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"9\" height=\"7\" viewBox=\"0 0 9 7\" fill=\"none\"><path d=\"M2.795 5.29L0.71 3.205L0 3.91L2.795 6.705L8.795 0.705L8.09 0L2.795 5.29Z\" fill=\"white\"><\/path><\/svg><\/div>\n      \t<div class=\"ue-template-viewer-item-image-loader\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 32 32\"><g stroke-width=\"1\" transform=\"translate(0.5, 0.5)\"><g class=\"nc-loop-circle-3-32-icon-o\" stroke-width=\"1\"><path d=\"M29.752 22A15.008 15.008 0 1 1 31 16\" fill=\"none\" stroke=\"#69ADFF\" stroke-miterlimit=\"10\" stroke-width=\"1\"><\/path><\/g><style stroke-width=\"1\">.nc-loop-circle-3-32-icon-o{--animation-duration:0.7s;transform-origin:16px 16px;animation:nc-loop-circle-3-anim var(--animation-duration) infinite linear}@keyframes nc-loop-circle-3-anim{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}<\/style><\/g><\/svg><\/div>\n    \t<img loading=\"lazy\" decoding=\"async\" class=\"ue-template-viewer-item-image-element\" src=\"https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/05\/Content-Slider-with-a-Remote-Bullets-Set.jpg\" alt=\"Content Slider with a Remote Bullets Set\" width=\"800\" height=\"600\" title=\"\">\n  \t<\/div>\n\t<div class=\"ue-template-viewer-item-title\">Border Hero for a Restau...<\/div>\n<\/div>\n\n              <\/div>\n    <\/div>\n\n    <div class=\"ue-template-viewer-frame-wrapper\">   \n      \n      <div class=\"ue-template-viewer-frame-loader\">\n      \t<div class=\"ue-template-viewer-frame-loader-text\">Loading...<\/div>                <div class=\"ue-template viewer-frame-loader-image\">\n          \t\n          \t\n          \t\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 32 32\"><g stroke-width=\"1\" transform=\"translate(0.5, 0.5)\"><g class=\"nc-loop-dots-3-32-icon-o\" stroke-width=\"1\"><circle cx=\"4\" cy=\"16\" fill=\"none\" r=\"3\" stroke=\"#69ADFF\" stroke-linecap=\"square\" stroke-miterlimit=\"10\" stroke-width=\"1\" stroke-linejoin=\"miter\"><\/circle><circle cx=\"16\" cy=\"16\" fill=\"none\" r=\"3\" stroke=\"#69ADFF\" stroke-linecap=\"square\" stroke-miterlimit=\"10\" stroke-width=\"1\" data-color=\"color-2\" stroke-linejoin=\"miter\"><\/circle><circle cx=\"28\" cy=\"16\" fill=\"none\" r=\"3\" stroke=\"#69ADFF\" stroke-linecap=\"square\" stroke-miterlimit=\"10\" stroke-width=\"1\" stroke-linejoin=\"miter\"><\/circle><\/g><style stroke-width=\"1\">.nc-loop-dots-3-32-icon-o>*{--animation-duration:0.8s;transform-origin:50% 50%;animation:nc-loop-dots-3-anim var(--animation-duration) infinite}.nc-loop-dots-3-32-icon-o>:nth-child(2){animation-delay:.1s}.nc-loop-dots-3-32-icon-o>:nth-child(3){animation-delay:.2s}@keyframes nc-loop-dots-3-anim{0%,100%,60%{transform:translateY(0)}30%{transform:translateY(20%)}}<\/style><\/g><\/svg>\t\n          \t\n          \t\n          \t\n          \t\n          \t\n          \t\n\n                  <\/div>\n              <\/div>  \n      \n      <div class=\"ue-template-viewer-top-navigation\">\n\n        <div class=\"ue-template-viewer-arrows-share-button-container\">\n          \n                    <div class=\"ue-template-viewer-arrows\">\n            <div class=\"ue-template-viewer-arrow ue-template-viewer-arrow-prev\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M21.5 12.5H1.5\" stroke=\"#444444\" stroke-miterlimit=\"10\"><\/path><path d=\"M8.5 5.5L1.5 12.5L8.5 19.5\" stroke=\"#444444\" stroke-miterlimit=\"10\" stroke-linecap=\"square\"><\/path><\/svg><\/div>\n            <div class=\"ue-template-viewer-arrow ue-template-viewer-arrow-next\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M2.5 12.5H22.5\" stroke=\"#444444\" stroke-miterlimit=\"10\"><\/path><path d=\"M15.5 5.5L22.5 12.5L15.5 19.5\" stroke=\"#444444\" stroke-miterlimit=\"10\" stroke-linecap=\"square\"><\/path><\/svg><\/div>\n          <\/div>\n          \n          <div class=\"ue-template-viewer-share-container\">\n            <button class=\"ue-template-viewer-share-button\">\n              <span class=\"ue-template-viewer-share-button-text\">Share<\/span>\n              <span class=\"ue-template-viewer-share-button-icon\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 19 19\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10.6875 15.4375V11.4792C5.14583 11.4792 4.03275 12.5677 1.1875 16.2292C1.1875 8.47084 6.25417 6.72918 10.6875 6.72918V2.77084L18.2083 9.10418L10.6875 15.4375Z\" stroke=\"#444444\" stroke-miterlimit=\"10\" stroke-linecap=\"square\"\/><\/svg><\/span>\n            <\/button>\n            <div class=\"ue-template-viewer-share-list\">\n              <div class=\"ue-template-viewer-share-list-item\" data-link-type=\"facebook\">\n                <span class=\"ue-template-viewer-share-list-item-icon\"><svg width=\"15\" height=\"14\" viewBox=\"0 0 15 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M13.6364 0H1.36364C0.610227 0 0 0.569545 0 1.27273V12.7273C0 13.4305 0.610227 14 1.36364 14H8.18182V8.27273H6.13636V6.36364H8.18182V5.33845C8.18182 3.39755 9.195 2.54545 10.9234 2.54545C11.7511 2.54545 12.1889 2.60273 12.3961 2.62882V4.45455H11.2173C10.4836 4.45455 10.2273 4.816 10.2273 5.54782V6.36364H12.3777L12.0859 8.27273H10.2273V14H13.6364C14.3898 14 15 13.4305 15 12.7273V1.27273C15 0.569545 14.3891 0 13.6364 0Z\" fill=\"black\"\/><\/svg><\/span>\n                <span class=\"ue-template-viewer-share-list-item-text\">Facebook<\/span>\n              <\/div>\n              <div class=\"ue-template-viewer-share-list-item\" data-link-type=\"twitter\">\n                <span class=\"ue-template-viewer-share-list-item-icon\"><svg width=\"15\" height=\"14\" viewBox=\"0 0 15 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1.36364 0C0.610227 0 0 0.569545 0 1.27273V12.7273C0 13.4305 0.610227 14 1.36364 14H13.6364C14.3898 14 15 13.4305 15 12.7273V1.27273C15 0.569545 14.3898 0 13.6364 0H1.36364ZM3.16939 3.18182H6.31348L8.14853 5.63033L10.419 3.18182H11.4085L8.59331 6.22443L12.037 10.8182H8.89293L6.8568 8.10121L4.3426 10.8182H3.33718L6.40936 7.50586L3.16939 3.18182ZM4.69016 3.93501L9.2951 10.0613H10.5149L5.90865 3.93501H4.69016Z\" fill=\"black\"\/><\/svg><\/span>\n                <span class=\"ue-template-viewer-share-list-item-text\">X<\/span>\n              <\/div>\n              <div class=\"ue-template-viewer-share-list-item\" data-link-type=\"whatsapp\">\n                <span class=\"ue-template-viewer-share-list-item-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M8 0C3.582 0 0 3.582 0 8C0 9.50081 0.421561 10.9 1.14062 12.1003L0.0716146 16L4.05469 14.9544C5.21957 15.6167 6.56433 16 8 16C12.418 16 16 12.418 16 8C16 3.582 12.418 0 8 0ZM5.26172 4.26823C5.39172 4.26823 5.52529 4.26744 5.64063 4.27344C5.78329 4.27677 5.93857 4.28722 6.08724 4.61589C6.26391 5.00655 6.64858 5.9866 6.69792 6.08594C6.74725 6.18527 6.78221 6.30229 6.71354 6.43229C6.64821 6.56563 6.61423 6.64632 6.51823 6.76432C6.4189 6.87899 6.31005 7.02141 6.22005 7.10807C6.12072 7.20741 6.01815 7.31632 6.13281 7.51432C6.24748 7.71232 6.64571 8.36142 7.23437 8.88542C7.99104 9.56142 8.62946 9.76916 8.82812 9.86849C9.02679 9.96782 9.14184 9.95234 9.25651 9.81901C9.37451 9.68901 9.75208 9.24294 9.88542 9.04427C10.0154 8.8456 10.1481 8.87998 10.3281 8.94531C10.5108 9.01065 11.4849 9.49051 11.6836 9.58984C11.8823 9.68918 12.0125 9.73834 12.0625 9.81901C12.1138 9.90234 12.1139 10.2991 11.9492 10.7617C11.7846 11.2237 10.9759 11.6705 10.6133 11.7018C10.2473 11.7358 9.90571 11.8663 8.23438 11.2083C6.21838 10.4143 4.94699 8.34948 4.84766 8.21615C4.74832 8.08615 4.04036 7.1426 4.04036 6.16927C4.04036 5.1926 4.55244 4.71429 4.73177 4.51562C4.91444 4.31696 5.12839 4.26823 5.26172 4.26823Z\" fill=\"black\"\/><\/svg><\/span>\n                <span class=\"ue-template-viewer-share-list-item-text\">WhatsApp<\/span>\n              <\/div>\n              <div class=\"ue-template-viewer-share-list-item\" data-link-type=\"link\">\n                <span class=\"ue-template-viewer-share-list-item-icon\"><svg width=\"14\" height=\"16\" viewBox=\"0 0 14 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 4H1C0.4 4 0 4.4 0 5V15C0 15.6 0.4 16 1 16H9C9.6 16 10 15.6 10 15V5C10 4.4 9.6 4 9 4Z\" fill=\"black\"\/><path d=\"M13 0H3V2H12V13H14V1C14 0.4 13.6 0 13 0Z\" fill=\"black\"\/><\/svg><\/span>\n                <span class=\"ue-template-viewer-share-list-item-text\">Copy Link<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n          \n        <\/div>  \n\n        <div class=\"ue-template-viewer-window-size-container\">\n          <div class=\"ue-template-viewer-window-size-item ue-template-viewer-window-size-item--desktop uc-item-active\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17\" height=\"15\" viewBox=\"0 0 17 15\" fill=\"none\"><path d=\"M8.5 13.9563V12.1054\" stroke=\"#444444\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M4 13.9563H13\" stroke=\"#444444\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M16 1H1V10.2545H16V1Z\" stroke=\"#444444\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/div>\n          <div class=\"ue-template-viewer-window-size-item ue-template-viewer-window-size-item--tablet \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"16\" viewBox=\"0 0 15 16\" fill=\"none\"><path d=\"M3 12.1054H12\" stroke=\"#444444\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M13 1H2C1.44772 1 1 1.41434 1 1.92545V13.9563C1 14.4674 1.44772 14.8817 2 14.8817H13C13.5523 14.8817 14 14.4674 14 13.9563V1.92545C14 1.41434 13.5523 1 13 1Z\" stroke=\"#444444\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/div>\n          <div class=\"ue-template-viewer-window-size-item ue-template-viewer-window-size-item--mobile \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13\" height=\"16\" viewBox=\"0 0 13 16\" fill=\"none\"><path d=\"M11 1H2C1.44772 1 1 1.41434 1 1.92545V13.9563C1 14.4674 1.44772 14.8817 2 14.8817H11C11.5523 14.8817 12 14.4674 12 13.9563V1.92545C12 1.41434 11.5523 1 11 1Z\" stroke=\"#444444\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M6.5 12.5681C7.05228 12.5681 7.5 12.1538 7.5 11.6427C7.5 11.1316 7.05228 10.7172 6.5 10.7172C5.94772 10.7172 5.5 11.1316 5.5 11.6427C5.5 12.1538 5.94772 12.5681 6.5 12.5681Z\" fill=\"#444444\"><\/path><\/svg><\/div>\n        <\/div>  \n        \n        <div class=\"ue-template-viewer-buttons-container\">\n          <a class=\"ue-template-viewer-new-tab-button\" href=\"\" target=\"_blank\" title=\"Open Selected Template in New Tab\"><svg width=\"18\" height=\"17\" viewBox=\"0 0 18 17\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 17V7.54547\" stroke=\"#444444\" stroke-miterlimit=\"10\"\/><path d=\"M11.9095 10.4546L9.0004 7.54547L6.09131 10.4546\" stroke=\"#444444\" stroke-miterlimit=\"10\" stroke-linecap=\"square\"\/><path d=\"M3.18182 12.6364H2.45455C2.06878 12.6364 1.69881 12.4831 1.42603 12.2103C1.15325 11.9376 1 11.5676 1 11.1818V2.45455C1 2.06878 1.15325 1.69881 1.42603 1.42603C1.69881 1.15325 2.06878 1 2.45455 1H15.5455C15.9312 1 16.3012 1.15325 16.574 1.42603C16.8468 1.69881 17 2.06878 17 2.45455V11.1818C17 11.5676 16.8468 11.9376 16.574 12.2103C16.3012 12.4831 15.9312 12.6364 15.5455 12.6364H14.8182\" stroke=\"#444444\" stroke-miterlimit=\"10\" stroke-linecap=\"square\"\/><path d=\"M1 3.90906H17\" stroke=\"#444444\" stroke-miterlimit=\"10\" stroke-linecap=\"square\"\/><\/svg><\/a>\n                    \t<div class=\"ue-template-viewer-copy-button\">\n              <span class=\"ue-template-viewer-copy-button-icon regular\"><svg width=\"20\" height=\"17\" viewBox=\"0 0 20 17\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><g clip-path=\"url(#clip0_7473_257)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.7951 3.44048L20 13.8218L9.53146 17L8.01939 12.1023L7.78876 11.3555L7.55826 10.6088L6.32654 6.6187L10.5007 5.35144L11.2537 5.12286L12.0069 4.89413L16.7951 3.44048ZM10.3954 0L11.5306 3.70279L10.0349 4.16008L9.35767 1.95082L1.95348 4.21458L4.22032 11.6087L6.28296 10.978L6.51186 11.7248L6.74074 12.4717L3.18256 13.5595L0 3.17822L10.3954 0Z\" fill=\"white\"\/><\/g><defs><clipPath id=\"clip0_7473_257\"><rect width=\"20\" height=\"17\" fill=\"white\"\/><\/clipPath><\/defs><\/svg><\/span>\n              <span class=\"ue-template-viewer-copy-button-icon hover\" style=\"display: none;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M8 0C3.6 0 0 3.6 0 8C0 12.4 3.6 16 8 16C12.4 16 16 12.4 16 8C16 3.6 12.4 0 8 0ZM8 13C7.448 13 7 12.552 7 12C7 11.448 7.448 11 8 11C8.552 11 9 11.448 9 12C9 12.552 8.552 13 8 13ZM9.623 8.092C9.126 8.519 9 8.663 9 9C9 9.553 8.552 10 8 10C7.448 10 7 9.553 7 9C7 7.706 7.795 7.024 8.322 6.573C8.819 6.148 8.945 6.003 8.945 5.667C8.945 5.484 8.945 5 8.001 5C7.565 5.024 7.1 5.224 6.743 5.561C6.342 5.939 5.708 5.92 5.329 5.52C4.95 5.118 4.968 4.485 5.37 4.106C6.072 3.445 6.987 3.052 7.949 3.002H7.952C9.764 3.002 10.945 4.073 10.945 5.668C10.945 6.961 10.15 7.643 9.624 8.093L9.623 8.092Z\" fill=\"white\"\/><\/svg><\/span>\n              <span class=\"ue-template-viewer-copy-button-icon loading\" style=\"display: none;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\"><g transform=\"translate(0, 0)\"><g class=\"nc-loop-dots-3-16-icon-f\"><circle cx=\"1.5\" cy=\"8\" fill=\"#ffffff\" r=\"1.5\"\/><circle cx=\"8\" cy=\"8\" fill=\"#ffffff\" r=\"1.5\" data-color=\"color-2\"\/><circle cx=\"14.5\" cy=\"8\" fill=\"#ffffff\" r=\"1.5\"\/><\/g><style>.nc-loop-dots-3-16-icon-f&gt;*{--animation-duration:0.8s;transform-origin:50% 50%;animation:nc-loop-dots-3-anim var(--animation-duration) infinite}.nc-loop-dots-3-16-icon-f&gt;:nth-child(2){animation-delay:.1s}.nc-loop-dots-3-16-icon-f&gt;:nth-child(3){animation-delay:.2s}@keyframes nc-loop-dots-3-anim{0%,100%,60%{transform:translateY(0)}30%{transform:translateY(20%)}}<\/style><\/g><\/svg><\/span>\n              <span class=\"ue-template-viewer-copy-button-icon success\" style=\"display: none;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M16 3.6L15.2 2C8.3 4 4.8 8.4 4.8 8.4L1.6 6L0 7.6L4.8 14C8.5 7.1 16 3.6 16 3.6Z\" fill=\"white\"\/><\/svg><\/span>\n              <span class=\"ue-template-viewer-copy-button-text regular\">Copy<\/span>\n              <span class=\"ue-template-viewer-copy-button-text loading\" style=\"display: none;\">Copying<\/span>\n              <span class=\"ue-template-viewer-copy-button-text success\" style=\"display: none;\">Copied<\/span>\n              <div class=\"ue-template-viewer-copy-button-info\">\n                <div class=\"ue-template-viewer-copy-button-info-text\">Click to Copy the Section and paste to your site using <a class=\"ue-template-viewer-copy-button-info-text-doubly-link\" href=\"https:\/\/wordpress.org\/plugins\/doubly\/\" target=\"_blank\" title=\"Download the free plugin from wordpress.org\" rel=\"noopener\">Doubly Plugin<\/a> &nbsp; <a class=\"ue-template-viewer-copy-button-info-text-wp-link\" href=\"https:\/\/doubly.pro\/unlimited-elements\/\" target=\"_blank\" rel=\"noopener\">Learn More<\/a><\/div>\n              <\/div>\n          \t<\/div>\n                    <a class=\"ue-template-viewer-buy-button\" href=\"https:\/\/unlimited-elements.com\/pricing\/\">Buy Now<\/a>\t\t<\/div>\n          \n      <\/div>  \n\n      <div class=\"ue-template-viewer-frame-container desktop\">\n          <iframe class=\"ue-template-viewer-frame\" scrolling=\"yes\" src=\"https:\/\/unlimited-elements.com\/templates-iframe?ucrendertemplate=154297,154296,154295,154294&multiple=true\">\n        \t\n          <\/iframe>  \n      <\/div>  \n    <\/div>\n  <\/div>\n<\/div>\n<!-- end UE Demos Viewer -->\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-24e36b3 e-flex e-con-boxed e-con e-parent\" data-id=\"24e36b3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f571ede elementor-widget elementor-widget-heading\" data-id=\"f571ede\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Border Hero Widget Frequently Asked Questions<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-997bc09 elementor-widget elementor-widget-ucaddon_content_accordion\" data-id=\"997bc09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_content_accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Accordion -->\n\n<style>\/* widget: Content Accordion *\/\n\n\n\n#uc_content_accordion_elementor_997bc09 *{\n  box-sizing: border-box;\n}\n\n#uc_content_accordion_elementor_997bc09 .uc_ac_box{\n  overflow:hidden;\n}\n\n#uc_content_accordion_elementor_997bc09 .ue_heading_title{\n  margin:0;\n  flex-grow:1;\n  display:flex;\n  flex-direction:row;\n}\n\n#uc_content_accordion_elementor_997bc09 .uc_container .uc-heading{\n\tdisplay:flex;\n    align-items:center;\n\toverflow:hidden;\n\tcursor:pointer;  \n}\n\n#uc_content_accordion_elementor_997bc09 .uc_container .uc_content{\n    display:none;\n}\n\n#uc_content_accordion_elementor_997bc09 .uc_container .uc-heading span.ue_accordion_icon{\n\tdisplay:flex;\n    align-items:center;\n   \tjustify-content:center;\n    flex-grow:0;\n    flex-shrink:0;\n}\n\n#uc_content_accordion_elementor_997bc09 .uc_ac_box.uc-item-active span.uc_dactive{\n\tdisplay:none;\n}\n\n#uc_content_accordion_elementor_997bc09 .uc_ac_box:not(.uc-item-active) span.uc_active{\n\tdisplay:none;\n}\n\n#uc_content_accordion_elementor_997bc09 span.ue_accordion_icon svg{\n  height:1em;\n  width:1em;\n}\n\n#uc_content_accordion_elementor_997bc09 .uc_container .uc_btn {\n    text-align: center;\n    display: inline-block;\n    text-decoration: none;\n    transition: ease-in-out all 0.25s;\n}\n\n#uc_content_accordion_elementor_997bc09 .ue-item-image img{\n  width:100%;\n  display:block;\n  object-fit:cover;\n}\n\n<\/style>\n\n<div class=\"uc_material_accordion  \"  id=\"uc_content_accordion_elementor_997bc09\"  data-name=\"\" data-scroll=\"off\" data-offset=\"0\" data-closeothers=\"true\" data-set-hash=\"false\" >\n  <div class=\"uc_container uc-items-wrapper\">\n    \n\n\n<div id=\"#ue-tab1\" class=\"uc_ac_box elementor-repeater-item-675137b \" style=\"background-color:;\">\n  <a href=\"javascript:void(0)\" class=\"uc-heading uc_trigger\" role=\"button\">\n    <span class=\"uc_dactive bbb ue_accordion_icon\"><i class='fas fa-plus'><\/i><\/span> \n    <span class=\"uc_active bbb ue_accordion_icon\"><i class='fas fa-minus'><\/i><\/span>\n    <div class=\"ue_heading_title\">What is the Border Hero widget in Elementor?<\/div>\n  <\/a>\n  \n  <div class=\"uc_content\" >\n        \n      \n         \n                      \n      \n              <div class=\"ue-item-text\"><p><span style=\"font-weight: 400;\">The Border Hero widget allows you to create a bold and modern hero section with border styles around your content. It offers various visual design options to frame your message, giving your landing sections a sharp, standout look that grabs visitors' attention right away.<\/span><\/p><\/div>\n      \n              \n      <\/div> \n<\/div>\n\n\n\n<div id=\"#ue-tab2\" class=\"uc_ac_box elementor-repeater-item-70334d5 \" style=\"background-color:;\">\n  <a href=\"javascript:void(0)\" class=\"uc-heading uc_trigger\" role=\"button\">\n    <span class=\"uc_dactive bbb ue_accordion_icon\"><i class='fas fa-plus'><\/i><\/span> \n    <span class=\"uc_active bbb ue_accordion_icon\"><i class='fas fa-minus'><\/i><\/span>\n    <div class=\"ue_heading_title\">How do I add the Border Hero widget to my Elementor website?<\/div>\n  <\/a>\n  \n  <div class=\"uc_content\" >\n        \n      \n         \n                      \n      \n              <div class=\"ue-item-text\"><p><span style=\"font-weight: 400;\">This widget is available in the Unlimited Elements Free version.<\/span><\/p><ol><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Go to the Unlimited Elements Widget Library.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Search for \u201cBorder Hero\u201d in the search bar.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Hover over the widget in the search results and click Install.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Add the \u201cBorder Hero\u201d widget to any Elementor page.<\/span><\/li><\/ol><\/div>\n      \n              \n      <\/div> \n<\/div>\n\n\n\n<div id=\"#ue-tab3\" class=\"uc_ac_box elementor-repeater-item-888970f \" style=\"background-color:;\">\n  <a href=\"javascript:void(0)\" class=\"uc-heading uc_trigger\" role=\"button\">\n    <span class=\"uc_dactive bbb ue_accordion_icon\"><i class='fas fa-plus'><\/i><\/span> \n    <span class=\"uc_active bbb ue_accordion_icon\"><i class='fas fa-minus'><\/i><\/span>\n    <div class=\"ue_heading_title\">Is the Border Hero widget free?<\/div>\n  <\/a>\n  \n  <div class=\"uc_content\" >\n        \n      \n         \n                      \n      \n              <div class=\"ue-item-text\"><p><span style=\"font-weight: 400;\">Yes, the Border Hero widget is available for free in the Unlimited Elements plugin. You can access and use this widget in the free version of Unlimited Elements, which is downloadable from the WordPress plugin repository.<\/span><\/p><\/div>\n      \n              \n      <\/div> \n<\/div>\n\n\n\n<div id=\"#ue-tab4\" class=\"uc_ac_box elementor-repeater-item-e7bded9 \" style=\"background-color:;\">\n  <a href=\"javascript:void(0)\" class=\"uc-heading uc_trigger\" role=\"button\">\n    <span class=\"uc_dactive bbb ue_accordion_icon\"><i class='fas fa-plus'><\/i><\/span> \n    <span class=\"uc_active bbb ue_accordion_icon\"><i class='fas fa-minus'><\/i><\/span>\n    <div class=\"ue_heading_title\">How do I use the Border Hero widget in Elementor?<\/div>\n  <\/a>\n  \n  <div class=\"uc_content\" >\n        \n      \n         \n                      \n      \n              <div class=\"ue-item-text\"><p><span style=\"font-weight: 400;\">Using the Border Hero widget is easy. Drag and drop the widget into your layout, then add your desired headline, subtext, buttons, and media. You can style it to align with your WordPress Elementor website branding from the available customization options.<\/span><\/p><\/div>\n      \n              \n      <\/div> \n<\/div>\n\n  <\/div>\n<\/div>\n\n\n<!-- end Content Accordion -->\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","protected":false},"excerpt":{"rendered":"<p>FREE Widgets \/ Creative Widgets \/ Widget For Test Border Hero Widget for Elementor Demo Documentation The Border Hero widget for Elementor allows you to easily craft eye-catching hero sections with bold border styles, adding instant impact to your web design projects. Buy Now Choose Template Border Hero for a Bar Border Hero with an [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-5087","page","type-page","status-publish","hentry","category-elementor-widgets"],"acf":[],"_links":{"self":[{"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/pages\/5087","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/comments?post=5087"}],"version-history":[{"count":42,"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/pages\/5087\/revisions"}],"predecessor-version":[{"id":234898,"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/pages\/5087\/revisions\/234898"}],"wp:attachment":[{"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/media?parent=5087"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/categories?post=5087"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/tags?post=5087"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}