{"id":1529,"date":"2026-02-11T06:45:41","date_gmt":"2026-02-11T06:45:41","guid":{"rendered":"https:\/\/bdtemplatehub.com\/bd-project\/?page_id=1529"},"modified":"2026-02-11T06:45:41","modified_gmt":"2026-02-11T06:45:41","slug":"slider-layout7-part-4","status":"publish","type":"page","link":"https:\/\/bdtemplatehub.com\/breakdance-project-element\/slider-layout7-part-4\/","title":{"rendered":"Slider &#8211; Layout7 &#8211; Part 4"},"content":{"rendered":"<section class=\"bde-section-1529-152 bde-section bde-preset-55bc0c91-6d97-42aa-9f0d-085c17d75628\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-1529-153 bde-div bde-preset-4fac4cbd-c353-4d50-90f2-129422a4e8ea\">\n              \n  \n  \n\t\n\n  <div class=\"section-background-overlay\"><\/div>\n\n\n<h1 class=\"bde-heading-1529-154 bde-heading bde-preset-4532c1fc-9c58-4fba-9a94-6afbf93ce3f2\">\nSlider &#8211; Layout7 &#8211; Part 4\n<\/h1>\n<\/div><\/div>\n<\/section><section class=\"bde-section-1529-102 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-1529-103 bde-columns\"><div class=\"bde-column-1529-104 bde-column\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1529-105 bde-heading bde-preset-948f4007-f24f-4ed5-a6fc-8e797e763309\">\nSquare Hover Effect 12 - Bottom to top\n<\/h3><div class=\"px-project-1529-106 px-project\"><div class=\"px-iso-instance\" data-instance-id=\"px_106\">\r\n\r\n<!-- HTML Structure -->\r\n<div class=\"px_project_wrapper px_slider px_slider_layout7 px_slider_layout7_2col\">\r\n\r\n    \r\n\r\n            <div class=\"px-swiper-wrapper\" data-swiper-id=\"106\">\r\n            <div class=\"swiper\"\r\n                id=\"px-swiper-106\"\r\n                data-effect=\"slide\"\r\n                data-speed=\"800\"\r\n                data-autoplay=\"true\"\r\n                data-autoplay-delay=\"2500\"\r\n                data-space-between=\"30\"\r\n                data-slides-per-view=\"1\"\r\n                data-slides-per-group=\"1\"\r\n                data-initial-slide=\"1\"\r\n                data-auto-height=\"false\"\r\n                data-loop=\"true\"\r\n                data-centered-slides=\"false\"\r\n                data-pagination=\"true\"\r\n                data-pagination-type=\"fraction\"\r\n                data-pagination-clickable=\"true\"\r\n                data-navigation=\"true\"\r\n                data-breakpoints='{\"1024\":{\"slidesPerView\":2,\"spaceBetween\":30}}'>\r\n\r\n    <div class=\"px_projects swiper-wrapper\">\r\n                               \r\n            <div class=\"swiper-slide px_project category-1 category-4 category-5\">\r\n                <div class=\"px_item ih-item square effect12 bottom_to_top\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_1-1024x576.jpg\" alt=\"Creative Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/creative-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Creative Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-4\/\">Category 4<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-5\/\">Category 5<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/creative-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-2\">\r\n                <div class=\"px_item ih-item square effect12 bottom_to_top\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_3-1024x576.jpg\" alt=\"Brand Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/brand-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Brand Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-2\/\">Category 2<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/brand-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-5\">\r\n                <div class=\"px_item ih-item square effect12 bottom_to_top\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2026\/02\/Breakdance_Branding_Img_7-1024x576.jpg\" alt=\"Digital Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/digital-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Digital Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-5\/\">Category 5<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/digital-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-3 category-6\">\r\n                <div class=\"px_item ih-item square effect12 bottom_to_top\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_6-1024x576.jpg\" alt=\"Design Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/design-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Design Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-3\/\">Category 3<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-6\/\">Category 6<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/design-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n        \r\n    <\/div> <!-- \/.px_projects -->\r\n\r\n\r\n    <!-- Pagination -->\r\n    \r\n\r\n        <\/div> <!-- \/.swiper -->\r\n        \r\n                    <div class=\"swiper-pagination\"><\/div>\r\n        \r\n                    <div class=\"swiper-button-prev\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.5.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d=\"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160zm352-160l-160 160c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L301.3 256 438.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0z\"\/><\/svg>                <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"swiper-button-next\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.5.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d=\"M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z\"\/><\/svg>                <\/svg>\r\n            <\/div>\r\n            <\/div> <!-- \/.px-swiper-wrapper -->\r\n\r\n<\/div> <!-- \/.px_project_wrapper -->\r\n\r\n<\/div><!-- \/.px-iso-instance -->\r\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-1529-107 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-1529-108 bde-columns\"><div class=\"bde-column-1529-109 bde-column\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1529-110 bde-heading bde-preset-948f4007-f24f-4ed5-a6fc-8e797e763309\">\nSquare Hover Effect 13 - Left to right\n<\/h3><div class=\"px-project-1529-111 px-project\"><div class=\"px-iso-instance\" data-instance-id=\"px_111\">\r\n\r\n<!-- HTML Structure -->\r\n<div class=\"px_project_wrapper px_slider px_slider_layout7 px_slider_layout7_2col\">\r\n\r\n    \r\n\r\n            <div class=\"px-swiper-wrapper\" data-swiper-id=\"111\">\r\n            <div class=\"swiper\"\r\n                id=\"px-swiper-111\"\r\n                data-effect=\"slide\"\r\n                data-speed=\"800\"\r\n                data-autoplay=\"true\"\r\n                data-autoplay-delay=\"2500\"\r\n                data-space-between=\"30\"\r\n                data-slides-per-view=\"1\"\r\n                data-slides-per-group=\"1\"\r\n                data-initial-slide=\"1\"\r\n                data-auto-height=\"false\"\r\n                data-loop=\"true\"\r\n                data-centered-slides=\"false\"\r\n                data-pagination=\"true\"\r\n                data-pagination-type=\"fraction\"\r\n                data-pagination-clickable=\"true\"\r\n                data-navigation=\"true\"\r\n                data-breakpoints='{\"1024\":{\"slidesPerView\":2,\"spaceBetween\":30}}'>\r\n\r\n    <div class=\"px_projects swiper-wrapper\">\r\n                               \r\n            <div class=\"swiper-slide px_project category-1 category-4 category-5\">\r\n                <div class=\"px_item ih-item square effect13 left_to_right\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_1-1024x576.jpg\" alt=\"Creative Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/creative-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Creative Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-4\/\">Category 4<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-5\/\">Category 5<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/creative-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-2\">\r\n                <div class=\"px_item ih-item square effect13 left_to_right\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_3-1024x576.jpg\" alt=\"Brand Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/brand-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Brand Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-2\/\">Category 2<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/brand-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-5\">\r\n                <div class=\"px_item ih-item square effect13 left_to_right\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2026\/02\/Breakdance_Branding_Img_7-1024x576.jpg\" alt=\"Digital Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/digital-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Digital Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-5\/\">Category 5<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/digital-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-3 category-6\">\r\n                <div class=\"px_item ih-item square effect13 left_to_right\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_6-1024x576.jpg\" alt=\"Design Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/design-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Design Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-3\/\">Category 3<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-6\/\">Category 6<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/design-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n        \r\n    <\/div> <!-- \/.px_projects -->\r\n\r\n\r\n    <!-- Pagination -->\r\n    \r\n\r\n        <\/div> <!-- \/.swiper -->\r\n        \r\n                    <div class=\"swiper-pagination\"><\/div>\r\n        \r\n                    <div class=\"swiper-button-prev\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.5.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d=\"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160zm352-160l-160 160c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L301.3 256 438.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0z\"\/><\/svg>                <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"swiper-button-next\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.5.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d=\"M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z\"\/><\/svg>                <\/svg>\r\n            <\/div>\r\n            <\/div> <!-- \/.px-swiper-wrapper -->\r\n\r\n<\/div> <!-- \/.px_project_wrapper -->\r\n\r\n<\/div><!-- \/.px-iso-instance -->\r\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-1529-112 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-1529-113 bde-columns\"><div class=\"bde-column-1529-114 bde-column\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1529-115 bde-heading bde-preset-948f4007-f24f-4ed5-a6fc-8e797e763309\">\nSquare Hover Effect 13 - Right to left\n<\/h3><div class=\"px-project-1529-116 px-project\"><div class=\"px-iso-instance\" data-instance-id=\"px_116\">\r\n\r\n<!-- HTML Structure -->\r\n<div class=\"px_project_wrapper px_slider px_slider_layout7 px_slider_layout7_2col\">\r\n\r\n    \r\n\r\n            <div class=\"px-swiper-wrapper\" data-swiper-id=\"116\">\r\n            <div class=\"swiper\"\r\n                id=\"px-swiper-116\"\r\n                data-effect=\"slide\"\r\n                data-speed=\"800\"\r\n                data-autoplay=\"true\"\r\n                data-autoplay-delay=\"2500\"\r\n                data-space-between=\"30\"\r\n                data-slides-per-view=\"1\"\r\n                data-slides-per-group=\"1\"\r\n                data-initial-slide=\"1\"\r\n                data-auto-height=\"false\"\r\n                data-loop=\"true\"\r\n                data-centered-slides=\"false\"\r\n                data-pagination=\"true\"\r\n                data-pagination-type=\"fraction\"\r\n                data-pagination-clickable=\"true\"\r\n                data-navigation=\"true\"\r\n                data-breakpoints='{\"1024\":{\"slidesPerView\":2,\"spaceBetween\":30}}'>\r\n\r\n    <div class=\"px_projects swiper-wrapper\">\r\n                               \r\n            <div class=\"swiper-slide px_project category-1 category-4 category-5\">\r\n                <div class=\"px_item ih-item square effect13 right_to_left\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_1-1024x576.jpg\" alt=\"Creative Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/creative-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Creative Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-4\/\">Category 4<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-5\/\">Category 5<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/creative-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-2\">\r\n                <div class=\"px_item ih-item square effect13 right_to_left\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_3-1024x576.jpg\" alt=\"Brand Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/brand-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Brand Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-2\/\">Category 2<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/brand-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-5\">\r\n                <div class=\"px_item ih-item square effect13 right_to_left\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2026\/02\/Breakdance_Branding_Img_7-1024x576.jpg\" alt=\"Digital Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/digital-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Digital Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-5\/\">Category 5<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/digital-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-3 category-6\">\r\n                <div class=\"px_item ih-item square effect13 right_to_left\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_6-1024x576.jpg\" alt=\"Design Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/design-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Design Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-3\/\">Category 3<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-6\/\">Category 6<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/design-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n        \r\n    <\/div> <!-- \/.px_projects -->\r\n\r\n\r\n    <!-- Pagination -->\r\n    \r\n\r\n        <\/div> <!-- \/.swiper -->\r\n        \r\n                    <div class=\"swiper-pagination\"><\/div>\r\n        \r\n                    <div class=\"swiper-button-prev\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.5.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d=\"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160zm352-160l-160 160c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L301.3 256 438.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0z\"\/><\/svg>                <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"swiper-button-next\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.5.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d=\"M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z\"\/><\/svg>                <\/svg>\r\n            <\/div>\r\n            <\/div> <!-- \/.px-swiper-wrapper -->\r\n\r\n<\/div> <!-- \/.px_project_wrapper -->\r\n\r\n<\/div><!-- \/.px-iso-instance -->\r\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-1529-117 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-1529-118 bde-columns\"><div class=\"bde-column-1529-119 bde-column\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1529-120 bde-heading bde-preset-948f4007-f24f-4ed5-a6fc-8e797e763309\">\nSquare Hover Effect 13 - Top to bottom\n<\/h3><div class=\"px-project-1529-121 px-project\"><div class=\"px-iso-instance\" data-instance-id=\"px_121\">\r\n\r\n<!-- HTML Structure -->\r\n<div class=\"px_project_wrapper px_slider px_slider_layout7 px_slider_layout7_2col\">\r\n\r\n    \r\n\r\n            <div class=\"px-swiper-wrapper\" data-swiper-id=\"121\">\r\n            <div class=\"swiper\"\r\n                id=\"px-swiper-121\"\r\n                data-effect=\"slide\"\r\n                data-speed=\"800\"\r\n                data-autoplay=\"true\"\r\n                data-autoplay-delay=\"2500\"\r\n                data-space-between=\"30\"\r\n                data-slides-per-view=\"1\"\r\n                data-slides-per-group=\"1\"\r\n                data-initial-slide=\"1\"\r\n                data-auto-height=\"false\"\r\n                data-loop=\"true\"\r\n                data-centered-slides=\"false\"\r\n                data-pagination=\"true\"\r\n                data-pagination-type=\"fraction\"\r\n                data-pagination-clickable=\"true\"\r\n                data-navigation=\"true\"\r\n                data-breakpoints='{\"1024\":{\"slidesPerView\":2,\"spaceBetween\":30}}'>\r\n\r\n    <div class=\"px_projects swiper-wrapper\">\r\n                               \r\n            <div class=\"swiper-slide px_project category-1 category-4 category-5\">\r\n                <div class=\"px_item ih-item square effect13 top_to_bottom\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_1-1024x576.jpg\" alt=\"Creative Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/creative-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Creative Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-4\/\">Category 4<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-5\/\">Category 5<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/creative-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-2\">\r\n                <div class=\"px_item ih-item square effect13 top_to_bottom\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_3-1024x576.jpg\" alt=\"Brand Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/brand-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Brand Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-2\/\">Category 2<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/brand-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-5\">\r\n                <div class=\"px_item ih-item square effect13 top_to_bottom\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2026\/02\/Breakdance_Branding_Img_7-1024x576.jpg\" alt=\"Digital Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/digital-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Digital Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-5\/\">Category 5<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/digital-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-3 category-6\">\r\n                <div class=\"px_item ih-item square effect13 top_to_bottom\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_6-1024x576.jpg\" alt=\"Design Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/design-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Design Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-3\/\">Category 3<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-6\/\">Category 6<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/design-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n        \r\n    <\/div> <!-- \/.px_projects -->\r\n\r\n\r\n    <!-- Pagination -->\r\n    \r\n\r\n        <\/div> <!-- \/.swiper -->\r\n        \r\n                    <div class=\"swiper-pagination\"><\/div>\r\n        \r\n                    <div class=\"swiper-button-prev\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.5.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d=\"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160zm352-160l-160 160c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L301.3 256 438.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0z\"\/><\/svg>                <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"swiper-button-next\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.5.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d=\"M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z\"\/><\/svg>                <\/svg>\r\n            <\/div>\r\n            <\/div> <!-- \/.px-swiper-wrapper -->\r\n\r\n<\/div> <!-- \/.px_project_wrapper -->\r\n\r\n<\/div><!-- \/.px-iso-instance -->\r\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-1529-122 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-1529-123 bde-columns\"><div class=\"bde-column-1529-124 bde-column\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1529-125 bde-heading bde-preset-948f4007-f24f-4ed5-a6fc-8e797e763309\">\nSquare Hover Effect 13 - Bottom to top\n<\/h3><div class=\"px-project-1529-126 px-project\"><div class=\"px-iso-instance\" data-instance-id=\"px_126\">\r\n\r\n<!-- HTML Structure -->\r\n<div class=\"px_project_wrapper px_slider px_slider_layout7 px_slider_layout7_2col\">\r\n\r\n    \r\n\r\n            <div class=\"px-swiper-wrapper\" data-swiper-id=\"126\">\r\n            <div class=\"swiper\"\r\n                id=\"px-swiper-126\"\r\n                data-effect=\"slide\"\r\n                data-speed=\"800\"\r\n                data-autoplay=\"true\"\r\n                data-autoplay-delay=\"2500\"\r\n                data-space-between=\"30\"\r\n                data-slides-per-view=\"1\"\r\n                data-slides-per-group=\"1\"\r\n                data-initial-slide=\"1\"\r\n                data-auto-height=\"false\"\r\n                data-loop=\"true\"\r\n                data-centered-slides=\"false\"\r\n                data-pagination=\"true\"\r\n                data-pagination-type=\"fraction\"\r\n                data-pagination-clickable=\"true\"\r\n                data-navigation=\"true\"\r\n                data-breakpoints='{\"1024\":{\"slidesPerView\":2,\"spaceBetween\":30}}'>\r\n\r\n    <div class=\"px_projects swiper-wrapper\">\r\n                               \r\n            <div class=\"swiper-slide px_project category-1 category-4 category-5\">\r\n                <div class=\"px_item ih-item square effect13 bottom_to_top\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_1-1024x576.jpg\" alt=\"Creative Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/creative-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Creative Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-4\/\">Category 4<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-5\/\">Category 5<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/creative-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-2\">\r\n                <div class=\"px_item ih-item square effect13 bottom_to_top\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_3-1024x576.jpg\" alt=\"Brand Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/brand-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Brand Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-2\/\">Category 2<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/brand-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-5\">\r\n                <div class=\"px_item ih-item square effect13 bottom_to_top\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2026\/02\/Breakdance_Branding_Img_7-1024x576.jpg\" alt=\"Digital Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/digital-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Digital Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-5\/\">Category 5<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/digital-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-3 category-6\">\r\n                <div class=\"px_item ih-item square effect13 bottom_to_top\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_6-1024x576.jpg\" alt=\"Design Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/design-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Design Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-3\/\">Category 3<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-6\/\">Category 6<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/design-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n        \r\n    <\/div> <!-- \/.px_projects -->\r\n\r\n\r\n    <!-- Pagination -->\r\n    \r\n\r\n        <\/div> <!-- \/.swiper -->\r\n        \r\n                    <div class=\"swiper-pagination\"><\/div>\r\n        \r\n                    <div class=\"swiper-button-prev\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.5.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d=\"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160zm352-160l-160 160c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L301.3 256 438.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0z\"\/><\/svg>                <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"swiper-button-next\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.5.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d=\"M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z\"\/><\/svg>                <\/svg>\r\n            <\/div>\r\n            <\/div> <!-- \/.px-swiper-wrapper -->\r\n\r\n<\/div> <!-- \/.px_project_wrapper -->\r\n\r\n<\/div><!-- \/.px-iso-instance -->\r\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-1529-127 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-1529-128 bde-columns\"><div class=\"bde-column-1529-129 bde-column\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1529-130 bde-heading bde-preset-948f4007-f24f-4ed5-a6fc-8e797e763309\">\nSquare Hover Effect 14 - Left to right\n<\/h3><div class=\"px-project-1529-131 px-project\"><div class=\"px-iso-instance\" data-instance-id=\"px_131\">\r\n\r\n<!-- HTML Structure -->\r\n<div class=\"px_project_wrapper px_slider px_slider_layout7 px_slider_layout7_2col\">\r\n\r\n    \r\n\r\n            <div class=\"px-swiper-wrapper\" data-swiper-id=\"131\">\r\n            <div class=\"swiper\"\r\n                id=\"px-swiper-131\"\r\n                data-effect=\"slide\"\r\n                data-speed=\"800\"\r\n                data-autoplay=\"true\"\r\n                data-autoplay-delay=\"2500\"\r\n                data-space-between=\"30\"\r\n                data-slides-per-view=\"1\"\r\n                data-slides-per-group=\"1\"\r\n                data-initial-slide=\"1\"\r\n                data-auto-height=\"false\"\r\n                data-loop=\"true\"\r\n                data-centered-slides=\"false\"\r\n                data-pagination=\"true\"\r\n                data-pagination-type=\"fraction\"\r\n                data-pagination-clickable=\"true\"\r\n                data-navigation=\"true\"\r\n                data-breakpoints='{\"1024\":{\"slidesPerView\":2,\"spaceBetween\":30}}'>\r\n\r\n    <div class=\"px_projects swiper-wrapper\">\r\n                               \r\n            <div class=\"swiper-slide px_project category-1 category-4 category-5\">\r\n                <div class=\"px_item ih-item square effect14 left_to_right\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_1-1024x576.jpg\" alt=\"Creative Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/creative-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Creative Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-4\/\">Category 4<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-5\/\">Category 5<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/creative-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-2\">\r\n                <div class=\"px_item ih-item square effect14 left_to_right\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_3-1024x576.jpg\" alt=\"Brand Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/brand-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Brand Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-2\/\">Category 2<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/brand-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-5\">\r\n                <div class=\"px_item ih-item square effect14 left_to_right\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2026\/02\/Breakdance_Branding_Img_7-1024x576.jpg\" alt=\"Digital Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/digital-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Digital Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-5\/\">Category 5<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/digital-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-3 category-6\">\r\n                <div class=\"px_item ih-item square effect14 left_to_right\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_6-1024x576.jpg\" alt=\"Design Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/design-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Design Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-3\/\">Category 3<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-6\/\">Category 6<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/design-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n        \r\n    <\/div> <!-- \/.px_projects -->\r\n\r\n\r\n    <!-- Pagination -->\r\n    \r\n\r\n        <\/div> <!-- \/.swiper -->\r\n        \r\n                    <div class=\"swiper-pagination\"><\/div>\r\n        \r\n                    <div class=\"swiper-button-prev\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.5.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d=\"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160zm352-160l-160 160c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L301.3 256 438.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0z\"\/><\/svg>                <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"swiper-button-next\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.5.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d=\"M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z\"\/><\/svg>                <\/svg>\r\n            <\/div>\r\n            <\/div> <!-- \/.px-swiper-wrapper -->\r\n\r\n<\/div> <!-- \/.px_project_wrapper -->\r\n\r\n<\/div><!-- \/.px-iso-instance -->\r\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-1529-132 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-1529-133 bde-columns\"><div class=\"bde-column-1529-134 bde-column\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1529-135 bde-heading bde-preset-948f4007-f24f-4ed5-a6fc-8e797e763309\">\nSquare Hover Effect 14 - Right to left\n<\/h3><div class=\"px-project-1529-136 px-project\"><div class=\"px-iso-instance\" data-instance-id=\"px_136\">\r\n\r\n<!-- HTML Structure -->\r\n<div class=\"px_project_wrapper px_slider px_slider_layout7 px_slider_layout7_2col\">\r\n\r\n    \r\n\r\n            <div class=\"px-swiper-wrapper\" data-swiper-id=\"136\">\r\n            <div class=\"swiper\"\r\n                id=\"px-swiper-136\"\r\n                data-effect=\"slide\"\r\n                data-speed=\"800\"\r\n                data-autoplay=\"true\"\r\n                data-autoplay-delay=\"2500\"\r\n                data-space-between=\"30\"\r\n                data-slides-per-view=\"1\"\r\n                data-slides-per-group=\"1\"\r\n                data-initial-slide=\"1\"\r\n                data-auto-height=\"false\"\r\n                data-loop=\"true\"\r\n                data-centered-slides=\"false\"\r\n                data-pagination=\"true\"\r\n                data-pagination-type=\"fraction\"\r\n                data-pagination-clickable=\"true\"\r\n                data-navigation=\"true\"\r\n                data-breakpoints='{\"1024\":{\"slidesPerView\":2,\"spaceBetween\":30}}'>\r\n\r\n    <div class=\"px_projects swiper-wrapper\">\r\n                               \r\n            <div class=\"swiper-slide px_project category-1 category-4 category-5\">\r\n                <div class=\"px_item ih-item square effect14 right_to_left\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_1-1024x576.jpg\" alt=\"Creative Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/creative-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Creative Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-4\/\">Category 4<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-5\/\">Category 5<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/creative-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-2\">\r\n                <div class=\"px_item ih-item square effect14 right_to_left\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_3-1024x576.jpg\" alt=\"Brand Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/brand-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Brand Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-2\/\">Category 2<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/brand-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-5\">\r\n                <div class=\"px_item ih-item square effect14 right_to_left\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2026\/02\/Breakdance_Branding_Img_7-1024x576.jpg\" alt=\"Digital Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/digital-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Digital Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-5\/\">Category 5<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/digital-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-3 category-6\">\r\n                <div class=\"px_item ih-item square effect14 right_to_left\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_6-1024x576.jpg\" alt=\"Design Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/design-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Design Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-3\/\">Category 3<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-6\/\">Category 6<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/design-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n        \r\n    <\/div> <!-- \/.px_projects -->\r\n\r\n\r\n    <!-- Pagination -->\r\n    \r\n\r\n        <\/div> <!-- \/.swiper -->\r\n        \r\n                    <div class=\"swiper-pagination\"><\/div>\r\n        \r\n                    <div class=\"swiper-button-prev\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.5.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d=\"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160zm352-160l-160 160c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L301.3 256 438.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0z\"\/><\/svg>                <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"swiper-button-next\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.5.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d=\"M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z\"\/><\/svg>                <\/svg>\r\n            <\/div>\r\n            <\/div> <!-- \/.px-swiper-wrapper -->\r\n\r\n<\/div> <!-- \/.px_project_wrapper -->\r\n\r\n<\/div><!-- \/.px-iso-instance -->\r\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-1529-137 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-1529-138 bde-columns\"><div class=\"bde-column-1529-139 bde-column\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1529-140 bde-heading bde-preset-948f4007-f24f-4ed5-a6fc-8e797e763309\">\nSquare Hover Effect 14 - Top to bottom\n<\/h3><div class=\"px-project-1529-141 px-project\"><div class=\"px-iso-instance\" data-instance-id=\"px_141\">\r\n\r\n<!-- HTML Structure -->\r\n<div class=\"px_project_wrapper px_slider px_slider_layout7 px_slider_layout7_2col\">\r\n\r\n    \r\n\r\n            <div class=\"px-swiper-wrapper\" data-swiper-id=\"141\">\r\n            <div class=\"swiper\"\r\n                id=\"px-swiper-141\"\r\n                data-effect=\"slide\"\r\n                data-speed=\"800\"\r\n                data-autoplay=\"true\"\r\n                data-autoplay-delay=\"2500\"\r\n                data-space-between=\"30\"\r\n                data-slides-per-view=\"1\"\r\n                data-slides-per-group=\"1\"\r\n                data-initial-slide=\"1\"\r\n                data-auto-height=\"false\"\r\n                data-loop=\"true\"\r\n                data-centered-slides=\"false\"\r\n                data-pagination=\"true\"\r\n                data-pagination-type=\"fraction\"\r\n                data-pagination-clickable=\"true\"\r\n                data-navigation=\"true\"\r\n                data-breakpoints='{\"1024\":{\"slidesPerView\":2,\"spaceBetween\":30}}'>\r\n\r\n    <div class=\"px_projects swiper-wrapper\">\r\n                               \r\n            <div class=\"swiper-slide px_project category-1 category-4 category-5\">\r\n                <div class=\"px_item ih-item square effect14 top_to_bottom\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_1-1024x576.jpg\" alt=\"Creative Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/creative-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Creative Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-4\/\">Category 4<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-5\/\">Category 5<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/creative-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-2\">\r\n                <div class=\"px_item ih-item square effect14 top_to_bottom\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_3-1024x576.jpg\" alt=\"Brand Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/brand-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Brand Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-2\/\">Category 2<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/brand-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-5\">\r\n                <div class=\"px_item ih-item square effect14 top_to_bottom\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2026\/02\/Breakdance_Branding_Img_7-1024x576.jpg\" alt=\"Digital Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/digital-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Digital Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-5\/\">Category 5<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/digital-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-3 category-6\">\r\n                <div class=\"px_item ih-item square effect14 top_to_bottom\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_6-1024x576.jpg\" alt=\"Design Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/design-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Design Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-3\/\">Category 3<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-6\/\">Category 6<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/design-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n        \r\n    <\/div> <!-- \/.px_projects -->\r\n\r\n\r\n    <!-- Pagination -->\r\n    \r\n\r\n        <\/div> <!-- \/.swiper -->\r\n        \r\n                    <div class=\"swiper-pagination\"><\/div>\r\n        \r\n                    <div class=\"swiper-button-prev\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.5.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d=\"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160zm352-160l-160 160c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L301.3 256 438.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0z\"\/><\/svg>                <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"swiper-button-next\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.5.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d=\"M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z\"\/><\/svg>                <\/svg>\r\n            <\/div>\r\n            <\/div> <!-- \/.px-swiper-wrapper -->\r\n\r\n<\/div> <!-- \/.px_project_wrapper -->\r\n\r\n<\/div><!-- \/.px-iso-instance -->\r\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-1529-142 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-1529-143 bde-columns\"><div class=\"bde-column-1529-144 bde-column\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1529-145 bde-heading bde-preset-948f4007-f24f-4ed5-a6fc-8e797e763309\">\nSquare Hover Effect 14 - Bottom to top\n<\/h3><div class=\"px-project-1529-146 px-project\"><div class=\"px-iso-instance\" data-instance-id=\"px_146\">\r\n\r\n<!-- HTML Structure -->\r\n<div class=\"px_project_wrapper px_slider px_slider_layout7 px_slider_layout7_2col\">\r\n\r\n    \r\n\r\n            <div class=\"px-swiper-wrapper\" data-swiper-id=\"146\">\r\n            <div class=\"swiper\"\r\n                id=\"px-swiper-146\"\r\n                data-effect=\"slide\"\r\n                data-speed=\"800\"\r\n                data-autoplay=\"true\"\r\n                data-autoplay-delay=\"2500\"\r\n                data-space-between=\"30\"\r\n                data-slides-per-view=\"1\"\r\n                data-slides-per-group=\"1\"\r\n                data-initial-slide=\"1\"\r\n                data-auto-height=\"false\"\r\n                data-loop=\"true\"\r\n                data-centered-slides=\"false\"\r\n                data-pagination=\"true\"\r\n                data-pagination-type=\"fraction\"\r\n                data-pagination-clickable=\"true\"\r\n                data-navigation=\"true\"\r\n                data-breakpoints='{\"1024\":{\"slidesPerView\":2,\"spaceBetween\":30}}'>\r\n\r\n    <div class=\"px_projects swiper-wrapper\">\r\n                               \r\n            <div class=\"swiper-slide px_project category-1 category-4 category-5\">\r\n                <div class=\"px_item ih-item square effect14 bottom_to_top\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_1-1024x576.jpg\" alt=\"Creative Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/creative-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Creative Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-4\/\">Category 4<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-5\/\">Category 5<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/creative-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-2\">\r\n                <div class=\"px_item ih-item square effect14 bottom_to_top\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_3-1024x576.jpg\" alt=\"Brand Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/brand-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Brand Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-2\/\">Category 2<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/brand-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-5\">\r\n                <div class=\"px_item ih-item square effect14 bottom_to_top\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2026\/02\/Breakdance_Branding_Img_7-1024x576.jpg\" alt=\"Digital Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/digital-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Digital Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-5\/\">Category 5<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/digital-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-3 category-6\">\r\n                <div class=\"px_item ih-item square effect14 bottom_to_top\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_6-1024x576.jpg\" alt=\"Design Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/design-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Design Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-3\/\">Category 3<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-6\/\">Category 6<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/design-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n        \r\n    <\/div> <!-- \/.px_projects -->\r\n\r\n\r\n    <!-- Pagination -->\r\n    \r\n\r\n        <\/div> <!-- \/.swiper -->\r\n        \r\n                    <div class=\"swiper-pagination\"><\/div>\r\n        \r\n                    <div class=\"swiper-button-prev\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.5.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d=\"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160zm352-160l-160 160c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L301.3 256 438.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0z\"\/><\/svg>                <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"swiper-button-next\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.5.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d=\"M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z\"\/><\/svg>                <\/svg>\r\n            <\/div>\r\n            <\/div> <!-- \/.px-swiper-wrapper -->\r\n\r\n<\/div> <!-- \/.px_project_wrapper -->\r\n\r\n<\/div><!-- \/.px-iso-instance -->\r\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-1529-147 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-1529-148 bde-columns\"><div class=\"bde-column-1529-149 bde-column\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1529-150 bde-heading bde-preset-948f4007-f24f-4ed5-a6fc-8e797e763309\">\nSquare Hover Effect 15 - Left to right\n<\/h3><div class=\"px-project-1529-151 px-project\"><div class=\"px-iso-instance\" data-instance-id=\"px_151\">\r\n\r\n<!-- HTML Structure -->\r\n<div class=\"px_project_wrapper px_slider px_slider_layout7 px_slider_layout7_2col\">\r\n\r\n    \r\n\r\n            <div class=\"px-swiper-wrapper\" data-swiper-id=\"151\">\r\n            <div class=\"swiper\"\r\n                id=\"px-swiper-151\"\r\n                data-effect=\"slide\"\r\n                data-speed=\"800\"\r\n                data-autoplay=\"true\"\r\n                data-autoplay-delay=\"2500\"\r\n                data-space-between=\"30\"\r\n                data-slides-per-view=\"1\"\r\n                data-slides-per-group=\"1\"\r\n                data-initial-slide=\"1\"\r\n                data-auto-height=\"false\"\r\n                data-loop=\"true\"\r\n                data-centered-slides=\"false\"\r\n                data-pagination=\"true\"\r\n                data-pagination-type=\"fraction\"\r\n                data-pagination-clickable=\"true\"\r\n                data-navigation=\"true\"\r\n                data-breakpoints='{\"1024\":{\"slidesPerView\":2,\"spaceBetween\":30}}'>\r\n\r\n    <div class=\"px_projects swiper-wrapper\">\r\n                               \r\n            <div class=\"swiper-slide px_project category-1 category-4 category-5\">\r\n                <div class=\"px_item ih-item square effect15 left_to_right\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_1-1024x576.jpg\" alt=\"Creative Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/creative-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Creative Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-4\/\">Category 4<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-5\/\">Category 5<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/creative-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-2\">\r\n                <div class=\"px_item ih-item square effect15 left_to_right\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_3-1024x576.jpg\" alt=\"Brand Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/brand-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Brand Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-2\/\">Category 2<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/brand-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-5\">\r\n                <div class=\"px_item ih-item square effect15 left_to_right\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2026\/02\/Breakdance_Branding_Img_7-1024x576.jpg\" alt=\"Digital Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/digital-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Digital Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-5\/\">Category 5<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/digital-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-3 category-6\">\r\n                <div class=\"px_item ih-item square effect15 left_to_right\">\n   \n    <div class=\"px_img\">\n        <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_6-1024x576.jpg\" alt=\"Design Agency\">\n    <\/div>\n\n    \n    <div class=\"px_info\">\n        <div class=\"info-back\">\n\n                        <h2 class=\"px_project_title\">\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/design-agency\/\"                     target=\"_blank\" rel=\"noopener noreferrer\"\n                    >\n                    Design Agency                <\/a>\n            <\/h2>\n            \n                      <p class=\"px_project_category\">\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\n\n        <span class=\"px_project_category_text\">\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-3\/\">Category 3<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-6\/\">Category 6<\/a>        <\/span>\n    <\/p>\n                       \n        <\/div>\n    <\/div>\n    \n    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/design-agency\/\"         target=\"_blank\" rel=\"noopener noreferrer\"\n        >\n    <\/a>\n\n<\/div>\n\r\n            <\/div>\r\n        \r\n    <\/div> <!-- \/.px_projects -->\r\n\r\n\r\n    <!-- Pagination -->\r\n    \r\n\r\n        <\/div> <!-- \/.swiper -->\r\n        \r\n                    <div class=\"swiper-pagination\"><\/div>\r\n        \r\n                    <div class=\"swiper-button-prev\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.5.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d=\"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160zm352-160l-160 160c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L301.3 256 438.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0z\"\/><\/svg>                <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"swiper-button-next\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.5.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d=\"M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z\"\/><\/svg>                <\/svg>\r\n            <\/div>\r\n            <\/div> <!-- \/.px-swiper-wrapper -->\r\n\r\n<\/div> <!-- \/.px_project_wrapper -->\r\n\r\n<\/div><!-- \/.px-iso-instance -->\r\n<\/div>\n<\/div><\/div><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_breakdance_hide_in_design_set":false,"_breakdance_tags":"","footnotes":""},"class_list":["post-1529","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-json\/wp\/v2\/pages\/1529","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-json\/wp\/v2\/comments?post=1529"}],"version-history":[{"count":0,"href":"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-json\/wp\/v2\/pages\/1529\/revisions"}],"wp:attachment":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-json\/wp\/v2\/media?parent=1529"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}