/*
Theme Name: Real Estate Development
Theme URI: https://www.titanthemes.net/themes/free-real-estate-wordpress-theme/
Author: Titan Themes
Author URI: https://www.titanthemes.net/
Description: Real Estate Development is a cutting-edge WordPress theme crafted specifically for real estate professionals and developers. Designed to cater to real estate agents, brokers, and investors, this theme enhances your online presence with its robust features and sleek design. It's ideal for showcasing property listings, managing real estate portfolios, and promoting real estate services. This theme boasts a modern, user-friendly interface with visually appealing elements, including high-resolution image sliders, property galleries, and video integration. It supports real estate photography and virtual tours, allowing potential buyers to explore properties from the comfort of their homes. The customizable layout facilitates the integration of real estate CRM tools, helping manage leads and streamline client interactions effectively. Key features include responsive design, ensuring a seamless experience across all devices, and cross-browser compatibility, providing consistent performance on Chrome, Firefox, Safari, and Edge. Additionally, the theme features advanced real estate marketing tools, including customizable banners, call-to-action buttons, and social media integration to boost your online branding. Its translation-ready capability ensures global reach, while secure and clean code guarantees a safe and reliable platform. With these features, the Real Estate Development WordPress Theme offers a powerful toolset for anyone looking to thrive in the competitive real estate market. 
Requires at least: 6.1
Tested up to: 6.6
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: real-estate-development
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, blog, photography, portfolio
*/

