/*
Theme Name: Mobile App Company
Theme URI: https://www.titanthemes.net/products/free-mobile-app-wordpress-theme
Author: Titan Themes
Author URI: https://www.titanthemes.net/
Description: The Mobile App Company theme is a sleek, modern, and professional platform designed for app development agencies, mobile app startups, software development firms, IT consultancies, digital marketing companies, and tech entrepreneurs aiming to showcase and promote mobile app services effectively. Ideal for mobile app developers, UI/UX designers, app testing professionals, software engineers, SaaS providers, app marketing agencies, and technology startups, it supports a wide range of services including custom app development, app design, app store optimization (ASO), mobile app marketing, app prototyping, app analytics, and app maintenance. The theme’s fully responsive, SEO-optimized, and retina-ready design ensures exceptional performance across devices, enhancing user engagement and conversion rates. With dynamic sections for showcasing app portfolios, product demos, case studies, service pricing, client testimonials, and download links for iOS and Android apps, it provides a complete digital experience for potential clients. Integration with the WPForms plugin enables effortless lead generation, customer inquiries, and demo requests. Additional features include social media integration, newsletter signup forms, call-to-action (CTA) buttons, Google Maps support, and multilingual compatibility for global outreach. Perfect for mobile app studios, IT service providers, eLearning app creators, fintech companies, healthcare app developers, and gaming studios, the Mobile App Company theme combines aesthetic appeal with advanced functionality—delivering a powerful, scalable, and user-focused online platform that boosts visibility, builds trust, and helps businesses thrive in the fast-paced mobile technology industry.
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 7.2
Version: 3.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: mobile-app-company
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
*/

