/*
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, agencies, marketers, consultants, and developers aiming to create a powerful online presence. With its clean, minimal, and sophisticated design, this theme offers a visually appealing interface that is both beautiful and highly interactive. Built on a robust Bootstrap framework, it ensures responsive, mobile-friendly, and retina-ready performance across all devices. Perfect for digital marketing agencies, online marketing specialists, SEO strategists, brand consultants, growth hackers, advertising agencies, content marketers, social media managers, PPC campaign experts, and business coaches, this theme comes with extensive personalization options that make customization easy, even for beginners. Whether you’re launching a personal brand, consulting website, business portfolio, or agency service page, the theme’s shortcodes, customization flexibility, and secure, optimized code allow seamless design changes without sacrificing performance. Key features include an eye-catching banner, strategic call-to-action (CTA) buttons, integrated testimonial section, portfolio showcase, blog layout, and team introduction areas to boost engagement and build trust. Social media integration ensures better connectivity and brand visibility, while translation-ready capabilities make it ideal for global audiences. With its SEO-friendly structure, faster page load time, and scalable design, this theme supports businesses looking to grow online. Its sleek and sometimes animated sections add a dynamic touch without overwhelming users, while its agency-friendly structure streamlines workflow. Compatible with the Contact Form 7 plugin, it offers advanced lead generation and client inquiry functionality, making it ideal for showcasing services, case studies, marketing campaigns, and professional strategies. Digital Growth Strategist provides a secure, polished, and user-friendly platform to confidently elevate your digital brand. Demo: https://preview.titanthemes.net/digital-growth-strategist/
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 7.2
Version: 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-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%;
  }
}
/*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;
}