.home .dashed-line {
  border-bottom: 3px dashed;
  margin-top: 15px;
  position: relative;
}
.home .dashed-line::after {
  position: absolute;
  right: -25px;
  top: -9px;
  bottom: 0;
  content: '';
  width: 20px;
  height: 20px;
  background: url(/wp-content/themes/real-estate-development/assets/images/dot-icon.png);
  background-size: 100% 100%;
}
.home .dashed-line::before {
  position: absolute;
  left: -25px;
  top: -12px;
  bottom: 0;
  content: '';
  width: 20px;
  height: 20px;
  background: url(/wp-content/themes/real-estate-development/assets/images/home-solid.png);
  background-size: 100% 100%;
}
.banner-image-2 {
  position: absolute;
  bottom: 0;
  right: 30px;
}
.banner-image-2 img {
  border: solid 10px #E8F3FE;
}
.social-box-wrap {
  transform: rotate(-90deg);
  position: absolute;
  bottom: 58%;
  right: -40px;
  gap: 0px;
  width: 45%;
}
.banner-image-wrap {
  position: relative;
}
.wp-block-fse-pro-header-social .social-controller, .wp-block-fse-pro-header-search .search-controller, .wp-block-social-links.is-style-logos-only .wp-social-link .wp-block-social-link-anchor {
  padding: 9px;
  width: auto;
  height: auto;
}
.social-box-wrap .wp-block-social-links a {
  background: #000;
  border-radius: 5px !important;
}
.wp-block-social-link {
  border-radius: 9999px;
  display: block;
  height: auto;
  transition: transform .1s ease;
}
.about-imgs-col{
  position: relative;
}
.social-box-wrap .wp-block-social-links .wp-social-link svg {
  height: 20px;
  width: 20px;
  transform: rotate(90deg);
}
.wp-block-social-links.is-style-logos-only .wp-social-link .wp-block-social-link-anchor:hover, .wc-block-mini-cart__button:hover {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--accent);
}
.block-wrap-inner {
  border: dashed 2px #000000;
  border-radius: 15px;
}
.block-wrap-inner img,.about-imgs-col img {
  width: 100%;
}
.about-year-experience {
  position: absolute;
  bottom: 26px;
  right: 60px;
  width: 30% !important;
  z-index: 1;
  padding: 30px 0px;
}
span.regular-price {
  font-size: 15px;
  color: rgb(0 0 0 / 50%);
  text-decoration: line-through;
}
.about-btn-nd-call p span {
  color: #00a99d;
  margin-right: 10px;
}
.home .header-box-upper {
  position: absolute;
  background-color: #00000000;
  width: 100%;
  z-index: 99;
}
.header-box-upper {
  position: relative;
  z-index: 99;
  background-color: #fff;
}
.banner-image-wrap {
  position: relative;
}
.banner-section{
  position: relative;
}
.wp-site-blocks{
  padding: 0 !important;
}
.homepage-header {
  position: relative;
  width: 80%;
  padding: 0 !important;
  gap:0px;
  margin: 0 auto;
}
.logo-box h1{
  text-align: left; 
}
.home .logo-box h1{
  text-align: center; 
}
.header-box-middle{
  position: relative;
}
.wp-block-image img{
  vertical-align: middle !important;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a {
  color: #000;
}
footer.wp-block-template-part {
  margin-top: 0;
}

@media screen and (min-width: 320px) and (max-width: 781px) {
  .header-logo h1,.review-wrap h3,.review-wrap p,.popular-section h4.popular-heading,.popular-section p.popular-text{
    text-align: center;
  }
  .slider-content {
    padding-top: 30px!important;
  }
  .about-year-experience {
    position: static;
    width: 100% !important;
  }
  .about-btn-nd-call{
    text-align: center;
  }
  .review-wrap .alignright{
    margin: 0px !important;
    text-align: center;
  }
  .review-wrap .team-img,.about-btn-nd-call .call-btn{
    display: flex;
    justify-content: center;
  }
  .header-box-middle nav,.header-box-middle .wp-block-buttons,.slider-content .wp-block-buttons, .social-box-wrap .wp-block-social-links,.about-btn-nd-call .wp-block-buttons{
    justify-content: center;
  }
  .home .header-box-upper{
    position: relative;
  }
  .social-box-wrap{
    gap:20px;
  }
  .banner-image-2 {
    position: static;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
  }
  .social-box-wrap {
    position: static;
    transform: none;
    width: 100%;
    padding-top: 30px !important;
  }
  .social-box-wrap .wp-block-social-links .wp-social-link svg {
    transform: none;
  }
  .slider-content{
    text-align: center;
  }
  .banner-section{
    min-height: 500px !important;
  }
  .header-button .wp-block-buttons{
    justify-content: center;
  }
  .banner-section {
    padding: 35px 0px !important;
  }
  .banner-content{
    text-align: center;
  }
  .banner-image-wrap{
    text-align: center;
  }
  .colntact-section{
    position: relative;
    width: 100%;
  }
  .customer-sec{
    position: relative;
    left: 0;
  }
  .services-box p,.services-box h3{
    text-align: center;
  }
  .service-inner-box p{
    text-align: left;
  }
  .meta-post{
    display: grid !important;
    grid-template-columns: auto auto auto !important;
    gap: 10px;
  }
  .team-box,.price-box{
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .services-box{
    padding: 0 !important;
  }
  .home .homepage-header{
    position: relative;
    background: #000;
  }
  .banner-cover{
    min-height: 400px !important;
  }
  .banner-content{
    text-align: center;
  }
  span.wp-block-navigation-item__label {
    color: #000;
  }
}
@media screen and (min-width: 782px) and (max-width: 1100px) {
  .header-box-middle,p.dashed-line{
    max-width: 100%;
  }
  .review-text,.team-img{
    flex-basis: 50% !important;
  }
  .about-btn-nd-call h3{
    font-size: 16px !important;
  }
  .about-btn-box{
    display: block !important;
  }
  .about-btn-box .wp-block-buttons{
    margin-bottom: 20px;
  }
  .about-year-experience {
    position: relative;
    bottom: 0px;
    right: 0px;
    width: 100% !important;
  }
  .blank-colomn{
    flex-basis: 0% !important;
  }
  .team-img .alignright{
    width: 100%;
    margin-left: 0px !important;
  }
  .header-btn{
    flex-basis: 30% !important;
  }
  .header-menu{
    flex-basis: 70% !important;
  }
  .slider-content .slider-heading{
    font-size: 25px !important;
  }
  .slider-content p{
    font-size: 12px !important;
  }
  .banner-image-2 {
    position: static;
    margin-left: auto !important;
    margin-bottom: 20px !important;
    margin-right: auto !important;
    width: 100%;
  }
  .social-box-wrap .wp-block-social-links .wp-social-link svg{
    transform: none;
  }
  .banner-image-wrap {
    text-align: center;
  }
  .social-box-wrap {
    transform: none;
    width: 100%;
    position: static;
  }
}
@media screen and (min-width: 600px) and (max-width: 781px) {
  .popular-post{
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .wp-block-column.is-vertically-aligned-center{
    width: auto;
  }
  .header-menu .wp-block-navigation ul{
    justify-content: center;
  }
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
  .footer-main{
    max-width: 90% !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 800px) {
  .admin-bar .wp-block-navigation__responsive-container-close {
    color: #000;
    top:15px;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    justify-content: center !important;
    gap: 30px !important;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1500px) {
  .social-box-wrap {
    bottom: 58%;
    right: -140px;
    width: 100%;
  }
  .about-btn-nd-call h3{
    font-size: 30px !important;
  }
  .banner-image-2{
    right: -25px;
  }
}