/*
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 aiming to establish a strong and impactful online presence. With its clean, minimal, and sophisticated design, this theme provides a visually appealing, interactive interface that enhances brand credibility and user engagement. Built on a robust Bootstrap framework, it ensures responsive, mobile-friendly, and retina-ready performance across all devices. Featuring extensive personalization options, it enables easy customization for creating business portfolios, consulting websites, personal branding pages, or marketing service showcases. Core elements include a captivating banner, strategic call-to-action (CTA) buttons, testimonial slider, service highlights, blog section, and team introduction areas to build trust and boost conversions. Social media integration and SEO-friendly coding enhance brand visibility, while translation-ready features make it ideal for a global audience. The Digital Growth Strategist theme also supports popular plugins such as Contact Form 7, WooCommerce, Yoast SEO, Mailchimp for email automation, and MonsterInsights for analytics tracking, allowing you to manage client inquiries, sell digital products, optimize SEO, and monitor performance effortlessly. With fast loading speed, secure coding, and smooth navigation, it offers a high-performance digital platform. Perfect for marketers, agencies, and business strategists, this theme combines modern aesthetics, dynamic animations, and practical features to deliver a powerful, professional, and conversion-driven online experience.
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.9
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;
  }
}