/*
Theme Name: Houzez Child
Theme URI: http://www.favethemes.com/
Author: Favethemes
Author URI: http://www.favethemes.com/
Description: Houzez is a premium WordPress theme for real estate agents where modern aesthetics are combined with tasteful simplicity, and where the ease of use is achieved without compromise in your ability to customise the design. Whether you are a real estate agent looking to build a website for your company or a web developer seeking a perfect WordPress theme for your next project, you are certain to appreciate the numerous features and benefits that our theme provides.
Version: 1.0
Tags: white, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: houzez
Template: houzez
*/


@import url("../houzez/style.css");

/* Your CSS code goes here
-------------------------------------- */

/* Hero Section CSS */
.header-mobile-right {
    display: none;
}
section#hero h1 {
    font-family: 'Gilroy-Light';
    font-weight: 600 !important;
}
section#hero p {
    color: #fff !important;
}
#hero .houzez_section_title_wrap.section-title-module {
    max-width: 80%;
    margin: auto;
}
a.btn.btn-create-listing {
    display: none;
}

.navbar-logged-in-wrap {
    display: none;
}
.header-transparent-wrap .header-v4 .btn-create-listing   {

    display: none !important;
}
.header-transparent-wrap .header-v4 {
   
    border-bottom: unset !important;
}
/* Popular Section CSS */

section#popular {
    background: linear-gradient(181deg, #35393E, #31353A, #050810);
    border-radius: 100px  0 0 0;
    margin-top: -60px;
    padding: 50px 0;
}
section#popular h2 {
    color: #fff;
    text-align: left;
    font-family: Gilroy-Light !important;
}


/* Partners Section  */


section#partners  .slider {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background: rgb(255, 255, 255);
}

section#partners  .slider-items {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 70px;
    animation: scrolling 20s linear infinite;
}

@keyframes scrolling {

    0% {
        transform: translateX(80%);
    }

    100% {
        transform: translateX(-20%);
    }
}

section#partners  .slider-items img {
    width: 12% !important;
    margin: 20px;
}

section#partners {
    padding: 50px 0 !important;
}

/* Search */

div#search .houzez-ele-search-form-wrapper {
    box-shadow: unset !important;
    background: unset;
    border-radius: unset;
    padding: unset;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

a#cta-btn {
    background: linear-gradient(181deg, #35393E, #31353A, #050810);
    padding: 20px 50px;
    font-family: 'Gilroy-Light';
    border-radius: 5px;
    font-size: 20px;
    line-height: 28px;
    transition: all 1.5s;
    position: relative;
    z-index: 9;
    overflow: hidden;
}

a#cta-btn i {
    color: #FFAC12;
    margin-left: 10px;
    line-height: 25px;
    transition: all 0.5s;
}



a#cta-btn:before {
    content: "";
    background: #FFAC12;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    z-index: -1;
    transform: scale(0);
    transition: all 1s;
}

a#cta-btn:hover:before {
    transform: scale(11.5);
}

a#cta-btn:hover i {
    color: #fff;
   
}

div#properties  button.houzez-search-button.elementor-button.elementor-size-sm {
    width: 100%;
    padding: 40px 30px;
    border: unset !important;
    background: linear-gradient(181deg, #35393E, #31353A, #050810);
    font-family: 'Gilroy-Light' !important;
    font-size: 18px;
    line-height: 20px;
    border-radius: 5px;
}
div#properties  .elementor-field-group .elementor-select-wrapper button:not(.actions-btn) {
    background: linear-gradient(181deg, #35393E, #31353A, #050810);
    border-color: unset !important;
    padding: 30px 20px;
    color: #fff !important;
    font-family: 'Gilroy-Light' !important;
    font-size: 18px;
    line-height: 20px;
    border-radius: 5px;
}

div#properties  div#search .elementor-field-group {
    min-width: 230px;
    padding: unset !important;
}

div#properties  div#search {
    margin-top: 50px;
}
div#properties {
    padding-top: 50px;
}

div#properties h4 {
    position: relative;
}

div#properties h4:before {
    content: "";
    background: linear-gradient(266deg, #000, #271A00, #FFAC12 70%);
    height: 4px;
    width: 170px;
    position: absolute;
    top: -30px;
    left: 0;
}

