/*
Theme Name: Titan Business Agency
Theme URI: https://www.titanthemes.net/products/free-agency-wordpress-theme
Author: Titan Themes
Author URI: https://www.titanthemes.net/
Description: The Titan Business Agency theme is a versatile and dynamic solution designed specifically for consulting agencies in fields such as corporate advisory, digital marketing, web design, SEO, and content marketing. This theme is perfectly suited for startups, small businesses, and large corporate entities, enabling them to effectively present their expertise in business strategy, development, and digital solutions while establishing a professional online presence. With a clean, modern design and user-friendly layout, it attracts clients from various sectors, making it ideal for creative companies, consulting firms, and marketing agencies. The flexible customization options allow businesses to tailor their websites to reflect their unique identity and professional services accurately. Moreover, the theme includes pre-built sections for case studies, service pages, testimonials, portfolios, and team profiles, all supported by SEO-friendly architecture and responsive design. To enhance functionality, it seamlessly integrates with the Contact Form 7 plugin, facilitating efficient lead generation and client communication, making it an excellent choice for any multipurpose business focused on growth, innovation, and building strong client relationships. 
Requires at least: 6.1
Tested up to: 7.0
Requires PHP: 7.2
Version: 3.7.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: titan-business-agency
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, blog, photography, portfolio
*/

span.dashicons.dashicons-email,span.dashicons.dashicons-phone {
    color: var(--wp--preset--color--primary);
    margin-right: 10px;
}
span.dashicons.dashicons-phone {
    transform: rotate(90deg);
}
.about-left-image img{
  width: 100%;
}
.about-left{
  position: relative;
}
.award-box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -60px;
}
.home .homepage-header {
  position: absolute;
  z-index: 2;
  width: 100%;
  background: transparent !important;
}
.homepage-header-column{
  gap:0px !important;
}
.contact-gap{
  gap:0px;
}
.wp-header-search-social ul {
  gap:0px !important;
}
.wp-header-search-social li a{
  color: #fff !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  border-right: 1px solid #fff;
}
.wp-header-search-social li:last-child a{
  border-right: 0px;
  padding-right: 0px !important;
}
.homepage-header:after {
  content: "";
  width: 11%;
  height: 49px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  background: #ffffff;
}
.contact-gap .wp-block-image img {
  vertical-align: baseline;
}
.mail-box{
  gap:10px !important;
}
.menu-box{
  margin-top: 0 !important;
  padding: 12px 0;
}
.wp-site-blocks{
	padding: 0 !important;
}
.slider-banner {
  gap: 40px;
}
.slide-img {
  position: absolute;
  right: 0px;
  bottom: 6%;
}
.slider-img img{
  width: 100%;
  height: 575px;
}
.counter-box {
  border-radius: 10px;
}
.is-head-menu li a:hover {
  text-decoration: none;
}
.is-head-menu li a:hover:after {
  content: "";
  width: 45px;
  height: 2px;
  background: var(--wp--preset--gradient--primary-gradient) !important;
  position: absolute;
  top: -31px;
  left: 0px;
}
.slider-banner{
  gap:0px !important;
}
footer.wp-block-template-part {
  margin-top: 0;
}
@media screen and (max-width: 781px) {
  .home .homepage-header{
    position: relative;
    background: #434343 !important;
  }
  .about-content{
    padding-left: 0px !important;
    text-align: center;
  }
  .contact-box{
    padding-left: 0px !important;
  }
  .banner-section{
    min-height: 400px !important;
  }
  .small-image{
    width: 100%;
  }
  .banner-btn{
    justify-content: center;
  }
  .slider-banner h2{
    font-size: 20px !important;
  }
  .about-btn{
    justify-content: center;
  }
  .slider-banner p{
    text-align: center;
  }
  .award-box {
    position: relative;
    right: 0px;
    top: 0px !important;
    margin-top: 20px !important;
    transform: none;
  }
}

@media screen and (min-width: 320px) and (max-width: 800px) {
	.header-area .wp-container-core-buttons-layout-1.wp-container-core-buttons-layout-1 {
		justify-content: center;
	}
  .homepage-header:after{
    display: none;
  }
  .single-image figure{
    width: 100% !important;
  }
  .slider-banner{
    text-align: center;
  }
  .mail-box{
    justify-content: center !important;
    margin-bottom: 10px !important;
  }
  .menu-box {
    justify-content: center;
    display: flex;
  }
  .admin-bar .wp-block-navigation__responsive-container-close {
    color: #000;
    top:15px;
  }
  .slider-banner {
    gap: 20px;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
    justify-content: center !important;
  }
	.homepage-header{
    position: static;
    width: 100%;
    text-align: center;
  	}
	.homepage-header .wp-header-search-social{
		justify-content: center;
	}
}
@media screen and (min-width: 801px) and (max-width: 1020px) {
  .about-content p{
    font-size: 12px !important;
  }
  .about-content h3{
    font-size: 19px !important;
  }
  .contact-gap{
    gap:0px;
  }
  .is-about-boxs{
    flex-basis: 30% !important;
  }
  .about-small-image{
    flex-basis: 20% !important;
  }
  .about-left-image img{
    height: 500px;
    object-fit: cover;
  }
  .wp-header-search-social ul {
    gap:0px !important;
  }
  .wp-header-search-social li a {
    color: #fff !important;
    padding-left: 2px !important;
    padding-right: 7px !important;
    border-right: 1px solid #fff;
  }
  .contact-gap p {
    font-size: 10px !important;
  }
  .homepage-header-column{
    max-width: 90% !important;
  }
  .footer-widgets{
    max-width: 90% !important;
  }
  .menu-box{
    flex-basis: 70% !important;
  }
}
@media screen and (min-width: 1021px) and (max-width: 1200px) {
  .is-about-boxs{
    flex-basis: 30% !important;
  }
  .about-small-image{
    flex-basis: 20% !important;
  }
  .about-left-image img{
    height: 500px;
    object-fit: cover;
  }
  .wp-header-search-social li a {
    color: #fff !important;
    padding-left: 2px !important;
    padding-right: 7px !important;
    border-right: 1px solid #fff;
  }
  .contact-gap p {
    font-size: 12px !important;
  }
  
}
@media screen and (min-width: 1100px) and (max-width: 1200px){
  .logo-head h1 a {
      font-size: 20px !important;
  }
  .banner-section {
    min-height: 600px !important;
}
} 
.wc-block-mini-cart.wp-block-woocommerce-mini-cart {
    display: none;
}

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

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