{"id":5074,"date":"2020-02-27T18:49:21","date_gmt":"2020-02-27T18:49:21","guid":{"rendered":"https:\/\/unlimited-elements.com\/?page_id=5074"},"modified":"2025-06-17T04:00:20","modified_gmt":"2025-06-17T04:00:20","slug":"split-video-hero-widget-for-elementor","status":"publish","type":"page","link":"https:\/\/unlimited-elements.com\/split-video-hero-widget-for-elementor\/","title":{"rendered":"Split Video Hero Widget for Elementor"},"content":{"rendered":"\t\t<div data-elementor-type=\"page\" data-elementor-id=\"5074\" class=\"elementor elementor-5074\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adc3121 e-flex e-con-boxed e-con e-parent\" data-id=\"adc3121\" 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-a331933 e-con-full e-flex e-con e-child\" data-id=\"a331933\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-552f82b elementor-widget elementor-widget-ucaddon_widget_demo_icon\" data-id=\"552f82b\" 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_552f82b\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_552f82b .ue_price_label\n{\n  position:absolute;\n  top: 8px;\n  right: -32px;\n  font-size:8px;\n  color:white;\n  background-color:#FF0085;\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_552f82b img \n{\n  width:48px;\n  display:block;\n}\n\n<\/style>\n\n<div id=\"uc_widget_demo_icon_elementor_552f82b-wrapper\" class=\"ue-icon-wrapper\">\n<div id=\"uc_widget_demo_icon_elementor_552f82b\">\n  <img decoding=\"async\" src=\"https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/11\/Split-Video-Hero-Widget-for-Elementor.svg\" alt=\"Split Video Hero Widget for Elementor\" title=\"\">\n  <div class=\"ue_price_label\">PRO<\/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-8ed8d5c elementor-widget elementor-widget-ucaddon_widget_page_bread_crumbs\" data-id=\"8ed8d5c\" 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_8ed8d5c 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_8ed8d5c ul li\n{\n  display:inline-block;\n}\n\n#uc_widget_page_bread_crumbs_elementor_8ed8d5c .ue_breadcrumbs__divider {\n    margin-right:7px;\n    margin-left:5px;\n  \t\n}\n#uc_widget_page_bread_crumbs_elementor_8ed8d5c .ue_breadcrumbs__link,\n#uc_widget_page_bread_crumbs_elementor_8ed8d5c .ue_breadcrumbs__text {\n\n}\n\n#uc_widget_page_bread_crumbs_elementor_8ed8d5c 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-e094c59 main-title elementor-widget elementor-widget-heading\" data-id=\"e094c59\" 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\">Split Video 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-0dae052 elementor-widget elementor-widget-ucaddon_blox_btn_group\" data-id=\"0dae052\" 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_0dae052\n{\n  display:flex;\n  flex-wrap: wrap;\n}\n\n#uc_blox_btn_group_elementor_0dae052 a\n{\n  display:block;\n  text-decoration:none;\n  transition:0.3s;\n\n}\n\n#uc_blox_btn_group_elementor_0dae052 .blox_btn_group_inner\n{\n  display:inline-flex;\n  align-items:center;\n}\n\n#uc_blox_btn_group_elementor_0dae052 .blox_btn_group_inner .ue-btn-icon\n{\n  line-height:1em;\n}\n\n#uc_blox_btn_group_elementor_0dae052 .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_0dae052\" class=\"blox_btn_group uc-items-wrapper \" >\n  <a class=\"elementor-repeater-item-8b74d58 \" href=\"#widget-demo\" id=\"uc_blox_btn_group_elementor_0dae052_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\/split-video-hero-widget-for-elementor\/\" id=\"uc_blox_btn_group_elementor_0dae052_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-22bebf2 elementor-widget elementor-widget-text-editor\" data-id=\"22bebf2\" 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>Kick start your web design projects with our awesome hero widgets. You can set up amazing looking hero sections in just a matter of seconds with our Split Video Hero widget.<\/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-b5e4958 elementor-widget elementor-widget-button\" data-id=\"b5e4958\" 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-85eb082 e-con-full e-flex e-con e-child\" data-id=\"85eb082\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e7af8b elementor-widget elementor-widget-image\" data-id=\"6e7af8b\" 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=\"1816\" height=\"1563\" src=\"https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/07\/Split-Video-Hero.png\" class=\"attachment-full size-full wp-image-148728\" alt=\"Split Video Hero\" srcset=\"https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/07\/Split-Video-Hero.png 1816w, https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/07\/Split-Video-Hero-300x258.png 300w, https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/07\/Split-Video-Hero-1024x881.png 1024w, https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/07\/Split-Video-Hero-768x661.png 768w, https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/07\/Split-Video-Hero-1536x1322.png 1536w, https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/07\/Split-Video-Hero-360x310.png 360w, https:\/\/unlimited-elements.com\/wp-content\/uploads\/2024\/07\/Split-Video-Hero-600x516.png 600w\" sizes=\"(max-width: 1816px) 100vw, 1816px\" 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-6370bfb e-con-full e-flex e-con e-parent\" data-id=\"6370bfb\" data-element_type=\"container\" data-e-type=\"container\" id=\"widget-demo\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb5dcb9 elementor-widget elementor-widget-ucaddon_demos_viewer\" data-id=\"eb5dcb9\" 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_eb5dcb9{\n    height: calc(100vh - 78px);\n  }\n\n#uc_demos_viewer_elementor_eb5dcb9 .ue-tempalte-viewer-inner{\n  display:flex;\n  height: 100%;\n  overflow: hidden;\n}\n\n\/* side navigation *\/\n#uc_demos_viewer_elementor_eb5dcb9 .ue-tempalte-viewer-nav-container{\n  overflow-y: auto;\n  flex: 0 0 auto;\n}\n\n#uc_demos_viewer_elementor_eb5dcb9 .ue-template-viewer-side-navigation{\n  display: grid;\n}\n\n#uc_demos_viewer_elementor_eb5dcb9 .ue-template-viewer-item{\n  cursor: pointer;\n  transition: all .3s ease-out;\n}\n\n#uc_demos_viewer_elementor_eb5dcb9 .ue-template-viewer-item-title{\n  transition: all .3s ease-out;\n}\n\n#uc_demos_viewer_elementor_eb5dcb9 .ue-template-viewer-item-image{\n  position: relative;\n  z-index: 4;\n}\n\n#uc_demos_viewer_elementor_eb5dcb9 .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_eb5dcb9.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_eb5dcb9 .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_eb5dcb9 .ue-template-viewer-item-image-loader svg{\n  width: 100%;\n  height: 100%;\n}\n\n#uc_demos_viewer_elementor_eb5dcb9 .ue-template-viewer-item.uc-item-active .ue-template-viewer-item-image-badge{\n  opacity: 1;\n}\n\n#uc_demos_viewer_elementor_eb5dcb9 .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_eb5dcb9 .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_eb5dcb9 .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_eb5dcb9 .ue-template-viewer-arrows{\n  display: flex;  \n}\n\n#uc_demos_viewer_elementor_eb5dcb9 .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_eb5dcb9 .ue-template-viewer-share-button{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n#uc_demos_viewer_elementor_eb5dcb9 .ue-template-viewer-window-size-container{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n#uc_demos_viewer_elementor_eb5dcb9 .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_eb5dcb9 .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_eb5dcb9 .ue-template-viewer-buy-button,\n#uc_demos_viewer_elementor_eb5dcb9 .ue-template-viewer-copy-button,\n#uc_demos_viewer_elementor_eb5dcb9 .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_eb5dcb9 .ue-template-viewer-copy-button-icon,\n#uc_demos_viewer_elementor_eb5dcb9 .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_eb5dcb9 .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_eb5dcb9 .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_eb5dcb9 .ue-template-viewer-copy-button.uc-hover .ue-template-viewer-copy-button-icon.regular{\n  display: none;\n}\n\n#uc_demos_viewer_elementor_eb5dcb9 .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_eb5dcb9 .ue-template-viewer-copy-button.uc-loading .ue-template-viewer-copy-button-icon.regular,\n#uc_demos_viewer_elementor_eb5dcb9 .ue-template-viewer-copy-button.uc-loading .ue-template-viewer-copy-button-text.regular,\n#uc_demos_viewer_elementor_eb5dcb9 .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_eb5dcb9 .ue-template-viewer-copy-button.uc-loading .ue-template-viewer-copy-button-icon.loading,\n#uc_demos_viewer_elementor_eb5dcb9 .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_eb5dcb9 .ue-template-viewer-copy-button.uc-success .ue-template-viewer-copy-button-icon.regular,\n#uc_demos_viewer_elementor_eb5dcb9 .ue-template-viewer-copy-button.uc-success .ue-template-viewer-copy-button-text.regular,\n#uc_demos_viewer_elementor_eb5dcb9 .ue-template-viewer-copy-button.uc-success .ue-template-viewer-copy-button-icon.hover,\n#uc_demos_viewer_elementor_eb5dcb9 .ue-template-viewer-copy-button.uc-success .ue-template-viewer-copy-button-icon.loading,\n#uc_demos_viewer_elementor_eb5dcb9 .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_eb5dcb9 .ue-template-viewer-copy-button.uc-success .ue-template-viewer-copy-button-icon.success,\n#uc_demos_viewer_elementor_eb5dcb9 .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_eb5dcb9 .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_eb5dcb9 .ue-template-viewer-copy-button-info-text-doubly-link{\n  color: #FF0085;\n  text-decoration: underline;\n}\n\n#uc_demos_viewer_elementor_eb5dcb9 .ue-template-viewer-copy-button-info-text-wp-link{\n  color: #ffffff;\n  text-decoration: underline;\n}\n\n#uc_demos_viewer_elementor_eb5dcb9 .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_eb5dcb9 .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_eb5dcb9 .ue-template-viewer-new-tab-button{\n  padding: 10px;\n  border-radius: 4px;\n}\n\n#uc_demos_viewer_elementor_eb5dcb9 .ue-template-viewer-new-tab-button:hover{\n  background-color: #E9EBF1;\n}\n\n#uc_demos_viewer_elementor_eb5dcb9 .ue-template-viewer-share-container{ \n  position: relative;\n  pointer-events: none;\n}\n\n#uc_demos_viewer_elementor_eb5dcb9.uc-iframe-loaded .ue-template-viewer-share-container{\n  pointer-events: all;\n}\n\n#uc_demos_viewer_elementor_eb5dcb9 .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_eb5dcb9 .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_eb5dcb9 .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_eb5dcb9 .ue-template-viewer-share-list-item:hover{\n  background-color: #E9EBF1;\n}\n\n#uc_demos_viewer_elementor_eb5dcb9 .ue-template-viewer-share-list-item-icon{\n  flex-shrink: 0;\n}\n\n#uc_demos_viewer_elementor_eb5dcb9 .ue-template-viewer-share-list-item-text{\n  font-size: 14px;\n}\n\n#uc_demos_viewer_elementor_eb5dcb9 .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_eb5dcb9 .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_eb5dcb9 .ue-template-viewer-frame-wrapper{\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n#uc_demos_viewer_elementor_eb5dcb9 .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_eb5dcb9 .ue-template-viewer-frame{\n  height: 100%;\n  user-select: none;\n}\n\n#uc_demos_viewer_elementor_eb5dcb9 .ue-template-viewer-frame-container.tablet{\n  width: 768px;\n}\n\n#uc_demos_viewer_elementor_eb5dcb9 .ue-template-viewer-frame-container.phone{\n  width: 360px;\n  height: 667px;\n}\n\n#uc_demos_viewer_elementor_eb5dcb9 .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_eb5dcb9 .viewer-frame-loader-image{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n#uc_demos_viewer_elementor_eb5dcb9.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_eb5dcb9 .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_eb5dcb9{\n    height: calc(100vh - 78px);\n  }\n  \n  #uc_demos_viewer_elementor_eb5dcb9 .ue-tempalte-viewer-inner{\n    flex-direction: column-reverse;\n  }\n  \n  \/* side navigation *\/\n  #uc_demos_viewer_elementor_eb5dcb9 .ue-template-viewer-top-title{\n  \tdisplay: none;\n  }\n  \n  #uc_demos_viewer_elementor_eb5dcb9 .ue-template-viewer-item{\n  \tflex: 0 0 auto;\n    pointer-events: all;\n  }\n  \n  #uc_demos_viewer_elementor_eb5dcb9 .ue-template-viewer-side-navigation{\n  \tdisplay: flex;\n  }\n  \n  #uc_demos_viewer_elementor_eb5dcb9 .ue-template-viewer-item-title{\n    display: none;\n  }\n  \/* end side navigation *\/\n  \n  \/* top navigation *\/\n  #uc_demos_viewer_elementor_eb5dcb9 .ue-template-viewer-window-size-container{\n  \tdisplay: none;\n  }\n  \n  #uc_demos_viewer_elementor_eb5dcb9 .ue-template-viewer-top-navigation{\n    justify-content: space-between;\n    padding: 10px;\n  }\n  \n  #uc_demos_viewer_elementor_eb5dcb9 .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_eb5dcb9 .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_eb5dcb9 .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_eb5dcb9 .ue-template-viewer-new-tab-button{\n    display: none;\n  }\n  \n  #uc_demos_viewer_elementor_eb5dcb9 .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_eb5dcb9\" 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=\"154830\" data-post-link=\"https:\/\/unlimited-elements.com\/ue_templates\/split-video-hero-for-an-e-commerce-website\/\">\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\/08\/Split-Video-Hero-for-an-E-Commerce-Website.jpg\" alt=\"Split Video Hero for an E-Commerce Website\" width=\"800\" height=\"600\" title=\"\">\n  \t<\/div>\n\t<div class=\"ue-template-viewer-item-title\">Split Video Hero for an E-Commerce...<\/div>\n<\/div>\n\n<div class=\"ue-template-viewer-item\" data-id=\"154831\" data-post-link=\"https:\/\/unlimited-elements.com\/ue_templates\/split-video-hero-with-a-call-to-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\/08\/Split-Video-Hero-with-a-Call-to-Action-Button.jpg\" alt=\"Split Video Hero with a Call to Action Button\" width=\"800\" height=\"600\" title=\"\">\n  \t<\/div>\n\t<div class=\"ue-template-viewer-item-title\">Split Video Hero with a Call...<\/div>\n<\/div>\n\n<div class=\"ue-template-viewer-item\" data-id=\"154832\" data-post-link=\"https:\/\/unlimited-elements.com\/ue_templates\/split-video-hero-for-a-vehicle-sale\/\">\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\/08\/Split-Video-Hero-for-a-Vehicle-Sale.jpg\" alt=\"Split Video Hero for a Vehicle Sale\" width=\"800\" height=\"600\" title=\"\">\n  \t<\/div>\n\t<div class=\"ue-template-viewer-item-title\">Split Video Hero for a Vehicle...<\/div>\n<\/div>\n\n<div class=\"ue-template-viewer-item\" data-id=\"154833\" data-post-link=\"https:\/\/unlimited-elements.com\/ue_templates\/split-video-hero-with-custom-font-styles\/\">\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\/08\/Split-Video-Hero-with-Custom-Font-Styles.jpg\" alt=\"Split Video Hero with Custom Font Styles\" width=\"800\" height=\"600\" title=\"\">\n  \t<\/div>\n\t<div class=\"ue-template-viewer-item-title\">Split Video Hero with Custom...<\/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=154830,154831,154832,154833&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-bed0c04 e-flex e-con-boxed e-con e-parent\" data-id=\"bed0c04\" 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-f8594f0 elementor-widget elementor-widget-heading\" data-id=\"f8594f0\" 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\">Split Video 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-5981123 elementor-widget elementor-widget-ucaddon_content_accordion\" data-id=\"5981123\" 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_5981123 *{\n  box-sizing: border-box;\n}\n\n#uc_content_accordion_elementor_5981123 .uc_ac_box{\n  overflow:hidden;\n}\n\n#uc_content_accordion_elementor_5981123 .ue_heading_title{\n  margin:0;\n  flex-grow:1;\n  display:flex;\n  flex-direction:row;\n}\n\n#uc_content_accordion_elementor_5981123 .uc_container .uc-heading{\n\tdisplay:flex;\n    align-items:center;\n\toverflow:hidden;\n\tcursor:pointer;  \n}\n\n#uc_content_accordion_elementor_5981123 .uc_container .uc_content{\n    display:none;\n}\n\n#uc_content_accordion_elementor_5981123 .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_5981123 .uc_ac_box.uc-item-active span.uc_dactive{\n\tdisplay:none;\n}\n\n#uc_content_accordion_elementor_5981123 .uc_ac_box:not(.uc-item-active) span.uc_active{\n\tdisplay:none;\n}\n\n#uc_content_accordion_elementor_5981123 span.ue_accordion_icon svg{\n  height:1em;\n  width:1em;\n}\n\n#uc_content_accordion_elementor_5981123 .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_5981123 .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_5981123\"  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 Split Video 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 Split Video Hero widget offers a bold, modern layout that divides your hero section into two parts, one side for engaging content and the other for a video popup. It\u2019s ideal for storytelling, product highlights, or service introductions. With a strong visual split, it instantly grabs attention and encourages interaction through video.<\/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 Split Video 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 requires the Unlimited Elements Pro version installed and activated on your WordPress website.<\/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 \u201cSplit Video 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 \u201cSplit Video 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 Split Video 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;\">The Split Video Hero widget is not free; it is included in the Unlimited Elements Pro version. Unlock this widget and many other advanced features by upgrading to Pro. <\/span><a href=\"https:\/\/unlimited-elements.com\/pricing\/\"><b>Upgrade Now<\/b><\/a><\/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 Split Video 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 Split Video Hero widget is simple. Drag and drop it into your Elementor page, set your image, enter your title, subtitle, and content, and add your video link. Style both the content and video sides to match your site\u2019s overall design.<\/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>PRO Widgets \/ Creative Widgets \/ Widget For Test Split Video Hero Widget for Elementor Demo Documentation Kick start your web design projects with our awesome hero widgets. You can set up amazing looking hero sections in just a matter of seconds with our Split Video Hero widget. Buy Now Choose Template Split Video Hero [&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-5074","page","type-page","status-publish","hentry","category-elementor-widgets"],"acf":[],"_links":{"self":[{"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/pages\/5074","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=5074"}],"version-history":[{"count":32,"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/pages\/5074\/revisions"}],"predecessor-version":[{"id":234722,"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/pages\/5074\/revisions\/234722"}],"wp:attachment":[{"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/media?parent=5074"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/categories?post=5074"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unlimited-elements.com\/wp-json\/wp\/v2\/tags?post=5074"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}