/*
Theme Name: Digital Services Company
Theme URI: https://www.titanthemes.net/products/digital-services-company
Author: Titan Themes
Author URI: https://www.titanthemes.net/
Description: The Digital Services Company theme is designed for agencies, freelancers, and startups that offer IT solutions, web development, digital marketing, or consulting services, including those that leverage tools like ChatGPT AI. With its clean and professional layout, this theme effectively showcases services, team members, client testimonials, and project portfolios. It features customizable sections for pricing plans, case studies, and service attributes, making it an ideal choice for businesses that want to clearly communicate their offerings. Built with responsiveness in mind, it ensures seamless viewing across desktops, tablets, and mobile devices. Users can easily integrate contact forms, social media links, and call-to-action buttons to engage potential clients, including those interested in enhancing interaction through ChatGPT. This theme emphasizes simplicity and usability, catering to digital agencies, software firms, marketing consultants, and other service-oriented businesses looking to establish a trusted online presence. Furthermore, it supports an SEO-friendly structure, fast loading speeds, and intuitive navigation, enabling companies to connect effectively with their target audience.
Requires at least: 6.1
Tested up to: 7.0
Requires PHP: 7.2
Version: 1.1.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-services-company
Tags: grid-layout, two-columns, right-sidebar, left-sidebar, full-width-template, custom-background, custom-header, translation-ready, style-variations, one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, wide-blocks, block-styles, portfolio, education, blog
*/

body{
  background-color: var(--wp--preset--color--tertiary-two) !important;
}
a:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
}
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
.post-column-div li:last-child .service-box-single .wp-block-columns{
  display: flex !important;
  flex-direction: row-reverse !important;
  padding-left: 10px;
}
.post-column-div li:last-child .service-box-single .wp-block-columns .wp-block-post-featured-image img{
  border-radius: 0 15px 15px 0 !important;
}
.post-column-div li .service-box-single .wp-block-post-date time{
  color: #5B5B5B;
  position: relative;
}
.post-column-div li .service-box-single .wp-block-post-date time:before{
  content: '\f133';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 14px;
  background-color: var(--wp--preset--color--tertiary-one);
  color: #fff;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.award-box{
  box-shadow: 0px 4px 4px 0px #D9ECFF80;
}
button.wp-block-search__button.has-icon.wp-element-button{
  fill: #fff;
  color: #ffffff;
}
.prodcuct-box h2 a{
  text-decoration: none;
}

