{"id":3361,"date":"2025-11-04T05:19:59","date_gmt":"2025-11-04T05:19:59","guid":{"rendered":"https:\/\/wp.electronthemes.com\/briotech\/?page_id=3361"},"modified":"2026-01-29T05:51:28","modified_gmt":"2026-01-29T05:51:28","slug":"slider","status":"publish","type":"page","link":"https:\/\/wp.electronthemes.com\/briotech\/slider\/","title":{"rendered":"Slider"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3361\" class=\"elementor elementor-3361\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68194ae e-con-full e-flex e-con e-parent\" data-id=\"68194ae\" 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-f02bcb7 e-flex e-con-boxed e-con e-child\" data-id=\"f02bcb7\" 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-82245a3 elementor-widget elementor-widget-et_pageheader\" data-id=\"82245a3\" 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 Sliders 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-8ee980c e-con-full e-flex e-con e-parent\" data-id=\"8ee980c\" 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-782ce93 e-flex e-con-boxed e-con e-child\" data-id=\"782ce93\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-28886bb e-flex e-con-boxed e-con e-child\" data-id=\"28886bb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-21c8e2b e-con-full e-flex e-con e-child\" data-id=\"21c8e2b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4e53a05 e-con-full e-flex e-con e-child\" data-id=\"4e53a05\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74f7243 elementor-widget elementor-widget-heading\" data-id=\"74f7243\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Slider Style 1<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e7ea8b0 e-con-full e-flex e-con e-child\" data-id=\"e7ea8b0\" 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-037952f e-con-full e-flex e-con e-child\" data-id=\"037952f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8128bac elementor-widget elementor-widget-et_slider\" data-id=\"8128bac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"et_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"relative\">\r\n    <div class=\"swiper et-slider-one et-img-slider\"\r\n        data-loop=\"true\"\r\n        data-autoplay=\"true\"\r\n        data-autoplay-speed=\"1000\"\r\n        data-smartspeed=\"1500\" \r\n        data-mobile-small=\"1\"\r\n        data-mobile=\"2\"\r\n        data-tablet=\"3\"\r\n        data-tablet-large=\"3\"\r\n        data-laptop=\"3\"\r\n        data-space-between=\"20\">\r\n        <div class=\"swiper-wrapper\">\r\n                        <div class=\"swiper-slide\">\r\n                <div class=\"relative before:absolute before:w-full before:h-[40%] before:bottom-0 before:left-0 slider-gradient z-10 group card-border-radius overflow-hidden\">\r\n                    <div class=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Collaborative-Workspace-717x1024.webp\" alt=\"Creature of Stone\" class=\"w-full aspect-[3\/4] object-cover et-slider-card-img\">                    <\/div>\r\n                                        <div class=\"absolute z-20 left-5 right-5 bottom-5 w-[calc(100%-40px)] et-card-aling\">\r\n                                                <span class=\"text-[15px] leading-none font-medium text-white slider-subtitle\">Photography<\/span>\r\n                                                                        <a href=\"https:\/\/wp.electronthemes.com\/briotech\/services\/\"   class=\"text-xl leading-snug mt-2 slider-title block\">\r\n                            <span class=\"text-white\">Creature of Stone<\/span>\r\n                        <\/a>\r\n                                            <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n                        <div class=\"swiper-slide\">\r\n                <div class=\"relative before:absolute before:w-full before:h-[40%] before:bottom-0 before:left-0 slider-gradient z-10 group card-border-radius overflow-hidden\">\r\n                    <div class=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Speaker-on-Stage-717x1024.webp\" alt=\"Creature of Stone\" class=\"w-full aspect-[3\/4] object-cover et-slider-card-img\">                    <\/div>\r\n                                        <div class=\"absolute z-20 left-5 right-5 bottom-5 w-[calc(100%-40px)] et-card-aling\">\r\n                                                <span class=\"text-[15px] leading-none font-medium text-white slider-subtitle\">Photography<\/span>\r\n                                                                        <a href=\"https:\/\/wp.electronthemes.com\/briotech\/services\/\"   class=\"text-xl leading-snug mt-2 slider-title block\">\r\n                            <span class=\"text-white\">Creature of Stone<\/span>\r\n                        <\/a>\r\n                                            <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n                        <div class=\"swiper-slide\">\r\n                <div class=\"relative before:absolute before:w-full before:h-[40%] before:bottom-0 before:left-0 slider-gradient z-10 group card-border-radius overflow-hidden\">\r\n                    <div class=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Futuristic-VR-Experience-819x1024.webp\" alt=\"Creature of Stone\" class=\"w-full aspect-[3\/4] object-cover et-slider-card-img\">                    <\/div>\r\n                                        <div class=\"absolute z-20 left-5 right-5 bottom-5 w-[calc(100%-40px)] et-card-aling\">\r\n                                                <span class=\"text-[15px] leading-none font-medium text-white slider-subtitle\">Photography<\/span>\r\n                                                                        <a href=\"https:\/\/wp.electronthemes.com\/briotech\/services\/\"   class=\"text-xl leading-snug mt-2 slider-title block\">\r\n                            <span class=\"text-white\">Creature of Stone<\/span>\r\n                        <\/a>\r\n                                            <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n                        <div class=\"swiper-slide\">\r\n                <div class=\"relative before:absolute before:w-full before:h-[40%] before:bottom-0 before:left-0 slider-gradient z-10 group card-border-radius overflow-hidden\">\r\n                    <div class=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Colorful-Shopping-Bags-576x1024.webp\" alt=\"Creature of Stone\" class=\"w-full aspect-[3\/4] object-cover et-slider-card-img\">                    <\/div>\r\n                                        <div class=\"absolute z-20 left-5 right-5 bottom-5 w-[calc(100%-40px)] et-card-aling\">\r\n                                                <span class=\"text-[15px] leading-none font-medium text-white slider-subtitle\">Photography<\/span>\r\n                                                                        <a href=\"https:\/\/wp.electronthemes.com\/briotech\/services\/\"   class=\"text-xl leading-snug mt-2 slider-title block\">\r\n                            <span class=\"text-white\">Creature of Stone<\/span>\r\n                        <\/a>\r\n                                            <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n      \r\n    <div class=\"flex gap-4 items-center justify-center mt-5 sm:mt-0\">\r\n        <button type=\"button\" aria-label=\"Previous slide\" class=\"et_slider_prev px-2 lg:px-3 py-3 lg:py-4 border border-black sm:border-white flex items-center justify-center text-title sm:text-white sm:absolute top-1\/2 transform sm:-translate-y-1\/2 left-5 z-30 cursor-pointer navigation-style-tow group\">\r\n                           <svg class=\"w-[18px] md:w-[22px] fill-current\" viewBox=\"0 0 25 13\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n                    <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                <\/svg> \r\n                                <\/button>\r\n        <button type=\"button\" aria-label=\"Next slide\" class=\"et_slider_next px-2 lg:px-3 py-3 lg:py-4 border border-black sm:border-white flex items-center justify-center text-title sm:text-white sm:absolute top-1\/2 transform sm:-translate-y-1\/2 right-5 z-30 cursor-pointer navigation-style-tow group\">\r\n                             <svg class=\"w-[18px] md:w-[22px] fill-current\" viewBox=\"0 0 25 13\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n                    <path d=\"M24.1518 5.95088L18.7077 0.506713C18.5121 0.278353 18.1684 0.251732 17.9401 0.447343C17.7117 0.642906 17.6851 0.986594 17.8807 1.21495C17.899 1.23624 17.9188 1.25613 17.9401 1.27433L22.4533 5.79297L0.899866 5.79297C0.599222 5.79297 0.355469 6.03673 0.355469 6.33742C0.355469 6.63811 0.599222 6.88182 0.899866 6.88182L22.4533 6.88182L17.9401 11.395C17.7117 11.5906 17.6851 11.9342 17.8807 12.1626C18.0763 12.391 18.42 12.4176 18.6483 12.222C18.6696 12.2037 18.6895 12.1839 18.7077 12.1626L24.1519 6.71844C24.3629 6.50618 24.3629 6.16324 24.1518 5.95088Z\" \/>\r\n                <\/svg> \r\n                                                        \r\n        <\/button>\r\n    <\/div>\r\n         <\/div>\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<div class=\"elementor-element elementor-element-a732645 e-con-full e-flex e-con e-child\" data-id=\"a732645\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-915e7cc e-con-full e-flex e-con e-child\" data-id=\"915e7cc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-181cc45 elementor-widget elementor-widget-heading\" data-id=\"181cc45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Slider Style 2\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c6cf92d e-con-full e-flex e-con e-child\" data-id=\"c6cf92d\" 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-d82c491 e-con-full e-flex e-con e-child\" data-id=\"d82c491\" 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-44edb2e e-flex e-con-boxed e-con e-child\" data-id=\"44edb2e\" 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-c8ea952 elementor-widget elementor-widget-et_slider\" data-id=\"c8ea952\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"et_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"relative md:px-[70px] lg:px-24\">\r\n    <div class=\"swiper et-slider-card-two max-w-[400px] sm:max-w-[500px] md:max-w-[650px] lg:max-w-[850px] mx-auto\"\r\n        data-loop=\"true\"\r\n        data-autoplay=\"true\"\r\n        data-autoplay-speed=\"800\"\r\n        data-smartspeed=\"1000\" >\r\n        <div class=\"swiper-wrapper\">\r\n                        <div class=\"swiper-slide slider-card-content et-card-aling flex flex-col gap-4 text-center et-card-inner-spacing\">\r\n                                                <h2 class=\"text-4xl md:text-5xl leading-none md:leading-none font-bold text-title slider-title\">\r\n                    <span>Get 25% Off<\/span>\r\n                <\/h2>\r\n                                                <p class=\"text-paragraph mt-2 slider-desc\">Lorem ipsum dolor sit amet, consectetur purus integer diam habitant vel tempor varius. <\/p>\r\n                                                <div class=\"slider-card-btn et-card-btn-spacing\">\r\n                    <a \r\n                        aria-label=\"Get this Offer\"\r\n                        href=\"https:\/\/wp.electronthemes.com\/briotech\/services\/\"\r\n                        class=\"btn bg-primary hover:bg-primary slider-btn transition-all duration-300 ease-in-out\"\r\n                    >\r\n                        Get this Offer                    <\/a>\r\n                <\/div>\r\n                                            <\/div>\r\n                                <div class=\"swiper-slide slider-card-content et-card-aling flex flex-col gap-4 text-center et-card-inner-spacing\">\r\n                                                <h2 class=\"text-4xl md:text-5xl leading-none md:leading-none font-bold text-title slider-title\">\r\n                    <span>Creature of Stone<\/span>\r\n                <\/h2>\r\n                                                <p class=\"text-paragraph mt-2 slider-desc\">Lorem ipsum dolor sit amet, consectetur purus integer diam habitant vel tempor varius.<\/p>\r\n                                                <div class=\"slider-card-btn et-card-btn-spacing\">\r\n                    <a \r\n                        aria-label=\"Get this Offer\"\r\n                        href=\"https:\/\/wp.electronthemes.com\/briotech\/services\/\"\r\n                        class=\"btn bg-primary hover:bg-primary slider-btn transition-all duration-300 ease-in-out\"\r\n                    >\r\n                        Get this Offer                    <\/a>\r\n                <\/div>\r\n                                            <\/div>\r\n                                <div class=\"swiper-slide slider-card-content et-card-aling flex flex-col gap-4 text-center et-card-inner-spacing\">\r\n                                                <h2 class=\"text-4xl md:text-5xl leading-none md:leading-none font-bold text-title slider-title\">\r\n                    <span>Get 25% Off<\/span>\r\n                <\/h2>\r\n                                                <p class=\"text-paragraph mt-2 slider-desc\">Lorem ipsum dolor sit amet, consectetur purus integer diam habitant vel tempor varius. <\/p>\r\n                                                <div class=\"slider-card-btn et-card-btn-spacing\">\r\n                    <a \r\n                        aria-label=\"Get this Offer\"\r\n                        href=\"https:\/\/wp.electronthemes.com\/briotech\/services\/\"\r\n                        class=\"btn bg-primary hover:bg-primary slider-btn transition-all duration-300 ease-in-out\"\r\n                    >\r\n                        Get this Offer                    <\/a>\r\n                <\/div>\r\n                                            <\/div>\r\n                            <\/div>\r\n    <\/div>\r\n     \r\n    <div class=\"flex gap-4 items-center justify-center mt-8 md:mt-0\">\r\n        <button type=\"button\" aria-label=\"Previous slide\" class=\"et-slider2-prev px-2 lg:px-3 py-3 lg:py-4 border border-black flex items-center justify-center text-title md:absolute top-1\/2 transform md:-translate-y-1\/2 left-5 z-30 cursor-pointer navigation-style-tow group\">\r\n                            <svg class=\"w-[18px] md:w-[22px] fill-current text-title\" viewBox=\"0 0 25 13\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n                    <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                <\/svg> \r\n                                <\/button>\r\n        <button type=\"button\" aria-label=\"Next slide\" class=\"et-slider2-next px-2 lg:px-3 py-3 lg:py-4 border border-black flex items-center justify-center text-title md:absolute top-1\/2 transform md:-translate-y-1\/2 right-5 z-30 cursor-pointer navigation-style-tow group\"> \r\n                            <svg class=\"w-[18px] md:w-[22px] fill-current text-title\" viewBox=\"0 0 25 13\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n                    <path d=\"M24.1518 5.95088L18.7077 0.506713C18.5121 0.278353 18.1684 0.251732 17.9401 0.447343C17.7117 0.642906 17.6851 0.986594 17.8807 1.21495C17.899 1.23624 17.9188 1.25613 17.9401 1.27433L22.4533 5.79297L0.899866 5.79297C0.599222 5.79297 0.355469 6.03673 0.355469 6.33742C0.355469 6.63811 0.599222 6.88182 0.899866 6.88182L22.4533 6.88182L17.9401 11.395C17.7117 11.5906 17.6851 11.9342 17.8807 12.1626C18.0763 12.391 18.42 12.4176 18.6483 12.222C18.6696 12.2037 18.6895 12.1839 18.7077 12.1626L24.1519 6.71844C24.3629 6.50618 24.3629 6.16324 24.1518 5.95088Z\" \/>\r\n                <\/svg> \r\n                                                      \r\n        <\/button>\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a5e4285 e-con-full e-flex e-con e-child\" data-id=\"a5e4285\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d507491 e-con-full e-flex e-con e-child\" data-id=\"d507491\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41d5326 elementor-widget elementor-widget-heading\" data-id=\"41d5326\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Slider Style 3\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a353f19 e-con-full e-flex e-con e-child\" data-id=\"a353f19\" 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-c0d5055 e-con-full e-flex e-con e-child\" data-id=\"c0d5055\" 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-7deb9e3 e-flex e-con-boxed e-con e-child\" data-id=\"7deb9e3\" 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-216f0d3 elementor-widget elementor-widget-et_slider\" data-id=\"216f0d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"et_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"relative \">\r\n    <div class=\"swiper et-slider-card-two max-w-[400px] sm:max-w-[500px] md:max-w-[650px] lg:max-w-[850px] mx-auto\"\r\n        data-loop=\"true\"\r\n        data-autoplay=\"true\"\r\n        data-autoplay-speed=\"800\"\r\n        data-smartspeed=\"1000\" >\r\n        <div class=\"swiper-wrapper\">\r\n                        <div class=\"swiper-slide slider-card-content et-card-aling flex flex-col gap-4 text-center et-card-inner-spacing\">\r\n                                                <a href=\"https:\/\/wp.electronthemes.com\/briotech\/services\/\"   class=\"text-4xl md:text-5xl leading-none md:leading-none font-bold text-title slider-title block\">\r\n                    <span>Get 25% Off<\/span>\r\n                <\/a>\r\n                                                <p class=\"text-paragraph mt-2 slider-desc\">Lorem ipsum dolor sit amet, consectetur purus integer diam habitant vel tempor varius. <\/p>\r\n                                                                    <div class=\"et-slider-dots-tow flex justify-center items-center w-full pt-8 slider-dots-gap et-card-aling\"><\/div>\r\n                            <\/div>\r\n                                <div class=\"swiper-slide slider-card-content et-card-aling flex flex-col gap-4 text-center et-card-inner-spacing\">\r\n                                                <a href=\"https:\/\/wp.electronthemes.com\/briotech\/services\/\"   class=\"text-4xl md:text-5xl leading-none md:leading-none font-bold text-title slider-title block\">\r\n                    <span>Creature of Stone<\/span>\r\n                <\/a>\r\n                                                <p class=\"text-paragraph mt-2 slider-desc\">Lorem ipsum dolor sit amet, consectetur purus integer diam habitant vel tempor varius.<\/p>\r\n                                                                    <div class=\"et-slider-dots-tow flex justify-center items-center w-full pt-8 slider-dots-gap et-card-aling\"><\/div>\r\n                            <\/div>\r\n                                <div class=\"swiper-slide slider-card-content et-card-aling flex flex-col gap-4 text-center et-card-inner-spacing\">\r\n                                                <a href=\"https:\/\/wp.electronthemes.com\/briotech\/services\/\"   class=\"text-4xl md:text-5xl leading-none md:leading-none font-bold text-title slider-title block\">\r\n                    <span>Get 25% Off<\/span>\r\n                <\/a>\r\n                                                <p class=\"text-paragraph mt-2 slider-desc\">Lorem ipsum dolor sit amet, consectetur purus integer diam habitant vel tempor varius. <\/p>\r\n                                                                    <div class=\"et-slider-dots-tow flex justify-center items-center w-full pt-8 slider-dots-gap et-card-aling\"><\/div>\r\n                            <\/div>\r\n                                <div class=\"swiper-slide slider-card-content et-card-aling flex flex-col gap-4 text-center et-card-inner-spacing\">\r\n                                                <a href=\"https:\/\/wp.electronthemes.com\/briotech\/services\/\"   class=\"text-4xl md:text-5xl leading-none md:leading-none font-bold text-title slider-title block\">\r\n                    <span>Creature of Stone<\/span>\r\n                <\/a>\r\n                                                <p class=\"text-paragraph mt-2 slider-desc\">Lorem ipsum dolor sit amet, consectetur purus integer diam habitant vel tempor varius.<\/p>\r\n                                                                    <div class=\"et-slider-dots-tow flex justify-center items-center w-full pt-8 slider-dots-gap et-card-aling\"><\/div>\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e8cf897 e-con-full e-flex e-con e-child\" data-id=\"e8cf897\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-c3491c0 e-con-full e-flex e-con e-child\" data-id=\"c3491c0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba5e7f2 elementor-widget elementor-widget-heading\" data-id=\"ba5e7f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Slider Style 4<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b9df60 e-con-full e-flex e-con e-child\" data-id=\"6b9df60\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-424ea54 elementor-widget elementor-widget-et_slider\" data-id=\"424ea54\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"et_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bg-white relative w-full\">\r\n    <div class=\"swiper et-slider-card-three\"\r\n        data-loop=\"true\"\r\n        data-autoplay=\"true\"\r\n        data-autoplay-speed=\"1000\"\r\n        data-smartspeed=\"1000\">\r\n       <div class=\"swiper-wrapper\">\r\n                    <div class=\"swiper-slide sm:grid grid-cols-2 card-border-radius overflow-hidden group\">\r\n                <div class=\"\">\r\n                    <img decoding=\"async\" src=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Unity-with-Nature-1024x585.webp\" alt=\"Welcome\" class=\"!h-full w-full object-cover aspect-[5\/4] et-slider-card-img\">                <\/div>\r\n                <div class=\"flex bg-primary\/5 et-content-bg justify-start   items-center\">\r\n                    <div class=\"mb-8 sm:mb-12 p-5 sm:px-5 md:px-14 flex flex-col gap-2 sm:gap-4 lg:gap-6 et-card-aling \">\r\n                                                <a href=\"https:\/\/wp.electronthemes.com\/briotech\/services\/\"   class=\"text-3xl lg:text-5xl xl:text-7xl leading-none :leading-none font-bold slider-title block\">\r\n                            Welcome                        <\/a>\r\n                                                                        <p class=\"sm:max-w-[220px] md:max-w-[414px] slider-desc\">Lorem ipsum dolor sit amet, consectetur purus integer diam habitant vel tempor varius.<\/p>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                    <div class=\"swiper-slide sm:grid grid-cols-2 card-border-radius overflow-hidden group\">\r\n                <div class=\"\">\r\n                    <img decoding=\"async\" src=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Business-Meeting-Scene-1024x1024.webp\" alt=\"Get 25% Off\" class=\"!h-full w-full object-cover aspect-[5\/4] et-slider-card-img\">                <\/div>\r\n                <div class=\"flex bg-primary\/5 et-content-bg justify-start   items-center\">\r\n                    <div class=\"mb-8 sm:mb-12 p-5 sm:px-5 md:px-14 flex flex-col gap-2 sm:gap-4 lg:gap-6 et-card-aling \">\r\n                                                <a href=\"https:\/\/wp.electronthemes.com\/briotech\/services\/\"   class=\"text-3xl lg:text-5xl xl:text-7xl leading-none :leading-none font-bold slider-title block\">\r\n                            Get 25% Off                        <\/a>\r\n                                                                        <p class=\"sm:max-w-[220px] md:max-w-[414px] slider-desc\">Lorem ipsum dolor sit amet, consectetur purus integer diam habitant vel tempor varius.<\/p>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                    <div class=\"swiper-slide sm:grid grid-cols-2 card-border-radius overflow-hidden group\">\r\n                <div class=\"\">\r\n                    <img decoding=\"async\" src=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Young-Adult-Engaged-in-Virtual-Reality-1024x574.webp\" alt=\"Photography\" class=\"!h-full w-full object-cover aspect-[5\/4] et-slider-card-img\">                <\/div>\r\n                <div class=\"flex bg-primary\/5 et-content-bg justify-start   items-center\">\r\n                    <div class=\"mb-8 sm:mb-12 p-5 sm:px-5 md:px-14 flex flex-col gap-2 sm:gap-4 lg:gap-6 et-card-aling \">\r\n                                                <a href=\"https:\/\/wp.electronthemes.com\/briotech\/services\/\"   class=\"text-3xl lg:text-5xl xl:text-7xl leading-none :leading-none font-bold slider-title block\">\r\n                            Photography                        <\/a>\r\n                                                                        <p class=\"sm:max-w-[220px] md:max-w-[414px] slider-desc\">Lorem ipsum dolor sit amet, consectetur purus integer diam habitant vel tempor varius.<\/p>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n               <\/div>\r\n    <\/div>\r\n    <div class=\"absolute top-[95%] sm:top-1\/2 transform -translate-x-1\/2 sm:-translate-y-1\/2 z-50 right-1\/2 sm:right-3 lg:right-5\">\r\n        <div class=\"et-slider-dots-three flex flex-row sm:flex-col gap-2 sm:gap-3 slider-dots-gap\"><\/div>\r\n    <\/div>\r\n<\/div>\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-cf2e581 e-con-full e-flex e-con e-child\" data-id=\"cf2e581\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b264a14 e-con-full e-flex e-con e-child\" data-id=\"b264a14\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fed3570 elementor-widget elementor-widget-heading\" data-id=\"fed3570\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Slider Style 5<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-daefadd e-con-full e-flex e-con e-child\" data-id=\"daefadd\" 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-2dbb5f9 e-con-full e-flex e-con e-child\" data-id=\"2dbb5f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cbbff69 elementor-widget elementor-widget-et_slider\" data-id=\"cbbff69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"et_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"relative\">\r\n    <div class=\"swiper et-slider-one et-img-slider\"\r\n        data-loop=\"false\"\r\n        data-autoplay=\"false\"\r\n        data-autoplay-speed=\"1200\"\r\n        data-smartspeed=\"1000\" \r\n        data-mobile-small=\"1\"\r\n        data-mobile=\"2\"\r\n        data-tablet=\"3\"\r\n        data-tablet-large=\"3\"\r\n        data-laptop=\"3\"\r\n        data-space-between=\"0\">\r\n        <div class=\"swiper-wrapper\">\r\n                        <div class=\"swiper-slide\">\r\n                <div class=\"relative before:absolute before:w-full before:h-[40%] before:bottom-0 before:left-0 slider-gradient z-10 group card-border-radius overflow-hidden\">\r\n                    <div class=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Speaker-on-Stage-717x1024.webp\" alt=\"Creature of Stone\" class=\"w-full aspect-[3\/4] object-cover et-slider-card-img\">                    <\/div>\r\n                                        <div class=\"bg-black bg-opacity-75 p-5 xl:p-[30px] absolute bottom-5 xl:bottom-[30px] w-[90%] xl:w-[80%] left-[5%] xl:left-[10%] transform translate-y-12 duration-300 ease-in-out opacity-0 group-hover:translate-y-0 group-hover:opacity-100 card-aling et-content-bg et-card-aling\">\r\n                                                <span class=\"text-white leading-none text-sm md:leading-none md:text-[15px] font-medium slider-subtitle\">Photography<\/span>\r\n                                                                        <a href=\"https:\/\/wp.electronthemes.com\/briotech\/services\/\"   class=\"font-medium text-lg md:leading-none md:text-xl leading-snug mt-1 md:mt-2 slider-title block\">\r\n                            <span class=\"text-white\">Creature of Stone<\/span>\r\n                        <\/a>\r\n                                            <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n                        <div class=\"swiper-slide\">\r\n                <div class=\"relative before:absolute before:w-full before:h-[40%] before:bottom-0 before:left-0 slider-gradient z-10 group card-border-radius overflow-hidden\">\r\n                    <div class=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Futuristic-VR-Experience-819x1024.webp\" alt=\"Creature of Stone\" class=\"w-full aspect-[3\/4] object-cover et-slider-card-img\">                    <\/div>\r\n                                        <div class=\"bg-black bg-opacity-75 p-5 xl:p-[30px] absolute bottom-5 xl:bottom-[30px] w-[90%] xl:w-[80%] left-[5%] xl:left-[10%] transform translate-y-12 duration-300 ease-in-out opacity-0 group-hover:translate-y-0 group-hover:opacity-100 card-aling et-content-bg et-card-aling\">\r\n                                                <span class=\"text-white leading-none text-sm md:leading-none md:text-[15px] font-medium slider-subtitle\">Photography<\/span>\r\n                                                                        <a href=\"https:\/\/wp.electronthemes.com\/briotech\/services\/\"   class=\"font-medium text-lg md:leading-none md:text-xl leading-snug mt-1 md:mt-2 slider-title block\">\r\n                            <span class=\"text-white\">Creature of Stone<\/span>\r\n                        <\/a>\r\n                                            <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n                        <div class=\"swiper-slide\">\r\n                <div class=\"relative before:absolute before:w-full before:h-[40%] before:bottom-0 before:left-0 slider-gradient z-10 group card-border-radius overflow-hidden\">\r\n                    <div class=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Colorful-Shopping-Bags-576x1024.webp\" alt=\"Creature of Stone\" class=\"w-full aspect-[3\/4] object-cover et-slider-card-img\">                    <\/div>\r\n                                        <div class=\"bg-black bg-opacity-75 p-5 xl:p-[30px] absolute bottom-5 xl:bottom-[30px] w-[90%] xl:w-[80%] left-[5%] xl:left-[10%] transform translate-y-12 duration-300 ease-in-out opacity-0 group-hover:translate-y-0 group-hover:opacity-100 card-aling et-content-bg et-card-aling\">\r\n                                                <span class=\"text-white leading-none text-sm md:leading-none md:text-[15px] font-medium slider-subtitle\">Photography<\/span>\r\n                                                                        <a href=\"https:\/\/wp.electronthemes.com\/briotech\/services\/\"   class=\"font-medium text-lg md:leading-none md:text-xl leading-snug mt-1 md:mt-2 slider-title block\">\r\n                            <span class=\"text-white\">Creature of Stone<\/span>\r\n                        <\/a>\r\n                                            <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n                        <div class=\"swiper-slide\">\r\n                <div class=\"relative before:absolute before:w-full before:h-[40%] before:bottom-0 before:left-0 slider-gradient z-10 group card-border-radius overflow-hidden\">\r\n                    <div class=\"\">\r\n                        <img decoding=\"async\" src=\"https:\/\/wp.electronthemes.com\/briotech\/wp-content\/uploads\/2026\/01\/Collaborative-Workspace-717x1024.webp\" alt=\"Creature of Stone\" class=\"w-full aspect-[3\/4] object-cover et-slider-card-img\">                    <\/div>\r\n                                        <div class=\"bg-black bg-opacity-75 p-5 xl:p-[30px] absolute bottom-5 xl:bottom-[30px] w-[90%] xl:w-[80%] left-[5%] xl:left-[10%] transform translate-y-12 duration-300 ease-in-out opacity-0 group-hover:translate-y-0 group-hover:opacity-100 card-aling et-content-bg et-card-aling\">\r\n                                                <span class=\"text-white leading-none text-sm md:leading-none md:text-[15px] font-medium slider-subtitle\">Photography<\/span>\r\n                                                                        <a href=\"https:\/\/wp.electronthemes.com\/briotech\/services\/\"   class=\"font-medium text-lg md:leading-none md:text-xl leading-snug mt-1 md:mt-2 slider-title block\">\r\n                            <span class=\"text-white\">Creature of Stone<\/span>\r\n                        <\/a>\r\n                                            <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n      \r\n    <div class=\"flex gap-4 items-center justify-center mt-5 sm:mt-0\">\r\n        <button type=\"button\" aria-label=\"Previous slide\" class=\"et_slider_prev px-2 lg:px-3 py-3 lg:py-4 border border-black sm:border-white flex items-center justify-center text-title sm:text-white sm:absolute top-1\/2 transform sm:-translate-y-1\/2 left-5 z-30 cursor-pointer navigation-style-tow group\">\r\n                           <svg class=\"w-[18px] md:w-[22px] fill-current\" viewBox=\"0 0 25 13\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n                    <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                <\/svg> \r\n                                <\/button>\r\n        <button type=\"button\" aria-label=\"Next slide\" class=\"et_slider_next px-2 lg:px-3 py-3 lg:py-4 border border-black sm:border-white flex items-center justify-center text-title sm:text-white sm:absolute top-1\/2 transform sm:-translate-y-1\/2 right-5 z-30 cursor-pointer navigation-style-tow group\">\r\n                             <svg class=\"w-[18px] md:w-[22px] fill-current\" viewBox=\"0 0 25 13\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n                    <path d=\"M24.1518 5.95088L18.7077 0.506713C18.5121 0.278353 18.1684 0.251732 17.9401 0.447343C17.7117 0.642906 17.6851 0.986594 17.8807 1.21495C17.899 1.23624 17.9188 1.25613 17.9401 1.27433L22.4533 5.79297L0.899866 5.79297C0.599222 5.79297 0.355469 6.03673 0.355469 6.33742C0.355469 6.63811 0.599222 6.88182 0.899866 6.88182L22.4533 6.88182L17.9401 11.395C17.7117 11.5906 17.6851 11.9342 17.8807 12.1626C18.0763 12.391 18.42 12.4176 18.6483 12.222C18.6696 12.2037 18.6895 12.1839 18.7077 12.1626L24.1519 6.71844C24.3629 6.50618 24.3629 6.16324 24.1518 5.95088Z\" \/>\r\n                <\/svg> \r\n                                                        \r\n        <\/button>\r\n    <\/div>\r\n         <\/div>\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\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 Sliders 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-3361","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp.electronthemes.com\/briotech\/wp-json\/wp\/v2\/pages\/3361","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=3361"}],"version-history":[{"count":120,"href":"https:\/\/wp.electronthemes.com\/briotech\/wp-json\/wp\/v2\/pages\/3361\/revisions"}],"predecessor-version":[{"id":8741,"href":"https:\/\/wp.electronthemes.com\/briotech\/wp-json\/wp\/v2\/pages\/3361\/revisions\/8741"}],"wp:attachment":[{"href":"https:\/\/wp.electronthemes.com\/briotech\/wp-json\/wp\/v2\/media?parent=3361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}