/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.3.0.1742987332
Updated: 2025-03-26 11:08:52

*/

:root{
	--primary-color: #262b69;
	--secondary-color: #dae3f3;
}
.primaryBgColor{
	background: var(--primary-color) !important;
	color:#fff !important;
}
.primaryTextColor{
	color: var(--primary-color) !important;
}

/*Home*/
.section_one_left{
	display:flex;
	align-items:center;
	justify-content:start;
}
.logo_overlap{
	position:relative;
}
.logo_overlap:before{
	position:absolute;
	content:"";
	width: 100%;
    height: 100%;
	left: -149px;
	top: 63%;
	transform: translateY(-50%);
	background:url("https://dev1.sentientgeeks.us/HHG/wp-content/uploads/2025/03/bgImg1-1.png") 0 0 no-repeat;
	z-index:0;
}
#aboutusBtn, #viewRental{
	display: inline-flex;
    text-transform: uppercase;
    border: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
	padding: 8px 20px;
    font-size: 0.9rem;
	border-radius:0;
    text-decoration: none;
}
.headingStyleOne{
	position:relative;
	padding-bottom:5px;
	padding-left:40px;
}
.headingStyleOne:before, .headingStyleOne:after{
	position:absolute;
	content:"";
}
.section_two_right .e-con-full{
	flex-grow:1 !important
}
.section_two_left img{
	width:100%;
}
.headingStyleOne:before{
	width:30px;
	height:30px;
	left:0;
	top:0;
	border-radius:50%;
	background: #27AAE1;
}
.headingStyleOne:after{
	width:250px;
	height:2px;
	left:0;
	bottom:-7px;
	background: var(--primary-color);
}

/*About Page*/
.aboutSec{
	position:relative;
}

@media only screen and (max-width: 1600px) {
	.leftgap1{
		margin-left:2rem
	}
}
@media only screen and (max-width: 1024px) {
	.leftgap1{
		margin-left:0;
		margin-right:1rem;
	}
}
@media only screen and (min-width: 767.1px) {
	
	.aboutSec:before, .aboutSec:after, .aboutSecReverse:before, .aboutSecReverse:after{
		position: absolute;
		content: "";
		width: 50%;
		height: 20px;
		background: #fff;
	}
	.aboutSec:before{
		left: 50%;
		top: 0px;
	}
	.aboutSec:after{
		left: 50%;
		bottom: 0px;
	}

	.aboutSecReverse:before{
		left: 0%;
		top: 0px;
	}
	.aboutSecReverse:after{
		left: 0%;
		bottom: 0px;
	}
	.aboutSeclast:after{
		background: #c0c0c0;
	}
	
}

/*Buy page*/
.property_single img{
	width:100%;
}

/*Contact Page*/
.contactForm .wpforms-submit{
	background: var(--primary-color) !important; 
}
.contactForm .wpforms-field-label{
	margin-bottom:3px !important;
}
.contactForm div.wpforms-container-full:not(:empty){
	margin-top:0 !important
}
.contactForm .wpforms-field.wpforms-field-name{
	padding-top:0 !important;
}
.contactSingle .elementor-icon-box-wrapper{
	display: flex !important;
    gap: 10px;
}
.contactSingle p.elementor-icon-box-title, .contactSingle .elementor-icon-box-icon{
	margin-bottom:0 !important
}

/* Appraisal form */
body(overflow-x:hidden !important;)
/* .appraisal{margin-top: -40px;}
.appraisal_form{display:flex; justify-content:center;font-family: "Vollkorn", vollcorn; font-size: 1.4rem;font-weight: 400;}
.appraisal_form .wpforms-form{display:flex; align-items:start;}
.appraisal_form .wpforms-field-container{width:700px; border-radius:none !important;}
.appraisal_form .wpforms-field-container input{height:55px; border-radius:0 !important; color:#000;}
.appraisal_form .wpforms-field-container input[type=email]::placeholder { color:#262B69 !important;}
.appraisal_form .wpforms-submit{height:55px !important; background-color:var( --e-global-color-primary ) !important; margin-top:5px; margin-left:-5px; border-radius:0 !important; padding-inline:25px !important;} */
/* post */
.display_grid { --display: grid !important;}
.property_sec img{width:100%; }
.post-grid{display:grid !important; grid-template-columns: repeat(3, 1fr);grid-row-gap: 40px;
    grid-column-gap: 20px;}
/*.post-img img{width:100%;transition:0.3s ease-in-out;}*/
.post-grid .pro-wrapper{background-color: var(--e-global-color-primary);}
.post-content{padding:25px 25px 25px 15px}
.property-item{text-decoration:none !important;}
.pro-wrapper h2{font-family: "Georgia", Georgia;
    font-size: 1.3rem; color:var( --e-global-color-c4f394e );margin: 0 0 10px 0;}
.pro-wrapper p{color: var(--e-global-color-c4f394e);
    font-family: "Georgia", Georgia;
    font-size: 1.1rem; margin-bottom:0;}
.property-details{
	display: flex;align-items: center;justify-content: start;gap: 8px; margin-top: 8px;}