/* Footer CSS */

div#ft-sec {
    background: linear-gradient(57deg, #000, #271A00 110%, #FFAC12 330%);
    padding: 50px 0 20px 0;
}

div#ft-sec p {
    color: #fff !important;
    font-family: 'Gilroy-Light';
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}
div#ft-sec  ul.elementor-icon-list-items li span {
    color: #fff;
    font-family: 'Gilroy-Light';
    font-weight: 100 !important;
    font-size: 16px;
    line-height: 24px;
}

div#ft-sec ul.elementor-icon-list-items li {
    margin: 0 0 10px 0;
}

div#ft-links {
    padding-top: 70px;
    border-top: 1px solid;
}

div#ft-sec {}

div#ft-sec a#cta-btn {
    background: #FFAC12;
}

div#ft-sec a#cta-btn i {
    color: #fff;
}

div#ft-sec a#cta-btn:before {
    background: #241703;
}

div#ft-sec a#cta-btn:hover:before {
    transform: scale(14.5);
}

/* About Page */

section#hero.about h2 {
    font-size: 75px;
    line-height: 83px;
    font-family: 'Gilroy-Light';
    font-weight: 600 !important;
}
section#hero.about {
    padding: 350px 0 210px;
    background-position: center center;
    background-size: cover;
}
 
div#about-sec {
    padding: 100px 0;
}

h4 {
    color: #000000;
    font-family: 'Gilroy-Light' !important;
    font-weight: 600 !important;
    font-size: 28px;
    line-height: 36px !important;
}

h2 {
    font-family: Gilroy-ExtraBold;
    color: #000;
    font-size: 48px;
    line-height: 56px !important;
}

p {
    font-family: 'Gilroy-Light';
    color: #000 !important;
    font-size: 17px;
    line-height: 25px !important;
    font-weight: 600 !important;
}

h3 {
    font-family: 'Gilroy-Light' !important;
    color: #000 !important;
    font-weight: 600 !important;
    font-size: 28px !important;
    line-height: 36px !important;
}

div#about-sec div#right h3 {
    margin: 20px 0;
    position: relative;
}

div#about-sec div#right h3:before {
    content: "";
    background: linear-gradient(266deg, #000, #271A00, #FFAC12 70%);
    height: 4px;
    width: 360px;
    position: absolute;
    bottom: -10px;
    left: 0;
}
div#about-sec div#right h4:before{
     content: "";
     background: linear-gradient(266deg, #000, #271A00, #FFAC12 70%);
     height: 4px;
     width: 160px;
     position: absolute;
     top: -10px;
     left: 0;
     border-radius: 14px;
}
div#about-sec div#right h4{
    position: relative; 
}
#new-property div#right {
    background: linear-gradient(181deg, #35393E, #31353A, #050810);
    padding: 20px;
}

#new-property div#right h2, #new-property div#right p, #new-property div#right h4 {
    color: #fff !important;
}

#new-property div#right p {
    font-weight: 100 !important;
}

#new-property div#right h2 {
    font-size: 42px;
    line-height: 50px !important;
}

#new-property div#right h4 {
    font-size: 24px !important;
    line-height: 32px !important;
}

#new-property div#container {
    margin-top: 50px;
}
div#new-property {
    padding-bottom: 100px;
}


/* Contact Form */



div#iconbox i {
    border: 1px solid #000;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    font-size: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
}

div#iconbox p.elementor-icon-box-description {
    margin: 10px 0 0 0;
    font-size: 24px;
    line-height: 32px !important;
}

div#about-sec.contact .form input, div#about-sec.contact .form textarea {
    padding: 15px;
    border-radius: 10px;
    border: 1px solid grey;
    margin: 10px 0;
    width: 100%;
}

div#about-sec.contact div#left  {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 40px;
}



div#about-sec.contact div#left  input.wpcf7-form-control.wpcf7-submit.has-spinner.Submit {
    background: #FFAC12;
    color: #fff;
    border: unset;
}

.country-select.inside input {
    padding-left: 50px !important;
}

div#header-section {
    padding: 0px 0 60px;
}