.searchbox .wp-block-categories-dropdown select {
  padding: 12px 12px;
  width: 165px;
  border-radius: 8px 0px 0px 8px;
  border: 1px solid #E7E7E6;
  background: transparent;
  position: relative;
  border-right: 0px !important;
}
.wp-block-image img{
  vertical-align: unset;
}
.search-box button.wp-block-search__button.has-icon.wp-element-button {
  background: transparent;
  padding: 5px 0px;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a {
  color: #000;
}
.header-menu .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a span.wp-block-navigation-item__label:hover{
  padding: 0px;
  background: transparent;
}
.currency-box form.woocommerce-currency-switcher-form.woocs_show_flags br {
  display: none;
}
.currency-box p{
  display: none;
}
select.gt_selector.notranslate {
  background: transparent;
  border: 0px;
}
.chosen-container-single .chosen-single span{
  color: #000;
}
.woocommerce-currency-switcher-form .chosen-container-single .chosen-single div {
  background: transparent !important;
  border: 0px !important;
}
.woocommerce-currency-switcher-form .chosen-container-single .chosen-single {
  background: transparent !important;
  box-shadow: none !important;
  color: #000;
}
.search-box .wp-block-search__inside-wrapper {
  padding: 3.5px 10px 3.5px 30px;
  border-radius: 0px 8px 8px 0px;
  border: 1px solid #E7E7E6;
  border-left: 0px;
}
.header-search{
  position: relative;
}
.searchbox ::placeholder {
  opacity: 1;
  color: #6D758D;
  font-family: Figtree;
  font-size: 14px;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: 0.05em;
  text-align: left;
}
.product-content h5,.product-content h6,.product-content{
  margin-top: 10px !important;
}
.price-box p span{
  color: #a7a7a7;
}
.price-box{
  margin-top: 10px !important;
  justify-content: space-between;
}
.price-box p {
  padding: 4px 0px;
}
.product-img{
  width: 100%;
}
.header-menu span.wp-block-navigation-item__label:hover {
  padding: 19px 15px;
  background: #FFDA00;
  color: #000;
}
.header-menu .menu-box {
  gap: 50px;
  padding: 0px;
}
.searchbox ::-ms-input-placeholder {
  color: red;
  }
.header-search:after {
  content: "";
  width: 2px;
  background: #E7E7E6;
  height: 25px;
  position: absolute;
  top: 9px;
  right: -15px;
}
.searchbox .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-2.wp-block-columns-is-layout-flex {
  gap: 0px !important;
}
.homepage-header {
  padding: 0 !important;
}
.homepage-header {
  position: relative;
  width: 100%;
}
.home .homepage-header {
  padding: 0 !important;
  position: absolute;
  width: 70%;
  left: 0px;
  right: 0px;
  z-index: 999;
  margin: 0 auto;
  background: #fff;
  border-radius: 0;
}
.banner-box-2 {
  background-size: 100% 100%;
  width: 16%;
  padding: 10px 24px;
  box-shadow: 0px 4px 30px 0px #00000029;
  bottom: 7%;
  position: absolute;
  border-radius: 10px;
  right: 29%;
}
.product-content h6{
  position: relative;
}
.product-content h6:after {
  content: "";
  position: absolute;
  width: 85px;
  bottom: -6px;
  left: 0px;
  border: 1px solid var(--wp--preset--color--primary);
}
.color-word{
  color: var(--wp--preset--color--primary);
  font-weight: 600 !important;
}
.banner-box-1 {
  position: absolute;
  width: 11%;
  padding: 7px 10px 0px 10px !important;
  top: 9%;
  right: 29%;
  box-shadow: 0px 4px 24px 0px #00000029;
}
.banner-box-1 .box-1row{
  gap:0px;
}
.menu-box{
  margin-top: 0 !important;
  padding: 12px 0;
}
.slider-area{
	margin: 0;
}
.wp-site-blocks{
	padding: 0 !important;
}
.product-main img {
  width: 100%;
}
.toggle-icon img {
  top: -7px;
  position: relative;
}
.banner-main{
  position: relative;
}
.slider-banner {
  gap: 40px;
}
.home .main-header {
  position: absolute;
  width: 100%;
  z-index: 2;
  background: transparent !important;
}
.slide-img {
  position: absolute;
  right: 0px;
  bottom: 6%;
}
.slider-img img{
  width: 100%;
}
.counter-box {
  border-radius: 10px;
}
.is-head-menu li a:hover {
  text-decoration: none;
}
.is-head-menu li a:hover {
  text-decoration: none;
  border-top: 2px solid var(--wp--preset--color--primary);
}

.is-head-menu li a:hover span {
  color: var(--wp--preset--color--primary);
}
.counter-box:hover {
  background-color: var(--wp--preset--color--primary) !important;
}
.counter-box:hover h3{
  color: #fff !important;
}
.slider-content {
  left: 128px;
  position: relative;
}
.search-btn{
  text-align: right !important;
}
.search-btn .wp-block-search.wp-block-search__button-only .wp-block-search__button:hover {
  color: #000;
}
.search-btn .wp-block-search.wp-block-search__button-only .wp-block-search__button:focus{
  color: #000;
}
.search-btn .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper {
  float: right;
}
.search-btn .wp-block-search.wp-block-search__button-only .wp-block-search__button {
  background: transparent;
  padding: 0px
}
.contact-box {
  display: inline-block;
  padding: 20px 10px 15px 131px;
  width: 40%;
  position: absolute;
  border-radius: 0px 45px 45px 0px;
  left: -14%;
}
.slide-img img.wp-image-66 {
  z-index: 1;
  position: relative;
}
.slide-img {
  position: absolute;
  right: -45px;
  bottom: 6%;
}
.short-heading {
  display: inline-block;
  border-radius: 30px;
  padding: 8px 20px !important;
}
footer.wp-block-template-part {
  margin-top: 0;
}
@media screen and (max-width: 375px) {
  .main-header .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex{
    max-width: 100%;
  }
}

@media screen and (min-width: 320px) and (max-width: 599px) {
  span.wp-block-navigation-item__label {
    color: #000;
  }
  .menu-box a.wp-block-navigation-item__content {
    color: #000 !important;
  }
  .menu-box .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{
    padding-top: 0px;
  }
}
@media screen and (min-width: 801px) {
  .menu-box {
    padding-left: 45px;
  }
}
@media screen and (min-width: 320px) and (max-width: 781px) {
  .slider-banner{
    text-align: center;
  }
  .slider-banner .wp-block-buttons {
    justify-content: center;
  }
  .product-content h6:after{
    margin: 0 auto;
    left: 0px;
    right: 0px;
  }
  .price-box{
    justify-content: center;
  }
  .slider-banner p{
    text-align: center;
  }
  .banner-box-1 .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
    flex-basis: 50% !important;
  }
  .banner-box-2 .wp-block-column.is-vertically-aligned-center{
    flex-basis: 45% !important;
  }
}
 