.pro-wrapper:hover .post-img img{transform: scale(1.1); }
.post-img{overflow:hidden;}
.property-form .wpforms-field-label{text-wrap-mode: nowrap;}
.property-form .wpforms-field{    display: flex;align-items: self-start; justify-content: start; gap:1.8rem; padding:8px 0 !important;}
.page-content a {text-decoration:none;}
.gap-equal .post-grid{grid-row-gap: 20px;}
.load-more{font-family: "Georgia", Georgia; font-size: 1.3rem;font-weight: 400; text-decoration: none; padding: 15px 0px 15px 0px; background-color: var(--e-global-color-accent); width:100%; color:#fff; transition:0.3s ease-in-out; margin-top:15px; border:none;}
.load-more:hover{background-color: var(--e-global-color-secondary);}
h3.elementor-icon-box-title{margin:0;}
.property-form .wpforms-field-label{width:200px;}
.contactSingle .elementor-icon-box-title a{overflow-wrap:anywhere !important;}
/* appraisal banner form */
.appraisal-container{display:flex;width:100%;max-width:1100px; margin:0 auto; height:60px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1); border-radius:0; border:0;}
.input_field{flex-grow:1;border:none;padding:0 20px;font-size:16px;color:#666;outline:0;background-color:#fff; border-radius:0 !important;}
.rental_btn,.submit_btn{width:180px;height:100%;color:#fff;font-weight:700;border:none;cursor:pointer;font-size:16px;text-align:center;padding:0 10px;text-decoration:none;display:flex}
.input_field::placeholder{color:#999}
.button_group{display:flex;height:100%}
.submit_btn{background-color:#2a3171;align-items:center;justify-content:center}
.rental_btn{background-color:#3a4189;align-items:center;justify-content:center}
.submit_btn:hover{background-color:#1e254f; color:#fff;}
.rental_btn:hover{background-color:#2a3060; color:#fff;}
@media (max-width:992px){
.rental_btn,.submit_btn{width:150px;font-size:14px;}
}
@media (max-width:768px){
.appraisal-container{flex-direction:column;height:auto}
.input_field{width:100%;padding:15px 20px;border-bottom:1px solid #eee}
.button_group{width:100%;display:flex}
.rental_btn,.submit_btn{flex:1;padding:15px 0;width:auto;  height:40px;}
}
@media (max-width:480px){
.input_field,.rental_btn,.submit_btn{font-size:14px;}
.rental_btn,.submit_btn{ padding:10px 0;}
}
/* img box sec */
/* Responsive */
@media (max-width:1599px){
	.imgBX_sec{	min-height:434px;}
}
@media (max-width:1399px){
	.imgBX_sec:not(.aboutSec){ min-height:400px;}
	
}
@media (max-width:1199px){
	.imgBX_sec{background-size:50% 100% !important;}
	.property-form .wpforms-field-label{width:220px;}
}
@media (max-width:991px){
/* 	.appraisal_form .wpforms-field-container{width:500px;} */
	.post-grid{display:grid; grid-template-columns: repeat(2, 1fr); row-gap:20px;}
	.property-form .wpforms-field-label{width:306px;}
		
}
@media (max-width:767px){
/* 	.appraisal_form .wpforms-field-container{width:300px;} */
	.imgBX_sec{background-image:none !important;}
	.property-form .wpforms-field{     gap:0; flex-direction:column;}
	.pro-wrapper h2{font-size:1.2rem;}
	.pro-wrapper p{font-size:1.1rem;}
	.property-form .wpforms-field-label{width:100%;}
	.post-img img {width: 100%;transition: 0.3s ease-in-out;height:320px; object-fit: cover;}
}
@media (max-width:575px){
	.post-grid{display:grid; grid-template-columns: repeat(1, 1fr);}
	.post-img img {height: 280px; object-fit: cover;}
}
/* @media (max-width: 480px) {
	.appraisal_form .wpforms-form{
		flex-direction:column;
		align-items:center;
	}
    .appraisal_form .wpforms-field-container { width: 300px;}
	.appraisal_form .wpforms-submit-container  {
		margin-top:0 !important;
	}
} */

/*-----------------slider code-------------------*/
.slider-wrapper {
    overflow: hidden;
    position: relative;
    padding: 20px 0;
}


.slider-wrapper .property-list {
    display: flex !important;
    flex-wrap: nowrap;
	overflow-x: auto;
    gap: 20px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
	cursor: grab;
    user-select: none;
}

.slider-wrapper .property-list::-webkit-scrollbar {
    display: none; 
}

.slider-wrapper .property-list::-webkit-scrollbar {
    display: none;
}


.slider-wrapper .property-item {
    min-width: calc(33.33% - 20px);
    flex: 0 0 calc(33.33% - 20px);
    scroll-snap-align: start;
    transition: transform 0.3s ease-in-out;
}


.slider-wrapper .property-list::after {
    content: "";
    flex: 0 0 10%;
}


@media (max-width: 1024px) {
    .slider-wrapper .property-item {
        min-width: calc(50% - 20px);
        flex: 0 0 calc(50% - 20px);
    }
}

@media (max-width: 768px) {
    .slider-wrapper .property-item {
        min-width: 100%;
        flex: 0 0 100%;
    }
}


/*.scroll-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    z-index: 10;
    font-size: 20px;
    border-radius: 50%;
}

.scroll-btn.left {
    left: 10px;
}

.scroll-btn.right {
    right: 10px;
}*/