/*
Theme Name: Digital Growth Strategist
Theme URI: https://www.titanthemes.net/products/digital-growth-strategist
Author: Titan Themes
Author URI: https://www.titanthemes.net/
Description: The Digital Growth Strategist theme is a multipurpose, elegant, and modern solution designed for professionals, marketing agencies, business consultants, SEO experts, growth hackers, entrepreneurs, digital marketing strategists, brand managers, online marketers, advertising agencies, social media consultants, PPC specialists, web developers, content creators, and business coaches, while also serving startup incubators, SaaS product teams, branding agencies, ecommerce consultants, freelance strategists, PR & communication firms, lead-generation agencies, UX/UI consulting studios, digital transformation firms, and corporate training providers aiming to build a powerful and impactful online presence. With its clean, minimal, and sophisticated design, the theme offers a visually appealing and interactive interface that enhances brand credibility and user engagement. Built on a robust Bootstrap framework, it provides fully responsive, mobile-friendly, and retina-ready performance across all devices. Extensive personalization options allow effortless customization for business portfolios, consulting websites, personal branding pages, or marketing service showcases. Core elements such as a captivating banner, strategic call-to-action (CTA) buttons, testimonial sliders, service highlights, blog sections, and team introductions help build trust and boost conversions. Social media integration and SEO-friendly coding improve visibility, while translation-ready features make it ideal for a global audience. Supporting popular plugins like Contact Form 7, WooCommerce, Yoast SEO, Mailchimp, and MonsterInsights, it allows you to manage inquiries, sell digital products, optimize SEO, automate email marketing, and track performance with ease. With fast loading speed, secure coding, dynamic animations, and smooth navigation, the Digital Growth Strategist theme delivers a professional, high-performance, and conversion-driven digital experience perfect for modern marketers and agencies.
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 7.2
Version: 2.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: digital-growth-strategist
Tags: grid-layout, one-column,  two-columns, left-sidebar, right-sidebar, wide-blocks, block-patterns, custom-background, custom-colors, custom-menu, custom-logo, editor-style, block-styles, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, style-variations, theme-options, threaded-comments, translation-ready,, education, portfolio, blog
*/

.slider-slide {
  display: none;
}
.service-box-single:hover{
  background: linear-gradient(135deg, rgba(252, 84, 68, 0.11) 0%, rgba(250, 167, 32, 0.16) 100%);
}
.slider-button a:hover,.theme-btn a:hover,.header-button a:hover{
  background-color: var(--wp--preset--color--secondary) !important;
}
.award-box {
  position: absolute;
  bottom: 7%;
  left: 23px;
  width: 145px;
  z-index: 2;
}
.slider-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 15px;
  position: absolute;
  align-items: center;
  gap:10px;
  bottom: 30px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  text-align: center;
}
.service-inner-box h4 a{
  text-decoration: none !important;
}
.custom-slider,.slider-main-box{
  position: relative;
}
.custom-text {
  display: inline-block;
}
.slider-right{
  position: relative;
}
.custom-text {
  position: absolute;
  top: -10px;
  left: 30px;
  transform: rotate(-15deg);
}
.custom-text1 {
  position: absolute;
  top: 30px;
  left: 40px;
  transform: rotate(-15deg);
}
.about-left img {
  width: 100%;
  height: 460px;
  object-fit: cover;
  position: relative;
  z-index: 1;
}
.about-content {
  margin-left: -145px !important;
}
.dot {
  width: 12px;
  height: 12px;
  background: #ffffff;
  margin:0px !important;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s;
}
.dot.active {
  background: #ffffff;
  position: relative;
  z-index: 9;
}
.dot.active:after {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #ffffff;
  left: -4px;
  right: 0px;
  padding: 3px;
  border-radius: 30px;
  top: -4px;
  content: "";
  z-index: 0;
}
.slider-prev img,
.slider-next img {
  width: 60px;
  height: auto;
  border-radius: 6px;
  opacity: 0.8;
}
.slider-nav {
  position: absolute;
  width: 100%;
  margin: 0 auto;
  left: 0px;
  right: 0px;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}