@media screen and (min-width: 782px) and (max-width: 1200px) {
  .slider-banner{
    text-align: left !important;
  }
  .heading-banner {
    font-size: 28px !important;
  }
  .slider-banner p{
    font-size: 12px !important;
  }
  .product-content{
    text-align: left;
  }
  .product-content h5 {
    font-size: 22px !important;
  }
  .head-btn {
    flex-basis: 21% !important;
  }
  .head-btn a{
    font-size: 10px !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
}
@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;
	}
  .topheader-area .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex {
    text-align: center;
  }
  .search-btn .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper {
    float: none;
    justify-content: center;
  }
  .head-btn .wp-block-buttons.is-content-justification-right{
    justify-content: center;
  }
  .slider-content {
    left: 0px;
    position: relative;
  }
  .banner-box-1 .main-wrapper {
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .banner-box-1 {
    position: relative;
    width: 100%;
    right: 0px;
  }
  .single-image figure{
    width: 100% !important;
  }
  .banner-img figure.wp-block-image.alignright.size-full.is-resized {
    margin-inline-start: 0em !important;
  }
  .product-main{
    text-align: center;
  }
  .product-box{
    padding-right: 0px !important;
  }
  .banner-box-2 {
    width: 100%;
    position: relative;
    right: 0;
  }
  .contact-box p{
    text-align: left !important;
  }
  .contact-box {
    display: inline-block;
    padding: 20px 10px 15px 66px;
    width: 100%;
    position: relative;
    border-radius: 0px 45px 45px 0px;
    left: -5%;
  }
  .header-cat {
    width: 100%;
    border: 1px solid #E7E7E6;
    border-radius: 10px;
    margin-bottom: 10px !important;
  }
  .search-box .wp-block-search__inside-wrapper{
    border-radius: 8px !important;
    border: 1px solid #E7E7E6 !important;
  }
  .searchbox .wp-block-categories-dropdown select{
    border: 0px;
  }
  .header-search:after{
    display: none;
  }
  .topheader-area .social-box{
    justify-content: center !important;
  }
  .wp-block-cover, .wp-block-cover-image{
    min-height: 430px;
  }
  .header-area h5{
    text-align: center;
  }
  .meta-box,.top-text{
    justify-content: center !important;
  }
  .header-area{
    text-align: center;
  }
  .product-heading{
    text-align: center;
  }
  .header-menu .menu-box {
    gap: 10px !important;
  }
  .main-header{
    text-align: center;
  }
  .slide-btn{
    justify-content: center !important;
  }
  .about-text-box,.about-image-box {
    text-align: center;
  }
  .product-main {
    max-width: 90% !important;
  }
 
  .main-header nav{
    justify-content: center !important;
  }
  .slide-img {
    left: 0px;
    right: 0px;
  }
  .about-right {
    text-align: center;
    padding: 0px 10px
  }
  .logo-box {
    justify-content: center;
    display: flex;
  }
  .menu-box {
    justify-content: center;
    display: flex;
  }
  .slider-content {
    padding: 20px 14px;
  }
  .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: 1200px) {
  .product-main{
    max-width: 100% !important;
  }
  .slider-content {
    left: 50px;
    position: relative;
  }
  .banner-box-2 {
    width: 32%;
  }
  .contact-box {
    padding: 20px 10px 15px 54px;
    width: 55%;
  }
  .banner-box-1 {
    width: 25% !important;
  }
  .searchbox .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-3.wp-block-columns-is-layout-flex,.meta-box{
    gap:10px !important;
  }
  .top-bar,.header-area-box{
    max-width: 100% !important;
    gap: 10px;
  }
  .price-box ,.social-box,.has-small-icon-size{
    gap: 10px !important;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1720px) {
  .banner-box-2 {
    width: 23%;
  }
  .slider-content {
    left: 80px;
    position: relative;
  }
  .banner-box-1 {
    width: 16%;
  }
  .contact-box {
    padding: 20px 10px 15px 130px;
    width: 63%;
    left: -22%;
  }
}
@media screen and (min-width: 601px) and (max-width: 781px) {
  .banner-box-1 {
    width: 45% !important;
    margin: 0 auto;
    margin-bottom: 20px !important;
  }
  .banner-box-2 {
    width: 46%;
    margin: 0 auto;
  }
  .meta-box{
    display: grid !important;
    grid-template-columns: auto auto auto !important;
  }
}
@media screen and (min-width: 782px) and (max-width: 1420px) {
  .counter-box {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .counter-box h6 {
    font-size: 11px !important;
    line-height: 22px;
  }
  .counter-box h3 {
    font-size: 30px !important;
    line-height: 40px;
  }
  .about-right h3{

  }
}
@media screen and (min-width: 1100px) and (max-width: 1200px) {
.topheader-area{
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.topheader-area figure img{
  width: 20px !important;
}
.head-logo{
  flex-basis: 27% !important;
}
.head-logo h1 a{
    font-size: 18px !important;
    font-weight: 600 !important;
}
.searchbox{
  flex-basis: 60% !important;
}
.search-btn{
  flex-basis: 10% !important;
  margin-top: 10px !important;
}
.head-btn{
  flex-basis: 15% !important;
}
.slide-pad{
  padding-top: 0px !important;
}
.main-slide{
  min-height: 450px !important;
}
}

.wc-block-mini-cart.wp-block-woocommerce-mini-cart,.wp-block-woocommerce-customer-account {
  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;
}