/*
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 an elegant and versatile solution tailored for various professionals, including marketing agencies, business consultants, SEO experts, growth hackers, and marketing Instagram strategists, among others. This modern theme is designed to accommodate entrepreneurs, brand managers, online marketers, advertising firms, social media consultants, PPC specialists, web developers, content creators, and business coaches, making it equally beneficial for startup incubators, SaaS teams, branding agencies, ecommerce consultants, and freelance strategists. It enhances the online presence of PR and communication firms, lead-generation agencies, UX/UI studios, digital transformation companies, and corporate training providers. With its sophisticated, clean design, the theme provides a visually appealing and interactive interface that boosts brand credibility and user engagement. Built on a robust Bootstrap framework, it ensures full responsiveness and mobile-friendliness across all devices. Its extensive personalization options facilitate easy customization for business portfolios, consulting sites, personal branding pages, or marketing service showcases. Important features, such as captivating banners, strategic call-to-action buttons, testimonial sliders, service highlights, and blog sections, effectively build trust and enhance conversions. Additionally, social media integration and SEO-friendly coding help improve visibility, while translation-ready features make it suitable for a global audience. Compatibility with popular plugins like Contact Form 7, WooCommerce, Yoast SEO, Mailchimp, and MonsterInsights streamlines managing inquiries, selling digital products, optimizing SEO, automating email marketing, and tracking performance effortlessly. With fast loading speeds, secure coding, dynamic animations, and smooth navigation, the Digital Growth Strategist theme offers a high-performance, professional experience geared toward the needs of modern marketers and agencies.
Requires at least: 6.1
Tested up to: 6.9
Requires PHP: 7.2
Version: 2.5
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;
}
.woocommerce-page li.wc-block-product .wc-block-components-product-button .added_to_cart.wc_forward{
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--base);
  margin: 0;
  padding: 10px 15px;
  text-decoration: none;
}
.woocommerce-page li.wc-block-product .wc-block-components-product-button .added_to_cart.wc_forward:hover{
  background-color: var(--wp--preset--color--contrast);
}
.woocommerce-account .woocommerce-MyAccount-content header.woocommerce-Address-title h2{
  font-size: 25px;
  font-weight: 500;
}
.woocommerce-account .woocommerce-MyAccount-content header.woocommerce-Address-title .edit{
  float: left;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.woocommerce-Button{
  color: #ffffff;
}
.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;
  }
}

/* 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;
  }
}