@media only screen and (min-width: 1366px) and (max-width: 1599px){
	
	section#hero.about {
    padding: 240px 0px 150px;
    background-position: center center;
    background-size: cover;
}
	
}
@media only screen and (min-width: 1200px) and (max-width: 1365px){
	
	section#hero.about {
    padding: 180px 0px 150px;
    background-position: center center;
    background-size: cover;
}
	
	
}
@media only screen and (min-width: 1000px) and (max-width: 1199px){
	
section#hero.about {
    padding: 140px 0 140px;
    background-position: center center;
    background-size: cover;
}
div#about-sec {
    padding: 70px 30px;
}

div#about-sec div#right img {
    max-width: 210px;
    display: block;
}	
	
	
	
	
	
	h1 {
    font-size: 30px;
    line-height: 38px !important;
}

section#hero p {
    max-width: 
70%;
    margin: auto;
}

p {
    font-size: 18px;
    line-height: 26px 
!important;
    font-weight: 100 !important;
}

section#hero .houzez-ele-search-form-wrapper {
    padding: 10px !important;
    max-width: 90%;
    margin: auto;
}

section#popular {

    margin-top: -80px;
    padding: 50px 30px;
}

h2 {
    font-size: 37px;
    line-height: 45px !important;
}

div#properties {
    padding: 70px 30px 0;
}
div#properties .elementor-field-group .elementor-select-wrapper button:not(.actions-btn) {
  
    padding: 20px 20px;
    color: #fff !important;
   
    font-size: 16px;
    line-height: 24px;
    border-radius: 5px;
}
div#properties button.houzez-search-button.elementor-button.elementor-size-sm {
  
    padding: 25px 30px;
    font-size: 16px;
    line-height: 18px;
    border-radius: 5px;
}
div#ft-sec {
    background: linear-gradient(57deg, #000, #271A00 110%, #FFAC12 330%);
    padding: 50px 30px 20px 30px;
}
a#cta-btn {

    padding: 16px 40px;
    font-family: 'Gilroy-Light';
    border-radius: 5px;
    font-size: 16px;
    line-height: 24px;
  
}
	
	
}
@media only screen and (min-width: 768px) and (max-width: 999px){
	
h1 {
    font-size: 26px;
    line-height: 34px !important;
}

section#hero p {
    max-width: 
70%;
    margin: auto;
}

p {
   font-size: 14px;
        line-height: 22px !important;
	font-weight: 100;
}

section#hero .houzez-ele-search-form-wrapper {
    padding: 10px !important;
    max-width: 100%;
    margin: auto;
}

section#popular {

    margin-top: -80px;
    padding: 50px 30px;
}

h2 {
    font-size: 32px;
    line-height: 40px !important;
}

div#properties {
    padding: 70px 30px 0;
}
div#properties .elementor-field-group .elementor-select-wrapper button:not(.actions-btn) {
  padding: 10px 10px;
  color: #fff !important;
  font-size: 16px;
  line-height: 24px;
  border-radius: 5px;
}
div#properties button.houzez-search-button.elementor-button.elementor-size-sm {
  padding: 20px 20px;
  font-size: 16px;
  line-height: 18px;
  border-radius: 5px;
}
div#ft-sec {
    background: linear-gradient(57deg, #000, #271A00 110%, #FFAC12 330%);
    padding: 50px 30px 20px 30px;
}
.logo img {
    top: 0;
    height: 120px;
    width: 160px;
}
.header-mobile {
    text-align: center;
    height: 110px;
    padding: 0 10px;
}
a#cta-btn {

    padding: 16px 40px;
    font-family: 'Gilroy-Light';
    border-radius: 5px;
    font-size: 16px;
    line-height: 24px;
  
}





section#hero.elementor-element.elementor-element-b147f27 > .elementor-container {
    min-height: 80vh !important;
}

section#hero .filter-option-inner-inner {
    font-size: 12px;
    line-height: 20px;
}

