{"id":3866,"date":"2025-11-09T11:20:03","date_gmt":"2025-11-09T11:20:03","guid":{"rendered":"https:\/\/wp.electronthemes.com\/briotech\/?page_id=3866"},"modified":"2026-01-28T17:37:50","modified_gmt":"2026-01-28T17:37:50","slug":"pagination","status":"publish","type":"page","link":"https:\/\/wp.electronthemes.com\/briotech\/pagination\/","title":{"rendered":"Pagination"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3866\" class=\"elementor elementor-3866\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e398c8d e-con-full e-flex e-con e-parent\" data-id=\"e398c8d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-8ce7ba3 e-flex e-con-boxed e-con e-child\" data-id=\"8ce7ba3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3a4abb elementor-widget elementor-widget-et_pageheader\" data-id=\"b3a4abb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"et_pageheader.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\r\n<div class=\"\">\r\n    <div class=\"bg-primary\/5 py-[64px] md:py-[90px] px-5 section-wrapper\">\r\n        <div class=\"max-w-md mx-auto text-center flex flex-col gap-4 page-header\">\r\n            <h1 class=\"font-bold text-3xl leading-[40px] md:text-4xl page-header-title\">\r\n                <h2>Archives:<\/h2>            <\/h1>\r\n                            <p class=\"page-header-content\">\r\n                    Explore our comprehensive library of Pagination to better understand our design elements and customize your site with ease.                <\/p>\r\n                        <div class=\"flex items-center justify-center gap-2\">\r\n                <span class=\"w-9 h-1 bg-primary rounded-[100px]\"><\/span>\r\n                <span class=\"w-3 h-1 bg-primary rounded-[100px]\"><\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-16f9a04 e-con-full e-flex e-con e-parent\" data-id=\"16f9a04\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-65cc048 e-flex e-con-boxed e-con e-child\" data-id=\"65cc048\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd96309 elementor-widget elementor-widget-et_portfolio\" data-id=\"bd96309\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"et_portfolio.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"portfolio-filter\">\r\n\t\t\t\t\t\t<div class=\"cat-bottom-border p-pagination-wrap-one\">\r\n\t\t\t\t\r\n\t\t\t\t<!-- portfolio filter category buttons -->\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div id=\"portfolio-category\"\r\n\t\t\t\t\tclass=\"category-filter w-full filter-buttons p-category-wrap inline-flex items-center flex-wrap gap-x-6 sm:gap-10 protfolio-v1-button\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t<button class=\"category-btn active p-pagination-one\" data-filter=\"all\">All<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"category-btn p-pagination-one\" data-filter=\"branding\">\r\n\t\t\t\t\t\t\t\tBranding\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"category-btn p-pagination-one\" data-filter=\"business\">\r\n\t\t\t\t\t\t\t\tBusiness\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"category-btn p-pagination-one\" data-filter=\"design\">\r\n\t\t\t\t\t\t\t\tDesign\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"category-btn p-pagination-one\" data-filter=\"life-style\">\r\n\t\t\t\t\t\t\t\tLife Style\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"category-btn p-pagination-one\" data-filter=\"nature\">\r\n\t\t\t\t\t\t\t\tNature\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<!-- portfolios container -->\r\n\t\t\t<div id=\"portfolios-container\" class=\"portfolio-card-wrapper -m-[10px] lg:-m-[15px] \"\r\n\t\t\t\tdata-sttr-wrapper\r\n\t\t\t\tdata-per-page=\"3\"\r\n\t\t\t\tdata-card-layout=\"card-layout-1\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<div class=\"grid-sizer\"><\/div> \r\n\t\t\t\t\t   \n<div class=\"portfolio-card portfolio-card-one\">\n    <div data-sttr-card>\n        <div class=\"rounded-lg overflow-hidden relative group et-portfolio-card-radius\">\n            <img decoding=\"async\" class=\"w-full object-cover aspect-[5\/5] et-portfolio-card-img\" src=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Conference-Room-Meeting-1024x771.webp\" alt=\"Lean Supply Chain Architecture\">            <div class=\"absolute w-[95%] h-[95%] rounded-lg et-portfolio-card-radius p-5 sm:p-7 top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 bg-white\/85 flex items-end justify-start opacity-0 invisible duration-300 scale-75 group-hover:opacity-100 group-hover:visible group-hover:scale-100 p-card-bg\">\n                <a class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 z-10 \"\n                    href=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Conference-Room-Meeting.webp\"\n                    data-fslightbox=\"gallery\"\n                    aria-label=\"Open portfolio gallery\">\n                    <svg class=\"text-black p-card-icon w-6 h-6\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M20.5715 6.85715H24V0H17.1428V3.42855H20.5715V6.85715Z\"\/>\n                        <path d=\"M17.1428 24.0002H24V17.1431H20.5715V20.5716H17.1429V24.0002H17.1428Z\"\/>\n                        <path d=\"M0 6.85715H3.42838V3.42855H6.85693V0H0V6.85715Z\"\/>\n                        <path d=\"M0 24.0002H6.85693V20.5716H3.42838V17.1431H0V24.0002Z\"\/>\n                    <\/svg>\n                <\/a>\n                <div>\n                                                <span class=\"font-medium text-[15px] leading-none text-primary p-card-category\">\n                                Design                            <\/span>\n                                        <h5 class=\"font-medium text-lg sm:text-xl leading-none mt-2 text-title p-card-title confilig-css\">\n                        <a href=\"https:\/\/wp.electronthemes.com\/briotech\/portfolio\/lean-supply-chain-architecture\/\" aria-label=\"Lean Supply Chain Architecture\">\n                            <span class=\"p-card-title-color\">Lean Supply Chain Architecture<\/span>\n                        <\/a>\n                    <\/h5>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n   \n<div class=\"portfolio-card portfolio-card-one\">\n    <div data-sttr-card>\n        <div class=\"rounded-lg overflow-hidden relative group et-portfolio-card-radius\">\n            <img decoding=\"async\" class=\"w-full object-cover aspect-[5\/5] et-portfolio-card-img\" src=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Team-Collaboration-717x1024.webp\" alt=\"Data-Centric Decision Intelligence\">            <div class=\"absolute w-[95%] h-[95%] rounded-lg et-portfolio-card-radius p-5 sm:p-7 top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 bg-white\/85 flex items-end justify-start opacity-0 invisible duration-300 scale-75 group-hover:opacity-100 group-hover:visible group-hover:scale-100 p-card-bg\">\n                <a class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 z-10 \"\n                    href=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Team-Collaboration.webp\"\n                    data-fslightbox=\"gallery\"\n                    aria-label=\"Open portfolio gallery\">\n                    <svg class=\"text-black p-card-icon w-6 h-6\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M20.5715 6.85715H24V0H17.1428V3.42855H20.5715V6.85715Z\"\/>\n                        <path d=\"M17.1428 24.0002H24V17.1431H20.5715V20.5716H17.1429V24.0002H17.1428Z\"\/>\n                        <path d=\"M0 6.85715H3.42838V3.42855H6.85693V0H0V6.85715Z\"\/>\n                        <path d=\"M0 24.0002H6.85693V20.5716H3.42838V17.1431H0V24.0002Z\"\/>\n                    <\/svg>\n                <\/a>\n                <div>\n                                                <span class=\"font-medium text-[15px] leading-none text-primary p-card-category\">\n                                Branding                            <\/span>\n                                        <h5 class=\"font-medium text-lg sm:text-xl leading-none mt-2 text-title p-card-title confilig-css\">\n                        <a href=\"https:\/\/wp.electronthemes.com\/briotech\/portfolio\/indoor-green-concept\/\" aria-label=\"Data-Centric Decision Intelligence\">\n                            <span class=\"p-card-title-color\">Data-Centric Decision Intelligence<\/span>\n                        <\/a>\n                    <\/h5>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n   \n<div class=\"portfolio-card portfolio-card-one\">\n    <div data-sttr-card>\n        <div class=\"rounded-lg overflow-hidden relative group et-portfolio-card-radius\">\n            <img decoding=\"async\" class=\"w-full object-cover aspect-[5\/5] et-portfolio-card-img\" src=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Renewable-Energy-Landscape-1024x585.webp\" alt=\"The Sustainability Mandate\">            <div class=\"absolute w-[95%] h-[95%] rounded-lg et-portfolio-card-radius p-5 sm:p-7 top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 bg-white\/85 flex items-end justify-start opacity-0 invisible duration-300 scale-75 group-hover:opacity-100 group-hover:visible group-hover:scale-100 p-card-bg\">\n                <a class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 z-10 \"\n                    href=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Renewable-Energy-Landscape.webp\"\n                    data-fslightbox=\"gallery\"\n                    aria-label=\"Open portfolio gallery\">\n                    <svg class=\"text-black p-card-icon w-6 h-6\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M20.5715 6.85715H24V0H17.1428V3.42855H20.5715V6.85715Z\"\/>\n                        <path d=\"M17.1428 24.0002H24V17.1431H20.5715V20.5716H17.1429V24.0002H17.1428Z\"\/>\n                        <path d=\"M0 6.85715H3.42838V3.42855H6.85693V0H0V6.85715Z\"\/>\n                        <path d=\"M0 24.0002H6.85693V20.5716H3.42838V17.1431H0V24.0002Z\"\/>\n                    <\/svg>\n                <\/a>\n                <div>\n                                                <span class=\"font-medium text-[15px] leading-none text-primary p-card-category\">\n                                Branding                            <\/span>\n                                        <h5 class=\"font-medium text-lg sm:text-xl leading-none mt-2 text-title p-card-title confilig-css\">\n                        <a href=\"https:\/\/wp.electronthemes.com\/briotech\/portfolio\/minimal-flower-photography-2\/\" aria-label=\"The Sustainability Mandate\">\n                            <span class=\"p-card-title-color\">The Sustainability Mandate<\/span>\n                        <\/a>\n                    <\/h5>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\r\n\t\t\t\t<div class=\"border-t border-[#D1D5DB] mt-8 sm:mt-12 pt-8 sm:pt-12 flex items-center justify-center gap-4 sm:gap-6\" id=\"portfolio-pagination\" \r\n\t\t\tdata-type=\"prev_next\"\r\n\t\t\tdata-current=\"1\"\r\n\t\t\tdata-max=\"4\">\r\n\r\n\t\t\t<button class=\"btn-prev flex items-center gap-2 text-lg md:text-xl leading-none md:leading-none duration-300 hover:text-primary text-title cursor-pointer pagination-text\">\r\n\t\t\t\t<svg class=\"fill-current w-5 sm:w-6 pagination-icon\" viewBox=\"0 0 25 13\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\t\t\t\t\t<path d=\"M0.516161 6.71807L5.96028 12.1622C6.15584 12.3906 6.49953 12.4172 6.72789 12.2216C6.95625 12.026 6.98287 11.6824 6.78726 11.454C6.76901 11.4327 6.74918 11.4128 6.72789 11.3946L2.21471 6.87597L23.7681 6.87597C24.0687 6.87597 24.3125 6.63222 24.3125 6.33153C24.3125 6.03084 24.0687 5.78713 23.7681 5.78713L2.21471 5.78713L6.72789 1.27395C6.95625 1.07839 6.98287 0.7347 6.78726 0.506339C6.59165 0.277978 6.24801 0.251358 6.01965 0.446969C5.99836 0.465215 5.97848 0.485051 5.96028 0.506339L0.516114 5.9505C0.305064 6.16277 0.305064 6.50571 0.516161 6.71807Z\"\/>\r\n\t\t\t\t<\/svg> \r\n\t\t\t\t<span>Prev<\/span>\r\n\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t<span class=\"page-info w-12 h-12 bg-primary\/10 rounded-full flex items-center justify-center text-title pagination-n-bg pagination-number\"><\/span>\r\n\t\t\t\t\t\t\t<button class=\"btn-next flex items-center gap-2 text-lg md:text-xl leading-none md:leading-none duration-300 hover:text-primary text-title pagination-text cursor-pointer\">\r\n\t\t\t\t<span>Next<\/span>\r\n\t\t\t\t<svg class=\"fill-current w-5 sm:w-6 pagination-icon\" viewBox=\"0 0 24 13\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\t\t\t\t\t<path d=\"M23.8276 5.95088L18.3835 0.506713C18.1879 0.278353 17.8442 0.251732 17.6159 0.447343C17.3875 0.642906 17.3609 0.986594 17.5565 1.21495C17.5747 1.23624 17.5946 1.25613 17.6159 1.27433L22.129 5.79297L0.575648 5.79297C0.275003 5.79297 0.03125 6.03673 0.03125 6.33742C0.03125 6.63811 0.275003 6.88182 0.575648 6.88182L22.129 6.88182L17.6159 11.395C17.3875 11.5906 17.3609 11.9342 17.5565 12.1626C17.7521 12.391 18.0957 12.4176 18.3241 12.222C18.3454 12.2037 18.3653 12.1839 18.3835 12.1626L23.8276 6.71844C24.0387 6.50617 24.0387 6.16324 23.8276 5.95088Z\"\/>\r\n\t\t\t\t<\/svg>\r\n\t\t\t<\/button>\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d05dbd1 e-con-full e-flex e-con e-parent\" data-id=\"d05dbd1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-c6de4b5 e-flex e-con-boxed e-con e-child\" data-id=\"c6de4b5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f537692 elementor-widget elementor-widget-et_portfolio\" data-id=\"f537692\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"et_portfolio.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"portfolio-filter\">\r\n\t\t\t\t\t\t<div class=\"cat-bottom-border p-pagination-wrap-one\">\r\n\t\t\t\t\r\n\t\t\t\t<!-- portfolio filter category buttons -->\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div id=\"portfolio-category\"\r\n\t\t\t\t\tclass=\"category-filter w-full filter-buttons p-category-wrap inline-flex items-center flex-wrap gap-x-6 sm:gap-10 protfolio-v2-button\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t<button class=\"category-btn active p-pagination-one\" data-filter=\"all\">All<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"category-btn p-pagination-one\" data-filter=\"branding\">\r\n\t\t\t\t\t\t\t\tBranding\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"category-btn p-pagination-one\" data-filter=\"business\">\r\n\t\t\t\t\t\t\t\tBusiness\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"category-btn p-pagination-one\" data-filter=\"design\">\r\n\t\t\t\t\t\t\t\tDesign\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"category-btn p-pagination-one\" data-filter=\"life-style\">\r\n\t\t\t\t\t\t\t\tLife Style\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"category-btn p-pagination-one\" data-filter=\"nature\">\r\n\t\t\t\t\t\t\t\tNature\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<!-- portfolios container -->\r\n\t\t\t<div id=\"portfolios-container\" class=\"portfolio-card-wrapper -m-[10px] lg:-m-[15px] \"\r\n\t\t\t\tdata-sttr-wrapper\r\n\t\t\t\tdata-per-page=\"3\"\r\n\t\t\t\tdata-card-layout=\"card-layout-2\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<div class=\"grid-sizer\"><\/div> \r\n\t\t\t\t\t\n<div class=\"portfolio-card portfolio-card-one\">\n    <div class=\"\" data-sttr-card>\n        <div class=\"text-center group\">\n            <div class=\"overflow-hidden rounded-md et-portfolio-card-radius\">\n                <a href=\"https:\/\/wp.electronthemes.com\/briotech\/portfolio\/lean-supply-chain-architecture\/\" class=\"\" aria-label=\"Lean Supply Chain Architecture\">\n                    <img decoding=\"async\" class=\"rounded-md w-full aspect-[5\/4] overflow-hidden duration-300 transform group-hover:scale-110 object-cover et-portfolio-card-img\" src=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Conference-Room-Meeting-1024x771.webp\" alt=\"Lean Supply Chain Architecture\">                <\/a>\n            <\/div>\n            <div class=\"text-center mt-5\">\n                                    <span class=\"block text-[15px] leading-none font-medium text-primary p-card-category\">\n                        Design                    <\/span>\n                                <h5 class=\"font-medium leading-snug mt-2 p-card-title confilig-css\">\n                    <a href=\"https:\/\/wp.electronthemes.com\/briotech\/portfolio\/lean-supply-chain-architecture\/\" aria-label=\"View portfolio: Lean Supply Chain Architecture\">\n                        <span class=\"p-card-title-color\">Lean Supply Chain Architecture<\/span>\n                    <\/a>\n                <\/h5>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<div class=\"portfolio-card portfolio-card-one\">\n    <div class=\"\" data-sttr-card>\n        <div class=\"text-center group\">\n            <div class=\"overflow-hidden rounded-md et-portfolio-card-radius\">\n                <a href=\"https:\/\/wp.electronthemes.com\/briotech\/portfolio\/indoor-green-concept\/\" class=\"\" aria-label=\"Data-Centric Decision Intelligence\">\n                    <img decoding=\"async\" class=\"rounded-md w-full aspect-[5\/4] overflow-hidden duration-300 transform group-hover:scale-110 object-cover et-portfolio-card-img\" src=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Team-Collaboration-717x1024.webp\" alt=\"Data-Centric Decision Intelligence\">                <\/a>\n            <\/div>\n            <div class=\"text-center mt-5\">\n                                    <span class=\"block text-[15px] leading-none font-medium text-primary p-card-category\">\n                        Branding                    <\/span>\n                                <h5 class=\"font-medium leading-snug mt-2 p-card-title confilig-css\">\n                    <a href=\"https:\/\/wp.electronthemes.com\/briotech\/portfolio\/indoor-green-concept\/\" aria-label=\"View portfolio: Data-Centric Decision Intelligence\">\n                        <span class=\"p-card-title-color\">Data-Centric Decision Intelligence<\/span>\n                    <\/a>\n                <\/h5>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<div class=\"portfolio-card portfolio-card-one\">\n    <div class=\"\" data-sttr-card>\n        <div class=\"text-center group\">\n            <div class=\"overflow-hidden rounded-md et-portfolio-card-radius\">\n                <a href=\"https:\/\/wp.electronthemes.com\/briotech\/portfolio\/minimal-flower-photography-2\/\" class=\"\" aria-label=\"The Sustainability Mandate\">\n                    <img decoding=\"async\" class=\"rounded-md w-full aspect-[5\/4] overflow-hidden duration-300 transform group-hover:scale-110 object-cover et-portfolio-card-img\" src=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Renewable-Energy-Landscape-1024x585.webp\" alt=\"The Sustainability Mandate\">                <\/a>\n            <\/div>\n            <div class=\"text-center mt-5\">\n                                    <span class=\"block text-[15px] leading-none font-medium text-primary p-card-category\">\n                        Branding                    <\/span>\n                                <h5 class=\"font-medium leading-snug mt-2 p-card-title confilig-css\">\n                    <a href=\"https:\/\/wp.electronthemes.com\/briotech\/portfolio\/minimal-flower-photography-2\/\" aria-label=\"View portfolio: The Sustainability Mandate\">\n                        <span class=\"p-card-title-color\">The Sustainability Mandate<\/span>\n                    <\/a>\n                <\/h5>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\r\n\t\t\t\t<div class=\"border-t border-[#D1D5DB] mt-8 sm:mt-12 pt-8 sm:pt-12 flex items-center justify-center gap-4 sm:gap-6\" id=\"portfolio-pagination\" \r\n\t\t\tdata-type=\"numbers\"\r\n\t\t\tdata-current=\"1\"\r\n\t\t\tdata-max=\"4\">\r\n\r\n\t\t\t<button class=\"btn-prev flex items-center gap-2 text-lg md:text-xl leading-none md:leading-none duration-300 hover:text-primary text-title cursor-pointer pagination-text\">\r\n\t\t\t\t<svg class=\"fill-current w-5 sm:w-6 pagination-icon\" viewBox=\"0 0 25 13\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\t\t\t\t\t<path d=\"M0.516161 6.71807L5.96028 12.1622C6.15584 12.3906 6.49953 12.4172 6.72789 12.2216C6.95625 12.026 6.98287 11.6824 6.78726 11.454C6.76901 11.4327 6.74918 11.4128 6.72789 11.3946L2.21471 6.87597L23.7681 6.87597C24.0687 6.87597 24.3125 6.63222 24.3125 6.33153C24.3125 6.03084 24.0687 5.78713 23.7681 5.78713L2.21471 5.78713L6.72789 1.27395C6.95625 1.07839 6.98287 0.7347 6.78726 0.506339C6.59165 0.277978 6.24801 0.251358 6.01965 0.446969C5.99836 0.465215 5.97848 0.485051 5.96028 0.506339L0.516114 5.9505C0.305064 6.16277 0.305064 6.50571 0.516161 6.71807Z\"\/>\r\n\t\t\t\t<\/svg> \r\n\t\t\t\t<span>Prev<\/span>\r\n\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t<div class=\"pagination-numbers\"><\/div>\r\n\t\t\t\t\t\t\t<button class=\"btn-next flex items-center gap-2 text-lg md:text-xl leading-none md:leading-none duration-300 hover:text-primary text-title pagination-text cursor-pointer\">\r\n\t\t\t\t<span>Next<\/span>\r\n\t\t\t\t<svg class=\"fill-current w-5 sm:w-6 pagination-icon\" viewBox=\"0 0 24 13\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\t\t\t\t\t<path d=\"M23.8276 5.95088L18.3835 0.506713C18.1879 0.278353 17.8442 0.251732 17.6159 0.447343C17.3875 0.642906 17.3609 0.986594 17.5565 1.21495C17.5747 1.23624 17.5946 1.25613 17.6159 1.27433L22.129 5.79297L0.575648 5.79297C0.275003 5.79297 0.03125 6.03673 0.03125 6.33742C0.03125 6.63811 0.275003 6.88182 0.575648 6.88182L22.129 6.88182L17.6159 11.395C17.3875 11.5906 17.3609 11.9342 17.5565 12.1626C17.7521 12.391 18.0957 12.4176 18.3241 12.222C18.3454 12.2037 18.3653 12.1839 18.3835 12.1626L23.8276 6.71844C24.0387 6.50617 24.0387 6.16324 23.8276 5.95088Z\"\/>\r\n\t\t\t\t<\/svg>\r\n\t\t\t<\/button>\r\n\t\t<\/div>\r\n\t\t\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fe8fafa e-con-full e-flex e-con e-parent\" data-id=\"fe8fafa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-ec06a8c e-flex e-con-boxed e-con e-child\" data-id=\"ec06a8c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bedbf2e elementor-widget elementor-widget-et_portfolio\" data-id=\"bedbf2e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"et_portfolio.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"portfolio-filter\">\r\n\t\t\t\t\t\t<div class=\"cat-bottom-border p-pagination-wrap-one\">\r\n\t\t\t\t\r\n\t\t\t\t<!-- portfolio filter category buttons -->\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div id=\"portfolio-category\"\r\n\t\t\t\t\tclass=\"category-filter w-full filter-buttons p-category-wrap inline-flex items-center flex-wrap gap-x-6 sm:gap-10 protfolio-v1-button\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t<button class=\"category-btn active p-pagination-one\" data-filter=\"all\">All<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"category-btn p-pagination-one\" data-filter=\"branding\">\r\n\t\t\t\t\t\t\t\tBranding\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"category-btn p-pagination-one\" data-filter=\"business\">\r\n\t\t\t\t\t\t\t\tBusiness\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"category-btn p-pagination-one\" data-filter=\"design\">\r\n\t\t\t\t\t\t\t\tDesign\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"category-btn p-pagination-one\" data-filter=\"life-style\">\r\n\t\t\t\t\t\t\t\tLife Style\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"category-btn p-pagination-one\" data-filter=\"nature\">\r\n\t\t\t\t\t\t\t\tNature\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<!-- portfolios container -->\r\n\t\t\t<div id=\"portfolios-container\" class=\"portfolio-card-wrapper -m-[10px] lg:-m-[15px] \"\r\n\t\t\t\tdata-sttr-wrapper\r\n\t\t\t\tdata-per-page=\"3\"\r\n\t\t\t\tdata-card-layout=\"card-layout-3\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<div class=\"grid-sizer\"><\/div> \r\n\t\t\t\t\t\n<div class=\"portfolio-card portfolio-card-three\">\n    <div data-sttr-card>\n          <div class=\"relative group\">\n              <img decoding=\"async\" class=\"w-full object-cover aspect-[5\/5] et-portfolio-card-img\" src=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Conference-Room-Meeting-1024x771.webp\" alt=\"Lean Supply Chain Architecture\">              <div class=\"absolute w-[95%] h-[95%] p-7 top-1\/2 left-1\/2 transform -translate-x-1\/2 -translate-y-1\/2 opacity-0 invisible duration-300 scale-105 group-hover:opacity-100 group-hover:visible group-hover:scale-100 border-[10px] md:border-[20px] border-white p-card-border\"><\/div>\n              <div class=\"absolute w-[82%] md:w-3\/4 left-1\/2 bottom-8 md:bottom-16 transform -translate-x-1\/2 bg-title\/75 rounded-xl p-5 md:p-7 max-w-[350px] translate-y-10 opacity-0 invisible duration-500 group-hover:translate-y-0 group-hover:opacity-100 group-hover:visible p-card-bg p-content-position\">\n                                            <span class=\"font-medium text-[15px] leadin leading-none text-white p-card-category\">\n                              Design                          <\/span>\n                                    <h5 class=\"font-medium text-xl leading-none mt-2 p-card-title confilig-css\">\n                      <a href=\"https:\/\/wp.electronthemes.com\/briotech\/portfolio\/lean-supply-chain-architecture\/\" aria-label=\"Lean Supply Chain Architecture\">\n                          <span class=\"text-white p-card-title-color\">Lean Supply Chain Architecture<\/span>\n                      <\/a>\n                  <\/h5>\n              <\/div>\n          <\/div>\n      <\/div>\n  <\/div>\n\n\n<div class=\"portfolio-card portfolio-card-three\">\n    <div data-sttr-card>\n          <div class=\"relative group\">\n              <img decoding=\"async\" class=\"w-full object-cover aspect-[5\/5] et-portfolio-card-img\" src=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Team-Collaboration-717x1024.webp\" alt=\"Data-Centric Decision Intelligence\">              <div class=\"absolute w-[95%] h-[95%] p-7 top-1\/2 left-1\/2 transform -translate-x-1\/2 -translate-y-1\/2 opacity-0 invisible duration-300 scale-105 group-hover:opacity-100 group-hover:visible group-hover:scale-100 border-[10px] md:border-[20px] border-white p-card-border\"><\/div>\n              <div class=\"absolute w-[82%] md:w-3\/4 left-1\/2 bottom-8 md:bottom-16 transform -translate-x-1\/2 bg-title\/75 rounded-xl p-5 md:p-7 max-w-[350px] translate-y-10 opacity-0 invisible duration-500 group-hover:translate-y-0 group-hover:opacity-100 group-hover:visible p-card-bg p-content-position\">\n                                            <span class=\"font-medium text-[15px] leadin leading-none text-white p-card-category\">\n                              Branding                          <\/span>\n                                    <h5 class=\"font-medium text-xl leading-none mt-2 p-card-title confilig-css\">\n                      <a href=\"https:\/\/wp.electronthemes.com\/briotech\/portfolio\/indoor-green-concept\/\" aria-label=\"Data-Centric Decision Intelligence\">\n                          <span class=\"text-white p-card-title-color\">Data-Centric Decision Intelligence<\/span>\n                      <\/a>\n                  <\/h5>\n              <\/div>\n          <\/div>\n      <\/div>\n  <\/div>\n\n\n<div class=\"portfolio-card portfolio-card-three\">\n    <div data-sttr-card>\n          <div class=\"relative group\">\n              <img decoding=\"async\" class=\"w-full object-cover aspect-[5\/5] et-portfolio-card-img\" src=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Renewable-Energy-Landscape-1024x585.webp\" alt=\"The Sustainability Mandate\">              <div class=\"absolute w-[95%] h-[95%] p-7 top-1\/2 left-1\/2 transform -translate-x-1\/2 -translate-y-1\/2 opacity-0 invisible duration-300 scale-105 group-hover:opacity-100 group-hover:visible group-hover:scale-100 border-[10px] md:border-[20px] border-white p-card-border\"><\/div>\n              <div class=\"absolute w-[82%] md:w-3\/4 left-1\/2 bottom-8 md:bottom-16 transform -translate-x-1\/2 bg-title\/75 rounded-xl p-5 md:p-7 max-w-[350px] translate-y-10 opacity-0 invisible duration-500 group-hover:translate-y-0 group-hover:opacity-100 group-hover:visible p-card-bg p-content-position\">\n                                            <span class=\"font-medium text-[15px] leadin leading-none text-white p-card-category\">\n                              Branding                          <\/span>\n                                    <h5 class=\"font-medium text-xl leading-none mt-2 p-card-title confilig-css\">\n                      <a href=\"https:\/\/wp.electronthemes.com\/briotech\/portfolio\/minimal-flower-photography-2\/\" aria-label=\"The Sustainability Mandate\">\n                          <span class=\"text-white p-card-title-color\">The Sustainability Mandate<\/span>\n                      <\/a>\n                  <\/h5>\n              <\/div>\n          <\/div>\n      <\/div>\n  <\/div>\n\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\r\n\t\t\t\t\t<div id=\"portfolio-pagination\" \r\n\t\t\t\tdata-type=\"loadmore\"\r\n\t\t\t\tdata-current=\"1\"\r\n\t\t\t\tdata-max=\"4\">\r\n\t\t\t\t<span class=\"page-info\"><\/span>\r\n\t\t\t\t<div class=\"pagination-numbers\"><\/div>\r\n\r\n\t\t\t\t<div class=\"text-center pt-8 sm:pt-10 md:pt-16\">\r\n\t\t\t\t\t<button class=\"btn-loadmore cursor-pointer btn btn-primary\">\r\n\t\t\t\t\t\tLoad More\t\t\t\t\t\t<span class=\"w-5 h-5 border-2 rounded-full login-loader\"><\/span>\r\n\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5915844 e-con-full e-flex e-con e-parent\" data-id=\"5915844\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-b5d96cc e-flex e-con-boxed e-con e-child\" data-id=\"b5d96cc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa3a821 elementor-widget elementor-widget-et_portfolio\" data-id=\"fa3a821\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"et_portfolio.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"portfolio-filter\">\r\n\t\t\t\t\t\t<div class=\"cat-bottom-border p-pagination-wrap-one\">\r\n\t\t\t\t\r\n\t\t\t\t<!-- portfolio filter category buttons -->\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div id=\"portfolio-category\"\r\n\t\t\t\t\tclass=\"category-filter w-full filter-buttons p-category-wrap inline-flex items-center flex-wrap gap-x-6 sm:gap-10 protfolio-v4-button\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t<button class=\"category-btn active p-pagination-one\" data-filter=\"all\">All<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"category-btn p-pagination-one\" data-filter=\"branding\">\r\n\t\t\t\t\t\t\t\tBranding\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"category-btn p-pagination-one\" data-filter=\"business\">\r\n\t\t\t\t\t\t\t\tBusiness\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"category-btn p-pagination-one\" data-filter=\"design\">\r\n\t\t\t\t\t\t\t\tDesign\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"category-btn p-pagination-one\" data-filter=\"life-style\">\r\n\t\t\t\t\t\t\t\tLife Style\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"category-btn p-pagination-one\" data-filter=\"nature\">\r\n\t\t\t\t\t\t\t\tNature\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<!-- portfolios container -->\r\n\t\t\t<div id=\"portfolios-container\" class=\"portfolio-card-wrapper  -m-[8px] lg:-m-[12px]\"\r\n\t\t\t\tdata-sttr-wrapper\r\n\t\t\t\tdata-per-page=\"9\"\r\n\t\t\t\tdata-card-layout=\"card-layout-4\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<div class=\"grid-sizer\"><\/div> \r\n\t\t\t\t\t\n<div class=\"portfolio-card-four portfolio-card\">\n    <div data-sttr-card>\n        <div class=\"relative group rounded-md overflow-hidden\">\n            <img decoding=\"async\" class=\"rounded-md w-full object-cover et-portfolio-card-img\" src=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Conference-Room-Meeting-1024x771.webp\" alt=\"Lean Supply Chain Architecture\">            <div class=\"absolute w-full left-1\/2 bottom-5 transform -translate-x-1\/2 translate-y-10 opacity-0 invisible duration-500 group-hover:translate-y-0 group-hover:opacity-100 group-hover:visible px-5\">\n                <div class=\" bg-white\/75 dark:bg-bg-black\/75 rounded-xl p-5 md:p-7 p-card-bg p-content-positions\">\n                                                <span class=\"font-medium text-[15px] leadin leading-none text-title p-card-category\">\n                                Design                            <\/span>\n                                        <h5 class=\"font-medium text-xl leading-none mt-2 p-card-title confilig-css\">\n                        <a href=\"https:\/\/wp.electronthemes.com\/briotech\/portfolio\/lean-supply-chain-architecture\/\" aria-label=\"Lean Supply Chain Architecture\">\n                            <span class=\"p-card-title-color\">Lean Supply Chain Architecture<\/span>\n                        <\/a>\n                    <\/h5>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"portfolio-card-four portfolio-card\">\n    <div data-sttr-card>\n        <div class=\"relative group rounded-md overflow-hidden\">\n            <img decoding=\"async\" class=\"rounded-md w-full object-cover et-portfolio-card-img\" src=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Team-Collaboration-717x1024.webp\" alt=\"Data-Centric Decision Intelligence\">            <div class=\"absolute w-full left-1\/2 bottom-5 transform -translate-x-1\/2 translate-y-10 opacity-0 invisible duration-500 group-hover:translate-y-0 group-hover:opacity-100 group-hover:visible px-5\">\n                <div class=\" bg-white\/75 dark:bg-bg-black\/75 rounded-xl p-5 md:p-7 p-card-bg p-content-positions\">\n                                                <span class=\"font-medium text-[15px] leadin leading-none text-title p-card-category\">\n                                Branding                            <\/span>\n                                        <h5 class=\"font-medium text-xl leading-none mt-2 p-card-title confilig-css\">\n                        <a href=\"https:\/\/wp.electronthemes.com\/briotech\/portfolio\/indoor-green-concept\/\" aria-label=\"Data-Centric Decision Intelligence\">\n                            <span class=\"p-card-title-color\">Data-Centric Decision Intelligence<\/span>\n                        <\/a>\n                    <\/h5>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"portfolio-card-four portfolio-card\">\n    <div data-sttr-card>\n        <div class=\"relative group rounded-md overflow-hidden\">\n            <img decoding=\"async\" class=\"rounded-md w-full object-cover et-portfolio-card-img\" src=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Renewable-Energy-Landscape-1024x585.webp\" alt=\"The Sustainability Mandate\">            <div class=\"absolute w-full left-1\/2 bottom-5 transform -translate-x-1\/2 translate-y-10 opacity-0 invisible duration-500 group-hover:translate-y-0 group-hover:opacity-100 group-hover:visible px-5\">\n                <div class=\" bg-white\/75 dark:bg-bg-black\/75 rounded-xl p-5 md:p-7 p-card-bg p-content-positions\">\n                                                <span class=\"font-medium text-[15px] leadin leading-none text-title p-card-category\">\n                                Branding                            <\/span>\n                                        <h5 class=\"font-medium text-xl leading-none mt-2 p-card-title confilig-css\">\n                        <a href=\"https:\/\/wp.electronthemes.com\/briotech\/portfolio\/minimal-flower-photography-2\/\" aria-label=\"The Sustainability Mandate\">\n                            <span class=\"p-card-title-color\">The Sustainability Mandate<\/span>\n                        <\/a>\n                    <\/h5>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"portfolio-card-four portfolio-card\">\n    <div data-sttr-card>\n        <div class=\"relative group rounded-md overflow-hidden\">\n            <img decoding=\"async\" class=\"rounded-md w-full object-cover et-portfolio-card-img\" src=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Office-Team-Discussion-1024x717.webp\" alt=\"Global Market Integration\">            <div class=\"absolute w-full left-1\/2 bottom-5 transform -translate-x-1\/2 translate-y-10 opacity-0 invisible duration-500 group-hover:translate-y-0 group-hover:opacity-100 group-hover:visible px-5\">\n                <div class=\" bg-white\/75 dark:bg-bg-black\/75 rounded-xl p-5 md:p-7 p-card-bg p-content-positions\">\n                                                <span class=\"font-medium text-[15px] leadin leading-none text-title p-card-category\">\n                                Business                            <\/span>\n                                        <h5 class=\"font-medium text-xl leading-none mt-2 p-card-title confilig-css\">\n                        <a href=\"https:\/\/wp.electronthemes.com\/briotech\/portfolio\/minimal-flower-photography\/\" aria-label=\"Global Market Integration\">\n                            <span class=\"p-card-title-color\">Global Market Integration<\/span>\n                        <\/a>\n                    <\/h5>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"portfolio-card-four portfolio-card\">\n    <div data-sttr-card>\n        <div class=\"relative group rounded-md overflow-hidden\">\n            <img decoding=\"async\" class=\"rounded-md w-full object-cover et-portfolio-card-img\" src=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Conference-Room-Meeting-1024x771.webp\" alt=\"Scaling the Enterprise\">            <div class=\"absolute w-full left-1\/2 bottom-5 transform -translate-x-1\/2 translate-y-10 opacity-0 invisible duration-500 group-hover:translate-y-0 group-hover:opacity-100 group-hover:visible px-5\">\n                <div class=\" bg-white\/75 dark:bg-bg-black\/75 rounded-xl p-5 md:p-7 p-card-bg p-content-positions\">\n                                                <span class=\"font-medium text-[15px] leadin leading-none text-title p-card-category\">\n                                Design                            <\/span>\n                                        <h5 class=\"font-medium text-xl leading-none mt-2 p-card-title confilig-css\">\n                        <a href=\"https:\/\/wp.electronthemes.com\/briotech\/portfolio\/flower-photography\/\" aria-label=\"Scaling the Enterprise\">\n                            <span class=\"p-card-title-color\">Scaling the Enterprise<\/span>\n                        <\/a>\n                    <\/h5>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"portfolio-card-four portfolio-card\">\n    <div data-sttr-card>\n        <div class=\"relative group rounded-md overflow-hidden\">\n            <img decoding=\"async\" class=\"rounded-md w-full object-cover et-portfolio-card-img\" src=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Business-Meeting-Scene-1024x1024.webp\" alt=\"Emerging Markets Outreach\">            <div class=\"absolute w-full left-1\/2 bottom-5 transform -translate-x-1\/2 translate-y-10 opacity-0 invisible duration-500 group-hover:translate-y-0 group-hover:opacity-100 group-hover:visible px-5\">\n                <div class=\" bg-white\/75 dark:bg-bg-black\/75 rounded-xl p-5 md:p-7 p-card-bg p-content-positions\">\n                                                <span class=\"font-medium text-[15px] leadin leading-none text-title p-card-category\">\n                                Branding                            <\/span>\n                                        <h5 class=\"font-medium text-xl leading-none mt-2 p-card-title confilig-css\">\n                        <a href=\"https:\/\/wp.electronthemes.com\/briotech\/portfolio\/creature-of-stone-2\/\" aria-label=\"Emerging Markets Outreach\">\n                            <span class=\"p-card-title-color\">Emerging Markets Outreach<\/span>\n                        <\/a>\n                    <\/h5>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"portfolio-card-four portfolio-card\">\n    <div data-sttr-card>\n        <div class=\"relative group rounded-md overflow-hidden\">\n            <img decoding=\"async\" class=\"rounded-md w-full object-cover et-portfolio-card-img\" src=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Busting-Office-Environment-1024x579.webp\" alt=\"The Digital Ecosystem Overhaul\">            <div class=\"absolute w-full left-1\/2 bottom-5 transform -translate-x-1\/2 translate-y-10 opacity-0 invisible duration-500 group-hover:translate-y-0 group-hover:opacity-100 group-hover:visible px-5\">\n                <div class=\" bg-white\/75 dark:bg-bg-black\/75 rounded-xl p-5 md:p-7 p-card-bg p-content-positions\">\n                                                <span class=\"font-medium text-[15px] leadin leading-none text-title p-card-category\">\n                                Branding                            <\/span>\n                                        <h5 class=\"font-medium text-xl leading-none mt-2 p-card-title confilig-css\">\n                        <a href=\"https:\/\/wp.electronthemes.com\/briotech\/portfolio\/halloween-in-road\/\" aria-label=\"The Digital Ecosystem Overhaul\">\n                            <span class=\"p-card-title-color\">The Digital Ecosystem Overhaul<\/span>\n                        <\/a>\n                    <\/h5>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"portfolio-card-four portfolio-card\">\n    <div data-sttr-card>\n        <div class=\"relative group rounded-md overflow-hidden\">\n            <img decoding=\"async\" class=\"rounded-md w-full object-cover et-portfolio-card-img\" src=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Serene-Tea-Arrangement-771x1024.webp\" alt=\"A cup of Pure Tea\">            <div class=\"absolute w-full left-1\/2 bottom-5 transform -translate-x-1\/2 translate-y-10 opacity-0 invisible duration-500 group-hover:translate-y-0 group-hover:opacity-100 group-hover:visible px-5\">\n                <div class=\" bg-white\/75 dark:bg-bg-black\/75 rounded-xl p-5 md:p-7 p-card-bg p-content-positions\">\n                                                <span class=\"font-medium text-[15px] leadin leading-none text-title p-card-category\">\n                                Branding                            <\/span>\n                                        <h5 class=\"font-medium text-xl leading-none mt-2 p-card-title confilig-css\">\n                        <a href=\"https:\/\/wp.electronthemes.com\/briotech\/portfolio\/a-cup-of-pure-tea\/\" aria-label=\"A cup of Pure Tea\">\n                            <span class=\"p-card-title-color\">A cup of Pure Tea<\/span>\n                        <\/a>\n                    <\/h5>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"portfolio-card-four portfolio-card\">\n    <div data-sttr-card>\n        <div class=\"relative group rounded-md overflow-hidden\">\n            <img decoding=\"async\" class=\"rounded-md w-full object-cover et-portfolio-card-img\" src=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Traditional-European-Christmas-Market-1024x683.webp\" alt=\"European Market Entry\">            <div class=\"absolute w-full left-1\/2 bottom-5 transform -translate-x-1\/2 translate-y-10 opacity-0 invisible duration-500 group-hover:translate-y-0 group-hover:opacity-100 group-hover:visible px-5\">\n                <div class=\" bg-white\/75 dark:bg-bg-black\/75 rounded-xl p-5 md:p-7 p-card-bg p-content-positions\">\n                                                <span class=\"font-medium text-[15px] leadin leading-none text-title p-card-category\">\n                                Design                            <\/span>\n                                        <h5 class=\"font-medium text-xl leading-none mt-2 p-card-title confilig-css\">\n                        <a href=\"https:\/\/wp.electronthemes.com\/briotech\/portfolio\/boat-hill-river-view-2\/\" aria-label=\"European Market Entry\">\n                            <span class=\"p-card-title-color\">European Market Entry<\/span>\n                        <\/a>\n                    <\/h5>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\r\n\t\t\t\t\t<div id=\"portfolio-pagination\" \r\n\t\t\t\tdata-type=\"loadmore\"\r\n\t\t\t\tdata-current=\"1\"\r\n\t\t\t\tdata-max=\"2\">\r\n\t\t\t\t<span class=\"page-info\"><\/span>\r\n\t\t\t\t<div class=\"pagination-numbers\"><\/div>\r\n\r\n\t\t\t\t<div class=\"text-center pt-8 sm:pt-10 md:pt-16\">\r\n\t\t\t\t\t<button class=\"btn-loadmore cursor-pointer btn btn-outline\">\r\n\t\t\t\t\t\tLoad More\t\t\t\t\t\t<span class=\"w-5 h-5 border-2 rounded-full login-loader\"><\/span>\r\n\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Explore our comprehensive library of Pagination to better understand our design elements and customize your site with ease.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3866","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp.electronthemes.com\/briotech\/wp-json\/wp\/v2\/pages\/3866","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.electronthemes.com\/briotech\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.electronthemes.com\/briotech\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp.electronthemes.com\/briotech\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.electronthemes.com\/briotech\/wp-json\/wp\/v2\/comments?post=3866"}],"version-history":[{"count":505,"href":"https:\/\/wp.electronthemes.com\/briotech\/wp-json\/wp\/v2\/pages\/3866\/revisions"}],"predecessor-version":[{"id":8847,"href":"https:\/\/wp.electronthemes.com\/briotech\/wp-json\/wp\/v2\/pages\/3866\/revisions\/8847"}],"wp:attachment":[{"href":"https:\/\/wp.electronthemes.com\/briotech\/wp-json\/wp\/v2\/media?parent=3866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}