{"id":11616,"date":"2024-03-13T19:53:37","date_gmt":"2024-03-13T19:53:37","guid":{"rendered":"https:\/\/codex-themes.com\/thegem\/blocks\/?page_id=11616"},"modified":"2023-04-16T16:08:51","modified_gmt":"2023-04-16T16:08:51","slug":"portfolio-loading-animations","status":"publish","type":"page","link":"https:\/\/codex-themes.com\/thegem\/blocks\/portfolio-loading-animations\/","title":{"rendered":"Portfolio Loading Animations"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row css=&#8221;.vc_custom_1678786476703{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1680270708713{padding-top: 70px !important;padding-bottom: 70px !important;}&#8221; tablet_padding_bottom=&#8221;50&#8243; mobile_padding_bottom=&#8221;30&#8243;]<div class=\"thegem-te-heading thegem-custom-69e4348128f694388\" ><div id=\"thegem-heading-69e4348128f47\" class=\"thegem-heading title-h2\" style=\"text-align: center;\" ><span>Portfolio Loading Animations<\/span><\/div><style type=\"text\/css\">#thegem-heading-69e4348128f47 {margin: 0;}#thegem-heading-69e4348128f47 {margin-left: auto; margin-right: auto;}#thegem-heading-69e4348128f47 > * {justify-content: center;}#thegem-heading-69e4348128f47 {letter-spacing: 0px;}#thegem-heading-69e4348128f47, #thegem-heading-69e4348128f47 .light {text-transform: none;}#thegem-heading-69e4348128f47 a:hover, #thegem-heading-69e4348128f47 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-69e4348128f694388{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e4348128f694388{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e4348128f694388{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e4348128f694388{position: relative !important;}}<\/style><div class=\"clearboth\"><\/div><style>#thegem-divider-69e4348128f89 {margin-top: 20px !important;}<\/style><div id=\"thegem-divider-69e4348128f89\" class=\"gem-divider  \" style=\"\" ><\/div><div class=\"thegem-te-heading thegem-custom-69e43481290e59042\" ><div id=\"thegem-heading-69e43481290c7\" class=\"thegem-heading styled-subtitle\" style=\"text-align: center;\" ><span>TheGem Portfolio Grid comes with five different types of loading animations for items in grid. Scroll down to see these loading animations in action.<\/span><\/div><style type=\"text\/css\">#thegem-heading-69e43481290c7 {margin: 0;}#thegem-heading-69e43481290c7 {margin-left: auto; margin-right: auto;}#thegem-heading-69e43481290c7 > * {justify-content: center;}#thegem-heading-69e43481290c7 {max-width: 760px;}#thegem-heading-69e43481290c7 a:hover, #thegem-heading-69e43481290c7 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-69e43481290e59042{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e43481290e59042{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e43481290e59042{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e43481290e59042{position: relative !important;}}<\/style>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1680874865298{margin-bottom: 0px !important;}&#8221; el_class=&#8221;row-text-separator&#8221;][vc_column css=&#8221;.vc_custom_1680270756343{padding-top: 0px !important;}&#8221;][vc_text_separator title_level=&#8221;h3&#8243; title=&#8221;Fade In Animation&#8221; css=&#8221;.vc_custom_1680269029181{margin-bottom: 0px !important;}&#8221;]<div class=\"clearboth\"><\/div><style>#thegem-divider-69e43481290fc {margin-top: 50px !important;}@media screen and (max-width: 1023px) and (min-width: 768px) {#thegem-divider-69e43481290fc {margin-top: 30px !important;}}@media screen and (max-width: 767px) {#thegem-divider-69e43481290fc {margin-top: 30px !important;}}<\/style><div id=\"thegem-divider-69e43481290fc\" class=\"gem-divider  \" style=\"\" ><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; css=&#8221;.vc_custom_1680269457602{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1680269465105{padding-top: 0px !important;}&#8221;]<style>.portfolio.portfolio-grid#style-ae8c05e .portfolio-item:not(.size-item), .preloader#style-preloader-ae8c05e .portfolio-item { padding: calc(0px\/2) !important; }.portfolio.portfolio-grid#style-ae8c05e .portfolio-item.size-item { padding: 0 calc(0px\/2) !important; }.portfolio.portfolio-grid#style-ae8c05e .portfolio-row, .preloader#style-preloader-ae8c05e .skeleton-posts.portfolio-row { margin: calc(-0px\/2); }.portfolio.portfolio-grid#style-ae8c05e.fullwidth-columns .portfolio-row { margin: calc(-0px\/2) 0; }.portfolio.portfolio-grid#style-ae8c05e .fullwidth-block:not(.no-paddings) { padding-left: 0px; padding-right: 0px; }.portfolio.portfolio-grid#style-ae8c05e .fullwidth-block .portfolio-row { padding-left: calc(0px\/2); padding-right: calc(0px\/2); }.portfolio.portfolio-grid#style-ae8c05e .fullwidth-block .portfolio-top-panel { padding-left: 0px; padding-right: 0px; }.portfolio.portfolio-grid#style-ae8c05e.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 0px; }.portfolio.portfolio-grid#style-ae8c05e .portfolio-item:not(.custom-ratio, .double-item) .image-inner:not(.empty) { aspect-ratio: 1.33 !important; height: auto; }.portfolio.portfolio-grid#style-ae8c05e .portfolio-item .caption .title span { letter-spacing: 0px !important; }.portfolio.portfolio-grid#style-ae8c05e .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-ae8c05e .portfolio-item .caption .subtitle { max-height: initial !important; }.portfolio.portfolio-grid#style-ae8c05e .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-ae8c05e .portfolio-item .caption .subtitle a, .portfolio.portfolio-grid#style-ae8c05e .portfolio-item .caption .subtitle p { white-space: initial; overflow: initial; }<\/style><style>.portfolio.portfolio-grid#style-ae8c05e .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-disabled title-on-page hover-elements-size-default version-alternative caption-position-image loading-animation item-animation-fade-in no-gaps hover-title columns-4 columns-tablet-2 columns-mobile-1 disable-isotope disable-bottom-margin minimal-preloader \" id=\"style-ae8c05e\" data-style-uid=\"ae8c05e\" data-portfolio-uid=\"grid_9461c38\" data-current-page=\"1\" data-per-page=\"8\" 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=\"280\"> <div class=\"portfolio-item mockup col-xs-12 col-sm-6 col-md-3 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10613 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710135059\"> <div class=\"wrap clearfix\"> <div class=\"image post-10613 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\/Filter-Sorting-2-01-thegem-product-justified-landscape-l.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-2-01-thegem-product-justified-landscape-l.jpg\" width=\"500\" height=\"400\" class=\"attachment-thegem-product-justified-landscape-l\" alt=\"iPhone X Mockup\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-2-01.jpg\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">iPhone X Mockup<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title \"> <span class=\"title-h5 \"> iPhone X Mockup <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item logotype col-xs-12 col-sm-6 col-md-3 item-animations-not-inited portfolio-item-template appearance-type-animated_gif post-10614 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710135062\"> <div class=\"wrap clearfix\"> <div class=\"image post-10614 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img width=\"800\" height=\"600\" class=\"gem-gif-portfolio\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/AliNazarii-006.gif\" > <svg class=\"gif-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path clip-rule=\"evenodd\" d=\"m8.1 0h-7.2c-.5 0-.9.4-.9.9v3.2c0 .5.4.9.9.9h7.2c.5 0 .9-.4.9-.9v-3.2c0-.5-.4-.9-.9-.9zm-4.6 1.8h-1.7v1.5h1v-.8h.8v1c-.1.3-.3.5-.6.5h-1.5c-.3 0-.5-.2-.5-.5v-2c0-.2.2-.5.5-.5h1.5c.3 0 .5.2.5.5zm1.5 2.2h-.7v-3h.7zm3-2.2h-1.5v.5h1v.7h-1v1h-.7v-3h2.2z\" fill-rule=\"evenodd\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/AliNazarii-006.gif\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Animated Logo<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title \"> <span class=\"title-h5 \"> Animated Logo <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item 3d-design col-xs-12 col-sm-6 col-md-3 item-animations-not-inited portfolio-item-template appearance-type-video post-10623 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710135080\"> <div class=\"wrap clearfix\"> <div class=\"image post-10623 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-l.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-l.jpg\" width=\"500\" height=\"400\" class=\"video-image-mobile\" alt=\"Abstract Video\" \/> <\/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\/Cube.mp4\" > <video id=\"thegem-video-frame-69e434812b1839054\" autoplay muted playsinline loop src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Cube.mp4\" ><\/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\/Cube.mp4\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Abstract Video<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title \"> <span class=\"title-h5 \"> Abstract Video <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item logotype col-xs-12 col-sm-6 col-md-3 item-animations-not-inited portfolio-item-template appearance-type-animated_gif post-10625 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710135085\"> <div class=\"wrap clearfix\"> <div class=\"image post-10625 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img width=\"800\" height=\"600\" class=\"gem-gif-portfolio\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/AliNazarii-008.gif\" > <svg class=\"gif-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path clip-rule=\"evenodd\" d=\"m8.1 0h-7.2c-.5 0-.9.4-.9.9v3.2c0 .5.4.9.9.9h7.2c.5 0 .9-.4.9-.9v-3.2c0-.5-.4-.9-.9-.9zm-4.6 1.8h-1.7v1.5h1v-.8h.8v1c-.1.3-.3.5-.6.5h-1.5c-.3 0-.5-.2-.5-.5v-2c0-.2.2-.5.5-.5h1.5c.3 0 .5.2.5.5zm1.5 2.2h-.7v-3h.7zm3-2.2h-1.5v.5h1v.7h-1v1h-.7v-3h2.2z\" fill-rule=\"evenodd\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/AliNazarii-008.gif\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Logo Animation<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title \"> <span class=\"title-h5 \"> Logo Animation <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item 3d-design col-xs-12 col-sm-6 col-md-3 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10626 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710135095\"> <div class=\"wrap clearfix\"> <div class=\"image post-10626 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\/Filter-Sorting-2-02-thegem-product-justified-landscape-l.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-2-02-thegem-product-justified-landscape-l.jpg\" width=\"500\" height=\"400\" class=\"attachment-thegem-product-justified-landscape-l\" alt=\"Abstract 3D\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-2-02.jpg\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Abstract 3D<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title \"> <span class=\"title-h5 \"> Abstract 3D <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item mockup col-xs-12 col-sm-6 col-md-3 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10627 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710135125\"> <div class=\"wrap clearfix\"> <div class=\"image post-10627 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\/Filter-Sorting-2-03-thegem-product-justified-landscape-l.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-2-03-thegem-product-justified-landscape-l.jpg\" width=\"500\" height=\"400\" class=\"attachment-thegem-product-justified-landscape-l\" alt=\"Modern Badge 3D\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-2-03.jpg\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Modern Badge 3D<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title \"> <span class=\"title-h5 \"> Modern Badge 3D <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item logotype col-xs-12 col-sm-6 col-md-3 item-animations-not-inited portfolio-item-template appearance-type-animated_gif post-10628 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710135132\"> <div class=\"wrap clearfix\"> <div class=\"image post-10628 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img width=\"800\" height=\"600\" class=\"gem-gif-portfolio\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/FedeCook-039.gif\" > <svg class=\"gif-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path clip-rule=\"evenodd\" d=\"m8.1 0h-7.2c-.5 0-.9.4-.9.9v3.2c0 .5.4.9.9.9h7.2c.5 0 .9-.4.9-.9v-3.2c0-.5-.4-.9-.9-.9zm-4.6 1.8h-1.7v1.5h1v-.8h.8v1c-.1.3-.3.5-.6.5h-1.5c-.3 0-.5-.2-.5-.5v-2c0-.2.2-.5.5-.5h1.5c.3 0 .5.2.5.5zm1.5 2.2h-.7v-3h.7zm3-2.2h-1.5v.5h1v.7h-1v1h-.7v-3h2.2z\" fill-rule=\"evenodd\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/FedeCook-039.gif\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Animations<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title \"> <span class=\"title-h5 \"> Animations <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item logotype mockup col-xs-12 col-sm-6 col-md-3 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10632 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710135144\"> <div class=\"wrap clearfix\"> <div class=\"image post-10632 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\/Filter-Sorting-2-04-thegem-product-justified-landscape-l.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-2-04-thegem-product-justified-landscape-l.jpg\" width=\"500\" height=\"400\" class=\"attachment-thegem-product-justified-landscape-l\" alt=\"Dancing Cups\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-2-04.jpg\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Dancing Cups<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title \"> <span class=\"title-h5 \"> Dancing Cups <\/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-3 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10632 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_1680874871647{margin-bottom: 0px !important;}&#8221; el_class=&#8221;row-text-separator&#8221;][vc_column css=&#8221;.vc_custom_1680271932146{padding-top: 130px !important;}&#8221; tablet_padding_top=&#8221;75&#8243; mobile_padding_top=&#8221;55&#8243;][vc_text_separator title_level=&#8221;h3&#8243; title=&#8221;Move Up Animation&#8221; css=&#8221;.vc_custom_1680270112753{margin-bottom: 0px !important;}&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content&#8221; css=&#8221;.vc_custom_1680875187333{margin-bottom: 0px !important;}&#8221; el_class=&#8221;row-metro-grid&#8221;][vc_column css=&#8221;.vc_custom_1680271782623{padding-top: 50px !important;padding-right: 180px !important;padding-bottom: 80px !important;padding-left: 180px !important;}&#8221; tablet_padding_left=&#8221;21&#8243; tablet_padding_right=&#8221;21&#8243; tablet_padding_top=&#8221;15&#8243; tablet_padding_bottom=&#8221;70&#8243;]<style>.portfolio.portfolio-grid#style-9e0540c .portfolio-item:not(.size-item), .preloader#style-preloader-9e0540c .portfolio-item { padding: calc(180px\/2) !important; }.portfolio.portfolio-grid#style-9e0540c .portfolio-item.size-item { padding: 0 calc(180px\/2) !important; }.portfolio.portfolio-grid#style-9e0540c .portfolio-row, .preloader#style-preloader-9e0540c .skeleton-posts.portfolio-row { margin: calc(-180px\/2); }.portfolio.portfolio-grid#style-9e0540c.fullwidth-columns .portfolio-row { margin: calc(-180px\/2) 0; }.portfolio.portfolio-grid#style-9e0540c .fullwidth-block:not(.no-paddings) { padding-left: 180px; padding-right: 180px; }.portfolio.portfolio-grid#style-9e0540c .fullwidth-block .portfolio-row { padding-left: calc(180px\/2); padding-right: calc(180px\/2); }.portfolio.portfolio-grid#style-9e0540c .fullwidth-block .portfolio-top-panel { padding-left: 180px; padding-right: 180px; }.portfolio.portfolio-grid#style-9e0540c.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 180px; }@media (max-width: 991px) { .portfolio.portfolio-grid#style-9e0540c .portfolio-item:not(.size-item), .preloader#style-preloader-9e0540c .portfolio-item { padding: calc(50px\/2) !important; }.portfolio.portfolio-grid#style-9e0540c .portfolio-item.size-item { padding: 0 calc(50px\/2) !important; }.portfolio.portfolio-grid#style-9e0540c .portfolio-row, .preloader#style-preloader-9e0540c .skeleton-posts.portfolio-row { margin: calc(-50px\/2); }.portfolio.portfolio-grid#style-9e0540c.fullwidth-columns .portfolio-row { margin: calc(-50px\/2) 0; }.portfolio.portfolio-grid#style-9e0540c .fullwidth-block:not(.no-paddings) { padding-left: 50px; padding-right: 50px; }.portfolio.portfolio-grid#style-9e0540c .fullwidth-block .portfolio-row { padding-left: calc(50px\/2); padding-right: calc(50px\/2); }.portfolio.portfolio-grid#style-9e0540c .fullwidth-block .portfolio-top-panel { padding-left: 50px; padding-right: 50px; }.portfolio.portfolio-grid#style-9e0540c.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 50px; }}.portfolio.portfolio-grid#style-9e0540c .portfolio-item .caption .title span { letter-spacing: px !important; }.portfolio.portfolio-grid#style-9e0540c .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-9e0540c .portfolio-item .caption .subtitle { max-height: initial !important; }.portfolio.portfolio-grid#style-9e0540c .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-9e0540c .portfolio-item .caption .subtitle a, .portfolio.portfolio-grid#style-9e0540c .portfolio-item .caption .subtitle p { white-space: initial; overflow: initial; }<\/style><style>.portfolio.portfolio-grid#style-9e0540c .portfolio-filters { text-align: center; }.portfolio.portfolio-grid#style-9e0540c:not(.shadowed-container) .portfolio-item .image, .portfolio.portfolio-grid#style-9e0540c .portfolio-item .thegem-template-wrapper { box-shadow: 0px 50px 50px 0px rgba(0,0,0,0.18) !important; }<\/style><div id=\"style-preloader-9e0540c\" class=\"preloader save-space\"><div class=\"preloader-spin-new\"><\/div><\/div> <div class=\"portfolio-preloader-wrapper panel-sidebar-position-left\"> <div class=\"portfolio portfolio-grid extended-portfolio-grid no-padding portfolio-pagination-disable portfolio-style-metro background-style-white title-style-light hover-zooming-blur title-on-hover hover-elements-size-small version-alternative caption-position-hover loading-animation item-animation-move-up hover-title columns-2 columns-tablet-2 columns-mobile-1 minimal-preloader \" id=\"style-9e0540c\" data-style-uid=\"9e0540c\" data-portfolio-uid=\"grid_712e891\" data-current-page=\"1\" data-per-page=\"8\" data-next-page=\"0\" data-pages-count=\"1\" data-hover=\"zooming-blur\" 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 interiors item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10251 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710113631\"> <div class=\"wrap clearfix\"> <div class=\"image post-10251 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\/Metro-1-01-thegem-portfolio-metro-large.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-1-01-thegem-portfolio-metro-large.jpg\" width=\"1037\" height=\"600\" class=\"attachment-thegem-portfolio-metro-large\" alt=\"Minimalistic\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/minimalistic\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fminimalistic%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Minimalistic&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fminimalistic%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fminimalistic%2F&#038;description=Minimalistic&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-1-01-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fminimalistic%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fminimalistic%2F&#038;title=Minimalistic&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fminimalistic%2F&#038;title=Minimalistic\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Minimalistic <\/span> <\/div> <div class=\"description\"> <\/div> <div class=\"info\"> <span class=\"date\">10 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item extras interiors item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10260 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710113648\"> <div class=\"wrap clearfix\"> <div class=\"image post-10260 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\/Metro-1-02-thegem-portfolio-metro-large.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-1-02-thegem-portfolio-metro-large.jpg\" width=\"423\" height=\"600\" class=\"attachment-thegem-portfolio-metro-large\" alt=\"Flowers\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/flowers\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fflowers%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Flowers&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fflowers%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fflowers%2F&#038;description=Flowers&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-1-02.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fflowers%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fflowers%2F&#038;title=Flowers&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fflowers%2F&#038;title=Flowers\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Flowers <\/span> <\/div> <div class=\"description\"> <\/div> <div class=\"info\"> <span class=\"date\">10 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item extras furnishings item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10261 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710113699\"> <div class=\"wrap clearfix\"> <div class=\"image post-10261 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\/Metro-1-03-thegem-portfolio-metro-large.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-1-03-thegem-portfolio-metro-large.jpg\" width=\"600\" height=\"600\" class=\"attachment-thegem-portfolio-metro-large\" alt=\"Decorative\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/decorative\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fdecorative%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Decorative&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fdecorative%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fdecorative%2F&#038;description=Decorative&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-1-03-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fdecorative%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fdecorative%2F&#038;title=Decorative&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fdecorative%2F&#038;title=Decorative\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Decorative <\/span> <\/div> <div class=\"description\"> <\/div> <div class=\"info\"> <span class=\"date\">10 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item furnishings item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10262 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710113717\"> <div class=\"wrap clearfix\"> <div class=\"image post-10262 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\/Metro-1-04-thegem-portfolio-metro-large.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-1-04-thegem-portfolio-metro-large.jpg\" width=\"1437\" height=\"600\" class=\"attachment-thegem-portfolio-metro-large\" alt=\"Elegant Couch\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/elegant-couch-2\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Felegant-couch-2%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Elegant+Couch&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Felegant-couch-2%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Felegant-couch-2%2F&#038;description=Elegant+Couch&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-1-04-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Felegant-couch-2%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Felegant-couch-2%2F&#038;title=Elegant+Couch&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Felegant-couch-2%2F&#038;title=Elegant+Couch\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Elegant Couch <\/span> <\/div> <div class=\"description\"> <\/div> <div class=\"info\"> <span class=\"date\">10 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item extras item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10263 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710113729\"> <div class=\"wrap clearfix\"> <div class=\"image post-10263 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\/Metro-1-05-thegem-portfolio-metro-large.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-1-05-thegem-portfolio-metro-large.jpg\" width=\"1001\" height=\"600\" class=\"attachment-thegem-portfolio-metro-large\" alt=\"Urban Style\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/urban-style-2\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Furban-style-2%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Urban+Style&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Furban-style-2%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Furban-style-2%2F&#038;description=Urban+Style&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-1-05-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Furban-style-2%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Furban-style-2%2F&#038;title=Urban+Style&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Furban-style-2%2F&#038;title=Urban+Style\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Urban Style <\/span> <\/div> <div class=\"description\"> <\/div> <div class=\"info\"> <span class=\"date\">10 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item furnishings interiors item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10264 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710113822\"> <div class=\"wrap clearfix\"> <div class=\"image post-10264 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\/Metro-1-06-thegem-portfolio-metro-large.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-1-06-thegem-portfolio-metro-large.jpg\" width=\"423\" height=\"600\" class=\"attachment-thegem-portfolio-metro-large\" alt=\"Coffee\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/coffee\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fcoffee%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Coffee&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fcoffee%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fcoffee%2F&#038;description=Coffee&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-1-06.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fcoffee%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fcoffee%2F&#038;title=Coffee&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fcoffee%2F&#038;title=Coffee\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Coffee <\/span> <\/div> <div class=\"description\"> <\/div> <div class=\"info\"> <span class=\"date\">10 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item furnishings item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10265 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710113837\"> <div class=\"wrap clearfix\"> <div class=\"image post-10265 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\/Metro-1-07-thegem-portfolio-metro-large.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-1-07-thegem-portfolio-metro-large.jpg\" width=\"1037\" height=\"600\" class=\"attachment-thegem-portfolio-metro-large\" alt=\"Wooden Table\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/wooden-table\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwooden-table%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Wooden+Table&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwooden-table%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwooden-table%2F&#038;description=Wooden+Table&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-1-07-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwooden-table%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwooden-table%2F&#038;title=Wooden+Table&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwooden-table%2F&#038;title=Wooden+Table\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Wooden Table <\/span> <\/div> <div class=\"description\"> <\/div> <div class=\"info\"> <span class=\"date\">10 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item furnishings item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10266 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710113843\"> <div class=\"wrap clearfix\"> <div class=\"image post-10266 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\/Metro-1-08-thegem-portfolio-metro-large.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-1-08-thegem-portfolio-metro-large.jpg\" width=\"600\" height=\"600\" class=\"attachment-thegem-portfolio-metro-large\" alt=\"Wooden Chair\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/wooden-chair-2\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwooden-chair-2%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Wooden+Chair&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwooden-chair-2%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwooden-chair-2%2F&#038;description=Wooden+Chair&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-1-08-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwooden-chair-2%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwooden-chair-2%2F&#038;title=Wooden+Chair&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwooden-chair-2%2F&#038;title=Wooden+Chair\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Wooden Chair <\/span> <\/div> <div class=\"description\"> <\/div> <div class=\"info\"> <span class=\"date\">10 March, 2024<\/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-6 bigger item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10266 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_1680874915013{margin-bottom: 0px !important;}&#8221; el_class=&#8221;row-text-separator&#8221;][vc_column css=&#8221;.vc_custom_1680271833703{padding-top: 30px !important;}&#8221; tablet_padding_top=&#8221;0&#8243;][vc_text_separator title_level=&#8221;h3&#8243; title=&#8221;Scale Animation&#8221; css=&#8221;.vc_custom_1680270364630{margin-bottom: 0px !important;}&#8221;]<div class=\"clearboth\"><\/div><style>#thegem-divider-69e4348130ccf {margin-top: 50px !important;}@media screen and (max-width: 1023px) and (min-width: 768px) {#thegem-divider-69e4348130ccf {margin-top: 25px !important;}}@media screen and (max-width: 767px) {#thegem-divider-69e4348130ccf {margin-top: 25px !important;}}<\/style><div id=\"thegem-divider-69e4348130ccf\" class=\"gem-divider  \" style=\"\" ><\/div><style>.portfolio.portfolio-grid#style-6f6d4e1 .portfolio-item:not(.size-item), .preloader#style-preloader-6f6d4e1 .portfolio-item { padding: calc(42px\/2) !important; }.portfolio.portfolio-grid#style-6f6d4e1 .portfolio-item.size-item { padding: 0 calc(42px\/2) !important; }.portfolio.portfolio-grid#style-6f6d4e1 .portfolio-row, .preloader#style-preloader-6f6d4e1 .skeleton-posts.portfolio-row { margin: calc(-42px\/2); }.portfolio.portfolio-grid#style-6f6d4e1.fullwidth-columns .portfolio-row { margin: calc(-42px\/2) 0; }.portfolio.portfolio-grid#style-6f6d4e1 .fullwidth-block:not(.no-paddings) { padding-left: 42px; padding-right: 42px; }.portfolio.portfolio-grid#style-6f6d4e1 .fullwidth-block .portfolio-row { padding-left: calc(42px\/2); padding-right: calc(42px\/2); }.portfolio.portfolio-grid#style-6f6d4e1 .fullwidth-block .portfolio-top-panel { padding-left: 42px; padding-right: 42px; }.portfolio.portfolio-grid#style-6f6d4e1.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 42px; }@media (max-width: 991px) { .portfolio.portfolio-grid#style-6f6d4e1 .portfolio-item:not(.size-item), .preloader#style-preloader-6f6d4e1 .portfolio-item { padding: calc(21px\/2) !important; }.portfolio.portfolio-grid#style-6f6d4e1 .portfolio-item.size-item { padding: 0 calc(21px\/2) !important; }.portfolio.portfolio-grid#style-6f6d4e1 .portfolio-row, .preloader#style-preloader-6f6d4e1 .skeleton-posts.portfolio-row { margin: calc(-21px\/2); }.portfolio.portfolio-grid#style-6f6d4e1.fullwidth-columns .portfolio-row { margin: calc(-21px\/2) 0; }.portfolio.portfolio-grid#style-6f6d4e1 .fullwidth-block:not(.no-paddings) { padding-left: 21px; padding-right: 21px; }.portfolio.portfolio-grid#style-6f6d4e1 .fullwidth-block .portfolio-row { padding-left: calc(21px\/2); padding-right: calc(21px\/2); }.portfolio.portfolio-grid#style-6f6d4e1 .fullwidth-block .portfolio-top-panel { padding-left: 21px; padding-right: 21px; }.portfolio.portfolio-grid#style-6f6d4e1.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 21px; }}.portfolio.portfolio-grid#style-6f6d4e1 .portfolio-item:not(.custom-ratio, .double-item) .image-inner:not(.empty) { aspect-ratio: 1 !important; height: auto; }.portfolio.portfolio-grid#style-6f6d4e1 .portfolio-item .caption .title span { letter-spacing: px !important; }.portfolio.portfolio-grid#style-6f6d4e1 .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-6f6d4e1 .portfolio-item .caption .subtitle { max-height: initial !important; }.portfolio.portfolio-grid#style-6f6d4e1 .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-6f6d4e1 .portfolio-item .caption .subtitle a, .portfolio.portfolio-grid#style-6f6d4e1 .portfolio-item .caption .subtitle p { white-space: initial; overflow: initial; }<\/style><style>.portfolio.portfolio-grid#style-6f6d4e1 .portfolio-filters { text-align: center; }.portfolio.portfolio-grid#style-6f6d4e1 .portfolio-item .image,.portfolio.portfolio-grid#style-6f6d4e1 .portfolio-item .image .image-inner,.portfolio.portfolio-grid#style-6f6d4e1 .portfolio-item .image .overlay,.portfolio.portfolio-grid#style-6f6d4e1.caption-position-hover .portfolio-item .wrap,.portfolio.portfolio-grid#style-6f6d4e1.caption-position-image .portfolio-item .wrap { border-radius: 5px }.portfolio.portfolio-grid#style-6f6d4e1.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-normal portfolio-style-justified background-style-white title-style-light hover-zoom-overlay title-on-page hover-elements-size-default version-alternative caption-position-image loading-animation item-animation-scale hover-title columns-3 columns-tablet-2 columns-mobile-1 disable-isotope disable-bottom-margin minimal-preloader \" id=\"style-6f6d4e1\" data-style-uid=\"6f6d4e1\" data-portfolio-uid=\"grid_18b09b8\" data-current-page=\"1\" data-per-page=\"9\" data-next-page=\"0\" data-pages-count=\"1\" data-hover=\"zoom-overlay\" 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 town col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10583 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710134878\"> <div class=\"wrap clearfix\"> <div class=\"image post-10583 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\/Filter-Sorting-1-01-thegem-product-justified-square-m.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-1-01-thegem-product-justified-square-m.jpg\" width=\"400\" height=\"400\" class=\"attachment-thegem-product-justified-square-m\" alt=\"Mystic City\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/mystic-city\/\" target=\"_blank\" class=\"portfolio-item-link self-link\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Mystic City<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Mystic City <\/span> <\/div> <div class=\"slide-content-hidden\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore consequat. <\/p>\n<\/span> <\/div> <\/div> <div class=\"info\"> <span class=\"date\">11 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item forest col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10597 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710134863\"> <div class=\"wrap clearfix\"> <div class=\"image post-10597 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\/Filter-Sorting-1-02-thegem-product-justified-square-m.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-1-02-thegem-product-justified-square-m.jpg\" width=\"400\" height=\"400\" class=\"attachment-thegem-product-justified-square-m\" alt=\"Enchanted Woods\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/enchanted-woods\/\" target=\"_blank\" class=\"portfolio-item-link self-link\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Enchanted Woods<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Enchanted Woods <\/span> <\/div> <div class=\"slide-content-hidden\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore consequat.<\/p>\n<\/span> <\/div> <\/div> <div class=\"info\"> <span class=\"date\">11 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item ocean col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10598 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710134857\"> <div class=\"wrap clearfix\"> <div class=\"image post-10598 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\/Filter-Sorting-1-03-thegem-product-justified-square-m.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-1-03-thegem-product-justified-square-m.jpg\" width=\"400\" height=\"400\" class=\"attachment-thegem-product-justified-square-m\" alt=\"Ocean&#8217;s Beauty\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/oceans-beauty\/\" target=\"_blank\" class=\"portfolio-item-link self-link\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Ocean&#8217;s Beauty<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Ocean&#8217;s Beauty <\/span> <\/div> <div class=\"slide-content-hidden\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore consequat. <\/p>\n<\/span> <\/div> <\/div> <div class=\"info\"> <span class=\"date\">11 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item mountains col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10601 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710134838\"> <div class=\"wrap clearfix\"> <div class=\"image post-10601 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\/Filter-Sorting-1-04-thegem-product-justified-square-m.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-1-04-thegem-product-justified-square-m.jpg\" width=\"400\" height=\"400\" class=\"attachment-thegem-product-justified-square-m\" alt=\"Silver Mountains\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/silver-mountains\/\" target=\"_blank\" class=\"portfolio-item-link self-link\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Silver Mountains<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Silver Mountains <\/span> <\/div> <div class=\"slide-content-hidden\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore consequat. <\/p>\n<\/span> <\/div> <\/div> <div class=\"info\"> <span class=\"date\">11 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item town col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10602 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710134834\"> <div class=\"wrap clearfix\"> <div class=\"image post-10602 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\/Filter-Sorting-1-05-thegem-product-justified-square-m.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-1-05-thegem-product-justified-square-m.jpg\" width=\"400\" height=\"400\" class=\"attachment-thegem-product-justified-square-m\" alt=\"Blinding Lights\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/blinding-lights\/\" target=\"_blank\" class=\"portfolio-item-link self-link\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Blinding Lights<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Blinding Lights <\/span> <\/div> <div class=\"slide-content-hidden\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore consequat. <\/p>\n<\/span> <\/div> <\/div> <div class=\"info\"> <span class=\"date\">11 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item forest col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10603 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710134819\"> <div class=\"wrap clearfix\"> <div class=\"image post-10603 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\/Filter-Sorting-1-06-thegem-product-justified-square-m.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-1-06-thegem-product-justified-square-m.jpg\" width=\"400\" height=\"400\" class=\"attachment-thegem-product-justified-square-m\" alt=\"Forest Walk\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/forest-walk\/\" target=\"_blank\" class=\"portfolio-item-link self-link\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Forest Walk<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Forest Walk <\/span> <\/div> <div class=\"slide-content-hidden\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore consequat. <\/p>\n<\/span> <\/div> <\/div> <div class=\"info\"> <span class=\"date\">11 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item ocean col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-video post-10604 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710134814\"> <div class=\"wrap clearfix\"> <div class=\"image post-10604 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\/Filter-Sorting-1-07-thegem-product-justified-square-m.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-1-07-thegem-product-justified-square-m.jpg\" width=\"400\" height=\"400\" class=\"video-image-mobile\" alt=\"Micro Vision\" \/> <\/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\/Micro-vision.mp4\" > <video id=\"thegem-video-frame-69e43481344783824\" autoplay muted playsinline loop src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Micro-vision.mp4\" ><\/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\/Micro-vision.mp4\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Micro Vision<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Micro Vision <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item mountains col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10607 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710134801\"> <div class=\"wrap clearfix\"> <div class=\"image post-10607 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\/Filter-Sorting-1-08-thegem-product-justified-square-m.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-1-08-thegem-product-justified-square-m.jpg\" width=\"400\" height=\"400\" class=\"attachment-thegem-product-justified-square-m\" alt=\"Stunning Sunset\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/stunning-sunset\/\" target=\"_blank\" class=\"portfolio-item-link self-link\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Stunning Sunset<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Stunning Sunset <\/span> <\/div> <div class=\"slide-content-hidden\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore consequat. <\/p>\n<\/span> <\/div> <\/div> <div class=\"info\"> <span class=\"date\">11 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item town col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10608 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710134789\"> <div class=\"wrap clearfix\"> <div class=\"image post-10608 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\/Filter-Sorting-1-09-thegem-product-justified-square-m.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-1-09-thegem-product-justified-square-m.jpg\" width=\"400\" height=\"400\" class=\"attachment-thegem-product-justified-square-m\" alt=\"Urban View\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/urban-view\/\" target=\"_blank\" class=\"portfolio-item-link self-link\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Urban View<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Urban View <\/span> <\/div> <div class=\"slide-content-hidden\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore consequat. <\/p>\n<\/span> <\/div> <\/div> <div class=\"info\"> <span class=\"date\">11 March, 2024<\/span> <\/div> <\/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-10608 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <\/div> <\/div> <\/div><!-- .row--> <div class=\"portfolio-navigator gem-pagination\" style=\"display:none;\"> <a href=\"#\" class=\"prev\"> <i class=\"default\"><\/i> <\/a> <div class=\"pages\"><\/div> <a href=\"#\" class=\"next\"> <i class=\"default\"><\/i> <\/a> <\/div> <\/div><!-- .full-width --> <\/div><!-- .portfolio--> <\/div><!-- .portfolio-preloader-wrapper--><div class=\"clearboth\"><\/div><style>#thegem-divider-69e4348134fe9 {margin-top: 130px !important;}@media screen and (max-width: 1023px) and (min-width: 768px) {#thegem-divider-69e4348134fe9 {margin-top: 25px !important;}}@media screen and (max-width: 767px) {#thegem-divider-69e4348134fe9 {margin-top: 25px !important;}}<\/style><div id=\"thegem-divider-69e4348134fe9\" class=\"gem-divider  \" style=\"\" ><\/div>[vc_text_separator title_level=&#8221;h3&#8243; title=&#8221;Fall Perspective Animation&#8221; css=&#8221;.vc_custom_1680272271726{margin-bottom: 0px !important;}&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; css=&#8221;.vc_custom_1681661271167{margin-bottom: 0px !important;}&#8221; el_class=&#8221;row-text-separator&#8221;][vc_column css=&#8221;.vc_custom_1681661329661{padding-top: 50px !important;}&#8221; tablet_padding_top=&#8221;75&#8243; mobile_padding_top=&#8221;55&#8243;]<style>.portfolio.portfolio-grid#style-a76603b .portfolio-item:not(.size-item), .preloader#style-preloader-a76603b .portfolio-item { padding: calc(0px\/2) !important; }.portfolio.portfolio-grid#style-a76603b .portfolio-item.size-item { padding: 0 calc(0px\/2) !important; }.portfolio.portfolio-grid#style-a76603b .portfolio-row, .preloader#style-preloader-a76603b .skeleton-posts.portfolio-row { margin: calc(-0px\/2); }.portfolio.portfolio-grid#style-a76603b.fullwidth-columns .portfolio-row { margin: calc(-0px\/2) 0; }.portfolio.portfolio-grid#style-a76603b .fullwidth-block:not(.no-paddings) { padding-left: 0px; padding-right: 0px; }.portfolio.portfolio-grid#style-a76603b .fullwidth-block .portfolio-row { padding-left: calc(0px\/2); padding-right: calc(0px\/2); }.portfolio.portfolio-grid#style-a76603b .fullwidth-block .portfolio-top-panel { padding-left: 0px; padding-right: 0px; }.portfolio.portfolio-grid#style-a76603b.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 0px; }.portfolio.portfolio-grid#style-a76603b .portfolio-item .caption .title span { letter-spacing: px !important; }.portfolio.portfolio-grid#style-a76603b .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-a76603b .portfolio-item .caption .subtitle { max-height: initial !important; }.portfolio.portfolio-grid#style-a76603b .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-a76603b .portfolio-item .caption .subtitle a, .portfolio.portfolio-grid#style-a76603b .portfolio-item .caption .subtitle p { white-space: initial; overflow: initial; }<\/style><style>.portfolio.portfolio-grid#style-a76603b .portfolio-filters { text-align: center; }<\/style><div id=\"style-preloader-a76603b\" class=\"preloader save-space\"><div class=\"preloader-spin-new\"><\/div><\/div> <div class=\"portfolio-preloader-wrapper panel-sidebar-position-left\"> <div class=\"portfolio portfolio-grid extended-portfolio-grid no-padding portfolio-pagination-disable portfolio-style-masonry background-style-white title-style-light hover-circular title-on-page hover-elements-size-default version-alternative caption-position-image loading-animation item-animation-fall-perspective no-gaps hover-circular-title hover-title portfolio-items-masonry columns-5 columns-tablet-2 columns-mobile-1 disable-bottom-margin minimal-preloader \" id=\"style-a76603b\" data-style-uid=\"a76603b\" data-portfolio-uid=\"grid_f079052\" data-current-page=\"1\" data-per-page=\"14\" data-next-page=\"0\" data-pages-count=\"1\" data-hover=\"circular\" 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 promo-campaign col-xs-12 col-sm-12 columns-desktop-5 double-item double-item-horizontal item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10076 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710097522\"> <div class=\"wrap clearfix\"> <div class=\"image post-10076 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/M1-01.jpg\" width=\"1000\" height=\"623\" class=\"attachment-thegem-portfolio-masonry-double-horizontal\" alt=\"Promo Campaign\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/promo-campaign\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fpromo-campaign%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Promo+Campaign&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fpromo-campaign%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fpromo-campaign%2F&#038;description=Promo+Campaign&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM1-01-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fpromo-campaign%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fpromo-campaign%2F&#038;title=Promo+Campaign&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fpromo-campaign%2F&#038;title=Promo+Campaign\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"top-info\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">10 March, 2024<\/div> <\/div> <div class=\"title title-h5\"> <span class=\" \"> Promo Campaign <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item product-designs col-xs-12 col-sm-6 columns-desktop-5 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10091 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710097580\"> <div class=\"wrap clearfix\"> <div class=\"image post-10091 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/M1-02-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"754\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Product Design\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/product-design\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-design%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Product+Design&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-design%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-design%2F&#038;description=Product+Design&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM1-02-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-design%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-design%2F&#038;title=Product+Design&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-design%2F&#038;title=Product+Design\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"top-info\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">10 March, 2024<\/div> <\/div> <div class=\"title title-h5\"> <span class=\" \"> Product Design <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item accessoires product-designs col-xs-12 col-sm-6 columns-desktop-5 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10092 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710097631\"> <div class=\"wrap clearfix\"> <div class=\"image post-10092 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/M1-03-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"506\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Book Collection\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/book-collection\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fbook-collection%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Book+Collection&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fbook-collection%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fbook-collection%2F&#038;description=Book+Collection&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM1-03-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fbook-collection%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fbook-collection%2F&#038;title=Book+Collection&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fbook-collection%2F&#038;title=Book+Collection\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"top-info\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">10 March, 2024<\/div> <\/div> <div class=\"title title-h5\"> <span class=\" \"> Book Collection <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item promo-campaign col-xs-12 col-sm-6 columns-desktop-5 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10093 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710097700\"> <div class=\"wrap clearfix\"> <div class=\"image post-10093 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/M1-04-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"754\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Miracle Tonic\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/miracle-tonic\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fmiracle-tonic%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Miracle+Tonic&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fmiracle-tonic%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fmiracle-tonic%2F&#038;description=Miracle+Tonic&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM1-04-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fmiracle-tonic%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fmiracle-tonic%2F&#038;title=Miracle+Tonic&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fmiracle-tonic%2F&#038;title=Miracle+Tonic\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"top-info\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">10 March, 2024<\/div> <\/div> <div class=\"title title-h5\"> <span class=\" \"> Miracle Tonic <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item product-designs col-xs-12 col-sm-6 columns-desktop-5 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10094 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710097768\"> <div class=\"wrap clearfix\"> <div class=\"image post-10094 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/M1-08-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"1126\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Color Approach\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/color-approach\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fcolor-approach%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Color+Approach&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fcolor-approach%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fcolor-approach%2F&#038;description=Color+Approach&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM1-08-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fcolor-approach%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fcolor-approach%2F&#038;title=Color+Approach&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fcolor-approach%2F&#038;title=Color+Approach\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"top-info\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">10 March, 2024<\/div> <\/div> <div class=\"title title-h5\"> <span class=\" \"> Color Approach <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item promo-campaign col-xs-12 col-sm-6 columns-desktop-5 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10095 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710097804\"> <div class=\"wrap clearfix\"> <div class=\"image post-10095 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/M1-07-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"589\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Product Photography\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/product-photography\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-photography%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Product+Photography&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-photography%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-photography%2F&#038;description=Product+Photography&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM1-07-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-photography%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-photography%2F&#038;title=Product+Photography&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-photography%2F&#038;title=Product+Photography\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"top-info\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">10 March, 2024<\/div> <\/div> <div class=\"title title-h5\"> <span class=\" \"> Product Photography <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item accessoires col-xs-12 col-sm-6 columns-desktop-5 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10096 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710097824\"> <div class=\"wrap clearfix\"> <div class=\"image post-10096 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/M1-09-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"1064\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Product Launch\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/product-launch\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-launch%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Product+Launch&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-launch%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-launch%2F&#038;description=Product+Launch&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM1-09-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-launch%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-launch%2F&#038;title=Product+Launch&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-launch%2F&#038;title=Product+Launch\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"top-info\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">10 March, 2024<\/div> <\/div> <div class=\"title title-h5\"> <span class=\" \"> Product Launch <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item product-designs promo-campaign col-xs-12 col-sm-6 columns-desktop-5 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10097 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710097895\"> <div class=\"wrap clearfix\"> <div class=\"image post-10097 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/M1-05-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"878\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Flower Spa\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/flower-spa\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fflower-spa%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Flower+Spa&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fflower-spa%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fflower-spa%2F&#038;description=Flower+Spa&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM1-05-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fflower-spa%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fflower-spa%2F&#038;title=Flower+Spa&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fflower-spa%2F&#038;title=Flower+Spa\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"top-info\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">10 March, 2024<\/div> <\/div> <div class=\"title title-h5\"> <span class=\" \"> Flower Spa <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item product-designs col-xs-12 col-sm-6 columns-desktop-5 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10098 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710097930\"> <div class=\"wrap clearfix\"> <div class=\"image post-10098 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/M1-06-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"609\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Product Branding\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/product-branding\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-branding%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Product+Branding&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-branding%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-branding%2F&#038;description=Product+Branding&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM1-06-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-branding%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-branding%2F&#038;title=Product+Branding&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-branding%2F&#038;title=Product+Branding\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"top-info\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">10 March, 2024<\/div> <\/div> <div class=\"title title-h5\"> <span class=\" \"> Product Branding <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item promo-campaign col-xs-12 col-sm-6 columns-desktop-5 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10107 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710098117\"> <div class=\"wrap clearfix\"> <div class=\"image post-10107 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/M1-12-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"812\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Candle Promo\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/candle-promo\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fcandle-promo%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Candle+Promo&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fcandle-promo%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fcandle-promo%2F&#038;description=Candle+Promo&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM1-12-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fcandle-promo%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fcandle-promo%2F&#038;title=Candle+Promo&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fcandle-promo%2F&#038;title=Candle+Promo\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"top-info\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">10 March, 2024<\/div> <\/div> <div class=\"title title-h5\"> <span class=\" \"> Candle Promo <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item product-designs col-xs-12 col-sm-6 columns-desktop-5 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10108 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710098137\"> <div class=\"wrap clearfix\"> <div class=\"image post-10108 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/M1-11-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"692\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Instagram Story\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/instagram-story\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Finstagram-story%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Instagram+Story&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Finstagram-story%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Finstagram-story%2F&#038;description=Instagram+Story&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM1-11-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Finstagram-story%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Finstagram-story%2F&#038;title=Instagram+Story&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Finstagram-story%2F&#038;title=Instagram+Story\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"top-info\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">10 March, 2024<\/div> <\/div> <div class=\"title title-h5\"> <span class=\" \"> Instagram Story <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item accessoires col-xs-12 col-sm-6 columns-desktop-5 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10109 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710098159\"> <div class=\"wrap clearfix\"> <div class=\"image post-10109 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/M1-13-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"713\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Promo Video\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/promo-video\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fpromo-video%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Promo+Video&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fpromo-video%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fpromo-video%2F&#038;description=Promo+Video&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM1-13-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fpromo-video%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fpromo-video%2F&#038;title=Promo+Video&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fpromo-video%2F&#038;title=Promo+Video\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"top-info\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">10 March, 2024<\/div> <\/div> <div class=\"title title-h5\"> <span class=\" \"> Promo Video <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item accessoires col-xs-12 col-sm-6 columns-desktop-5 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10111 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710098190\"> <div class=\"wrap clearfix\"> <div class=\"image post-10111 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/M1-14-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"667\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Soy Candle\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/soy-candle\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fsoy-candle%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Soy+Candle&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fsoy-candle%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fsoy-candle%2F&#038;description=Soy+Candle&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM1-14-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fsoy-candle%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fsoy-candle%2F&#038;title=Soy+Candle&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fsoy-candle%2F&#038;title=Soy+Candle\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"top-info\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">10 March, 2024<\/div> <\/div> <div class=\"title title-h5\"> <span class=\" \"> Soy Candle <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item product-designs col-xs-12 col-sm-6 columns-desktop-5 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10112 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710098214\"> <div class=\"wrap clearfix\"> <div class=\"image post-10112 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/M1-10-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"581\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Shape Design\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/shape-design\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fshape-design%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Shape+Design&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fshape-design%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fshape-design%2F&#038;description=Shape+Design&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM1-10-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fshape-design%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fshape-design%2F&#038;title=Shape+Design&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fshape-design%2F&#038;title=Shape+Design\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"top-info\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">10 March, 2024<\/div> <\/div> <div class=\"title title-h5\"> <span class=\" \"> Shape Design <\/span> <\/div> <div class=\"info\"><\/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 columns-desktop-5 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10112 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_1680874902270{margin-bottom: 0px !important;}&#8221; el_class=&#8221;row-text-separator&#8221;][vc_column css=&#8221;.vc_custom_1680273301086{padding-top: 80px !important;}&#8221; tablet_padding_top=&#8221;25&#8243; mobile_padding_top=&#8221;5&#8243;][vc_text_separator title_level=&#8221;h3&#8243; title=&#8221;Flip Animation&#8221; css=&#8221;.vc_custom_1680272056578{margin-bottom: 0px !important;}&#8221;]<div class=\"clearboth\"><\/div><style>#thegem-divider-69e434813d0ca {margin-top: 50px !important;}@media screen and (max-width: 1023px) and (min-width: 768px) {#thegem-divider-69e434813d0ca {margin-top: 35px !important;}}@media screen and (max-width: 767px) {#thegem-divider-69e434813d0ca {margin-top: 35px !important;}}<\/style><div id=\"thegem-divider-69e434813d0ca\" class=\"gem-divider  \" style=\"\" ><\/div><style>.portfolio.portfolio-grid#style-81beaf0 .portfolio-item:not(.size-item), .preloader#style-preloader-81beaf0 .portfolio-item { padding: calc(0px\/2) !important; }.portfolio.portfolio-grid#style-81beaf0 .portfolio-item.size-item { padding: 0 calc(0px\/2) !important; }.portfolio.portfolio-grid#style-81beaf0 .portfolio-row, .preloader#style-preloader-81beaf0 .skeleton-posts.portfolio-row { margin: calc(-0px\/2); }.portfolio.portfolio-grid#style-81beaf0.fullwidth-columns .portfolio-row { margin: calc(-0px\/2) 0; }.portfolio.portfolio-grid#style-81beaf0 .fullwidth-block:not(.no-paddings) { padding-left: 0px; padding-right: 0px; }.portfolio.portfolio-grid#style-81beaf0 .fullwidth-block .portfolio-row { padding-left: calc(0px\/2); padding-right: calc(0px\/2); }.portfolio.portfolio-grid#style-81beaf0 .fullwidth-block .portfolio-top-panel { padding-left: 0px; padding-right: 0px; }.portfolio.portfolio-grid#style-81beaf0.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 0px; }.portfolio.portfolio-grid#style-81beaf0 .portfolio-item .caption { padding-left: 200px !important; }@media (max-width: 991px) { .portfolio.portfolio-grid#style-81beaf0 .portfolio-item .caption { padding-left: 50px !important; }}@media (max-width: 767px) { .portfolio.portfolio-grid#style-81beaf0 .portfolio-item .caption { padding-left: 30px !important; }}.portfolio.portfolio-grid#style-81beaf0 .portfolio-item .caption { padding-right: 200px !important; }@media (max-width: 991px) { .portfolio.portfolio-grid#style-81beaf0 .portfolio-item .caption { padding-right: 50px !important; }}@media (max-width: 767px) { .portfolio.portfolio-grid#style-81beaf0 .portfolio-item .caption { padding-right: 30px !important; }}.portfolio.portfolio-grid#style-81beaf0 .portfolio-item .caption .title span { letter-spacing: px !important; }.portfolio.portfolio-grid#style-81beaf0 .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-81beaf0 .portfolio-item .caption .subtitle { max-height: initial !important; }.portfolio.portfolio-grid#style-81beaf0 .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-81beaf0 .portfolio-item .caption .subtitle a, .portfolio.portfolio-grid#style-81beaf0 .portfolio-item .caption .subtitle p { white-space: initial; overflow: initial; }<\/style><style>.portfolio.portfolio-grid#style-81beaf0 .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 caption-position-hover loading-animation item-animation-flip no-gaps hover-title columns-1 columns-tablet-2 columns-mobile-1 disable-isotope disable-bottom-margin minimal-preloader \" id=\"style-81beaf0\" data-style-uid=\"81beaf0\" data-portfolio-uid=\"grid_a23a300\" 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 product-list-2 col-xs-12 item-animations-not-inited appearance-type-featured_image post-10426 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-sort-date=\"1710117067\"> <div class=\"wrap clearfix\"> <div class=\"image post-10426 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Portfolio-2-01.jpg\" width=\"1171\" height=\"420\" class=\"attachment-thegem-portfolio-1x-hover\" alt=\"Kyrie Special TB\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/kyrie-special-tb\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"overlay-line\"><\/div> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fkyrie-special-tb%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Kyrie+Special+TB&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fkyrie-special-tb%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fkyrie-special-tb%2F&#038;description=Kyrie+Special+TB&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FPortfolio-2-01-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fkyrie-special-tb%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fkyrie-special-tb%2F&#038;title=Kyrie+Special+TB&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fkyrie-special-tb%2F&#038;title=Kyrie+Special+TB\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"title title-h4\"> <span class=\"\"> Kyrie Special TB <\/span> <\/div> <div class=\"description\"> <div class=\"subtitle\"> <span><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/p>\n<\/span> <\/div> <div class=\"info\"> <span class=\"date\">11 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div>\n<\/div>\n<div class=\"portfolio-item product-list-2 item-even col-xs-12 item-animations-not-inited appearance-type-featured_image post-10427 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-sort-date=\"1710117079\"> <div class=\"wrap clearfix\"> <div class=\"image post-10427 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Portfolio-2-02.jpg\" width=\"1171\" height=\"420\" class=\"attachment-thegem-portfolio-1x-hover\" alt=\"Zoom Pegasus\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/zoom-pegasus-2\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"overlay-line\"><\/div> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fzoom-pegasus-2%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Zoom+Pegasus&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fzoom-pegasus-2%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fzoom-pegasus-2%2F&#038;description=Zoom+Pegasus&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FPortfolio-2-02-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fzoom-pegasus-2%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fzoom-pegasus-2%2F&#038;title=Zoom+Pegasus&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fzoom-pegasus-2%2F&#038;title=Zoom+Pegasus\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"title title-h4\"> <span class=\"\"> Zoom Pegasus <\/span> <\/div> <div class=\"description\"> <div class=\"subtitle\"> <span><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/p>\n<\/span> <\/div> <div class=\"info\"> <span class=\"date\">11 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div>\n<\/div>\n<div class=\"portfolio-item product-list-2 col-xs-12 item-animations-not-inited appearance-type-featured_image post-10428 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-sort-date=\"1710117094\"> <div class=\"wrap clearfix\"> <div class=\"image post-10428 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Portfolio-2-03.jpg\" width=\"1171\" height=\"420\" class=\"attachment-thegem-portfolio-1x-hover\" alt=\"SuperRep Go\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/superrep-go-2\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"overlay-line\"><\/div> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fsuperrep-go-2%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=SuperRep+Go&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fsuperrep-go-2%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fsuperrep-go-2%2F&#038;description=SuperRep+Go&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FPortfolio-2-03-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fsuperrep-go-2%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fsuperrep-go-2%2F&#038;title=SuperRep+Go&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fsuperrep-go-2%2F&#038;title=SuperRep+Go\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"title title-h4\"> <span class=\"\"> SuperRep Go <\/span> <\/div> <div class=\"description\"> <div class=\"subtitle\"> <span><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/p>\n<\/span> <\/div> <div class=\"info\"> <span class=\"date\">11 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div>\n<\/div> <\/div><!-- .portflio-set --> <\/div><!-- .row--> <\/div><!-- .full-width --> <\/div><!-- .portfolio--> <\/div><!-- .portfolio-preloader-wrapper-->[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1678786476703{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1680270708713{padding-top: 70px !important;padding-bottom: 70px !important;}&#8221; tablet_padding_bottom=&#8221;50&#8243; mobile_padding_bottom=&#8221;30&#8243;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1680874865298{margin-bottom: 0px !important;}&#8221; el_class=&#8221;row-text-separator&#8221;][vc_column css=&#8221;.vc_custom_1680270756343{padding-top: 0px !important;}&#8221;][vc_text_separator title_level=&#8221;h3&#8243; title=&#8221;Fade&#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\/11616"}],"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=11616"}],"version-history":[{"count":47,"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/pages\/11616\/revisions"}],"predecessor-version":[{"id":12161,"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/pages\/11616\/revisions\/12161"}],"wp:attachment":[{"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/media?parent=11616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}