section#hero label.elementor-field-label {
    font-size: 10px !important;
    line-height: 18px !important;
}
section#popular .grid-item-text-wrap {
    padding: 10px;
}
div#properties div#search .elementor-field-group {
    min-width: 100px;
    padding: unset !important;
}
div#ft-sec ul.elementor-icon-list-items li span {
    color: #fff;
    font-family: 'Gilroy-Light';
    font-weight: 100 !important;
    font-size: 14px;
    line-height: 22px;
}	
	
section#hero.about {
    padding: 100px 0 70px;
    background-position: center center;
    background-size: cover;
}
div#about-sec {
    padding: 70px 30px;
}

div#about-sec div#right img {
    max-width: 210px;
    display: block;
}
section#hero.about h2 {
    font-size: 45px;
    line-height: 63px !important;
    font-family: 'Gilroy-Light';
    font-weight: 600 !important;
}
#new-property div#right h2 {
    font-size: 24px;
    line-height: 32px !important;
}

div#new-property img {
    min-height: 330px;
    object-fit: cover;
}	
	
	
	
}






@media only screen and (min-width: 520px) and (max-width: 767px){
section#hero.about {
    padding: 100px 0 70px;
    background-position: center center;
    background-size: cover;
}
div#about-sec {
    padding: 70px 30px;
}

div#about-sec div#right img {
    max-width: 210px;
    display: block;
}
section#hero.about h2 {
    font-size: 45px;
    line-height: 63px !important;
    font-family: 'Gilroy-Light';
    font-weight: 600 !important;
}
#new-property div#right h2 {
    font-size: 24px;
    line-height: 32px !important;
}

div#new-property img {
    min-height: 330px;
    object-fit: cover;
}

html, body {
    overflow-x: hidden;
}	
	
h1 {
    font-size: 26px;
    line-height: 34px !important;
}

section#hero p {
    max-width: 
70%;
    margin: auto;
}

p {
    font-size: 18px;
    line-height: 26px 
!important;
    font-weight: 100 !important;
}

section#hero .houzez-ele-search-form-wrapper {
    padding: 10px !important;
    max-width: 100%;
    margin: auto;
}

section#popular {

    margin-top: -80px;
    padding: 50px 30px;
}

h2 {
    font-size: 32px;
    line-height: 40px !important;
}

div#properties {
    padding: 70px 30px 0;
}
div#properties .elementor-field-group .elementor-select-wrapper button:not(.actions-btn) {
  padding: 10px 10px;
  color: #fff !important;
  font-size: 16px;
  line-height: 24px;
  border-radius: 5px;
}
div#properties button.houzez-search-button.elementor-button.elementor-size-sm {
  padding: 20px 20px;
  font-size: 16px;
  line-height: 18px;
  border-radius: 5px;
}
div#ft-sec {
    background: linear-gradient(57deg, #000, #271A00 110%, #FFAC12 330%);
    padding: 50px 30px 20px 30px;
}
.logo img {
    top: 0;
    height: 120px;
    width: 160px;
}
.header-mobile {
    text-align: center;
    height: 110px;
    padding: 0 10px;
}
a#cta-btn {

    padding: 16px 40px;
    font-family: 'Gilroy-Light';
    border-radius: 5px;
    font-size: 16px;
    line-height: 24px;
  
}





section#hero.elementor-element.elementor-element-b147f27 > .elementor-container {
    min-height: 160vh !important;
}

section#hero .filter-option-inner-inner {
    font-size: 12px;
    line-height: 20px;
}

section#hero label.elementor-field-label {
    font-size: 10px !important;
    line-height: 18px !important;
}
section#popular .grid-item-text-wrap {
    padding: 30px;
}
section#popular .grid-item-title {
    font-family: "Roboto", Sans-serif;
    font-size: 40px;
    font-weight: 300;
    line-height: 48px !important;
}
section#popular .grid-item-text-link {
    color: #fff;
    bottom: 30px;
    font-size: 22px;
    text-transform: uppercase;
}
section#popular .grid-item-subtitle {
    font-family: "Roboto", Sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px !important;
}
div#properties div#search .elementor-field-group {
    min-width: 100px;
    padding: unset !important;
}
div#ft-sec ul.elementor-icon-list-items li span {
    color: #fff;
    font-family: 'Gilroy-Light';
    font-weight: 100 !important;
    font-size: 14px;
    line-height: 22px;
}	

