/*
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 WordPress Theme is a multipurpose, elegant, and modern solution designed for professionals, agencies, 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. Ideal for developers and digital marketing experts, the theme comes packed with personalization options that make customization easy, even for beginners. Whether you're launching a personal brand, an agency site, or a portfolio, the theme’s shortcodes, customization options, and secure and clean code enable seamless design changes without compromising performance. Features like an eye-catching banner, strategic Call to Action (CTA) buttons, integrated testimonial section, and a team showcase allow users to build trust and drive engagement. Its social media integration ensures better connectivity and brand visibility across platforms. The theme also supports translation-ready capabilities, making it suitable for global audiences. With optimized codes and faster page load time, it offers superior performance and user experience. The layout is crafted to support agency workflows, making it highly agency-friendly. Its stunning, sometimes animated, sections enhance user interaction without being overwhelming. Whether you're aiming for a luxurious professional feel or a minimal yet stylish interface, the Digital Growth Strategist theme adapts effortlessly. The theme is ideal for showcasing services, highlighting case studies, and presenting a polished, professional digital strategy. Its user-friendly backend and sleek frontend make it the go-to choice for anyone looking to elevate their digital brand with confidence.
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.1
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: 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, 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;
  }
}
@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;
}