.slider-controls {
  width: 95% !important;
  max-width: 95% !important;
}
.slider-prev a {
  background: transparent !important;
  font-family: sans-serif;
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: white;
  color: #ffffff00 !important;
  text-transform: capitalize;
}
.menu-box ul li ul.wp-block-navigation-submenu li a:hover{
  background: transparent !important;
}
.slider-next{
  justify-content: right !important;
  text-align: right !important;
  display: flex !important;
}
.prev-slide-btn, .next-slide-btn {
  text-align: center;
  width: 142px;
  height: 142px;
  font-weight: bold;
  border-radius: 12px;
  padding: 10px;
  border: none;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center !important;
  align-items: center;
  cursor: pointer;
}
.custom-slider{
  position: relative;
}
.slider-content-box {
  position: absolute;
  top: 50%;
  left: 10%;
  z-index: 2;
  right: 10%;
  margin: 0 auto;
  text-align: center;
  transform: translateY(-50%);
}
.slider-social-box ul li{
  background-color: transparent !important;
}
.slider-social-box ul li:hover{
  background-color: var(--wp--preset--color--primary) !important;
}
.slider-social-box ul li a{
  border-radius: 30px !important;
  border: 1px solid #fff !important;
}
.slider-social-box ul li:hover a{
  border: 1px solid var(--wp--preset--color--primary) !important;
}
.activity-image {
  position: absolute;
  left: 25px;
  bottom: 15%;
  z-index: 2;
}
.slider-right{
  text-align: right;
}
.slider-right .owl-stage-outer{
  margin-left: 0px !important;
}
.slider-right{
  position: relative;
  width: 100%;
}
.slide-item img {
  width: 400px !important;
  height: 530px;
  margin: 0 auto;
}
.owl-dots {
  position: relative;
  width: 40%;
  background: #ffffff;
  height: 8px;
  border-radius: 5px;
  overflow: hidden;
  margin-top: 15px;
  margin-bottom: 10px;
  padding: 0;
  margin: 0 auto !important;
  display: flex;
  left: -35px;
  right: 0px;
  margin: 0 auto;
  justify-content: center;
  border: 1px solid #000000;
  box-shadow: 0px 6px 10px 0px #0000001A;
}
.count-box {
  position: absolute;
  left: 0px;
  right: -39%;
  margin: 0 auto;
  width: 10%;
  bottom: -6px;
}
.owl-dot {
  flex-grow: 1;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  height: 100%;
  position: relative;
  cursor: pointer;
}
.team-content-box {
  left: 0px;
  position: absolute;
  top: 13%;
  right: -32%;
  text-align: center;
  margin: 0 auto;
  width: 15%;
  border: 1px solid #000000;
  padding: 10px 10px;
  background: #fff;
  border-radius: 25px 8px 8px 4px;
}
.team-single-box{
  position: relative;
}
.owl-dot span {
  display: block;
  height: 50%;
  box-shadow: 0px 6px 10px 0px #0000001A;
  width: 100%;
  border-radius: 30px;
  background-color: transparent;
  transition: background-color 0.3s ease;
}
.owl-dot.active span {
  background-color: #ff5e5e; /* red or any accent color */
}

/*============== Effects Section ==============*/

.animations-hidden-item{
  opacity: 0;
  transform: translateY(150px);
  transition: all 1s;
}