div#properties .elementor-element-44eebd4 .elementor-element.elementor-element-f7b1102.elementor-align-right.elementor-widget.elementor-widget-button {
    text-align: left;
}

div#ft-sec .elementor-element-c97eda4 .elementor-element.elementor-element-ca8360c.elementor-align-right.elementor-widget.elementor-widget-button {
    text-align: left;
}	
	
	
	
	
	
}
@media only screen and (min-width: 300px) and (max-width: 519px){
	
section#hero {
    padding-bottom: 170px;
}
	
section#hero.about {
    padding: 100px 0 70px !important;
    background-position: center center;
    background-size: cover;
}
div#about-sec {
    padding: 70px 30px;
}

div#about-sec div#right img {
    max-width: 210px;
    display: block;
}
section#hero.about h2 {
    font-size: 45px;
    line-height: 63px !important;
    font-family: 'Gilroy-Light';
    font-weight: 600 !important;
}
#new-property div#right h2 {
    font-size: 24px;
    line-height: 32px !important;
}

div#new-property img {
    min-height: 330px;
    object-fit: cover;
}

html, body {
    overflow-x: hidden;
}	
	h1 {
    font-size: 22px;
    line-height: 30px !important;
}

section#hero p {
    max-width: 
70%;
    margin: auto;
}

p {
    font-size: 18px;
    line-height: 26px 
!important;
    font-weight: 100 !important;
}

section#hero .houzez-ele-search-form-wrapper {
    padding: 10px !important;
    max-width: 100%;
    margin: auto;
}

section#popular {margin-top: -80px;padding: 70px 30px 50px;}

h2 {
    font-size: 28px;
    line-height: 36px !important;
}

div#properties {
    padding: 70px 30px 0;
}
div#properties .elementor-field-group .elementor-select-wrapper button:not(.actions-btn) {
  padding: 10px 10px;
  color: #fff !important;
  font-size: 16px;
  line-height: 24px;
  border-radius: 5px;
}
div#properties button.houzez-search-button.elementor-button.elementor-size-sm {
  padding: 20px 20px;
  font-size: 16px;
  line-height: 18px;
  border-radius: 5px;
}
div#ft-sec {
    background: linear-gradient(57deg, #000, #271A00 110%, #FFAC12 330%);
    padding: 50px 30px 20px 30px;
}
.logo img {
    top: 0;
    height: 120px;
    width: 160px;
}
.header-mobile {
    text-align: center;
    height: 110px;
    padding: 0 10px;
}
a#cta-btn {

    padding: 16px 40px;
    font-family: 'Gilroy-Light';
    border-radius: 5px;
    font-size: 16px;
    line-height: 24px;
  
}





section#hero.elementor-element.elementor-element-b147f27 > .elementor-container {
    min-height: 100vh !important;
}

section#hero .filter-option-inner-inner {
    font-size: 12px;
    line-height: 20px;
}

section#hero label.elementor-field-label {
    font-size: 10px !important;
    line-height: 18px !important;
}
section#popular .grid-item-text-wrap {
    padding: 30px;
}
section#popular .grid-item-title {
    font-family: "Roboto", Sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 38px !important;
}
section#popular .grid-item-text-link {
    color: #fff;
    bottom: 30px;
    font-size: 16px;
    text-transform: uppercase;
}
section#popular .grid-item-subtitle {
    font-family: "Roboto", Sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px !important;
}
div#properties div#search .elementor-field-group {
    min-width: 100px;
    padding: unset !important;
}
div#ft-sec ul.elementor-icon-list-items li span {
    color: #fff;
    font-family: 'Gilroy-Light';
    font-weight: 100 !important;
    font-size: 14px;
    line-height: 22px;
}	

div#properties .elementor-element-44eebd4 .elementor-element.elementor-element-f7b1102.elementor-align-right.elementor-widget.elementor-widget-button {
    text-align: left;
}

div#ft-sec .elementor-element-c97eda4 .elementor-element.elementor-element-ca8360c.elementor-align-right.elementor-widget.elementor-widget-button {
    text-align: left;
}	
	
	
	
	
	
	
}