/* Banner */
.banner-section .banner-title-box .banner-img1 img, .banner-section .banner-text-box .banner-img2 img{
  width: 100% !important;
  object-fit: cover;
}
.banner-section .banner-title-box .banner-img1, .banner-section .banner-text-box .banner-img2{
  position: relative;
}
.banner-section .banner-title-box .banner-img1:after, .banner-section .banner-text-box .banner-img2:after{
  content: '';
  position: absolute;
  width: 100%;
  background: #0000003D;
  left: 50%;
  top: 0%;
  transform: translateX(-50%);
}
.banner-section .banner-title-box .banner-img1:after{
  height: 300px;
}
.banner-section .banner-text-box .banner-img2:after{
  height: 350px;
}
.banner-section .banner-title-box{
  position: relative;
}
.banner-section .banner-title-box .banner-review-box{
  position: absolute;
  bottom: 15%;
  right: -30%;
  z-index: 1;
  width: 230px;
}
.banner-section .banner-title-box .banner-review-box .rating-img{
  display: flex;
  justify-content: center;
}
.header-inner-meta .wp-block-search__inside-wrapper {
  position: relative;
}
.slider .wp-block-button a:focus{
  color: var(--wp--preset--color--contrast) !important;
  background-color: var(--wp--preset--color--base) !important;
}
.header-inner-meta .wp-block-button a:focus{
  color: var(--wp--preset--color--base) !important;
  background-color: var(--wp--preset--color--primary) !important;
}
.service-box-single{
  position: relative;
  box-shadow: 0px 4px 4px 0px #00000014;
}
.service-box .service-box-single:hover .blog-meta a{
  background: #000000 !important;
}
.award-box a{
  text-decoration: none;
}
.service-box .blog-image + .wp-block-group .wp-block-post-title a, 
.service-box .blog-image + .wp-block-group .wp-block-post-excerpt,
.service-box .service-right-box-single .wp-block-post-title a,
.service-box .service-right-box-single .wp-block-post-excerpt{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical
}
.service-box .blog-image + .wp-block-group .wp-block-post-title a,
.service-box .service-right-box-single .wp-block-post-title a{
  -webkit-line-clamp: 1;
} 
.service-box .blog-image + .wp-block-group .wp-block-post-excerpt,
.service-box .service-right-box-single .wp-block-post-excerpt{
  -webkit-line-clamp: 3;
}
.header-box-upper .header-btn a:hover, .our-blog .blog-heading .service-btn a:hover{
  background: var(--wp--preset--gradient--vertical-secondary-to-tertiary) ;
}
.service-box-single img{
  width: 100%;
}
.post-date span.dashicons{
  color: #ffffff;
}
p.wp-block-post-excerpt__more-text a {
  background-color: var(--wp--preset--color--contrast);
  padding: 8px 25px;
  border-radius: 30px;
  font-family: var(--wp--preset--font-family--montserrat-alternates) !important;
  color: #ffff;
  font-weight: 600 !important;
  text-decoration: none;
}
.post-date {
  position: absolute;
  top: 15px;
  right: 25px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.post-date i{
  color: #ffffff;
}
.blog-image{
  position: relative;
}
.blog-image{
  height: 200px;
}
.titandigitalagency-footer-list{
  font-family: var(--wp--preset--font-family--sora) !important;
}
.wp-block-button__link{
  height: auto;
}
.woocommerce span.onsale{
  background: var(--wp--preset--color--primary);
}
.banner-left-box{
  position: relative;
}
.service-icon {
  width: 50px;
  font-size: 25px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
}
.icon-box {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 80px;
}
.banner-search .wp-block-search__inside-wrapper {
  padding: 0px !important;
  border-radius: 10px !important;
}
.banner-search button.wp-block-search__button {
  padding: 8px 25px;
}
.banner-search input.wp-block-search__input::placeholder{
  font-family: var(--wp--preset--font-family--saira) !important;
  font-family: Saira;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 0%;
  color: #000000;
}
.banner-counter {
  position: absolute;
  bottom: 0px;
  width: 100%;
  z-index: 2;
}
.right-image img{
  width: 100%;
  height: 550px;
  position: relative;
  z-index: 1;
  margin: 0 auto !important;
}
.general-header-middle .wp-block-search__input {
  background: transparent;
  border: none;
}
.general-header-middle .wp-block-search__input::placeholder{
  font-weight: 400;
  font-size: 14px;
  color: var(--wp--preset--color--secondary-third) !important;
}
.related-post h4,.related-post p{
  color: var(--wp--preset--color--contrast);
}
.header-inner-menu ul li{
  padding: 3px 10px;
  position: relative;
}
.header-inner-menu ul li:hover{
  background-color: var(--wp--preset--color--primary) !important;
  border-radius: 6px;
}
.header-inner-menu ul li ul.wp-block-navigation-submenu li:hover{
  background: transparent !important;
}
.header-inner-menu ul li:hover a{
  color: #ffffff !important;
}
.header-inner-menu ul li:hover ul.wp-block-navigation-submenu li a{
  color: #000000 !important
}
.header-inner-menu ul li ul.wp-block-navigation-submenu li:hover:after{
  display: none;
}
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button{
  color: var(--wp--preset--color--base);
}
p.return-to-shop a,.woocommerce-cart .wc-proceed-to-checkout a.checkout-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,.product-template-default .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button,.woocommerce #review_form #respond .form-submit input{
  background: var(--wp--preset--color--primary) !important;
}
.header-inner-menu ul li a:hover{
  text-decoration: none;
}
.header-inner-menu ul li a{
  position: relative;
  display: inline-block;
}
.post-block p.wp-block-post-author__name,.wp-block-post-date time,.post-block .wp-block-post-excerpt p.wp-block-post-excerpt__excerpt,.sidebar-heading{
  color: var(--wp--preset--color--contrast);
}
.wp-block-search.wp-block-search__button-only .wp-block-search__input{
  position: absolute;
  right: 50px;
  top: -0px;
  background: #ffffff !important;  
}
.category-main{
  position: relative;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{
  justify-content: center !important;
}
.slider {
  position: relative;
  margin-inline: auto;
}
.slider figure{
  margin-bottom: 0px !important
}
.category-main .grid-container {
  max-width: 100% !important;
  padding: 0px;
}
.category-main .categories-cloumn .owl-stage {
  padding-left: 0px !important;
}
.service-text-main{
  text-align: center;
}
.produc-image{
  position: relative;
}
.produc-image{
  margin-bottom: 15px !important;
}
.catbox .grid-container{
  max-width: 100% !important;
}
.catbox h3.g-d-title{
  margin-bottom: 40px !important;
  text-align: center;
}
.gtf-image-box{
  margin-bottom: 30px;
}
.catbox .gutentor-term {
  padding: 0px 6px;
}
.catbox .gtf-item {
  background-color: var(--wp--preset--color--base) !important;
  box-shadow: 0px 4px 4px 0px #D9ECFF80;
  border-radius: 20px;
  padding: 25px 0px !important;
}
.catbox h3.g-d-title a {
  font-weight: 600;
  font-family: var(--wp--preset--font-family--saira) !important;
  font-size: 22px;
  color: #324361;
  text-align: center;
}
.catbox span.g-d-count{
  font-family: var(--wp--preset--font-family--saira) !important;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  margin-bottom: 10px !important;
  color:#4F547B;
}
.blog-heading{
  text-align: center;
}
.service-text-main .about-sec-title,.blog-heading .short-heading-banner{
  display: inline-block;
  position: relative;
  margin-bottom: 20px !important;
}
.service-text-main .about-sec-title:after ,.blog-heading .short-heading-banner:after {
  position: absolute;
  content: "";
  bottom: -10px;
  left: 0px;
  width: 100%;
  right: 0px;
  height: 8px;
  background-color: var(--wp--preset--color--tertiary-one);
  z-index: 0;
  border-radius: 3px;
  margin: 0 auto;
  clip-path: ellipse(45% 30% at 50% 50%);
}
.blog-image{
  height: 180px;
  position: relative;
}
.center-box {
  border-style: dashed;
  border-top: 0px;
  border-bottom: 0px;
}
.category-column .prodcuct-box figure img{
  height: 100px;
}
.header-inner-meta{
  position: relative;
}
.category-main .gtf-image img.normal-image {
  width: 100% !important;
  height: 220px !important;
}
.sale-product-box:hover{
  border:1px solid var(--wp--preset--color--secondary) !important;
}
.wp-block-social-links svg {
  font-size: 18px;
}
.dyna-product-box .wp-block-columns {
  align-items: center !important;
  height: 500px !important
}
.wp-block-cover__inner-container time a {
  color: #fff !important;
}
.owl-stage-outer {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0px !important;
}
ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu li:after{
  display: none;
}
button.wp-block-search__button.has-text-color.has-base-color.has-background.has-contrast-background-color.has-icon.wp-element-button {
  padding: 10px 10px;
  background: transparent;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
  padding: 10px !important;
  align-items: center;
}

/*============== Effects Section ==============*/
.animations-hidden-item{
  opacity: 0;
  transform: translateY(150px);
  transition: all 1s;
}
.animations-show-item{
  opacity: 1;
  transform: translateY(0px);
}
/*============== Effects End Section ==============*/

.about-left {
  position: relative;
}
.wp-site-blocks{
  padding: 0 !important;
}
.wpcf7-spinner {
  position: absolute;
  right: 0px;
}
p span.dashicons{
  margin-right: 10px;
  color: var(--wp--preset--color--primary);
}
footer.wp-block-template-part .titandigitalagency-footer-list {
  gap: 15px;
}
footer .titandigitalagency-footer-list a{
  text-decoration: none;
}
footer .footer-bottom-box a{
  color: #ffffff;
}
footer a:hover{
  color: var(--wp--preset--color--tertiary-one) !important;
}
.social-icon {
  gap: 0px;
}
.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: var(--wp--preset--font-family--poppins) !important;
  font-weight: 500 !important;
}
.wp-block-woocommerce-customer-account a svg{
  height: 28px;
}
.wp-block-woocommerce-customer-account a{
  white-space: unset;
}
.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;
}
.comment-respond.wp-block-post-comments-form.wp-block-post-comments-form input[type=submit]:hover{
  background: var(--wp--preset--color--primary);
}
span.yith-wcwl-add-to-wishlist-button__label{
  display: none;
}
.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;
}
.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;
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  span.wp-block-navigation-item__label {
    color: #000000;
  }
  .header-inner-meta .wp-block-group{
    justify-content: center !important;
  }
  footer p{
    text-align: center !important;
  }
  .banner-column{
    gap:0px;
  }
  .column-banner{
    display: flex;
    flex-wrap: nowrap !important;
  }
  .banner-counter{
    position: relative;
  }
  .counter-cloumn-box{
    max-width: 90% !important;
  }
  .header-inner-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
    left: auto;
    right: auto;
    width: 100%;
    position: relative;
    padding: 0px 0px;
  }
  .header-inner-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
    width: 100% !important;
    align-items: center;
    gap: 0px;
    padding-bottom: 0px !important;
  }
  .header-inner-menu ul li a{
    border-bottom: 1px solid #000;
    display: inline-block;
    width: 100%;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    text-align: center;
  }
  .header-inner-menu ul li.wp-block-navigation-submenu{
    padding: 0px !important;
    padding-bottom: 0px !important;
  }
  .header-inner-menu ul {
    gap: 0px !important;
  }
  .header-inner-menu ul li ul.wp-block-navigation-submenu li a{
    justify-content: center;
  }
  .header-inner-menu ul li {
    padding: 0px !important;
  }
  .wp-block-social-links{
    justify-content: center;
  }
  button.wp-block-navigation__responsive-container-close {
    background-color: var(--wp--preset--color--primary);
    padding: 5px;
    border-radius: 30px;
  }
  .wp-block-navigation__responsive-container-close svg{
    fill: var(--wp--preset--color--base) !important;
    color: var(--wp--preset--color--base) !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item{
    width: 100% !important;
    align-items: center;
  }
  .slider img{
    height: 250px !important;
    margin: 0 auto;
  }
}
@media screen and (min-width: 320px) and (max-width: 781px) {
  .header-inner-menu li:after {
    display: none;
  }
  .banner-column{
    gap:0px;
  }
  .column-banner{
    display: flex;
    flex-wrap: nowrap !important;
  }
  .catbox .gtf-item{
    margin-bottom: 20px !important;
  }
  .gtf-image-box{
    text-align: center;
  }
  .catbox .grid-container {
    max-width: 100% !important;
    padding: 0px;
  }
  .blog-meta{
    gap:10px !important;
  }
  .banner-image{
    padding-left: 0px !important;
  }
  .center-box{
    border: 0px !important;
  }
  .small-image{
    display: none;
  }
  .category-main .owl-nav{
    display: none !important;
  }
  .service-text-main .about-sec-title,.service-text-main p{
    text-align: center;
  }
  .header-inner-meta .wp-block-buttons{
    justify-content: center;
  }
  .home .header-box-upper{
    position: relative;
  }
  .banner-cover{
    padding-top: 0px !important;
  }
  .slider{
    text-align: center;
  }
  .slider .wp-block-buttons {
    justify-content: center;
  }
  .right-image img {
    width: 80% !important;
    height: 320px !important;
  }
  .slider .owl-dots{
    left: 0px;
    right: 0px;
    margin: 0 auto;
    justify-content: center;
  }
  .service-text h6,.service-text p{
    text-align: center !important;
  }
  .header-inner-menu nav{
    justify-content: center !important;
  }
  .header-inner-menu ul{
    justify-content: center;
  }
  .header-logo .wp-block-group {
    justify-content: center !important;
  }
  .header-logo h1 {
    text-align: center;
  }
  .header-box-upper{
    position: relative;
  }
}
@media screen and (min-width: 576px) and (max-width: 781px) {
  .header-inner-meta .wp-block-group{
    justify-content: center !important;
  }
  .right-image img {
    width: 50% !important;
    height: 320px !important;
  }
  .award-box h6{
    font-size: 15px !important;
  }
  .category-main .wp-block-columns{
    display: grid !important;
    grid-template-columns: auto auto auto !important;
  }
  .banner-mian-group{
    padding-top: 30px !important;
  }
  .banner-image{
    text-align: center;
  }
  .banner-image .right-image img {
    width: 80% !important;
  }
  .categories-cloumn{
    display: grid !important;
    grid-template-columns: auto auto;
  }
  .slider img{
    height: 300px !important;
  }
  .wp-block-social-links{
    justify-content: center;
  }
}
@media screen and (min-width: 782px) and (max-width: 1200px) {
  .header-inner-menu ul {
    gap:0px !important;
  }
  .header-inner-meta {
    flex-basis: 26% !important;
  }
  .banner-left-box{
    flex-basis: 50% !important;
  }
  .count-row,.blog-meta{
    gap:10px;
  }
  .header-inner-meta .wp-block-group{
    gap:10px;
  }
  .header-logo h1{
    font-size: 20px !important;
  }
  .banner-left-box .slider h2 {
    font-size: 26px !important;
  }
  .counter-cloumn-box p{
    max-width: 52% !important;
  }
  .counter-cloumn-box{
    max-width: 90% !important;
  }
  .banner-left-box .slider h2.short-title{
    font-size: 14px !important;
  }
  .header-inner-menu{
    flex-basis: 72% !important;
  }
  .blog-column,.category-column, footer.wp-block-template-part .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-89f6da4a.wp-block-columns-is-layout-flex,.news-heading-box ,.news-section .wp-block-query.is-layout-flow.wp-block-query-is-layout-flow,.tour-box,.about-box,.service-group,.general-top-header .wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex,.general-header-middle .wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex{
    max-width: 90% !important;
  }
  .header-box{
    gap:10px !important;
  }
  .wp-block-social-links{
    gap:7px !important;
  }
  .slider img{
    height: 300px !important;
    width: 100% !important;
  }
}
@media screen and (min-width: 576px) and (max-width: 991px) {
  .about-box,.category-main{
    gap:10px;
  }
  .counter-cloumn-box{
    display: grid !important;
    gap:10px;
    padding: 10px 10px !important;
    grid-template-columns: auto auto auto !important;
  }
  .banner-counter{
    position: relative;
  }
}
@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;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .single-image figure{
    width: 100% !important;
  } 
}
@media screen and (min-width: 1201px) and (max-width: 1440px) {
  .wc-block-components-product-price{
    font-size: 15px !important;
  }
  .counter-cloumn-box p{
    max-width: 52% !important;
  }
  .wp-block-social-links{
    gap:10px !important;
  }
}
@media screen and (max-width: 767px) {
  .banner-section .banner-header, .banner-section .banner-desc{
    text-align: center;
  }
  .banner-section .banner-title-box .banner-review-box{
    position: static;
    margin: 0 auto;
  }
  .banner-section .banner-title-box .banner-img1 img, .banner-section .banner-text-box .banner-img2 img, .banner-section .banner-text-box .banner-img2:after, .banner-section .banner-title-box .banner-img1:after{
    height: 200px !important;
  }
  .blog-heading .short-heading-banner, .categories-section .service-text-main .category-sec-title, .service-text-main .about-sec-title{
    font-size: 26px !important;
  }
  .our-blog .blog-heading .service-btn{
    justify-content: center;
  }
  .post-column-div li:last-child .service-box-single .wp-block-columns{
    padding: 0;
  }
  .post-column-div li .service-box-single .service-right-box-single{
    padding: 0 10px;
  }
  footer .footer-info-boxes{
    text-align: center;
  }
  footer .footer-info-boxes ul{
    display: inline-block;
  }
  footer .footer-info-boxes ul li{
    width: fit-content;
    margin: 0 auto;
  }
  footer .footer-info-boxes .footer-contact-info p{
    width: 100%;
  }
  footer .footer-bottom-box{
    justify-content: center;
  }
  .header-box-upper .header-inner-menu button.wp-block-navigation__responsive-container-open{
    background: var(--wp--preset--gradient--vertical-secondary-to-tertiary);
    padding: 6px;
    border-radius: 4px;
    color: #ffffff;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px){
  .header-box-upper .header-box{
    flex-direction: column;
    text-align: center;
  }
  .header-box-upper .header-box .header-btn{
    justify-content: center;
  }
  .blog-heading .short-heading-banner, .categories-section .service-text-main .category-sec-title, .service-text-main .about-sec-title{
    font-size: 26px !important;
  }
  .banner-section .banner-boxes, .banner-section .banner-count-box, .our-blog .service-box-single .service-box-inner-single{
    flex-wrap: nowrap !important;
  }
  .banner-section .banner-desc{
    font-size: 15px;
  }
  .banner-section .banner-boxes:not(.is-not-stacked-on-mobile)>.banner-title-box, .banner-section .banner-boxes:not(.is-not-stacked-on-mobile)>.banner-text-box{
    flex-basis: 50% !important;
  }
  .our-blog .blog-head-boxes{
    flex-wrap: wrap !important;
  }
  .our-blog .blog-head-boxes:not(.is-not-stacked-on-mobile)>.wp-block-column{
    flex-basis: 100% !important;
  }
  .our-blog .blog-head-boxes .service-btn{
    justify-content: center;
  }
  .our-blog .blog-column{
    flex-direction: column;
  }
  .about-section .about-box{
    display: grid;
    grid-template-columns: auto auto auto; 
  }
  footer .footer-info-boxes{
    display: grid;
    grid-template-columns: auto auto;
  }
  footer .footer-bottom-box{
    justify-content: center;
  }
}
@media screen and (min-width: 992px) and (max-width: 1299px){
  .banner-section .banner-boxes .banner-title-box{
    flex-basis: 45% !important;
  }
  .banner-section .banner-boxes .banner-text-box{
    flex-basis: 55% !important;
  }
  .banner-section .banner-desc{
    font-size: 15px;
  }
  .about-section .about-box {
    gap: 10px;
  }
  .about-section .about-box .award-box{
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .about-section .about-box .award-box .wp-block-heading{
    font-size: 17px !important;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1599px){
  .about-section .about-box .award-box{
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .about-section .about-box .award-box .wp-block-heading{
    font-size: 19px !important;
  }
  .about-section .about-box {
    gap: 15px;
  }
}

@media screen and (min-width: 850px) and (max-width: 1240px) {
    .header-section ul {
      gap: 10px !important;
    }
}

.menu-upsell-nav > a {
  background-color: var(--wp--preset--color--primary) !important; 
  color: #ffffff !important;
  padding: 6px 12px;
  border-radius: 12px;
}

.menu-upsell-nav > a:hover {
  background-color: #ffffff !important;
  color: #000000 !important;
}