{"id":1527,"date":"2026-02-11T06:46:04","date_gmt":"2026-02-11T06:46:04","guid":{"rendered":"https:\/\/bdtemplatehub.com\/bd-project\/?page_id=1527"},"modified":"2026-02-11T06:46:04","modified_gmt":"2026-02-11T06:46:04","slug":"slider-layout7-part-2","status":"publish","type":"page","link":"https:\/\/bdtemplatehub.com\/breakdance-project-element\/slider-layout7-part-2\/","title":{"rendered":"Slider &#8211; Layout7 &#8211; Part 2"},"content":{"rendered":"<section class=\"bde-section-1527-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-1527-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-1527-154 bde-heading bde-preset-4532c1fc-9c58-4fba-9a94-6afbf93ce3f2\">\nSlider &#8211; Layout7 &#8211; Part 2\n<\/h1>\n<\/div><\/div>\n<\/section><section class=\"bde-section-1527-102 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-1527-103 bde-columns\"><div class=\"bde-column-1527-104 bde-column\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1527-105 bde-heading bde-preset-948f4007-f24f-4ed5-a6fc-8e797e763309\">\nSquare Hover Effect 6- Left And Right\n<\/h3><div class=\"px-project-1527-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=\"bullets\"\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 effect6 from_left_and_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 effect6 from_left_and_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 effect6 from_left_and_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 effect6 from_left_and_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\" id=\"icon-arrow-left\" viewBox=\"0 0 32 32\">\n<path d=\"M1 16l15 15v-9h16v-12h-16v-9z\"\/>\n<\/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\" id=\"icon-arrow-right\" viewBox=\"0 0 32 32\">\n<path d=\"M31 16l-15-15v9h-16v12h16v9z\"\/>\n<\/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-1527-107 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-1527-108 bde-columns\"><div class=\"bde-column-1527-109 bde-column\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1527-110 bde-heading bde-preset-948f4007-f24f-4ed5-a6fc-8e797e763309\">\nSquare Hover Effect 6- Bottom to top\n<\/h3><div class=\"px-project-1527-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=\"bullets\"\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 effect6 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 effect6 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 effect6 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 effect6 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\" id=\"icon-arrow-left\" viewBox=\"0 0 32 32\">\n<path d=\"M1 16l15 15v-9h16v-12h-16v-9z\"\/>\n<\/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\" id=\"icon-arrow-right\" viewBox=\"0 0 32 32\">\n<path d=\"M31 16l-15-15v9h-16v12h16v9z\"\/>\n<\/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-1527-112 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-1527-113 bde-columns\"><div class=\"bde-column-1527-114 bde-column\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1527-115 bde-heading bde-preset-948f4007-f24f-4ed5-a6fc-8e797e763309\">\nSquare Hover Effect 7\n<\/h3><div class=\"px-project-1527-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=\"bullets\"\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 effect7 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 effect7 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 effect7 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 effect7 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\" id=\"icon-arrow-left\" viewBox=\"0 0 32 32\">\n<path d=\"M1 16l15 15v-9h16v-12h-16v-9z\"\/>\n<\/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\" id=\"icon-arrow-right\" viewBox=\"0 0 32 32\">\n<path d=\"M31 16l-15-15v9h-16v12h16v9z\"\/>\n<\/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-1527-117 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-1527-118 bde-columns\"><div class=\"bde-column-1527-119 bde-column\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1527-120 bde-heading bde-preset-948f4007-f24f-4ed5-a6fc-8e797e763309\">\nSquare Hover Effect 8 - Scale up\n<\/h3><div class=\"px-project-1527-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=\"bullets\"\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 effect8 scale_up\">\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 effect8 scale_up\">\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 effect8 scale_up\">\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 effect8 scale_up\">\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\" id=\"icon-arrow-left\" viewBox=\"0 0 32 32\">\n<path d=\"M1 16l15 15v-9h16v-12h-16v-9z\"\/>\n<\/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\" id=\"icon-arrow-right\" viewBox=\"0 0 32 32\">\n<path d=\"M31 16l-15-15v9h-16v12h16v9z\"\/>\n<\/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-1527-122 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-1527-123 bde-columns\"><div class=\"bde-column-1527-124 bde-column\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1527-125 bde-heading bde-preset-948f4007-f24f-4ed5-a6fc-8e797e763309\">\nSquare Hover Effect 8 - Scale Down\n<\/h3><div class=\"px-project-1527-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=\"bullets\"\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 effect8 scale_down\">\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 effect8 scale_down\">\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 effect8 scale_down\">\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 effect8 scale_down\">\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\" id=\"icon-arrow-left\" viewBox=\"0 0 32 32\">\n<path d=\"M1 16l15 15v-9h16v-12h-16v-9z\"\/>\n<\/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\" id=\"icon-arrow-right\" viewBox=\"0 0 32 32\">\n<path d=\"M31 16l-15-15v9h-16v12h16v9z\"\/>\n<\/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-1527-127 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-1527-128 bde-columns\"><div class=\"bde-column-1527-129 bde-column\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1527-130 bde-heading bde-preset-948f4007-f24f-4ed5-a6fc-8e797e763309\">\nSquare Hover Effect 9 - Left to right\n<\/h3><div class=\"px-project-1527-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=\"bullets\"\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 effect9 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 effect9 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 effect9 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 effect9 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\" id=\"icon-arrow-left\" viewBox=\"0 0 32 32\">\n<path d=\"M1 16l15 15v-9h16v-12h-16v-9z\"\/>\n<\/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\" id=\"icon-arrow-right\" viewBox=\"0 0 32 32\">\n<path d=\"M31 16l-15-15v9h-16v12h16v9z\"\/>\n<\/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-1527-132 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-1527-133 bde-columns\"><div class=\"bde-column-1527-134 bde-column\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1527-135 bde-heading bde-preset-948f4007-f24f-4ed5-a6fc-8e797e763309\">\nSquare Hover Effect 9 - Right to left\n<\/h3><div class=\"px-project-1527-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=\"bullets\"\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 effect9 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 effect9 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 effect9 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 effect9 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\" id=\"icon-arrow-left\" viewBox=\"0 0 32 32\">\n<path d=\"M1 16l15 15v-9h16v-12h-16v-9z\"\/>\n<\/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\" id=\"icon-arrow-right\" viewBox=\"0 0 32 32\">\n<path d=\"M31 16l-15-15v9h-16v12h16v9z\"\/>\n<\/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-1527-137 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-1527-138 bde-columns\"><div class=\"bde-column-1527-139 bde-column\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1527-140 bde-heading bde-preset-948f4007-f24f-4ed5-a6fc-8e797e763309\">\nSquare Hover Effect 9 - Top to bottom\n<\/h3><div class=\"px-project-1527-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=\"bullets\"\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 effect9 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 effect9 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 effect9 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 effect9 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\" id=\"icon-arrow-left\" viewBox=\"0 0 32 32\">\n<path d=\"M1 16l15 15v-9h16v-12h-16v-9z\"\/>\n<\/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\" id=\"icon-arrow-right\" viewBox=\"0 0 32 32\">\n<path d=\"M31 16l-15-15v9h-16v12h16v9z\"\/>\n<\/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-1527-142 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-1527-143 bde-columns\"><div class=\"bde-column-1527-144 bde-column\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1527-145 bde-heading bde-preset-948f4007-f24f-4ed5-a6fc-8e797e763309\">\nSquare Hover Effect 9 - Bottom To Top\n<\/h3><div class=\"px-project-1527-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=\"bullets\"\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 effect9 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 effect9 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 effect9 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 effect9 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\" id=\"icon-arrow-left\" viewBox=\"0 0 32 32\">\n<path d=\"M1 16l15 15v-9h16v-12h-16v-9z\"\/>\n<\/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\" id=\"icon-arrow-right\" viewBox=\"0 0 32 32\">\n<path d=\"M31 16l-15-15v9h-16v12h16v9z\"\/>\n<\/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-1527-147 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-1527-148 bde-columns\"><div class=\"bde-column-1527-149 bde-column\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1527-150 bde-heading bde-preset-948f4007-f24f-4ed5-a6fc-8e797e763309\">\nSquare Hover Effect 10 - Left to right\n<\/h3><div class=\"px-project-1527-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=\"bullets\"\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 effect10 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 effect10 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 effect10 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 effect10 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\" id=\"icon-arrow-left\" viewBox=\"0 0 32 32\">\n<path d=\"M1 16l15 15v-9h16v-12h-16v-9z\"\/>\n<\/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\" id=\"icon-arrow-right\" viewBox=\"0 0 32 32\">\n<path d=\"M31 16l-15-15v9h-16v12h16v9z\"\/>\n<\/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-1527","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-json\/wp\/v2\/pages\/1527","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=1527"}],"version-history":[{"count":0,"href":"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-json\/wp\/v2\/pages\/1527\/revisions"}],"wp:attachment":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-json\/wp\/v2\/media?parent=1527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}