.animations-show-item{
  opacity: 1;
  transform: translateY(0px);

}
.home .main-header-box{
  position: absolute;
  left: 0px;
  background: transparent !important;
  width: 100%;
  z-index: 1;
}
.our-projects .owl-nav,.our-services .owl-nav {
  display: block !important;
  position: absolute;
  top: -27%;
  text-align: right;
  width: 100%;
}
.our-projects .owl-carousel .owl-nav .owl-prev,.our-services .owl-carousel .owl-nav .owl-prev{
  margin-right: 10px;
}
.our-projects .owl-carousel .owl-nav .owl-prev:hover span, .our-projects .owl-carousel .owl-nav .owl-next:hover span,
.our-services .owl-carousel .owl-nav .owl-prev:hover span, .our-services .owl-carousel .owl-nav .owl-next:hover span{
  color: #ffffff;
}
.our-projects .owl-carousel .owl-nav .owl-prev:hover, .our-projects .owl-carousel .owl-nav .owl-next:hover,
.our-services .owl-carousel .owl-nav .owl-prev:hover, .our-services .owl-carousel .owl-nav .owl-next:hover {
    background: var(--wp--preset--color--primary) !important;
}
.our-projects .owl-carousel .owl-nav .owl-prev, .our-projects .owl-carousel .owl-nav .owl-next,
.our-services .owl-carousel .owl-nav .owl-prev, .our-services .owl-carousel .owl-nav .owl-next {
  width: 40px;
  height: 40px;
  background: #000000;
  border: 0px;
  border-radius: 30px;
}
.our-projects .owl-carousel .owl-nav .owl-prev,
.our-services .owl-carousel .owl-nav .owl-prev {
  border-right: 2px solid #FFFFFF12;
}
.our-projects .owl-carousel .owl-nav .owl-prev span, .our-projects .owl-carousel .owl-nav .owl-next span,
.our-services .owl-carousel .owl-nav .owl-prev span, .our-services .owl-carousel .owl-nav .owl-next span  {
  color: #ffffff;
  font-size: 22px;
  padding: 4px 8px;
}
.banner-image-wrap {
  position: relative;
}
.about-left {
  position: relative;
}
.wp-site-blocks{
  padding: 0 !important;
}
.wpcf7-spinner {
  position: absolute;
  right: 0px;
}
.service-inner-box{
  position: relative;
}
.service-inner-box .place-image, .service-inner-box .place-image img,
.blog-post .place-image, .blog-post .place-image img {
  width: 100% !important;
  object-fit: cover;
  vertical-align: bottom;
}
p span.dashicons{
  margin-right: 10px;
  color: var(--wp--preset--color--primary);
}
.sale-button {
  position: absolute;
  left: 0px;
  top: 1%;
  padding: 4px 10px !important;
}
.menu-box nav ul li a:hover{
  background: var(--wp--preset--color--primary) !important;
  padding: 3px 15px;
  color: #ffffff !important;
  border-radius: 30px;
}
.menu-box ul li ul.wp-block-navigation-submenu li a:hover{
  color: #000000 !important;
}
.social-icon-box .wp-block-social-links{
  justify-content: flex-end !important;
}
.social-icon-box .wp-social-link svg{
  font-size: 18px;
  fill: #FAA820 !important;
}
.social-icon-box .wp-social-link a:hover{
  background: var(--wp--preset--color--primary) !important;
}
.social-icon-box .wp-social-link a:hover svg{
  fill: #ffffff !important;
}
.social-icon-box .wp-social-link a {
  background: #ffffff !important;
  border-radius: 30px;
  padding: 5px !important;
}
.menu-box nav ul li a{
  padding: 0px 15px;
  text-decoration: none;
}

