{"id":11380,"date":"2024-03-13T14:37:40","date_gmt":"2024-03-13T14:37:40","guid":{"rendered":"https:\/\/codex-themes.com\/thegem\/blocks\/?page_id=11380"},"modified":"2023-04-07T12:53:05","modified_gmt":"2023-04-07T12:53:05","slug":"portfolio-video","status":"publish","type":"page","link":"https:\/\/codex-themes.com\/thegem\/blocks\/portfolio-video\/","title":{"rendered":"Portfolio Video"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row full_width=&#8221;stretch_row&#8221; equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221; background_position_desktop=&#8221;right bottom&#8221; thegem_revesrse_columns_tablet=&#8221;true&#8221; thegem_revesrse_columns_mobile=&#8221;true&#8221; css=&#8221;.vc_custom_1680604713821{margin-bottom: 0px !important;padding-top: 200px !important;padding-bottom: 50px !important;background-image: url(https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/04\/video-back-1.png?id=11816) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221; el_class=&#8221;hero-row&#8221; mobile_padding_bottom=&#8221;70&#8243; tablet_padding_top=&#8221;90&#8243; tablet_padding_bottom=&#8221;10&#8243; mobile_padding_top=&#8221;80&#8243;][vc_column css=&#8221;.vc_custom_1680167463419{padding-top: 250px !important;padding-bottom: 250px !important;}&#8221; offset=&#8221;vc_col-lg-7 vc_col-md-7 vc_hidden-xs&#8221; mobile_padding_top=&#8221;200&#8243; mobile_padding_bottom=&#8221;200&#8243;][vc_single_image image=&#8221;11382&#8243; img_size=&#8221;full&#8221; alignment=&#8221;right&#8221; interactions_enabled=&#8221;1&#8243; mouse_effects=&#8221;1&#8243; mouse_effects_direction=&#8221;mouse_effects_direction_direct&#8221; mouse_effects_speed=&#8221;0.2&#8243; disable_effects_mobile=&#8221;1&#8243; css_animation=&#8221;fadeInRight&#8221; el_class=&#8221;animated-gif-01&#8243; css=&#8221;.vc_custom_1680167123306{margin-bottom: 0px !important;}&#8221;][vc_single_image image=&#8221;11383&#8243; img_size=&#8221;full&#8221; interactions_enabled=&#8221;1&#8243; mouse_effects=&#8221;1&#8243; mouse_effects_speed=&#8221;0.2&#8243; disable_effects_mobile=&#8221;1&#8243; css_animation=&#8221;fadeInDown&#8221; el_class=&#8221;animated-gif-02&#8243; css=&#8221;.vc_custom_1680167134097{margin-bottom: 0px !important;}&#8221; effects_enabled_delay=&#8221;200&#8243;][vc_single_image image=&#8221;11384&#8243; img_size=&#8221;full&#8221; interactions_enabled=&#8221;1&#8243; mouse_effects=&#8221;1&#8243; mouse_effects_direction=&#8221;mouse_effects_direction_direct&#8221; mouse_effects_speed=&#8221;0.5&#8243; disable_effects_mobile=&#8221;1&#8243; css_animation=&#8221;fadeInLeft&#8221; el_class=&#8221;animated-gif-03&#8243; css=&#8221;.vc_custom_1680167142442{margin-bottom: 0px !important;}&#8221; effects_enabled_delay=&#8221;400&#8243;][vc_single_image image=&#8221;10818&#8243; img_size=&#8221;full&#8221; alignment=&#8221;right&#8221; interactions_enabled=&#8221;1&#8243; mouse_effects=&#8221;1&#8243; mouse_effects_speed=&#8221;1&#8243; disable_effects_mobile=&#8221;1&#8243; css_animation=&#8221;fadeInUp&#8221; el_class=&#8221;animated-cursor&#8221; css=&#8221;.vc_custom_1679654580324{margin-bottom: 0px !important;}&#8221; effects_enabled_delay=&#8221;600&#8243;][\/vc_column][vc_column css=&#8221;.vc_custom_1679581115907{padding-top: 150px !important;padding-bottom: 150px !important;padding-left: 60px !important;}&#8221; offset=&#8221;vc_col-lg-5 vc_col-md-5&#8243; tablet_padding_top=&#8221;70&#8243; tablet_padding_bottom=&#8221;70&#8243; tablet_padding_left=&#8221;21&#8243;]<div class=\"thegem-te-heading thegem-custom-69e9a33f9007b6577\" ><script type=\"text\/javascript\">(function() {function TheGemHeading() {this.animateClass = 'thegem-heading-animate';this.animatedClass = 'thegem-heading-animated';}TheGemHeading.prototype = {initialize: function () {let items =document.querySelectorAll('.'+this.animateClass);items.forEach((item)=>{if (this.isElementVisible(item)) {this.prepareAnimation(item);this.startAnimation(item);}});if ('IntersectionObserver' in window) {let intersectionObserver = new IntersectionObserver((entries)=>{entries.forEach((entry)=> {if (entry.isIntersecting) {this.startAnimation(entry.target);intersectionObserver.unobserve(entry.target);}});});items.forEach((item)=>{intersectionObserver.observe(item);this.prepareAnimation(item);});} else {items.forEach((item)=>{this.prepareAnimation(item);this.startAnimation(item);});}},isElementVisible: function (element) {let rect= element.getBoundingClientRect(),width= window.innerWidth || document.documentElement.clientWidth,height = window.innerHeight || document.documentElement.clientHeight,efp= (x, y) => document.elementFromPoint(x, y);if (rect.right < 0 || rect.bottom < 0 || rect.left > width || rect.top > height) return false;return (element.contains(efp(rect.left,rect.top)) ||element.contains(efp(rect.right, rect.top)) ||element.contains(efp(rect.right, rect.bottom)) ||element.contains(efp(rect.left,rect.bottom)));},startAnimation: function (element) {if (element && !element.classList.contains(this.animatedClass)) {element.classList.add(this.animatedClass);element.classList.remove(this.animateClass);element.dispatchEvent(new Event('theGemHeading.startAnimation', {bubbles: true}));}},prepareAnimation: function (element) {if (element && !element.isPreparedAnimation) {element.dispatchEvent(new Event('theGemHeading.prepareAnimation', {bubbles: true}));element.isPreparedAnimation = true;}}};window.theGemHeading = new TheGemHeading();document.addEventListener('DOMContentLoaded', function() {window.theGemHeading.initialize();});})();<\/script><div id=\"thegem-heading-69e9a33f90015\" class=\"thegem-heading title-h1 letters-slide-up thegem-heading-animate thegem-heading-animate-disable-mobile\" style=\"text-align: left;\" ><span class=\"colored thegem-heading-word\" style=\"color: #ffffff;\"><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 15ms\">P<\/span><\/span><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 30ms\">o<\/span><\/span><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 45ms\">r<\/span><\/span><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 60ms\">t<\/span><\/span><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 75ms\">f<\/span><\/span><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 90ms\">o<\/span><\/span><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 105ms\">l<\/span><\/span><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 120ms\">i<\/span><\/span><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 135ms\">o<\/span><\/span><\/span> <span class=\"colored thegem-heading-word\" style=\"color: #ffffff;\"><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 150ms\">V<\/span><\/span><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 165ms\">i<\/span><\/span><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 180ms\">d<\/span><\/span><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 195ms\">e<\/span><\/span><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 210ms\">o<\/span><\/span><\/span><\/div><style type=\"text\/css\">#thegem-heading-69e9a33f90015 {margin: 0;}#thegem-heading-69e9a33f90015 {letter-spacing: 0px;}#thegem-heading-69e9a33f90015, #thegem-heading-69e9a33f90015 .light {text-transform: none;}#thegem-heading-69e9a33f90015 {max-width: 440px;}#thegem-heading-69e9a33f90015 .thegem-heading-letter {animation-timing-function: cubic-bezier(0.25,1,0.5,1);}#thegem-heading-69e9a33f90015 a:hover, #thegem-heading-69e9a33f90015 a:hover span.colored {color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important;}<\/style><\/div><style>@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a33f9007b6577{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33f9007b6577{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a33f9007b6577{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33f9007b6577{position: relative !important;}}<\/style><div class=\"clearboth\"><\/div><style>#thegem-divider-69e9a33f900a3 {margin-top: 20px !important;}<\/style><div id=\"thegem-divider-69e9a33f900a3\" class=\"gem-divider  \" style=\"\" ><\/div><div class=\"thegem-te-heading thegem-custom-69e9a33f902291118\" ><div id=\"thegem-heading-69e9a33f901f2\" class=\"thegem-heading styled-subtitle lines-slide-up thegem-heading-animate thegem-heading-animate-disable-mobile\" style=\"text-align: left;\" data-animation-name=\"lines-slide-up\" data-animation-interval=\"80\"><span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">Add<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">project<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">videos<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">with<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">the<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">options<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">to<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">play<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">these<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">videos<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">in<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">grid<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">on<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">click,<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">on<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">mouse<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">hover<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">or<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">to<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">autoplay.<\/span><\/div><style type=\"text\/css\">#thegem-heading-69e9a33f901f2 {margin: 0;}#thegem-heading-69e9a33f901f2 {max-width: 400px;}#thegem-heading-69e9a33f901f2 a:hover, #thegem-heading-69e9a33f901f2 a:hover span.colored {color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important;}<\/style><\/div><style>@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a33f902291118{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33f902291118{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a33f902291118{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33f902291118{position: relative !important;}}<\/style>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1679581701398{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1680012539545{padding-top: 105px !important;padding-bottom: 85px !important;}&#8221; tablet_padding_top=&#8221;90&#8243; tablet_padding_bottom=&#8221;70&#8243; mobile_padding_bottom=&#8221;45&#8243; mobile_padding_top=&#8221;80&#8243;]<div class=\"thegem-te-heading thegem-custom-69e9a33f9029d40\" ><div id=\"thegem-heading-69e9a33f90289\" class=\"thegem-heading title-h1\" style=\"text-align: center;\" ><span class=\"colored\" style=\"color: #24262e;\">Autoplay Example<\/span><\/div><style type=\"text\/css\">#thegem-heading-69e9a33f90289 {margin: 0;}#thegem-heading-69e9a33f90289 {margin-left: auto; margin-right: auto;}#thegem-heading-69e9a33f90289 > * {justify-content: center;}#thegem-heading-69e9a33f90289 {letter-spacing: 0px;}#thegem-heading-69e9a33f90289, #thegem-heading-69e9a33f90289 .light {text-transform: none;}#thegem-heading-69e9a33f90289 a:hover, #thegem-heading-69e9a33f90289 a:hover span.colored {color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important;}<\/style><\/div><style>@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a33f9029d40{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33f9029d40{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a33f9029d40{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33f9029d40{position: relative !important;}}<\/style><div class=\"clearboth\"><\/div><style>#thegem-divider-69e9a33f902b3 {margin-top: 40px !important;}@media screen and (max-width: 767px) {#thegem-divider-69e9a33f902b3 {margin-top: 20px !important;}}<\/style><div id=\"thegem-divider-69e9a33f902b3\" class=\"gem-divider  \" style=\"\" ><\/div><div class=\"thegem-te-heading thegem-custom-69e9a33f903162779\" ><div id=\"thegem-heading-69e9a33f90306\" class=\"thegem-heading styled-subtitle\" style=\"text-align: center;\" ><span>TheGem portfolio items support multiple rich display formats in grid, including videos. Create amazing dynamic video grids using video autoplay option.<\/span><\/div><style type=\"text\/css\">#thegem-heading-69e9a33f90306 {margin: 0;}#thegem-heading-69e9a33f90306 {margin-left: auto; margin-right: auto;}#thegem-heading-69e9a33f90306 > * {justify-content: center;}#thegem-heading-69e9a33f90306 {max-width: 830px;}#thegem-heading-69e9a33f90306 a:hover, #thegem-heading-69e9a33f90306 a:hover span.colored {color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important;}<\/style><\/div><style>@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a33f903162779{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33f903162779{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a33f903162779{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33f903162779{position: relative !important;}}<\/style>[\/vc_column][\/vc_row][vc_row equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221;][vc_column width=&#8221;1\/2&#8243; css=&#8221;.vc_custom_1679588862299{border-right-width: 1px !important;padding-top: 30px !important;padding-bottom: 30px !important;border-right-color: #dfe5e8 !important;border-right-style: solid !important;}&#8221; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243; tablet_padding_top=&#8221;15&#8243; tablet_padding_bottom=&#8221;15&#8243;]<style>.thegem-custom-69e9a33f9033d8312 .gem-icon  {font-size: 16px;}.thegem-custom-69e9a33f9033d8312 .gem-icon:not(.gem-simple-icon) .gem-icon-inner {width: 24px; height: 24px; line-height: 24px;}.thegem-custom-69e9a33f9033d8312 .gem-icon.gem-simple-icon {width: 16px; height: 16px; line-height: 16px;}.gem-infotext.thegem-custom-69e9a33f9033d8312 .gem-infotext-icon {margin-top:-2px !important;}.gem-infotext.thegem-custom-69e9a33f9033d8312 .gem-infotext-icon {margin-right:8px !important;}.gem-infotext.thegem-custom-69e9a33f9033d8312 .title-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a33f9033d8312 .title-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a33f9033d8312 .title-customize {text-transform:none !important;}.gem-infotext.thegem-custom-69e9a33f9033d8312 .subtitle-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a33f9033d8312 .subtitle-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a33f9033d8312 .subtitle-customize {text-transform:none !important;}<\/style><div class=\"gem-infotext alignment-center thegem-custom-69e9a33f9033d8312\"> <div class=\"gem-infotext-wrap position--top horizonal--center \"> <div class=\"gem-infotext\"> <div class=\"gem-infotext__title\"> <div class=\"title-customize title-default\" style=\"text-align:center;\"> Date <\/div> <\/div> <div class=\"gem-infotext__subtitle\"> <div class=\"subtitle-customize title-default light\" style=\"text-align:center;\"> 2022 - 2023 <\/div> <\/div> <\/div> <\/div> <\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243; css=&#8221;.vc_custom_1679588857979{border-right-width: 1px !important;padding-top: 30px !important;padding-bottom: 30px !important;border-right-color: #dfe5e8 !important;border-right-style: solid !important;}&#8221; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243; tablet_padding_top=&#8221;15&#8243; tablet_padding_bottom=&#8221;15&#8243;]<style>.thegem-custom-69e9a33f903766768 .gem-icon  {font-size: 16px;}.thegem-custom-69e9a33f903766768 .gem-icon:not(.gem-simple-icon) .gem-icon-inner {width: 24px; height: 24px; line-height: 24px;}.thegem-custom-69e9a33f903766768 .gem-icon.gem-simple-icon {width: 16px; height: 16px; line-height: 16px;}.gem-infotext.thegem-custom-69e9a33f903766768 .gem-infotext-icon {margin-top:-2px !important;}.gem-infotext.thegem-custom-69e9a33f903766768 .gem-infotext-icon {margin-right:8px !important;}.gem-infotext.thegem-custom-69e9a33f903766768 .title-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a33f903766768 .title-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a33f903766768 .title-customize {text-transform:none !important;}.gem-infotext.thegem-custom-69e9a33f903766768 .subtitle-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a33f903766768 .subtitle-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a33f903766768 .subtitle-customize {text-transform:none !important;}<\/style><div class=\"gem-infotext alignment-center thegem-custom-69e9a33f903766768\"> <div class=\"gem-infotext-wrap position--top horizonal--center \"> <div class=\"gem-infotext\"> <div class=\"gem-infotext__title\"> <div class=\"title-customize title-default\" style=\"text-align:center;\"> Authors <\/div> <\/div> <div class=\"gem-infotext__subtitle\"> <div class=\"subtitle-customize title-default light\" style=\"text-align:center;\"> Aleksei Vasileika <\/div> <\/div> <\/div> <\/div> <\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243; css=&#8221;.vc_custom_1679588853578{border-right-width: 1px !important;padding-top: 30px !important;padding-bottom: 30px !important;border-right-color: #dfe5e8 !important;border-right-style: solid !important;}&#8221; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243; tablet_padding_top=&#8221;15&#8243; tablet_padding_bottom=&#8221;15&#8243;]<style>.thegem-custom-69e9a33f903a62377 .gem-icon  {font-size: 16px;}.thegem-custom-69e9a33f903a62377 .gem-icon:not(.gem-simple-icon) .gem-icon-inner {width: 24px; height: 24px; line-height: 24px;}.thegem-custom-69e9a33f903a62377 .gem-icon.gem-simple-icon {width: 16px; height: 16px; line-height: 16px;}.gem-infotext.thegem-custom-69e9a33f903a62377 .gem-infotext-icon {margin-top:-2px !important;}.gem-infotext.thegem-custom-69e9a33f903a62377 .gem-infotext-icon {margin-right:8px !important;}.gem-infotext.thegem-custom-69e9a33f903a62377 .title-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a33f903a62377 .title-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a33f903a62377 .title-customize {text-transform:none !important;}.gem-infotext.thegem-custom-69e9a33f903a62377 .subtitle-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a33f903a62377 .subtitle-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a33f903a62377 .subtitle-customize {text-transform:none !important;}<\/style><div class=\"gem-infotext alignment-center thegem-custom-69e9a33f903a62377\"> <div class=\"gem-infotext-wrap position--top horizonal--center \"> <div class=\"gem-infotext\"> <div class=\"gem-infotext__title\"> <div class=\"title-customize title-default\" style=\"text-align:center;\"> Services <\/div> <\/div> <div class=\"gem-infotext__subtitle\"> <div class=\"subtitle-customize title-default light\" style=\"text-align:center;\"> 3D Graphics <\/div> <\/div> <\/div> <\/div> <\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243; css=&#8221;.vc_custom_1679588849345{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243; tablet_padding_top=&#8221;15&#8243; tablet_padding_bottom=&#8221;15&#8243;]<style>.thegem-custom-69e9a33f903d01623 .gem-icon  {font-size: 16px;}.thegem-custom-69e9a33f903d01623 .gem-icon:not(.gem-simple-icon) .gem-icon-inner {width: 24px; height: 24px; line-height: 24px;}.thegem-custom-69e9a33f903d01623 .gem-icon.gem-simple-icon {width: 16px; height: 16px; line-height: 16px;}.gem-infotext.thegem-custom-69e9a33f903d01623 .gem-infotext-icon {margin-top:-2px !important;}.gem-infotext.thegem-custom-69e9a33f903d01623 .gem-infotext-icon {margin-right:8px !important;}.gem-infotext.thegem-custom-69e9a33f903d01623 .title-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a33f903d01623 a:hover .gem-infotext .title-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a33f903d01623 .title-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a33f903d01623 .title-customize {text-transform:none !important;}.gem-infotext.thegem-custom-69e9a33f903d01623 .subtitle-customize {color:#00bcd4 !important;}.gem-infotext.thegem-custom-69e9a33f903d01623 a:hover .gem-infotext .subtitle-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a33f903d01623 .subtitle-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a33f903d01623 .subtitle-customize {text-transform:none !important;}<\/style><div class=\"gem-infotext alignment-center thegem-custom-69e9a33f903d01623\"> <a href=\"#\" target=\"_self\" class=\"gem-infotext-wrap position--top horizonal--center \" > <div class=\"gem-infotext\"> <div class=\"gem-infotext__title\"> <div class=\"title-customize title-default\" style=\"text-align:center;\"> Links <\/div> <\/div> <div class=\"gem-infotext__subtitle\"> <div class=\"subtitle-customize title-default light\" style=\"text-align:center;\"> dribbble.com\/alekseivasileika <\/div> <\/div> <\/div> <\/a> <\/div>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1680169588803{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1680169594219{margin-bottom: -215px !important;padding-top: 75px !important;}&#8221; mobile_padding_top=&#8221;40&#8243;]<style>.portfolio.portfolio-grid#style-d215171 .portfolio-item:not(.size-item), .preloader#style-preloader-d215171 .portfolio-item { padding: calc(42px\/2) !important; }.portfolio.portfolio-grid#style-d215171 .portfolio-item.size-item { padding: 0 calc(42px\/2) !important; }.portfolio.portfolio-grid#style-d215171 .portfolio-row, .preloader#style-preloader-d215171 .skeleton-posts.portfolio-row { margin: calc(-42px\/2); }.portfolio.portfolio-grid#style-d215171.fullwidth-columns .portfolio-row { margin: calc(-42px\/2) 0; }.portfolio.portfolio-grid#style-d215171 .fullwidth-block:not(.no-paddings) { padding-left: 42px; padding-right: 42px; }.portfolio.portfolio-grid#style-d215171 .fullwidth-block .portfolio-row { padding-left: calc(42px\/2); padding-right: calc(42px\/2); }.portfolio.portfolio-grid#style-d215171 .fullwidth-block .portfolio-top-panel { padding-left: 42px; padding-right: 42px; }.portfolio.portfolio-grid#style-d215171.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 42px; }@media (max-width: 991px) { .portfolio.portfolio-grid#style-d215171 .portfolio-item:not(.size-item), .preloader#style-preloader-d215171 .portfolio-item { padding: calc(21px\/2) !important; }.portfolio.portfolio-grid#style-d215171 .portfolio-item.size-item { padding: 0 calc(21px\/2) !important; }.portfolio.portfolio-grid#style-d215171 .portfolio-row, .preloader#style-preloader-d215171 .skeleton-posts.portfolio-row { margin: calc(-21px\/2); }.portfolio.portfolio-grid#style-d215171.fullwidth-columns .portfolio-row { margin: calc(-21px\/2) 0; }.portfolio.portfolio-grid#style-d215171 .fullwidth-block:not(.no-paddings) { padding-left: 21px; padding-right: 21px; }.portfolio.portfolio-grid#style-d215171 .fullwidth-block .portfolio-row { padding-left: calc(21px\/2); padding-right: calc(21px\/2); }.portfolio.portfolio-grid#style-d215171 .fullwidth-block .portfolio-top-panel { padding-left: 21px; padding-right: 21px; }.portfolio.portfolio-grid#style-d215171.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 21px; }}.portfolio.portfolio-grid#style-d215171 .portfolio-item:not(.custom-ratio, .double-item) .image-inner:not(.empty) { aspect-ratio: 1.33 !important; height: auto; }.portfolio.portfolio-grid#style-d215171 .portfolio-item .caption .title span { letter-spacing: px !important; }.portfolio.portfolio-grid#style-d215171 .portfolio-item .caption .title span { white-space: initial; max-height: initial; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }.portfolio.portfolio-grid#style-d215171 .portfolio-item .caption .subtitle { max-height: initial !important; }.portfolio.portfolio-grid#style-d215171 .portfolio-item .caption .subtitle span { white-space: initial; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }.portfolio.portfolio-grid#style-d215171 .portfolio-item .caption .subtitle a, .portfolio.portfolio-grid#style-d215171 .portfolio-item .caption .subtitle p { white-space: initial; overflow: initial; }<\/style><style>.portfolio.portfolio-grid#style-d215171 .portfolio-filters { text-align: center; }.portfolio.portfolio-grid#style-d215171 .portfolio-item .image,.portfolio.portfolio-grid#style-d215171 .portfolio-item .image .image-inner,.portfolio.portfolio-grid#style-d215171 .portfolio-item .image .overlay,.portfolio.portfolio-grid#style-d215171.caption-position-hover .portfolio-item .wrap,.portfolio.portfolio-grid#style-d215171.caption-position-image .portfolio-item .wrap { border-radius: 5px }.portfolio.portfolio-grid#style-d215171.caption-position-page .portfolio-item .wrap { border-radius: 5px 5px 0 0 }<\/style> <div class=\"portfolio-preloader-wrapper panel-sidebar-position-left\"> <div class=\"portfolio portfolio-grid extended-portfolio-grid no-padding portfolio-pagination-disable portfolio-style-justified background-style-white title-style-light hover-default title-on-hover hover-elements-size-default version-alternative caption-position-hover loading-animation item-animation-scale hover-title columns-2 columns-tablet-2 columns-mobile-1 disable-isotope disable-bottom-margin minimal-preloader \" id=\"style-d215171\" data-style-uid=\"d215171\" data-portfolio-uid=\"grid_2c2e2ad\" data-current-page=\"1\" data-per-page=\"4\" data-next-page=\"0\" data-pages-count=\"1\" data-hover=\"default\" data-portfolio-filter=\"[]\" data-portfolio-filter-attributes=\"null\" data-portfolio-filter-search=\"\"> <div class=\"portfolio-row-outer \"> <div class=\"portfolio-top-panel selected-only\"> <div class=\"portfolio-filter-item portfolio-selected-filters left\"> <div class=\"portfolio-selected-filter-item clear-filters\"> Clear Filters\t<\/div> <\/div> <\/div> <div class=\"row portfolio-row\"> <div class=\"portfolio-set clearfix\" data-max-row-height=\"380\"> <div class=\"portfolio-item video-autoplay col-xs-12 col-sm-6 col-md-6 bigger item-animations-not-inited portfolio-item-template appearance-type-video post-11388 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710340778\"> <div class=\"wrap clearfix\"> <div class=\"image post-11388 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-1-01-thegem-product-justified-landscape-xl.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-1-01-thegem-product-justified-landscape-xl.jpg\" width=\"700\" height=\"560\" class=\"video-image-mobile\" alt=\"Video Project #1\" \/> <\/picture> <div class=\"gem-video-portfolio type-self autoplay hide-on-mobile \" data-video-type=\"self\" data-video-id=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-1-01.mp4\" > <video id=\"thegem-video-frame-69e9a33f93a9b1436\" autoplay muted playsinline loop src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-1-01.mp4\" poster=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-1-01.jpg\"><\/video><div class=\"gem-video-portfolio-overlay\" style=\"\"><\/div> <\/div> <svg class=\"video-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m5.3.2h-4.2c-.4 0-.6.3-.6.6v3.2c0 .4.3.6.6.6h4.2c.4.2.7-.1.7-.5v-3.2c0-.4-.3-.7-.7-.7zm3.1.4c-.1-.1-.3-.1-.4 0l-1.4 1v1.9l1.4 1c.1.1.2.1.3 0s.2-.2.2-.3v-3.4c0-.1 0-.2-.1-.2z\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-1-01.mp4\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Video Project #1<\/span> <\/a> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item video-autoplay col-xs-12 col-sm-6 col-md-6 bigger item-animations-not-inited portfolio-item-template appearance-type-video post-11400 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710340853\"> <div class=\"wrap clearfix\"> <div class=\"image post-11400 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-1-02-thegem-product-justified-landscape-xl.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-1-02-thegem-product-justified-landscape-xl.jpg\" width=\"700\" height=\"560\" class=\"video-image-mobile\" alt=\"Video Project #2\" \/> <\/picture> <div class=\"gem-video-portfolio type-self autoplay hide-on-mobile \" data-video-type=\"self\" data-video-id=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-1-02.mp4\" > <video id=\"thegem-video-frame-69e9a33f93ef22870\" autoplay muted playsinline loop src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-1-02.mp4\" poster=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-1-02.jpg\"><\/video><div class=\"gem-video-portfolio-overlay\" style=\"\"><\/div> <\/div> <svg class=\"video-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m5.3.2h-4.2c-.4 0-.6.3-.6.6v3.2c0 .4.3.6.6.6h4.2c.4.2.7-.1.7-.5v-3.2c0-.4-.3-.7-.7-.7zm3.1.4c-.1-.1-.3-.1-.4 0l-1.4 1v1.9l1.4 1c.1.1.2.1.3 0s.2-.2.2-.3v-3.4c0-.1 0-.2-.1-.2z\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-1-02.mp4\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Video Project #2<\/span> <\/a> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item video-autoplay col-xs-12 col-sm-6 col-md-6 bigger item-animations-not-inited portfolio-item-template appearance-type-video post-11401 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710340868\"> <div class=\"wrap clearfix\"> <div class=\"image post-11401 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-1-03-thegem-product-justified-landscape-xl.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-1-03-thegem-product-justified-landscape-xl.jpg\" width=\"700\" height=\"560\" class=\"video-image-mobile\" alt=\"Video Project #3\" \/> <\/picture> <div class=\"gem-video-portfolio type-self autoplay hide-on-mobile \" data-video-type=\"self\" data-video-id=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-1-03.mp4\" > <video id=\"thegem-video-frame-69e9a33f943541850\" autoplay muted playsinline loop src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-1-03.mp4\" poster=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-1-03.jpg\"><\/video><div class=\"gem-video-portfolio-overlay\" style=\"\"><\/div> <\/div> <svg class=\"video-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m5.3.2h-4.2c-.4 0-.6.3-.6.6v3.2c0 .4.3.6.6.6h4.2c.4.2.7-.1.7-.5v-3.2c0-.4-.3-.7-.7-.7zm3.1.4c-.1-.1-.3-.1-.4 0l-1.4 1v1.9l1.4 1c.1.1.2.1.3 0s.2-.2.2-.3v-3.4c0-.1 0-.2-.1-.2z\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-1-03.mp4\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Video Project #3<\/span> <\/a> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item video-autoplay col-xs-12 col-sm-6 col-md-6 bigger item-animations-not-inited portfolio-item-template appearance-type-video post-11402 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710340883\"> <div class=\"wrap clearfix\"> <div class=\"image post-11402 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-1-04-thegem-product-justified-landscape-xl.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-1-04-thegem-product-justified-landscape-xl.jpg\" width=\"700\" height=\"560\" class=\"video-image-mobile\" alt=\"Video Project #4\" \/> <\/picture> <div class=\"gem-video-portfolio type-self autoplay hide-on-mobile \" data-video-type=\"self\" data-video-id=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-1-04.mp4\" > <video id=\"thegem-video-frame-69e9a33f947856649\" autoplay muted playsinline loop src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-1-04.mp4\" poster=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-1-04.jpg\"><\/video><div class=\"gem-video-portfolio-overlay\" style=\"\"><\/div> <\/div> <svg class=\"video-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m5.3.2h-4.2c-.4 0-.6.3-.6.6v3.2c0 .4.3.6.6.6h4.2c.4.2.7-.1.7-.5v-3.2c0-.4-.3-.7-.7-.7zm3.1.4c-.1-.1-.3-.1-.4 0l-1.4 1v1.9l1.4 1c.1.1.2.1.3 0s.2-.2.2-.3v-3.4c0-.1 0-.2-.1-.2z\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-1-04.mp4\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Video Project #4<\/span> <\/a> <\/div> <\/div> <\/div> <\/div> <\/div><!-- .portflio-set --> <div class=\"portfolio-item-size-container\"> <div class=\"portfolio-item col-xs-12 col-sm-6 col-md-6 bigger item-animations-not-inited portfolio-item-template appearance-type-featured_image post-11402 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <\/div> <\/div> <\/div><!-- .row--> <\/div><!-- .full-width --> <\/div><!-- .portfolio--> <\/div><!-- .portfolio-preloader-wrapper-->[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content&#8221; background_position_desktop=&#8221;right center&#8221; css=&#8221;.vc_custom_1680609928356{margin-bottom: 0px !important;background-image: url(https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/04\/video-back-4.png?id=11825) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221;][vc_column css=&#8221;.vc_custom_1680613142478{padding-top: 390px !important;padding-right: 120px !important;padding-bottom: 270px !important;padding-left: 120px !important;}&#8221; tablet_padding_top=&#8221;345&#8243; tablet_padding_bottom=&#8221;200&#8243; tablet_padding_left=&#8221;21&#8243; tablet_padding_right=&#8221;21&#8243; mobile_padding_top=&#8221;315&#8243; mobile_padding_bottom=&#8221;130&#8243;]<div class=\"thegem-te-heading thegem-custom-69e9a33f94a508647\" ><div id=\"thegem-heading-69e9a33f949e0\" class=\"thegem-heading title-h1\" style=\"text-align: center;\" ><span class=\"colored\" style=\"color: #ffffff;\">Play On Hover Example<\/span><\/div><style type=\"text\/css\">#thegem-heading-69e9a33f949e0 {margin: 0;}#thegem-heading-69e9a33f949e0 {margin-left: auto; margin-right: auto;}#thegem-heading-69e9a33f949e0 > * {justify-content: center;}#thegem-heading-69e9a33f949e0 {letter-spacing: 0px;}#thegem-heading-69e9a33f949e0, #thegem-heading-69e9a33f949e0 .light {text-transform: none;}#thegem-heading-69e9a33f949e0 a:hover, #thegem-heading-69e9a33f949e0 a:hover span.colored {color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important;}<\/style><\/div><style>@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a33f94a508647{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33f94a508647{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a33f94a508647{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33f94a508647{position: relative !important;}}<\/style><div class=\"clearboth\"><\/div><style>#thegem-divider-69e9a33f94a6d {margin-top: 40px !important;}<\/style><div id=\"thegem-divider-69e9a33f94a6d\" class=\"gem-divider  \" style=\"\" ><\/div><div class=\"thegem-te-heading thegem-custom-69e9a33f94b2d9403\" ><div id=\"thegem-heading-69e9a33f94ac7\" class=\"thegem-heading styled-subtitle\" style=\"text-align: center;\" ><span class=\"colored\" style=\"color: #99a9b5;\">Alternatively you can set the project videos to play on hover. You can activate preloading to speed up the video start. Just hover the items below to see this in action.<\/span><\/div><style type=\"text\/css\">#thegem-heading-69e9a33f94ac7 {margin: 0;}#thegem-heading-69e9a33f94ac7 {margin-left: auto; margin-right: auto;}#thegem-heading-69e9a33f94ac7 > * {justify-content: center;}#thegem-heading-69e9a33f94ac7 {max-width: 850px;}#thegem-heading-69e9a33f94ac7 a:hover, #thegem-heading-69e9a33f94ac7 a:hover span.colored {color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important;}<\/style><\/div><style>@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a33f94b2d9403{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33f94b2d9403{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a33f94b2d9403{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33f94b2d9403{position: relative !important;}}<\/style><div class=\"clearboth\"><\/div><style>#thegem-divider-69e9a33f94b43 {margin-top: 90px !important;}<\/style><div id=\"thegem-divider-69e9a33f94b43\" class=\"gem-divider  \" style=\"\" ><\/div><style>.portfolio.portfolio-grid#style-b58cda4 .portfolio-item:not(.size-item), .preloader#style-preloader-b58cda4 .portfolio-item { padding: calc(42px\/2) !important; }.portfolio.portfolio-grid#style-b58cda4 .portfolio-item.size-item { padding: 0 calc(42px\/2) !important; }.portfolio.portfolio-grid#style-b58cda4 .portfolio-row, .preloader#style-preloader-b58cda4 .skeleton-posts.portfolio-row { margin: calc(-42px\/2); }.portfolio.portfolio-grid#style-b58cda4.fullwidth-columns .portfolio-row { margin: calc(-42px\/2) 0; }.portfolio.portfolio-grid#style-b58cda4 .fullwidth-block:not(.no-paddings) { padding-left: 42px; padding-right: 42px; }.portfolio.portfolio-grid#style-b58cda4 .fullwidth-block .portfolio-row { padding-left: calc(42px\/2); padding-right: calc(42px\/2); }.portfolio.portfolio-grid#style-b58cda4 .fullwidth-block .portfolio-top-panel { padding-left: 42px; padding-right: 42px; }.portfolio.portfolio-grid#style-b58cda4.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 42px; }@media (max-width: 991px) { .portfolio.portfolio-grid#style-b58cda4 .portfolio-item:not(.size-item), .preloader#style-preloader-b58cda4 .portfolio-item { padding: calc(21px\/2) !important; }.portfolio.portfolio-grid#style-b58cda4 .portfolio-item.size-item { padding: 0 calc(21px\/2) !important; }.portfolio.portfolio-grid#style-b58cda4 .portfolio-row, .preloader#style-preloader-b58cda4 .skeleton-posts.portfolio-row { margin: calc(-21px\/2); }.portfolio.portfolio-grid#style-b58cda4.fullwidth-columns .portfolio-row { margin: calc(-21px\/2) 0; }.portfolio.portfolio-grid#style-b58cda4 .fullwidth-block:not(.no-paddings) { padding-left: 21px; padding-right: 21px; }.portfolio.portfolio-grid#style-b58cda4 .fullwidth-block .portfolio-row { padding-left: calc(21px\/2); padding-right: calc(21px\/2); }.portfolio.portfolio-grid#style-b58cda4 .fullwidth-block .portfolio-top-panel { padding-left: 21px; padding-right: 21px; }.portfolio.portfolio-grid#style-b58cda4.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 21px; }}.portfolio.portfolio-grid#style-b58cda4 .portfolio-item:not(.custom-ratio, .double-item) .image-inner:not(.empty) { aspect-ratio: 1.32 !important; height: auto; }.portfolio.portfolio-grid#style-b58cda4 .portfolio-item .caption .title span { letter-spacing: px !important; }.portfolio.portfolio-grid#style-b58cda4 .portfolio-item .caption .title span { white-space: initial; max-height: initial; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }.portfolio.portfolio-grid#style-b58cda4 .portfolio-item .caption .subtitle { max-height: initial !important; }.portfolio.portfolio-grid#style-b58cda4 .portfolio-item .caption .subtitle span { white-space: initial; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }.portfolio.portfolio-grid#style-b58cda4 .portfolio-item .caption .subtitle a, .portfolio.portfolio-grid#style-b58cda4 .portfolio-item .caption .subtitle p { white-space: initial; overflow: initial; }<\/style><style>.portfolio.portfolio-grid#style-b58cda4 .portfolio-filters { text-align: center; }.portfolio.portfolio-grid#style-b58cda4 .portfolio-item .image,.portfolio.portfolio-grid#style-b58cda4 .portfolio-item .image .image-inner,.portfolio.portfolio-grid#style-b58cda4 .portfolio-item .image .overlay,.portfolio.portfolio-grid#style-b58cda4.caption-position-hover .portfolio-item .wrap,.portfolio.portfolio-grid#style-b58cda4.caption-position-image .portfolio-item .wrap { border-radius: 5px }.portfolio.portfolio-grid#style-b58cda4.caption-position-page .portfolio-item .wrap { border-radius: 5px 5px 0 0 }<\/style> <div class=\"portfolio-preloader-wrapper panel-sidebar-position-left\"> <div class=\"portfolio portfolio-grid extended-portfolio-grid no-padding portfolio-pagination-disable portfolio-style-justified background-style-white title-style-light hover-default title-on-hover hover-elements-size-default version-alternative caption-position-hover hover-title columns-3 columns-tablet-2 columns-mobile-1 disable-isotope disable-bottom-margin minimal-preloader \" id=\"style-b58cda4\" data-style-uid=\"b58cda4\" data-portfolio-uid=\"grid_1564959\" data-current-page=\"1\" data-per-page=\"6\" data-next-page=\"0\" data-pages-count=\"1\" data-hover=\"default\" data-portfolio-filter=\"[]\" data-portfolio-filter-attributes=\"null\" data-portfolio-filter-search=\"\"> <div class=\"portfolio-row-outer \"> <div class=\"portfolio-top-panel selected-only\"> <div class=\"portfolio-filter-item portfolio-selected-filters left\"> <div class=\"portfolio-selected-filter-item clear-filters\"> Clear Filters\t<\/div> <\/div> <\/div> <div class=\"row portfolio-row\"> <div class=\"portfolio-set clearfix\" data-max-row-height=\"380\"> <div class=\"portfolio-item video-on-hover col-xs-12 col-sm-6 col-md-4 portfolio-item-template appearance-type-video custom-ratio post-11403 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710340980\"> <div class=\"wrap clearfix\"> <div class=\"image post-11403 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-2-01-thegem-product-justified-landscape-xl.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-2-01-thegem-product-justified-landscape-xl.jpg\" width=\"700\" height=\"560\" class=\"video-image-mobile\" alt=\"Video Project #5\" \/> <\/picture> <div class=\"gem-video-portfolio type-self play-on-hover hide-on-mobile run-embed-video\" data-video-type=\"self\" data-video-id=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-2-01.mp4\" style=\"aspect-ratio: 1.3333333333333\"> <video id=\"thegem-video-frame-69e9a33f962999094\" muted playsinline loop src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-2-01.mp4\" poster=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-2-01.jpg\"><\/video> <\/div> <svg class=\"video-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m5.3.2h-4.2c-.4 0-.6.3-.6.6v3.2c0 .4.3.6.6.6h4.2c.4.2.7-.1.7-.5v-3.2c0-.4-.3-.7-.7-.7zm3.1.4c-.1-.1-.3-.1-.4 0l-1.4 1v1.9l1.4 1c.1.1.2.1.3 0s.2-.2.2-.3v-3.4c0-.1 0-.2-.1-.2z\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-2-01.mp4\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Video Project #5<\/span> <\/a> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item video-on-hover col-xs-12 col-sm-6 col-md-4 portfolio-item-template appearance-type-video custom-ratio post-11414 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710341023\"> <div class=\"wrap clearfix\"> <div class=\"image post-11414 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-2-02-thegem-product-justified-landscape-xl.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-2-02-thegem-product-justified-landscape-xl.jpg\" width=\"700\" height=\"560\" class=\"video-image-mobile\" alt=\"Video Project #6\" \/> <\/picture> <div class=\"gem-video-portfolio type-self play-on-hover hide-on-mobile run-embed-video\" data-video-type=\"self\" data-video-id=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-2-02.mp4\" style=\"aspect-ratio: 1.3333333333333\"> <video id=\"thegem-video-frame-69e9a33f967525477\" muted playsinline loop src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-2-02.mp4\" poster=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-2-02.jpg\"><\/video> <\/div> <svg class=\"video-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m5.3.2h-4.2c-.4 0-.6.3-.6.6v3.2c0 .4.3.6.6.6h4.2c.4.2.7-.1.7-.5v-3.2c0-.4-.3-.7-.7-.7zm3.1.4c-.1-.1-.3-.1-.4 0l-1.4 1v1.9l1.4 1c.1.1.2.1.3 0s.2-.2.2-.3v-3.4c0-.1 0-.2-.1-.2z\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-2-02.mp4\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Video Project #6<\/span> <\/a> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item video-on-hover col-xs-12 col-sm-6 col-md-4 portfolio-item-template appearance-type-video custom-ratio post-11415 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710341043\"> <div class=\"wrap clearfix\"> <div class=\"image post-11415 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-2-03-thegem-product-justified-landscape-xl.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-2-03-thegem-product-justified-landscape-xl.jpg\" width=\"700\" height=\"560\" class=\"video-image-mobile\" alt=\"Video Project #7\" \/> <\/picture> <div class=\"gem-video-portfolio type-self play-on-hover hide-on-mobile run-embed-video\" data-video-type=\"self\" data-video-id=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-2-03.mp4\" style=\"aspect-ratio: 1.3333333333333\"> <video id=\"thegem-video-frame-69e9a33f96cde8084\" muted playsinline loop src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-2-03.mp4\" poster=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-2-03.jpg\"><\/video> <\/div> <svg class=\"video-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m5.3.2h-4.2c-.4 0-.6.3-.6.6v3.2c0 .4.3.6.6.6h4.2c.4.2.7-.1.7-.5v-3.2c0-.4-.3-.7-.7-.7zm3.1.4c-.1-.1-.3-.1-.4 0l-1.4 1v1.9l1.4 1c.1.1.2.1.3 0s.2-.2.2-.3v-3.4c0-.1 0-.2-.1-.2z\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-2-03.mp4\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Video Project #7<\/span> <\/a> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item video-on-hover col-xs-12 col-sm-6 col-md-4 portfolio-item-template appearance-type-video custom-ratio post-11416 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710341050\"> <div class=\"wrap clearfix\"> <div class=\"image post-11416 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-2-04-thegem-product-justified-landscape-xl.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-2-04-thegem-product-justified-landscape-xl.jpg\" width=\"700\" height=\"560\" class=\"video-image-mobile\" alt=\"Video Project #8\" \/> <\/picture> <div class=\"gem-video-portfolio type-self play-on-hover hide-on-mobile run-embed-video\" data-video-type=\"self\" data-video-id=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-2-04.mp4\" style=\"aspect-ratio: 1.3333333333333\"> <video id=\"thegem-video-frame-69e9a33f972611277\" muted playsinline loop src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-2-04.mp4\" poster=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-2-04.jpg\"><\/video> <\/div> <svg class=\"video-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m5.3.2h-4.2c-.4 0-.6.3-.6.6v3.2c0 .4.3.6.6.6h4.2c.4.2.7-.1.7-.5v-3.2c0-.4-.3-.7-.7-.7zm3.1.4c-.1-.1-.3-.1-.4 0l-1.4 1v1.9l1.4 1c.1.1.2.1.3 0s.2-.2.2-.3v-3.4c0-.1 0-.2-.1-.2z\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-2-04.mp4\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Video Project #8<\/span> <\/a> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item video-on-hover col-xs-12 col-sm-6 col-md-4 portfolio-item-template appearance-type-video custom-ratio post-11418 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710341058\"> <div class=\"wrap clearfix\"> <div class=\"image post-11418 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-2-05-thegem-product-justified-landscape-xl.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-2-05-thegem-product-justified-landscape-xl.jpg\" width=\"700\" height=\"560\" class=\"video-image-mobile\" alt=\"Video Project #9\" \/> <\/picture> <div class=\"gem-video-portfolio type-self play-on-hover hide-on-mobile run-embed-video\" data-video-type=\"self\" data-video-id=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-2-05.mp4\" style=\"aspect-ratio: 1.3333333333333\"> <video id=\"thegem-video-frame-69e9a33f9778b8483\" muted playsinline loop src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-2-05.mp4\" poster=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-2-05.jpg\"><\/video> <\/div> <svg class=\"video-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m5.3.2h-4.2c-.4 0-.6.3-.6.6v3.2c0 .4.3.6.6.6h4.2c.4.2.7-.1.7-.5v-3.2c0-.4-.3-.7-.7-.7zm3.1.4c-.1-.1-.3-.1-.4 0l-1.4 1v1.9l1.4 1c.1.1.2.1.3 0s.2-.2.2-.3v-3.4c0-.1 0-.2-.1-.2z\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-2-05.mp4\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Video Project #9<\/span> <\/a> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item video-on-hover col-xs-12 col-sm-6 col-md-4 portfolio-item-template appearance-type-video custom-ratio post-11419 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710341063\"> <div class=\"wrap clearfix\"> <div class=\"image post-11419 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-2-06-thegem-product-justified-landscape-xl.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-2-06-thegem-product-justified-landscape-xl.jpg\" width=\"700\" height=\"560\" class=\"video-image-mobile\" alt=\"Video Project #10\" \/> <\/picture> <div class=\"gem-video-portfolio type-self play-on-hover hide-on-mobile run-embed-video\" data-video-type=\"self\" data-video-id=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-2-06.mp4\" style=\"aspect-ratio: 1.3333333333333\"> <video id=\"thegem-video-frame-69e9a33f97c8e5256\" muted playsinline loop src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-2-06.mp4\" poster=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-2-06.jpg\"><\/video> <\/div> <svg class=\"video-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m5.3.2h-4.2c-.4 0-.6.3-.6.6v3.2c0 .4.3.6.6.6h4.2c.4.2.7-.1.7-.5v-3.2c0-.4-.3-.7-.7-.7zm3.1.4c-.1-.1-.3-.1-.4 0l-1.4 1v1.9l1.4 1c.1.1.2.1.3 0s.2-.2.2-.3v-3.4c0-.1 0-.2-.1-.2z\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-2-06.mp4\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Video Project #10<\/span> <\/a> <\/div> <\/div> <\/div> <\/div> <\/div><!-- .portflio-set --> <div class=\"portfolio-item-size-container\"> <div class=\"portfolio-item col-xs-12 col-sm-6 col-md-4 portfolio-item-template appearance-type-featured_image post-11419 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <\/div> <\/div> <\/div><!-- .row--> <\/div><!-- .full-width --> <\/div><!-- .portfolio--> <\/div><!-- .portfolio-preloader-wrapper-->[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1679581701398{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1680604035843{padding-top: 105px !important;padding-bottom: 95px !important;}&#8221; tablet_padding_top=&#8221;100&#8243; tablet_padding_bottom=&#8221;70&#8243; mobile_padding_bottom=&#8221;45&#8243; mobile_padding_top=&#8221;80&#8243;]<div class=\"thegem-te-heading thegem-custom-69e9a33f97fb46607\" ><div id=\"thegem-heading-69e9a33f97f39\" class=\"thegem-heading title-h1\" style=\"text-align: center;\" ><span class=\"colored\" style=\"color: #24262e;\">Open In Lightbox<\/span><\/div><style type=\"text\/css\">#thegem-heading-69e9a33f97f39 {margin: 0;}#thegem-heading-69e9a33f97f39 {margin-left: auto; margin-right: auto;}#thegem-heading-69e9a33f97f39 > * {justify-content: center;}#thegem-heading-69e9a33f97f39 {letter-spacing: 0px;}#thegem-heading-69e9a33f97f39, #thegem-heading-69e9a33f97f39 .light {text-transform: none;}#thegem-heading-69e9a33f97f39 a:hover, #thegem-heading-69e9a33f97f39 a:hover span.colored {color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important;}<\/style><\/div><style>@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a33f97fb46607{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33f97fb46607{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a33f97fb46607{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33f97fb46607{position: relative !important;}}<\/style><div class=\"clearboth\"><\/div><style>#thegem-divider-69e9a33f97fd4 {margin-top: 40px !important;}@media screen and (max-width: 767px) {#thegem-divider-69e9a33f97fd4 {margin-top: 20px !important;}}<\/style><div id=\"thegem-divider-69e9a33f97fd4\" class=\"gem-divider  \" style=\"\" ><\/div><div class=\"thegem-te-heading thegem-custom-69e9a33f980986019\" ><div id=\"thegem-heading-69e9a33f98030\" class=\"thegem-heading styled-subtitle\" style=\"text-align: center;\" ><span>Additionally, you can use the &quot;Open in Lightbox&quot; option to show your videos in a lightbox. Click on tzhe play button to see this in action.<\/span><\/div><style type=\"text\/css\">#thegem-heading-69e9a33f98030 {margin: 0;}#thegem-heading-69e9a33f98030 {margin-left: auto; margin-right: auto;}#thegem-heading-69e9a33f98030 > * {justify-content: center;}#thegem-heading-69e9a33f98030 {max-width: 760px;}#thegem-heading-69e9a33f98030 a:hover, #thegem-heading-69e9a33f98030 a:hover span.colored {color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important;}<\/style><\/div><style>@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a33f980986019{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33f980986019{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a33f980986019{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33f980986019{position: relative !important;}}<\/style>[\/vc_column][\/vc_row][vc_row equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221;][vc_column width=&#8221;1\/2&#8243; css=&#8221;.vc_custom_1679589161747{border-right-width: 1px !important;padding-top: 30px !important;padding-bottom: 30px !important;border-right-color: #dfe5e8 !important;border-right-style: solid !important;}&#8221; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243; tablet_padding_top=&#8221;15&#8243; tablet_padding_bottom=&#8221;15&#8243;]<style>.thegem-custom-69e9a33f980c05095 .gem-icon  {font-size: 16px;}.thegem-custom-69e9a33f980c05095 .gem-icon:not(.gem-simple-icon) .gem-icon-inner {width: 24px; height: 24px; line-height: 24px;}.thegem-custom-69e9a33f980c05095 .gem-icon.gem-simple-icon {width: 16px; height: 16px; line-height: 16px;}.gem-infotext.thegem-custom-69e9a33f980c05095 .gem-infotext-icon {margin-top:-2px !important;}.gem-infotext.thegem-custom-69e9a33f980c05095 .gem-infotext-icon {margin-right:8px !important;}.gem-infotext.thegem-custom-69e9a33f980c05095 .title-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a33f980c05095 .title-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a33f980c05095 .title-customize {text-transform:none !important;}.gem-infotext.thegem-custom-69e9a33f980c05095 .subtitle-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a33f980c05095 .subtitle-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a33f980c05095 .subtitle-customize {text-transform:none !important;}<\/style><div class=\"gem-infotext alignment-center thegem-custom-69e9a33f980c05095\"> <div class=\"gem-infotext-wrap position--top horizonal--center \"> <div class=\"gem-infotext\"> <div class=\"gem-infotext__title\"> <div class=\"title-customize title-default\" style=\"text-align:center;\"> Date <\/div> <\/div> <div class=\"gem-infotext__subtitle\"> <div class=\"subtitle-customize title-default light\" style=\"text-align:center;\"> 2022 - 2023 <\/div> <\/div> <\/div> <\/div> <\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243; css=&#8221;.vc_custom_1679589173168{border-right-width: 1px !important;padding-top: 30px !important;padding-bottom: 30px !important;border-right-color: #dfe5e8 !important;border-right-style: solid !important;}&#8221; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243; tablet_padding_top=&#8221;15&#8243; tablet_padding_bottom=&#8221;15&#8243;]<style>.thegem-custom-69e9a33f981467246 .gem-icon  {font-size: 16px;}.thegem-custom-69e9a33f981467246 .gem-icon:not(.gem-simple-icon) .gem-icon-inner {width: 24px; height: 24px; line-height: 24px;}.thegem-custom-69e9a33f981467246 .gem-icon.gem-simple-icon {width: 16px; height: 16px; line-height: 16px;}.gem-infotext.thegem-custom-69e9a33f981467246 .gem-infotext-icon {margin-top:-2px !important;}.gem-infotext.thegem-custom-69e9a33f981467246 .gem-infotext-icon {margin-right:8px !important;}.gem-infotext.thegem-custom-69e9a33f981467246 .title-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a33f981467246 .title-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a33f981467246 .title-customize {text-transform:none !important;}.gem-infotext.thegem-custom-69e9a33f981467246 .subtitle-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a33f981467246 .subtitle-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a33f981467246 .subtitle-customize {text-transform:none !important;}<\/style><div class=\"gem-infotext alignment-center thegem-custom-69e9a33f981467246\"> <div class=\"gem-infotext-wrap position--top horizonal--center \"> <div class=\"gem-infotext\"> <div class=\"gem-infotext__title\"> <div class=\"title-customize title-default\" style=\"text-align:center;\"> Authors <\/div> <\/div> <div class=\"gem-infotext__subtitle\"> <div class=\"subtitle-customize title-default light\" style=\"text-align:center;\"> GIORGI familybusyness <\/div> <\/div> <\/div> <\/div> <\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243; css=&#8221;.vc_custom_1679589183103{border-right-width: 1px !important;padding-top: 30px !important;padding-bottom: 30px !important;border-right-color: #dfe5e8 !important;border-right-style: solid !important;}&#8221; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243; tablet_padding_top=&#8221;15&#8243; tablet_padding_bottom=&#8221;15&#8243;]<style>.thegem-custom-69e9a33f981c5457 .gem-icon  {font-size: 16px;}.thegem-custom-69e9a33f981c5457 .gem-icon:not(.gem-simple-icon) .gem-icon-inner {width: 24px; height: 24px; line-height: 24px;}.thegem-custom-69e9a33f981c5457 .gem-icon.gem-simple-icon {width: 16px; height: 16px; line-height: 16px;}.gem-infotext.thegem-custom-69e9a33f981c5457 .gem-infotext-icon {margin-top:-2px !important;}.gem-infotext.thegem-custom-69e9a33f981c5457 .gem-infotext-icon {margin-right:8px !important;}.gem-infotext.thegem-custom-69e9a33f981c5457 .title-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a33f981c5457 .title-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a33f981c5457 .title-customize {text-transform:none !important;}.gem-infotext.thegem-custom-69e9a33f981c5457 .subtitle-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a33f981c5457 .subtitle-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a33f981c5457 .subtitle-customize {text-transform:none !important;}<\/style><div class=\"gem-infotext alignment-center thegem-custom-69e9a33f981c5457\"> <div class=\"gem-infotext-wrap position--top horizonal--center \"> <div class=\"gem-infotext\"> <div class=\"gem-infotext__title\"> <div class=\"title-customize title-default\" style=\"text-align:center;\"> Services <\/div> <\/div> <div class=\"gem-infotext__subtitle\"> <div class=\"subtitle-customize title-default light\" style=\"text-align:center;\"> 3D Graphics <\/div> <\/div> <\/div> <\/div> <\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243; css=&#8221;.vc_custom_1679589193888{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243; tablet_padding_top=&#8221;15&#8243; tablet_padding_bottom=&#8221;15&#8243;]<style>.thegem-custom-69e9a33f9823d607 .gem-icon  {font-size: 16px;}.thegem-custom-69e9a33f9823d607 .gem-icon:not(.gem-simple-icon) .gem-icon-inner {width: 24px; height: 24px; line-height: 24px;}.thegem-custom-69e9a33f9823d607 .gem-icon.gem-simple-icon {width: 16px; height: 16px; line-height: 16px;}.gem-infotext.thegem-custom-69e9a33f9823d607 .gem-infotext-icon {margin-top:-2px !important;}.gem-infotext.thegem-custom-69e9a33f9823d607 .gem-infotext-icon {margin-right:8px !important;}.gem-infotext.thegem-custom-69e9a33f9823d607 .title-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a33f9823d607 a:hover .gem-infotext .title-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a33f9823d607 .title-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a33f9823d607 .title-customize {text-transform:none !important;}.gem-infotext.thegem-custom-69e9a33f9823d607 .subtitle-customize {color:#00bcd4 !important;}.gem-infotext.thegem-custom-69e9a33f9823d607 a:hover .gem-infotext .subtitle-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a33f9823d607 .subtitle-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a33f9823d607 .subtitle-customize {text-transform:none !important;}<\/style><div class=\"gem-infotext alignment-center thegem-custom-69e9a33f9823d607\"> <a href=\"#\" target=\"_self\" class=\"gem-infotext-wrap position--top horizonal--center \" > <div class=\"gem-infotext\"> <div class=\"gem-infotext__title\"> <div class=\"title-customize title-default\" style=\"text-align:center;\"> Links <\/div> <\/div> <div class=\"gem-infotext__subtitle\"> <div class=\"subtitle-customize title-default light\" style=\"text-align:center;\"> dribbble.com\/familybusyness <\/div> <\/div> <\/div> <\/a> <\/div>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1679586669378{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1680613042858{padding-top: 70px !important;padding-bottom: 70px !important;}&#8221; mobile_padding_top=&#8221;40&#8243; mobile_padding_bottom=&#8221;40&#8243;]<style>.portfolio.portfolio-grid#style-0026672 .portfolio-item:not(.size-item), .preloader#style-preloader-0026672 .portfolio-item { padding: calc(42px\/2) !important; }.portfolio.portfolio-grid#style-0026672 .portfolio-item.size-item { padding: 0 calc(42px\/2) !important; }.portfolio.portfolio-grid#style-0026672 .portfolio-row, .preloader#style-preloader-0026672 .skeleton-posts.portfolio-row { margin: calc(-42px\/2); }.portfolio.portfolio-grid#style-0026672.fullwidth-columns .portfolio-row { margin: calc(-42px\/2) 0; }.portfolio.portfolio-grid#style-0026672 .fullwidth-block:not(.no-paddings) { padding-left: 42px; padding-right: 42px; }.portfolio.portfolio-grid#style-0026672 .fullwidth-block .portfolio-row { padding-left: calc(42px\/2); padding-right: calc(42px\/2); }.portfolio.portfolio-grid#style-0026672 .fullwidth-block .portfolio-top-panel { padding-left: 42px; padding-right: 42px; }.portfolio.portfolio-grid#style-0026672.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 42px; }@media (max-width: 991px) { .portfolio.portfolio-grid#style-0026672 .portfolio-item:not(.size-item), .preloader#style-preloader-0026672 .portfolio-item { padding: calc(21px\/2) !important; }.portfolio.portfolio-grid#style-0026672 .portfolio-item.size-item { padding: 0 calc(21px\/2) !important; }.portfolio.portfolio-grid#style-0026672 .portfolio-row, .preloader#style-preloader-0026672 .skeleton-posts.portfolio-row { margin: calc(-21px\/2); }.portfolio.portfolio-grid#style-0026672.fullwidth-columns .portfolio-row { margin: calc(-21px\/2) 0; }.portfolio.portfolio-grid#style-0026672 .fullwidth-block:not(.no-paddings) { padding-left: 21px; padding-right: 21px; }.portfolio.portfolio-grid#style-0026672 .fullwidth-block .portfolio-row { padding-left: calc(21px\/2); padding-right: calc(21px\/2); }.portfolio.portfolio-grid#style-0026672 .fullwidth-block .portfolio-top-panel { padding-left: 21px; padding-right: 21px; }.portfolio.portfolio-grid#style-0026672.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 21px; }}.portfolio.portfolio-grid#style-0026672 .portfolio-item:not(.custom-ratio, .double-item) .image-inner:not(.empty) { aspect-ratio: 1.33 !important; height: auto; }.portfolio.portfolio-grid#style-0026672 .portfolio-item .caption .title span { letter-spacing: px !important; }.portfolio.portfolio-grid#style-0026672 .portfolio-item .caption .title span { white-space: initial; max-height: initial; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }.portfolio.portfolio-grid#style-0026672 .portfolio-item .caption .subtitle { max-height: initial !important; }.portfolio.portfolio-grid#style-0026672 .portfolio-item .caption .subtitle span { white-space: initial; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }.portfolio.portfolio-grid#style-0026672 .portfolio-item .caption .subtitle a, .portfolio.portfolio-grid#style-0026672 .portfolio-item .caption .subtitle p { white-space: initial; overflow: initial; }<\/style><style>.portfolio.portfolio-grid#style-0026672 .portfolio-filters { text-align: center; }.portfolio.portfolio-grid#style-0026672 .portfolio-item .image,.portfolio.portfolio-grid#style-0026672 .portfolio-item .image .image-inner,.portfolio.portfolio-grid#style-0026672 .portfolio-item .image .overlay,.portfolio.portfolio-grid#style-0026672.caption-position-hover .portfolio-item .wrap,.portfolio.portfolio-grid#style-0026672.caption-position-image .portfolio-item .wrap { border-radius: 5px }.portfolio.portfolio-grid#style-0026672.caption-position-page .portfolio-item .wrap { border-radius: 5px 5px 0 0 }<\/style> <div class=\"portfolio-preloader-wrapper panel-sidebar-position-left\"> <div class=\"portfolio portfolio-grid extended-portfolio-grid no-padding portfolio-pagination-disable portfolio-style-justified background-style-white title-style-light hover-disabled title-on-hover hover-elements-size-default version-alternative caption-position-hover loading-animation item-animation-scale hover-title columns-3 columns-tablet-2 columns-mobile-1 disable-isotope disable-bottom-margin minimal-preloader \" id=\"style-0026672\" data-style-uid=\"0026672\" data-portfolio-uid=\"grid_4fdf355\" data-current-page=\"1\" data-per-page=\"9\" data-next-page=\"0\" data-pages-count=\"1\" data-hover=\"disabled\" data-portfolio-filter=\"[]\" data-portfolio-filter-attributes=\"null\" data-portfolio-filter-search=\"\"> <div class=\"portfolio-row-outer \"> <div class=\"portfolio-top-panel selected-only\"> <div class=\"portfolio-filter-item portfolio-selected-filters left\"> <div class=\"portfolio-selected-filter-item clear-filters\"> Clear Filters\t<\/div> <\/div> <\/div> <div class=\"row portfolio-row\"> <div class=\"portfolio-set clearfix\" data-max-row-height=\"380\"> <div class=\"portfolio-item video-lightbox col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-video post-11444 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710342147\"> <div class=\"wrap clearfix\"> <div class=\"image post-11444 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-3-01.jpg\" alt=\"Video Poster\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-3-01.mp4\" class=\"portfolio-video-icon self_video\" data-ratio=\"1.3333333333333\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <\/a> <svg class=\"video-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m5.3.2h-4.2c-.4 0-.6.3-.6.6v3.2c0 .4.3.6.6.6h4.2c.4.2.7-.1.7-.5v-3.2c0-.4-.3-.7-.7-.7zm3.1.4c-.1-.1-.3-.1-.4 0l-1.4 1v1.9l1.4 1c.1.1.2.1.3 0s.2-.2.2-.3v-3.4c0-.1 0-.2-.1-.2z\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-3-01.mp4\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Video Project #11<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Video Project #11 <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item video-lightbox col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-video post-11451 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710342159\"> <div class=\"wrap clearfix\"> <div class=\"image post-11451 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-3-02.jpg\" alt=\"Video Poster\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-3-02.mp4\" class=\"portfolio-video-icon self_video\" data-ratio=\"1.3333333333333\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <\/a> <svg class=\"video-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m5.3.2h-4.2c-.4 0-.6.3-.6.6v3.2c0 .4.3.6.6.6h4.2c.4.2.7-.1.7-.5v-3.2c0-.4-.3-.7-.7-.7zm3.1.4c-.1-.1-.3-.1-.4 0l-1.4 1v1.9l1.4 1c.1.1.2.1.3 0s.2-.2.2-.3v-3.4c0-.1 0-.2-.1-.2z\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-3-02.mp4\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Video Project #12<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Video Project #12 <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item video-lightbox col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-video post-11452 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710342177\"> <div class=\"wrap clearfix\"> <div class=\"image post-11452 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-3-03.jpg\" alt=\"Video Poster\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-3-03.mp4\" class=\"portfolio-video-icon self_video\" data-ratio=\"1.3333333333333\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <\/a> <svg class=\"video-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m5.3.2h-4.2c-.4 0-.6.3-.6.6v3.2c0 .4.3.6.6.6h4.2c.4.2.7-.1.7-.5v-3.2c0-.4-.3-.7-.7-.7zm3.1.4c-.1-.1-.3-.1-.4 0l-1.4 1v1.9l1.4 1c.1.1.2.1.3 0s.2-.2.2-.3v-3.4c0-.1 0-.2-.1-.2z\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-3-03.mp4\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Video Project #13<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Video Project #13 <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item video-lightbox col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-video post-11469 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710342237\"> <div class=\"wrap clearfix\"> <div class=\"image post-11469 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-3-04.jpg\" alt=\"Video Poster\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-3-04.mp4\" class=\"portfolio-video-icon self_video\" data-ratio=\"1.3333333333333\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <\/a> <svg class=\"video-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m5.3.2h-4.2c-.4 0-.6.3-.6.6v3.2c0 .4.3.6.6.6h4.2c.4.2.7-.1.7-.5v-3.2c0-.4-.3-.7-.7-.7zm3.1.4c-.1-.1-.3-.1-.4 0l-1.4 1v1.9l1.4 1c.1.1.2.1.3 0s.2-.2.2-.3v-3.4c0-.1 0-.2-.1-.2z\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-3-04.mp4\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Video Project #14<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Video Project #14 <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item video-lightbox col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-video post-11470 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710342245\"> <div class=\"wrap clearfix\"> <div class=\"image post-11470 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-3-05.jpg\" alt=\"Video Poster\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-3-05.mp4\" class=\"portfolio-video-icon self_video\" data-ratio=\"1.3333333333333\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <\/a> <svg class=\"video-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m5.3.2h-4.2c-.4 0-.6.3-.6.6v3.2c0 .4.3.6.6.6h4.2c.4.2.7-.1.7-.5v-3.2c0-.4-.3-.7-.7-.7zm3.1.4c-.1-.1-.3-.1-.4 0l-1.4 1v1.9l1.4 1c.1.1.2.1.3 0s.2-.2.2-.3v-3.4c0-.1 0-.2-.1-.2z\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-3-05.mp4\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Video Project #15<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Video Project #15 <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item video-lightbox col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-video post-11471 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710342264\"> <div class=\"wrap clearfix\"> <div class=\"image post-11471 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-3-06.jpg\" alt=\"Video Poster\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-3-06.mp4\" class=\"portfolio-video-icon self_video\" data-ratio=\"1.3333333333333\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <\/a> <svg class=\"video-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m5.3.2h-4.2c-.4 0-.6.3-.6.6v3.2c0 .4.3.6.6.6h4.2c.4.2.7-.1.7-.5v-3.2c0-.4-.3-.7-.7-.7zm3.1.4c-.1-.1-.3-.1-.4 0l-1.4 1v1.9l1.4 1c.1.1.2.1.3 0s.2-.2.2-.3v-3.4c0-.1 0-.2-.1-.2z\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-3-06.mp4\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Video Project #16<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Video Project #16 <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div><!-- .portflio-set --> <div class=\"portfolio-item-size-container\"> <div class=\"portfolio-item col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-11471 thegem_pf_item type-thegem_pf_item status-publish\"> <\/div> <\/div> <\/div><!-- .row--> <\/div><!-- .full-width --> <\/div><!-- .portfolio--> <\/div><!-- .portfolio-preloader-wrapper-->[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1679581701398{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1680611858583{padding-top: 75px !important;padding-bottom: 85px !important;}&#8221; tablet_padding_top=&#8221;40&#8243;]<div class=\"thegem-te-heading thegem-custom-69e9a33f9aa404011\" ><div id=\"thegem-heading-69e9a33f9a9c4\" class=\"thegem-heading title-h1\" style=\"text-align: center;\" ><span class=\"colored\" style=\"color: #24262e;\">Youtube &amp; Vimeo<\/span><\/div><style type=\"text\/css\">#thegem-heading-69e9a33f9a9c4 {margin: 0;}#thegem-heading-69e9a33f9a9c4 {margin-left: auto; margin-right: auto;}#thegem-heading-69e9a33f9a9c4 > * {justify-content: center;}#thegem-heading-69e9a33f9a9c4 {letter-spacing: 0px;}#thegem-heading-69e9a33f9a9c4, #thegem-heading-69e9a33f9a9c4 .light {text-transform: none;}#thegem-heading-69e9a33f9a9c4 a:hover, #thegem-heading-69e9a33f9a9c4 a:hover span.colored {color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important;}<\/style><\/div><style>@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a33f9aa404011{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33f9aa404011{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a33f9aa404011{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33f9aa404011{position: relative !important;}}<\/style><div class=\"clearboth\"><\/div><style>#thegem-divider-69e9a33f9aa5d {margin-top: 40px !important;}@media screen and (max-width: 767px) {#thegem-divider-69e9a33f9aa5d {margin-top: 20px !important;}}<\/style><div id=\"thegem-divider-69e9a33f9aa5d\" class=\"gem-divider  \" style=\"\" ><\/div><div class=\"thegem-te-heading thegem-custom-69e9a33f9ab1c4495\" ><div id=\"thegem-heading-69e9a33f9aab8\" class=\"thegem-heading styled-subtitle\" style=\"text-align: center;\" ><span>Besides the self-hosted videos you can also use YouTube and Vimeo videos to be displayed in portfolio grid with autoplay, play on hover on open in lightbox options. Click on play button to check this out.<\/span><\/div><style type=\"text\/css\">#thegem-heading-69e9a33f9aab8 {margin: 0;}#thegem-heading-69e9a33f9aab8 {margin-left: auto; margin-right: auto;}#thegem-heading-69e9a33f9aab8 > * {justify-content: center;}#thegem-heading-69e9a33f9aab8 {max-width: 830px;}#thegem-heading-69e9a33f9aab8 a:hover, #thegem-heading-69e9a33f9aab8 a:hover span.colored {color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important;}<\/style><\/div><style>@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a33f9ab1c4495{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33f9ab1c4495{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a33f9ab1c4495{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33f9ab1c4495{position: relative !important;}}<\/style>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; css=&#8221;.vc_custom_1680177648023{margin-bottom: 0px !important;}&#8221;][vc_column]<style>.portfolio.portfolio-grid#style-5e23fce .portfolio-item:not(.size-item), .preloader#style-preloader-5e23fce .portfolio-item { padding: calc(0px\/2) !important; }.portfolio.portfolio-grid#style-5e23fce .portfolio-item.size-item { padding: 0 calc(0px\/2) !important; }.portfolio.portfolio-grid#style-5e23fce .portfolio-row, .preloader#style-preloader-5e23fce .skeleton-posts.portfolio-row { margin: calc(-0px\/2); }.portfolio.portfolio-grid#style-5e23fce.fullwidth-columns .portfolio-row { margin: calc(-0px\/2) 0; }.portfolio.portfolio-grid#style-5e23fce .fullwidth-block:not(.no-paddings) { padding-left: 0px; padding-right: 0px; }.portfolio.portfolio-grid#style-5e23fce .fullwidth-block .portfolio-row { padding-left: calc(0px\/2); padding-right: calc(0px\/2); }.portfolio.portfolio-grid#style-5e23fce .fullwidth-block .portfolio-top-panel { padding-left: 0px; padding-right: 0px; }.portfolio.portfolio-grid#style-5e23fce.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 0px; }.portfolio.portfolio-grid#style-5e23fce .portfolio-item:not(.custom-ratio, .double-item) .image-inner:not(.empty) { aspect-ratio: 1.77 !important; height: auto; }.portfolio.portfolio-grid#style-5e23fce .portfolio-item .caption .title span { letter-spacing: px !important; }.portfolio.portfolio-grid#style-5e23fce .portfolio-item .caption .title span { white-space: initial; max-height: initial; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }.portfolio.portfolio-grid#style-5e23fce .portfolio-item .caption .subtitle { max-height: initial !important; }.portfolio.portfolio-grid#style-5e23fce .portfolio-item .caption .subtitle span { white-space: initial; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }.portfolio.portfolio-grid#style-5e23fce .portfolio-item .caption .subtitle a, .portfolio.portfolio-grid#style-5e23fce .portfolio-item .caption .subtitle p { white-space: initial; overflow: initial; }<\/style><style>.portfolio.portfolio-grid#style-5e23fce .portfolio-filters { text-align: center; }<\/style> <div class=\"portfolio-preloader-wrapper panel-sidebar-position-left\"> <div class=\"portfolio portfolio-grid extended-portfolio-grid no-padding portfolio-pagination-disable portfolio-style-justified background-style-white title-style-light hover-default title-on-hover hover-elements-size-default version-alternative caption-position-hover loading-animation item-animation-fall-perspective no-gaps hover-title columns-3 columns-tablet-2 columns-mobile-1 disable-isotope disable-bottom-margin minimal-preloader \" id=\"style-5e23fce\" data-style-uid=\"5e23fce\" data-portfolio-uid=\"grid_617f103\" data-current-page=\"1\" data-per-page=\"3\" data-next-page=\"0\" data-pages-count=\"1\" data-hover=\"default\" data-portfolio-filter=\"[]\" data-portfolio-filter-attributes=\"null\" data-portfolio-filter-search=\"\"> <div class=\"portfolio-row-outer \"> <div class=\"portfolio-top-panel selected-only\"> <div class=\"portfolio-filter-item portfolio-selected-filters left\"> <div class=\"portfolio-selected-filter-item clear-filters\"> Clear Filters\t<\/div> <\/div> <\/div> <div class=\"row portfolio-row\"> <div class=\"portfolio-set clearfix\" data-max-row-height=\"380\"> <div class=\"portfolio-item video-hosting col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-video post-11472 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710342308\"> <div class=\"wrap clearfix\"> <div class=\"image post-11472 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-5-thegem-product-justified-landscape-xl.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-5-thegem-product-justified-landscape-xl.jpg\" width=\"700\" height=\"560\" class=\"attachment-thegem-product-justified-landscape-xl\" alt=\"Video Project #17\" \/> <\/picture> <a href=\"\/\/player.vimeo.com\/video\/218626743?autoplay=1\" class=\"portfolio-video-icon vimeo\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <\/a> <svg class=\"video-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m5.3.2h-4.2c-.4 0-.6.3-.6.6v3.2c0 .4.3.6.6.6h4.2c.4.2.7-.1.7-.5v-3.2c0-.4-.3-.7-.7-.7zm3.1.4c-.1-.1-.3-.1-.4 0l-1.4 1v1.9l1.4 1c.1.1.2.1.3 0s.2-.2.2-.3v-3.4c0-.1 0-.2-.1-.2z\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"\/\/player.vimeo.com\/video\/218626743?autoplay=1\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Video Project #17<\/span> <\/a> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item video-hosting col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-video post-11473 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710342317\"> <div class=\"wrap clearfix\"> <div class=\"image post-11473 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-4-01-thegem-product-justified-landscape-xl.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-4-01-thegem-product-justified-landscape-xl.jpg\" width=\"700\" height=\"560\" class=\"attachment-thegem-product-justified-landscape-xl\" alt=\"Video Project #18\" \/> <\/picture> <a href=\"\/\/www.youtube.com\/embed\/-9wJVTNATJo?autoplay=1\" class=\"portfolio-video-icon youtube\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <\/a> <svg class=\"video-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m5.3.2h-4.2c-.4 0-.6.3-.6.6v3.2c0 .4.3.6.6.6h4.2c.4.2.7-.1.7-.5v-3.2c0-.4-.3-.7-.7-.7zm3.1.4c-.1-.1-.3-.1-.4 0l-1.4 1v1.9l1.4 1c.1.1.2.1.3 0s.2-.2.2-.3v-3.4c0-.1 0-.2-.1-.2z\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"\/\/www.youtube.com\/embed\/-9wJVTNATJo?autoplay=1\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Video Project #18<\/span> <\/a> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item video-hosting col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-video post-11474 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710342324\"> <div class=\"wrap clearfix\"> <div class=\"image post-11474 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-4-thegem-product-justified-landscape-xl.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-4-thegem-product-justified-landscape-xl.jpg\" width=\"700\" height=\"560\" class=\"attachment-thegem-product-justified-landscape-xl\" alt=\"Video Project #19\" \/> <\/picture> <a href=\"\/\/player.vimeo.com\/video\/29949752?autoplay=1\" class=\"portfolio-video-icon vimeo\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <\/a> <svg class=\"video-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m5.3.2h-4.2c-.4 0-.6.3-.6.6v3.2c0 .4.3.6.6.6h4.2c.4.2.7-.1.7-.5v-3.2c0-.4-.3-.7-.7-.7zm3.1.4c-.1-.1-.3-.1-.4 0l-1.4 1v1.9l1.4 1c.1.1.2.1.3 0s.2-.2.2-.3v-3.4c0-.1 0-.2-.1-.2z\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"\/\/player.vimeo.com\/video\/29949752?autoplay=1\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Video Project #19<\/span> <\/a> <\/div> <\/div> <\/div> <\/div> <\/div><!-- .portflio-set --> <div class=\"portfolio-item-size-container\"> <div class=\"portfolio-item col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-11474 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <\/div> <\/div> <\/div><!-- .row--> <\/div><!-- .full-width --> <\/div><!-- .portfolio--> <\/div><!-- .portfolio-preloader-wrapper-->[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1679591427310{margin-bottom: 0px !important;background-color: #5442f0 !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221;][vc_column css=&#8221;.vc_custom_1679309113080{padding-top: 90px !important;padding-bottom: 90px !important;}&#8221;]<div class=\"thegem-te-heading thegem-custom-69e9a33f9cd371753\" ><div id=\"thegem-heading-69e9a33f9ccb6\" class=\"thegem-heading title-h2\" style=\"text-align: center;\" ><span class=\"light colored\" style=\"color: #ffffff;\">Create Stunning<\/span> <span class=\"colored\" style=\"color: #ffffff;\">Animated Portfolios<\/span> <span class=\"light colored\" style=\"color: #ffffff;\">With Awesome<\/span> <span class=\"colored\" style=\"color: #ffffff;\">TheGem<\/span> <span class=\"light colored\" style=\"color: #ffffff;\">Theme!<\/span><\/div><style type=\"text\/css\">#thegem-heading-69e9a33f9ccb6 {margin: 0;}#thegem-heading-69e9a33f9ccb6 {margin-left: auto; margin-right: auto;}#thegem-heading-69e9a33f9ccb6 > * {justify-content: center;}#thegem-heading-69e9a33f9ccb6 {letter-spacing: 0px;}#thegem-heading-69e9a33f9ccb6, #thegem-heading-69e9a33f9ccb6 .light {text-transform: none;}#thegem-heading-69e9a33f9ccb6 {max-width: 750px;}#thegem-heading-69e9a33f9ccb6 a:hover, #thegem-heading-69e9a33f9ccb6 a:hover span.colored {color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important;}<\/style><\/div><style>@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a33f9cd371753{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33f9cd371753{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a33f9cd371753{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33f9cd371753{position: relative !important;}}<\/style>[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221; equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221; background_position_desktop=&#8221;right bottom&#8221; thegem_revesrse_columns_tablet=&#8221;true&#8221; thegem_revesrse_columns_mobile=&#8221;true&#8221; css=&#8221;.vc_custom_1680604713821{margin-bottom: 0px !important;padding-top: 200px !important;padding-bottom: 50px !important;background-image: url(https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/04\/video-back-1.png?id=11816) !important;background-position: center !important;background-repeat: no-repeat&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/pages\/11380"}],"collection":[{"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/comments?post=11380"}],"version-history":[{"count":60,"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/pages\/11380\/revisions"}],"predecessor-version":[{"id":11992,"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/pages\/11380\/revisions\/11992"}],"wp:attachment":[{"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/media?parent=11380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}