.header-box-middle,.menu-box{
  position: relative;
}
footer.wp-block-template-part .photolancer-footer-list {
  gap: 15px;
}
.social-icon {
  gap: 0px;
}
.head-menu-box{
  border-bottom: 2px solid #ffffff;
}
.home .head-menu-box{
  border-bottom: 0;
}
.social-icon li{
  background-color:transparent !important;
}
.social-icon li a svg{
  height: 20px !important;
  width: 20px !important;
}
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button,
.woocommerce div.product form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button[name=add-to-cart],
.woocommerce .cart .button, .woocommerce .cart input.button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button{
  color: #fff !important;
}
.wlfmc-counter-wrapper{
  width: auto;
}
.wp-block-woocommerce-customer-account a span{
  font-family: Figtree;
  font-weight: 500;
}
.wp-block-woocommerce-customer-account a{
  display: flex;
  flex-direction: row-reverse;
}
.head-menu-box ul li a:hover {
  background: #0E2646;
  padding: 10px;
}
.head-menu-box ul li a {
  padding: 10px;
}
.wp-block-image img{
  vertical-align: unset;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a {
  padding: 10px 15px;
  color: #000000;
}
.wp-site-blocks{
	padding: 0 !important;
}
footer.wp-block-template-part {
  margin-top: 0;
}
.comment-respond.wp-block-post-comments-form.wp-block-post-comments-form input[type=submit]{
  color: #fff;
}
.sidebar-box .wp-block-search__button svg{
  fill: #fff;
}
blockquote.wp-block-quote.is-layout-flow.wp-block-quote-is-layout-flow {
    padding: 0px;
    margin: 10px 0px;
  }
@media screen and (min-width: 320px) and (max-width: 599px) {
  span.wp-block-navigation-item__label {
    color: #000000;
  }
  .award-box {
    position: relative;
    bottom: 0;
    left: 0px;
    right: 0px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 320px) and (max-width: 781px) {
  .slider-banner{
    text-align: center;
  }
  .slider-nav{
    display: none;
  }
  .about-left img{
    border: 0px;
  }
  .about-left img {
    height: 300px;
    border-width: 6px;
    border-top-left-radius: 25px !important;
    border-top-right-radius: 160px !important;
    border-bottom-left-radius: 25px !important;
    border-bottom-right-radius: 160px !important;
  }
  .about-content{
    margin-left: 0px !important;
    border-radius: 10px !important;
    padding: 10px !important;
  }
  .our-services h3{
    text-align: center !important;
  }
  .our-services .owl-nav{
    margin-top: 20px;
  }
  .slider-main-box{
    min-height: 1000px !important;  
  }
  .icon-box{
    text-align: center;
  }
  .owl-dots {
    left: 0px;
    width: 90%;
  }
  .our-project h3{
    text-align: center !important;
  }
  .our-projects .owl-nav, .our-services .owl-nav {
    position: relative;
    top: 0px;
    text-align: center;
  }
  .social-gap{
    gap:10px !important;
    margin-bottom: 10px !important;
  }
  .about-left-image-3 img,.about-left-image-2 img,.about-left-image-1 img{
    width: 100% !important;
    height: 300px !important;
    object-fit: cover;
  }
  .social-gap .wp-block-social-links{
    gap:10px !important;
  }
  .slide-item .animations-hidden-item {
    transform: translateY(-50%) !important;
    transition: all 1s;
  }
  .custom-slider{
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
  }
  .slide-item{
    margin-top: 0px !important;
  }
  .place-image img{
    width: 100% !important;
    object-fit: cover !important;
  }
  .social-gap {
    justify-content: center;
  }
  .home .main-header-box{
    position: relative;
    background: linear-gradient(135deg, rgba(252, 84, 68, 0.11) 0%, rgba(250, 167, 32, 0.16) 100%)  !important;
  }
  .header-box-end{
    max-width: 100% !important;
  }
  .header-logo .wp-block-group {
    justify-content: center !important;
  }
  .custom-text1{
    top: 0px;
  }
  .team-content-box {
    top: 24%;
    right: -50%;
    width: 40%;
  }
  .custom-text,.custom-text1{
    position: relative;
    transform: none;
    text-align: center;
    margin-top: 0px !important;
    left: 0px;
  }
  .custom-text {
    display: block;
    text-align: center;
  }
  .count-box{
    display: none;
  }
  .activity-image {
    position: relative;
    left: 0px;
    bottom: 0;
    text-align: center;
  }
  .header-box-end {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .slide-item img {
    width: 270px !important;
    height: 350px;
    margin: 0 auto;
  }
  .slider-content-box{
    padding-top: 0px !important;
  }
  .short-heading-banner,.banner-heading,.slider-text{
    text-align: center !important;
  }
  .slider-button{
    justify-content: center !important;
  }
  .social-icon-box .wp-block-social-links {
    justify-content: center !important;
    margin-bottom: 10px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    max-width: 100% !important;
  }
  .tour-box {
    max-width: 90% !important;
  }
  .place-image img,.tour-box img{
    object-fit: cover
  }
  .about-content{
    padding-left: 0px !important;
    text-align: center;
    margin-top: 30px !important;
  }
  .small-image {
    width: 100%;
  }
  .about-btn {
    justify-content: center;
  }
  .meta-post p{
    text-align: center !important;
  }
  .service-inner-box h4,.service-inner-box p{
    text-align: center !important;
  }
  .header-logo h1 {
    text-align: center;
  }
  .header-button .wp-block-buttons{
    justify-content: center;
  }
  .header-box-upper{
    position: relative;
  }
  .header-box-middle{
    max-width: 100% !important;
  }
}
@media screen and (min-width: 576px) and (max-width: 781px) {
  .team-content-box {
    top: 24%;
    right: -43%;
    width: 24%;
  }
  .owl-dots {
    left: 0px;
    width: 68%;
  }
  .line-heading-box{
    display: grid !important;
    grid-template-columns: auto auto auto !important;
  }
  .slide-item img {
    width: 350px !important;
    height: 450px;
  }
}
@media screen and (min-width: 782px) and (max-width: 1200px) {
  .tour-box{
    max-width: 95% !important;
    gap:10px;
  }
  .header-box-end {
    max-width: 94% !important;
    padding-left: 15px;
    padding-right: 15px;
    gap:0px !important;
  }
  .slider-content-box{
    padding-top: 120px !important;
  }
  .custom-text {
    position: absolute;
    top: -35px;
    left: -115px;
    transform: rotate(-15deg);
  }
  .line-heading-box{
    max-width: 95% !important;
    gap:0px !important;
  }
  .line-heading-box .wp-container-core-group-is-layout-e4a6eaeb {
    flex-wrap: nowrap;
    gap: 12px !important;
  }
  .line-heading-box h4{
    font-size: 14px !important;
  }
  .custom-text1 {
    position: absolute;
    top: 7px;
    left: -105px;
    transform: rotate(-15deg);
  }
  .header-box-end p{
    font-size: 11px !important;
  }
  .social-icon-box .wp-block-social-links {
    justify-content: flex-end !important;
    gap: 8px;
  }
  .slide-item img {
    width: 100% !important;
    height: 400px;
    margin: 0 auto;
  }
  .owl-dots {
    position: relative;
    width: 65%;
  }
  .count-box {
    right: -73%;
    width: 20%;
    bottom: 28.3%;
  }
  .team-content-box {
    top: 22%;
    right: -52%;
    width: 34%;
  }
  .activity-image {
    position: relative;
    left: 0px;
    bottom: 0px;
    text-align: center;
  }
  .about-left-image-1 img,.about-left-image-3 img,.about-left-image-2 img{
    object-fit: cover;
  }
  .menu-box ul {
    gap:8px;
  }
  .menu-box ul li a {
    font-size: 12px !important;
  }
  .menu-box nav ul li a {
    padding: 0px 8px;
  }
  .meta-box-slider{
    max-width: 95% !important;
  }
  .social-gap ul {
    gap:10px;
  }
  .header-box-middle{
    max-width: 100% !important;
  }
  .about-small-image {
    flex-basis: 18% !important;
  }
  .banner-heading {
    font-size: 25px !important;
  }
  .our-services .owl-nav {
    top: -23%;
  }
  .about-box,.project-heading h6,.project-heading h3,.services-owl-box{
    max-width: 95% !important;
  }
  .team-box{
    display: block !important;
    text-align: center;
  }
  .service-inner-box h4 {
    font-size: 15px !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 800px) {
  .admin-bar .wp-block-navigation__responsive-container-close {
    color: #000000;
    top:15px;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
    justify-content: center !important;
  }
  .single-image figure{
    width: 100% !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .our-projects .owl-nav {
    top: -39%;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1440px) {
  .meta-post{
    gap:0px;
  }
  .our-projects .owl-nav {
    top: -46%;
  }
  .line-heading-box{
    gap:0px;
  }
  .line-heading-box .wp-container-core-group-is-layout-e4a6eaeb{
    gap:10px;
  }
  .social-icon-box ul{
    gap:10px;
  }
  .team-content-box {
    right: -41%;
    width: 23%;
  }
  .activity-image {
    position: absolute;
    left: -16%;
  }
  .count-box {
    right: -51%;
    width: 15%;
    bottom: -6px;
  }
  .owl-dots {
    position: relative;
    width: 50%;
  }
  .custom-text1 {
    position: absolute;
    top: 14px;
    left: -39px;
  }
  .custom-text {
    position: absolute;
    top: -32px;
    left: -50px;
  }
  .header-box-end{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .header-box-end,.header-box-middle,.header-btn-box{
    gap:0px !important;
  }
  .slide-item img {
    width: 340px !important;
    height: 450px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1440px) and (max-width: 1500px) {
  .slide-item img {
    width: 400px !important;
  }
  .activity-image {
    position: absolute;
    left: -11%;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1200px) {
  .home .main-header-box{
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    width: 80% !important;
  }
}
/*back to top*/
.wp-block-button.scroll-to-top .wp-block-button__link.wp-element-button {
  width: 40px;
  height: 40px;
  position: fixed;
  right: 25px;
  bottom: 25px;
  display: inline-block;
  z-index: 1;
  text-indent: -5000px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.089);
  display: none;
  padding: 0;
  margin-top: 0;
}

.wp-block-button.scroll-to-top .wp-block-button__link.wp-element-button:after {
  content: "";
  width: 40px;
  height: 40px;
  background-color: #fff;
  -webkit-mask-image: url(assets/images/up-arrow.svg);
  mask-image: url(assets/images/up-arrow.svg);
  mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
}

/* Blog Section */
.news-section .news-box .wp-block-post-excerpt__excerpt{
  color: #000000;
}
.news-heading-box .news-small-title{
  width: max-content;
}
.news-section .news-heading-box{
  gap: 0;
}
.news-section .news-box .wp-block-post:hover .wp-block-post-title a{
  color: var(--wp--preset--color--primary);
}
.news-section .news-heading-box{
  gap: 0;
}
.recent-btn a {
  background: var(--wp--preset--color--primary);
  padding: 10px 12px;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.recent-btn a:hover{
  background: #000;
}

.main-header-box .wc-block-mini-cart.wp-block-woocommerce-mini-cart{
    display: none;
}

/* Pagination CSS */
.wp-block-query-pagination {
  margin: 40px 0;
}

.wp-block-query-pagination .wp-block-query-pagination-numbers {
  margin: 0;
  display: inline-block;
}

.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous {
  padding: 12px 16px;
  background: var(--wp--preset--color--primary);
  line-height: 1;
  margin: 0 3px;
  text-decoration: inherit;
  display: inline-block;
  box-shadow: 0 0 15px #1E1E1E2b;
  border-radius: 6px;
  color: #fff;
}

.wp-block-query-pagination .page-numbers.current,
.wp-block-query-pagination a:hover,
.wp-block-query-pagination a:focus,
.wp-block-query-pagination a:active {
  background-color: #000000;
  color: #ffffff !important;
}

@media screen and (min-width: 782px) and (max-width: 1420px) {
  .wp-block-query-pagination .page-numbers, .wp-block-query-pagination .wp-block-query-pagination-next, .wp-block-query-pagination .wp-block-query-pagination-previous{
    padding: 8px 10px;
  }
}