/* INDEX
----------------------------------------------------------------------------------------
01. Global Variables
02. General css
03. Header css
04. Hero css
05. Property Type css
06. Featured Property css
07. About us css
08. How It Works css
09. Why Choose us css
10. Infobar css
11. Property By City css
12. Latest Posts css
13. Footer css
14. About us Page css
15. Listing Page css
16. Property Single Page css
17. Blog Archive Page css
18. Post Single css
19. Contact us page css
20. FAQ page css
21. Page Not Found Page css
22. Agents page css
23. Responsive css
-------------------------------------------------------------------------------------- */

/************************************/
/****    01. Global Variables    ****/
/************************************/

:root {
	--primary-color: #0637B2;
	--accent-color: #E7F77E;
	--secondary-color: #F6F8FF;
	--text-color: #646262;
	--white-color: #ffffff;
	--dark-color: #333333;
	--divider-color: #DDE4FF;
	--gray-divider: #DDDBDB;
	--overlay-color: #2F3D7E80;
	--dark-overlay-color: #2F3D7Eaa;
	--error-color: rgb(230, 87, 87);
	--accent-font: 'Sora', sans-serif;
	--default-font: 'Inter', sans-serif;
}

/************************************/
/**** 	   02. General css		 ****/
/************************************/

body {
	font-size: 16px;
	font-weight: 400;
	font-family: var(--default-font);
	color: var(--text-color);
	line-height: 1.6em;
	background: var(--primary-color);
}

p {
	line-height: 1.6em;
	margin-bottom: 1.5em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--accent-font);
	margin-top: 0;
	font-weight: 700;
	color: var(--primary-color);
}

figure {
	display: block;
	margin: 0;
	width: 100%;
}

img {
	max-width: 100%;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	outline: 0;
}

a:focus {
	text-decoration: none;
	outline: 0;
}

::-webkit-scrollbar-track {
	background-color: #f1f1f1;
	border-left: 1px solid #ededed;
}

::-webkit-scrollbar {
	width: 7px;
	background-color: var(--accent-color);
}

::-webkit-scrollbar-thumb {
	background: var(--accent-color);
}

.container {
	max-width: 1300px;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
	padding-right: 15px;
	padding-left: 15px;
}

.image-anime {
	position: relative;
	overflow: hidden;
}

.image-anime:after {
	content: "";
	position: absolute;
	width: 200%;
	height: 0%;
	left: 50%;
	top: 50%;
	background-color: rgba(255, 255, 255, .3);
	transform: translate(-50%, -50%) rotate(-45deg);
	z-index: 1;
}

.image-anime:hover:after {
	height: 250%;
	transition: all 600ms linear;
	background-color: transparent;
}

.reveal {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	visibility: hidden;
	overflow: hidden;
}

.reveal img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transform-origin: left;
	transform-origin: left;
}

.row {
	margin-right: -15px;
	margin-left: -15px;
	position: relative;
	z-index: 1;
}

.row>* {
	padding-right: 15px;
	padding-left: 15px;
}

.form-control {
	width: 100%;
	box-shadow: none;
	outline: 0;
	background: var(--secondary-color);
	border: 1px solid var(--divider-color);
	font-family: var(--default-font);
	font-size: 14px;
	color: var(--primary-color);
	padding: 14px 20px;
}

.form-control:focus {
	box-shadow: none;
	outline: 0;
	border-color: var(--divider-color);
}

select.form-control {
	background-image: url(../images/icon-dropdown.svg);
	background-repeat: no-repeat;
	background-position: right 15px center;
}

.help-block.with-errors ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.help-block.with-errors ul li {
	font-size: 14px;
	color: var(--error-color);
	line-height: 1.2em;
	margin-top: 2px;
}

.btn-default {
	display: inline-block;
	background: var(--accent-color);
	color: var(--primary-color);
	font-family: var(--accent-font);
	font-size: 12px;
	font-weight: 600;
	padding: 12px 48px;
	border-radius: 50px;
	position: relative;
	overflow: hidden;
	z-index: 0;
	border: none;
	outline: 0;
	box-shadow: none;
	transition: 0.2s transform;
	text-transform: uppercase;
}

.btn-default:before {
	content: '';
	position: absolute;
	width: 0;
	height: 104%;
	top: 50%;
	left: 50%;
	background: var(--secondary-color);
	color: var(--dark-color);
	opacity: 0;
	z-index: -1;
	transform: translateX(-51%) translateY(-51%);
	transition: all 0.4s;
	border-radius: 5px;
}

.btn-default:hover::before {
	width: 106%;
	opacity: 1;
}

.btn-default.btn-border {
	background: none;
	color: var(--accent-color);
	padding: 12px 30px;
	border: 2px solid var(--accent-color);
}

.btn-default.btn-border:before {
	background: var(--accent-color);
}

.btn-default.btn-border:hover {
	color: var(--white-color);
}


.preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	background-color: var(--primary-color);
	display: flex;
	align-items: center;
	justify-content: center;
}

.loading-container,
.loading {
	height: 100px;
	position: relative;
	width: 100px;
	border-radius: 100%;
}

.loading-container {
	margin: 40px auto
}

.loading {
	border: 1px solid transparent;
	border-color: transparent var(--white-color) transparent var(--white-color);
	animation: rotate-loading 1.5s linear 0s infinite normal;
	transform-origin: 50% 50%;
}

.loading-container:hover .loading,
.loading-container .loading {
	transition: all 0.5s ease-in-out;
}

#loading-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100px;
	transform: translate(-50%, -50%);
}

@keyframes rotate-loading {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

#loading-icon img {
	width: 72px;
	max-width: max-content;
}

.section-title {
	/* text-align: center; */
	margin-bottom: 30px;
}

.section-title h1 span {
	color: var(--accent-color);
}

.text-anime .line {
	text-align: left !important;
}

.section-title h3 {
	display: inline-block;
	text-align: center;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
	color: var(--dark-color);
	position: relative;
	padding: 2px 0 2px 40px;
	margin-bottom: 15px;
	z-index: 2;
}

.section-title h3:before {
	content: '';
	display: block;
	width: 30px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/icon-heading.svg) no-repeat left center;
	z-index: -1;
}

.section-title h1,
.section-title h2 {
	font-size: 48px;
	color: var(--primary-color);
	font-weight: 800;
	line-height: 1.2em;
	margin-bottom: 0;
	text-transform: uppercase;
}

.section-title p {
	font-size: 16px;
    font-weight: 400;
    color: #242424;
	width: 50%;
	line-height: 1.25;
	margin-top: 0.25rem;
}





/************************************/
/**** 	    04. Hero css		 ****/
/************************************/

.hero-scroll-image {
	height: 100%;
	overflow: hidden;
}

.group {
	display: flex;
	flex-direction: column;
	/*gap: .75em;*/
	/*padding-top: .75em;*/
}

.hero-scroll-image {
	position: relative;
}

.hero-scroll-image .group {
	animation: scrollUp 75s linear infinite;
}

@keyframes scrollUp {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-100%);
	}
}


.hero {
	position: relative;
}

.hero .hero-section {
	/* margin: 0 40px;
	overflow: hidden;
	border-radius: 20px;
	background: url(../images/hero.jpg) no-repeat center center;
	background-size: cover; */
	position: relative;
	margin: 0 !important;
}

.hero .hero-section:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--primary-color);
	z-index: 1;
}

.hero-content {
	max-width: 55%;
	/* margin: 0 auto; */
	/* text-align: center; */
    position:relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.doodle-doo {
    position: absolute;
    top: 18%;
    right: 30%;
}
.doodle-doo2 {
    position: absolute;
    bottom: 13%;
    left: 3%;
}

.parallarx {
	max-height: 750px;
	display: flex;
	gap: 20px;
	overflow: hidden;
}

.hero-content .section-title {
	margin-bottom: 24px;
}

.hero-content .section-title h3 {
	color: var(--accent-color);
}

.hero-content .section-title h3:before {
	background-image: url(../images/icon-heading-light.svg);
}

.hero-content .section-title h1 {
	color: var(--white-color);
	font-size: 45px;
	width: 85%;
}

.hero-content-body p {
	color: var(--white-color);
	width: 85%;
	font-size: .875rem;
}

.hero-content-footer {
	margin-top: 40px;
}

/* .hero-content-footer .btn-default {
	margin: 0 10px;
} */

.hero-content-footer .btn-default.btn-border {
	border-color: var(--white-color);
	color: var(--white-color);
}

.hero-content-footer .btn-default.btn-border:hover {
	border-color: var(--accent-color);
}

.hero.hero-video .hero-section {
	background: none;
}

.hero-video .hero-section .hero-bg-video {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.hero-video .hero-section .hero-bg-video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero-video .hero-section .hero-bg-video iframe {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero-slider .hero-section {
	padding: 0;
}

.hero-slider .hero-section {
	background: none;
}

.hero-slider .hero-section:before {
	display: none;
}

.hero-slider .hero-section .hero-slide {
	padding: 100px 0 312px;
	position: relative;
}

.hero-slider .hero-section .hero-slide .hero-slide-image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.hero-slider .hero-section .hero-slide .hero-slide-image:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--overlay-color);
	z-index: 1;
}

.hero-slider .hero-section .hero-slide .hero-slide-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero-slider .hero-section .hero-slide .hero-content {
	z-index: 4;
	position: relative;
}

.hero-slider .hero-carousel .hero-button-prev,
.hero-slider .hero-carousel .hero-button-next {
	width: 50px;
	height: 50px;
	background: var(--accent-color) url(../images/arrow-right.svg) no-repeat center center;
	background-size: 50% auto;
	position: absolute;
	top: 50%;
	z-index: 2;
	border-radius: 5px;
	margin-top: -25px;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}

.hero-slider:hover .hero-carousel .hero-button-prev,
.hero-slider:hover .hero-carousel .hero-button-next {
	opacity: 1;
}

.hero-slider .hero-carousel .hero-button-prev:hover,
.hero-slider .hero-carousel .hero-button-next:hover {
	background-color: var(--primary-color);
}

.hero-slider .hero-carousel .hero-button-prev {
	left: 30px;
	transform: rotate(180deg);
}

.hero-slider .hero-carousel .hero-button-next {
	right: 30px;
}

.hero .hero-search-form-section {
	position: absolute;
	z-index: 10;
	bottom: 100px;
	width: 100%;
	padding: 0 15px;
}

.hero-video .hero-search-form {
	margin: 0;
}

.hero-search-form {
	background-color: var(--white-color);
	padding: 30px;
	border-radius: 20px;
	backdrop-filter: blur(10px);
}

.search-heading {
	display: none;
}

.search-heading h4 {
	margin-bottom: 0;
	position: relative;
	font-size: 18px;
	text-align: center;
}

.hero-search-form .form-control {
	width: 100%;
	box-shadow: none;
	outline: 0;
	background: var(--secondary-color);
	border: 1px solid var(--divider-color);
	font-family: var(--default-font);
	font-size: 14px;
	color: var(--primary-color);
	padding: 14px 20px;
}

.hero-search-form select.form-control {
	background-image: url(../images/icon-dropdown.svg);
	background-repeat: no-repeat;
	background-position: right 15px center;
}

.hero-search-form .btn-default {
	width: 100%;
	padding: 13px 20px;
}

/******************************************/
/****   	 05. Property Type css 	   ****/
/******************************************/




/* 
.property-slider {
  padding: 20px 0;
}

.property-item {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease;
}

.property-header {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}

.image-anime {
  position: relative;
  display: block;
  overflow: hidden;
}

.image-anime img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  transition: transform 0.5s ease;
  display: block;
}

.property-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
  padding: 40px 20px 25px;
  backdrop-filter: blur(5px);
  transition: all 0.4s ease;
  transform: translateY(0);
}

.overlay-content h4 {
  color: white;
  font-size: 1.4rem;
  margin: 0 0 8px 0;
  font-weight: 600;
}

.overlay-content p {
  color: #ddd;
  margin: 0 0 10px 0;
  font-size: 1rem;
}

.overlay-content .price {
  color: #00d4ff;
  font-size: 1.5rem;
  font-weight: bold;
}

.property-item:hover {
  transform: translateY(-15px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

.property-item:hover .property-overlay {
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(2px);
}

.property-item:hover .image-anime img {
  transform: scale(1.08);
} */




.property-types {
	padding: 100px 0;
	background: var(--accent-color);
	position: relative;
}

.property-type-item {
	background: var(--secondary-color);
	padding: 30px;
	border-radius: 20px;
}

.property-types-union {
	position: absolute;
	top: 0;
	right: 0;
}

.property-types-union span {
	position: absolute;
	top: 40px;
	right: 40px;
}

.property-types-union span img {
    width: 140px;
}

.row.ads_sec {
    margin-top: 1rem;
}

.col-lg-3 {
	padding: 0 5px;
}

.post-item {
	background: #Fff;
	padding: 12px 12px 0;
	border-radius: 12px;
}

.property-types-union span {
	width: 160px;
}

.property-type-item .icon-box {
	width: 70px;
	height: 70px;
	background: var(--primary-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	transition: all 0.3s ease-out;
}

.property-type-item:hover .icon-box {
	background: var(--accent-color);
}

.property-type-item h3 {
	font-size: 22px;
	font-weight: 600;
	color: var(--dark-color);
	margin-bottom: 6px;
}

.property-type-item p {
	margin: 0;
}

.property-type-slider .swiper-pagination {
	position: relative;
	bottom: 0;
	margin-top: 30px;
}

.property-type-slider .swiper-pagination .swiper-pagination-bullet {
	width: 16px;
	height: 16px;
	background: var(--primary-color);
	transition: all 0.3s;
}

/******************************************/
/****   06. Featured Property css      ****/
/******************************************/

.featured-property {
	background: var(--primary-color);
	padding: 20px 0 50px;
	 position: relative;
}

.featured-property > img{
    position: absolute;
    BOTTOM: 0;
    HEIGHT: 100%;
    width:100%;
}

.property-item {
	background: var(--secondary-color);
	border-radius: 20px;
	overflow: hidden;
}

.featured-property .property-item {
	background-color: var(--white-color);
}

.property-item .property-header {
	position: relative;
	overflow: hidden;
}

.property-item .property-header figure img {
	width: 100%;
	transition: all 0.5s ease-out;
}

.property-item:hover .property-header figure img {
	transform: scale(1.2);
}

.property-item:hover .property-header figure:after {
	height: 250%;
	transition: all 600ms linear;
	background-color: transparent;
}

.post-body {
	min-height: 260px;
	position: relative;
	overflow: hidden;
}

.post-tect-last {
	position: absolute;
	bottom: -15px;
	width: 100%;
	/*text-align: center;*/
}

.post-tect-last h3 {
	position: absolute;
	top: -62px;
	left: 8px;
	margin-bottom: 6px;
	font-size: 32px;
	color: var(--primary-color);
	font-weight: 700;
	line-height: 1;
}

.post-tect-last h4 {
	position: absolute;
	top: -26px;
	left: 35px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	color: var(--primary-color);
	font-size: 24px;
}

.post-tect-last h5 {
	font-size: 35px;
	line-height: 1;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: .5rem;
	color: var(--primary-color);
	font-weight: 700;
}

.property-item:hover .property-header figure:after {
	height: 250%;
	transition: all 600ms linear;
	background-color: transparent;
}

.property-item .property-header .property-label {
	position: absolute;
	top: 20px;
	left: 20px;
	background: var(--primary-color);
	color: var(--white-color);
	font-family: var(--accent-font);
	font-size: 16px;
	font-weight: 500;
	padding: 4px 14px;
	border-radius: 5px;
}

.property-item .property-body {
	padding: 30px 30px 25px 30px;
}

.property-item .property-body h3 {
	font-size: 22px;
	font-weight: 600;
	color: var(--dark-color);
}

.property-item .property-body p {
	margin-bottom: 0;
}

.property-item .property-meta {
	display: flex;
	flex-wrap: wrap;
	margin-top: 25px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--gray-divider);
}

.property-item .property-meta .property-amenity-item {
	width: 48%;
	margin-right: 4%;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.property-item .property-meta .property-amenity-item:nth-of-type(2n + 2) {
	margin-right: 0;
}

.property-item .property-meta .property-amenity-item .icon-box {
	width: 22px;
	margin-right: 10px;
}

.property-item .property-footer {
	padding: 0 30px 30px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.property-item .property-footer .property-price {
	margin-bottom: 0;
	font-weight: 600;
	font-size: 18px;
	color: var(--dark-color);
}

.property-item .property-footer .btn-default {
	font-size: 14px;
	padding: 10px 20px;
}

.property-slider .swiper-pagination {
	position: relative;
	bottom: 0;
	margin-top: 20px;
}

.property-slider .swiper-pagination .swiper-pagination-bullet {
	width: 16px;
	height: 16px;
	background: var(--primary-color);
	transition: all 0.3s;
}



.jl-section {
	--jl-bg: #0b1f8c;
	--jl-yellow: #eaf05a;
	background: var(--primary-color);
	position: relative;
	overflow: hidden;
	padding: 0;
}

.jl-overlay-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    pointer-events: none;
}


.jl-container {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	min-height: 340px;
	padding: 0 32px;
	z-index:1;
}


/* ---------- text side ---------- */
.jl-text {
	position: relative;
	z-index: 2;
}

.jl-text h2,
.jl-text h3 {
	margin: 0;
	font-weight: 800;
	font-size: clamp(30px, 4.22vw, 60px);
	line-height: 1.18;
	color: #fff;
}

.jl-text h2 {
	font-size: clamp(40px, 6.5vw, 88px);
	margin-bottom: 6px;
}

.jl-line1 {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.jl-badge {
	background: var(--accent-color);
	color: var(--primary-color);
	font-style: italic;
	font-weight: 600;
	padding: 4px 24px 0px 8px;
	border-radius: 12px;
	display: inline-block;
	transform: rotate(-2deg);
}

.jl-line2 {
	font-weight: 500 !important;
	font-size: clamp(20px, 2.92vw, 48px) !important;
	color: #fff;
	margin-top: 6px;
}

.jl-line3 {
	color: var(--accent-color) !important;
	margin-top: 2px !important;
}

.jl-line3 em {
	font-style: italic;
}

.jl-line4 {
	margin-top: 2px;
}

/* ---------- visual side ---------- */
.jl-visual {
	position: relative;
	height: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.jl-circle {
	position: absolute;
	top: 50%;
	right: 8%;
	width: 300px;
	height: 300px;
	background: var(--accent-color);
	border-radius: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

.jl-photo {
	position: relative;
	z-index: 2;
	width: auto;
	max-height: 500px;
	align-self: flex-end;
	margin-bottom: -20px;
}

/* ===================== TABLET / LAPTOP SMALL ===================== */
@media (max-width: 1200px) {
	.jl-container {
		padding: 0 24px;
	}

	.jl-circle {
		width: 260px;
		height: 260px;
	}

	.jl-photo {
		max-height: 340px;
	}
}

/* ===================== TABLET (stacks to 1 column) ===================== */
@media (max-width: 900px) {
	.jl-container {
		grid-template-columns: 1fr;
		padding: 48px 24px 0;
		text-align: center;
		gap: 12px;
		min-height: auto;
	}

	.jl-line1 {
		justify-content: center;
	}

	.jl-circle {
		width: 220px;
		height: 220px;
		right: 50%;
		transform: translate(50%, -50%);
	}

	.jl-photo {
		max-height: 300px;
		width: auto;
		margin: 0 auto;
	}
}

/* ===================== LARGE PHONES ===================== */
@media (max-width: 600px) {
	.jl-container {
		padding: 40px 20px 0;
		gap: 8px;
	}

	.jl-text h2 {
		font-size: clamp(34px, 9vw, 56px);
		margin-bottom: 4px;
	}

	.jl-text h3 {
		font-size: clamp(22px, 6vw, 34px);
	}

	.jl-badge {
		padding: 3px 18px 0px 8px;
		font-size: 0.9em;
	}

	.jl-line2 {
		font-size: clamp(16px, 4.5vw, 24px) !important;
	}

	.jl-circle {
		width: 180px;
		height: 180px;
	}

	.jl-photo {
		max-height: 240px;
	}
}

/* ===================== SMALL PHONES ===================== */
@media (max-width: 420px) {
	.jl-container {
		padding: 32px 16px 0;
	}

	.jl-text h2 {
		font-size: clamp(28px, 10vw, 44px);
	}

	.jl-text h3 {
		font-size: clamp(18px, 6.5vw, 26px);
	}

	.jl-badge {
		padding: 3px 14px 0px 6px;
		border-radius: 8px;
	}

	.jl-line2 {
		font-size: clamp(14px, 4vw, 18px) !important;
	}

	.jl-circle {
		width: 150px;
		height: 150px;
	}

	.jl-photo {
		max-height: 190px;
	}
}

/* ===================== VERY SMALL PHONES ===================== */
@media (max-width: 340px) {
	.jl-text h2 {
		font-size: 24px;
	}

	.jl-text h3 {
		font-size: 16px;
	}

	.jl-circle {
		width: 120px;
		height: 120px;
	}

	.jl-photo {
		max-height: 150px;
	}
}



.hscroll-section {
		overflow: hidden;
	}

	.hscroll-row {
		overflow: hidden;
		width: 100%;
	}

	/*.hscroll-row+.hscroll-row {*/
	/*	margin-top: 8px;*/
	/*}*/

	.hscroll-track {
		display: flex;
		width: max-content;
		will-change: transform;
	}

	.hscroll-track[data-direction="left"] {
		animation: hscrollLeft var(--hscroll-duration, 20s) linear infinite;
	}

	.hscroll-track[data-direction="right"] {
		animation: hscrollRight var(--hscroll-duration, 20s) linear infinite;
	}

	/*.hscroll-row:hover .hscroll-track {*/
	/*	animation-play-state: paused;*/
	/*}*/

	@keyframes hscrollLeft {
		from {
			transform: translateX(0);
		}

		to {
			transform: translateX(calc(-1 * var(--hscroll-distance, 100%)));
		}
	}

	@keyframes hscrollRight {
		from {
			transform: translateX(calc(-1 * var(--hscroll-distance, 100%)));
		}

		to {
			transform: translateX(0);
		}
	}

	.hscroll-set {
		display: flex;
		flex: 0 0 auto;
		    padding: 4px 0;
	}

	.hscroll-card {
		flex: 0 0 auto;
		margin-right: 8px;
		overflow: hidden;
		    box-shadow: 0 1px 7px rgb(0 0 0 / 0%), 0 4px 7px rgb(0 0 0 / 8%);
	}

	.hscroll-card img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	@media (max-width: 640px) {
		.hscroll-card {
			width: 260px;
			margin-right: 12px;
		}

		.hscroll-row+.hscroll-row {
			margin-top: 14px;
		}
	}

	@media (prefers-reduced-motion: reduce) {
		.hscroll-track {
			animation: none !important;
		}
	}




/******************************************/
/****   	 07. About us css   	   ****/
/******************************************/

.about-us {
	padding: 0;
}

.about-images {
	position: relative;
	padding-left: 84px;
	padding-top: 32px;
	background: url(../images/icon-about-dot.svg) no-repeat top left;
}

.about-image img {
	width: 100%;
	border-radius: 20px;
}

.about-video {
	width: 45%;
	position: absolute;
	bottom: 30px;
	left: 0;
	z-index: 1;
	border-radius: 20px;
	overflow: hidden;
}

.about-video figure img {
	width: 100%;
	border: 4px solid var(--white-color);
	border-radius: 20px;
}

.video-play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.video-play-button a {
	display: inline-block;
	position: relative;
	font-size: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
}

.video-play-button a img {
	width: 50px;
}

.video-play-button a:before {
	content: '';
	position: absolute;
	top: -30%;
	left: -30%;
	width: 160%;
	height: 160%;
	border: 2px solid var(--secondary-color);
	border-radius: 50%;
	transform: scale(0.6);
	z-index: -1;
	animation: border-zooming 1s infinite linear;
}

.video-play-button a:after {
	content: '';
	position: absolute;
	top: -30%;
	left: -30%;
	width: 160%;
	height: 160%;
	border: 2px solid var(--secondary-color);
	border-radius: 50%;
	transform: scale(0.6);
	z-index: -1;
	animation: border-zooming 1s infinite linear;
	animation-delay: .3s;
}

@keyframes border-zooming {
	100% {
		transform: scale(1);
		opacity: 0;
	}
}

.about-content {
	padding-top: 32px;
	padding-left: 10px;
}

.about-us .section-title {
	text-align: left;
	margin-bottom: 20px;
}

.about-content-body ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 50%;
}

.about-content-body ul li {
	font-size: 16px;
	font-weight: 400;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-right: 4%;
	margin-bottom: 8px;
}

.about-content-body ul li:nth-child(2n + 2) {
	margin-right: 0;
}

.about-content-body ul li .icon-box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background: var(--secondary-color);
	border-radius: 50%;
	margin-right: 15px;
}

.about-content-body ul li span {
	display: block;
	width: calc(100% - 15px);
	color: var(--secondary-color);
	text-transform: uppercase;
}

.about-content-body ul li img {
	margin-top: .75rem;
}

.plan_cont h2 {
	font-size: 58px;
}

.about-content-body {
	display: flex;
}

.plan_cont .section-title h2 {
	color: var(--accent-color);
}

/******************************************/
/****   	 08. How It Works css  	   ****/
/******************************************/

.our_network h2 {
	color: var(--accent-color);
	font-size: 48px;
}

.vanish_sec_top {
	background: var(--primary-color);
	padding: 5rem 0 3rem;
	overflow: hidden;
}

.vanish_sec h3 {
	font-size: 80px;
	white-space: nowrap;
	font-weight: 700;
	text-transform: capitalize;
	color: var(--accent-color);
	margin: 0;
	line-height: 1;
	display: inline-block;
	animation: scrollLeft 95s linear infinite;
	font-family: sans-serif;
}

@keyframes scrollLeft {
	0% {
		transform: translateX(0);
	}

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

.vanish_sec h4 {
	font-size: 80px;
	white-space: nowrap;
	font-weight: 700;
	text-transform: capitalize;
	-webkit-text-stroke: 1px var(--accent-color);
	color: transparent;
	display: inline-block;
	animation: scrollRight 95s linear infinite;
	font-family:sans-serif;
	 letter-spacing: -1px;
}

@keyframes scrollRight {
	0% {
		transform: translateX(-50%);
	}

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

/* 
.border-letter {
	border: 2px solid red;
	padding: 2px 4px;
	display: inline-block;
	border-radius: 4px;
} */

.how-it-works {
	padding: 0 0 80px;
	background: var(--primary-color);
}

.how-it-work-item {
	padding: 5px 20px 0;
	height: 100%;
	border-right: .01rem solid #B3B3B3;
}

.how-it-work-item .icon-box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	background: var(--primary-color);
	border-radius: 50%;
	margin: 0 auto 25px;
	transition: all 0.3s ease-out;
}

.how-it-work-item:hover .icon-box {
	background: var(--accent-color);
}

.how-it-work-item h3 {
	font-size: 22px;
	margin-bottom: 15px;
	color: var(--dark-color);
	font-weight: 600;
}

.how-it-work-item p {
	font-size: 1.05rem;
	color: #fff;
	margin-bottom: 1.2rem;
	line-height: 1.5;
}

.how-it-work-item img {
	width: 175px;
	text-align: center;
	position: absolute;
	bottom: 25px;
}

.how_work_inner {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 325px;
}

.how_work_inner h4 {
	font-size: 2.25rem;
	color: #fff;
}

.how_work_inner h6 {
	color: var(--accent-color);
	font-size: 1.2rem;
}

.about_bt_text p {
	color: #fff;
	font-size: .85rem;
}

.section-title.our_network {
	margin: 15px 0 20px 0;
}

/******************************************/
/****     09. Why Choose us css   	   ****/
/******************************************/

.why-choose-us {
	padding: 100px 0 50px;
}

.why-choose-us .section-title {
	text-align: left;
	margin-bottom: 20px;
}

.why-choose-us-body ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.why-choose-us-body ul li {
	position: relative;
	font-size: 18px;
	font-weight: 500;
	padding-left: 34px;
	margin-bottom: 15px;
}

.why-choose-us-body ul li:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: var(--secondary-color) url(../images/icon-checkmark.svg) no-repeat center center;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 2px;
}

.why-choose-us-body .btn-default {
	margin-top: 20px;
}

.why-choose-us-images {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	padding-bottom: 30px;
}

.why-choose-us-image1,
.why-choose-us-image2 {
	width: 48%;
}

.why-choose-us-image2 {
	margin-bottom: 30px;
}

.why-choose-us-image1 img,
.why-choose-us-image2 img {
	width: 100%;
	border-radius: 20px;
}

.exclusive-agents {
	background: var(--secondary-color);
	padding: 30px;
	border-radius: 20px;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	text-align: center;
	min-width: 248px;
	animation: moveobject 2s infinite linear alternate;
}

.exclusive-agents h5 {
	font-size: 18px;
	font-weight: 600;
}

@keyframes moveobject {
	50% {
		left: 45%;
	}
}

/******************************************/
/****    	  10. Infobar css   	   ****/
/******************************************/

.infobar-cta {
	padding: 50px 0 100px;
}

.infobar-box {
	background-color: var(--secondary-color);
	padding: 40px 50px;
	border-radius: 20px;
}

.cta-content h2 {
	font-size: 40px;
	font-weight: 700;
}

.cta-content p {
	margin-bottom: 0;
}

.cta-button {
	text-align: right;
}

.cta-button .btn-default {
	margin-left: 10px;
}

.cta-button .btn-default i {
	margin-right: 10px;
}

/******************************************/
/****   11. Property By City css 	   ****/
/******************************************/

.property-by-city {
	padding: 100px 0;
	background: var(--secondary-color);
}

.location-item {
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}

.location-item .location-image img {
	width: 100%;
	transition: all 0.5s ease-out;
}

.location-item .location-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 30px;
	background: var(--overlay-color);
}

.location-item .location-content .location-header h3 {
	font-size: 22px;
	font-weight: 500;
	color: var(--white-color);
}

.location-item .location-content .location-header p {
	color: var(--white-color);
	font-size: 16px;
}

.location-item .location-content .location-footer {
	position: absolute;
	left: 30px;
	bottom: 10px;
	opacity: 0;
	transition: all 0.3s ease-out;
}

.location-item:hover .location-content .location-footer {
	bottom: 25px;
	opacity: 1;
}

.location-item:hover .location-image img {
	transform: scale(1.2);
}

/******************************************/
/****   	12. Latest Posts css   	   ****/
/******************************************/

.latest_work_text {
	display: flex;
	flex-direction: column;
	/* justify-content: center; */
	align-items: center;
}

.latest_work_text h2 {
	color: var(--secondary-color);
}

.latest_work_text h2 span {
	color: var(--accent-color);
}

.latest_work_text h2 .line {
	text-align: center !important;
}

.latest_work_text p {
	width: 48%;
	text-align: center;
	margin-top: 12px;
	/*text-transform: lowercase;*/
	font-weight: 400;
	color: var(--secondary-color);
	font-size: 16px;
}

.latest-posts {
	padding: 65px 0;
	background-color: var(--accent-color);
}

.post-item .post-featured-image {
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	margin-bottom: 12px;
}

.post-item .post-featured-image figure img {
	width: 100%;
	transition: all 0.4s ease-out;
}

.post-item .post-featured-image .post-read-more {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--overlay-color);
	opacity: 0;
	transition: all 0.3s ease-out;
}

.post-item .post-featured-image .post-read-more .btn-default {
	top: 20px;
	opacity: 0;
	transition: all 0.3s ease-out;
}

.post-item:hover .post-featured-image .post-read-more {
	opacity: 1;
}

.post-item:hover .post-featured-image .post-read-more .btn-default {
	top: 0;
	opacity: 1;
}

.post-item:hover .post-featured-image figure img {
	transform: scale(1.2);
}

.post-item .post-body .post-category ul {
	padding: 0;
	margin: 0 0 4px;
	list-style: none;
}

.post-item .post-body .post-category ul li a {
	color: var(--text-color);
	font-size: 13px;
}

.post-item .post-body h3 {
	margin-bottom: 6px;
}

.post-item .post-body h3 a {
	font-size: 20px;
	font-weight: 700;
	color: #121212;
	text-transform: uppercase;
}

.post-category ul li {
	line-height: 1;
}

.col-lg-3:nth-child(2) .post-item {
	rotate: -5deg;
	background: var(--primary-color);
}

.col-lg-3:nth-child(2) .post-item .post-body h3 {
	color: #fff;
}

.col-lg-3:nth-child(2) .post-item .post-body a {
	color: #fff;
}

.col-lg-3:nth-child(2) .post-item .post-body .post-tect-last h5 {
	color: #fff;
}


.partner_text {
	display: flex;
	flex-direction: column;
	/* justify-content: center; */
	align-items: center;
}

.partner_text h2 {
	color: var(--dark-color);
}

.partner_text h2 span {
	color: var(--primary-color);
}

.partner_text h2 .line {
	text-align: center !important;
}

.partner_text p {
	width: 60%;
	text-align: center;
	margin-top: 12px;
	/*text-transform: lowercase;*/
	font-weight: 400;
	color: var(--dark-color);
	font-size: 16px;
}


.partner_text2 {
	display: flex;
	flex-direction: column;
	/* justify-content: center; */
	align-items: center;
}

.partner_text2 h2 {
	color: #fff;
}

.partner_text2 h2 span {
	color: var(--accent-color);
}

.partner_text2 h2 .line {
	text-align: center !important;
}

.partner_text2 p {
	width: 60%;
	text-align: center;
	margin-top: 12px;
	font-weight: 400;
	color: #fff;
	font-size: 16px;
}



.post-item.postitem2 {
	background: transparent;
	padding: 0 8px 1.5rem;
}

.row.partner2 {
	margin-top: 16px;
}

.post-item2 img {
	border-radius: 10px;
	box-shadow: 0px 1px 3px 0px #00000040;
}

.about-image {
	padding: 4rem 4rem 1rem;
}

/******************************************/
/****   	 	13. Footer css   	   ****/
/******************************************/

/* footer.footer {
	background: var(--primary-color);
	margin: 70px 40px 0;
	padding: 0 0 80px;
	border-radius: 20px;
} */

/* .mega-footer {
	background-image: url(../images/footerimg.png);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 100px 0;
	width: 100%;
	height: auto;
} */

.mega-footer {
	position: relative;
}

.mega-footer img {
	width: 100%;
	height: auto;
}

.footer_image_dtl {
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%);
	text-align: center;
}

.footer_image_dtl h4 {
	color: var(--primary-color);
	font-size: 28px;
	margin-bottom: 0;
}

.footer_image_dtl h1 {
	color: var(--primary-color);
	font-size: 64px;
	margin: 0;
}

.newsletter-box {
	background: var(--secondary-color);
	padding: 30px 50px;
	border-radius: 20px;
	margin-top: -70px;
	margin-bottom: 80px;
}

.newsletter-title h2 {
	font-size: 40px;
}

.newsletter-title p {
	margin-bottom: 0;
}

.newsletter-form .row>* {
	padding-left: 0;
	padding-right: 0;
}

.newsletter-form .form-control {
	background-color: var(--white-color);
	font-family: var(--default-font);
	padding: 0;
	border: none;
	height: 56px;
	padding: 0 20px;
	border-radius: 5px 0 0 5px;
	box-shadow: none;
	outline: 0;
}

.newsletter-form .btn-default {
	outline: 0;
	width: 100%;
	border-radius: 0 5px 5px 0;
	height: 56px;
}

.footer-about {
	padding-right: 80px;
}

.footer-about .footer-logo {
	margin-bottom: 30px;
}

.footer-about-content p {
	color: var(--white-color);
}

.footer-social-links ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer-social-links ul li {
	display: inline-block;
	margin-right: 8px;
}

.footer-social-links ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	font-size: 18px;
	border-radius: 5px;
	background: var(--accent-color);
	color: var(--white-color);
	transition: all 0.3s ease-out;
}

.footer-social-links ul li a:hover {
	background-color: var(--secondary-color);
	color: var(--primary-color);
}

.footer-contact-info h3,
.footer-quick-links h3,
.footer-appointment h3 {
	font-size: 22px;
	color: var(--accent-color);
	margin-bottom: 30px;
}

.footer-info-box {
	position: relative;
	padding-left: 30px;
	margin-bottom: 25px;
}

.footer-info-box .icon-box {
	position: absolute;
	top: 0;
	left: 0;
}

.footer-info-box p {
	color: var(--white-color);
	margin-bottom: 0;
}

.footer-quick-links ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer-quick-links ul li {
	margin-bottom: 8px;
}

.footer-quick-links ul li a {
	color: var(--white-color);
	position: relative;
	padding-left: 20px;
	transition: all 0.3s ease-out;
}

.footer-quick-links ul li a:hover {
	color: var(--accent-color);
}

.footer-quick-links ul li a:before {
	content: '';
	display: block;
	position: absolute;
	top: 4px;
	left: 0;
	width: 14px;
	height: 14px;
	background: url(../images/icon-menu-item.svg) no-repeat left center;
}

.footer-appointment .footer-appointment-content p {
	color: var(--white-color);
}

.footer-appointment .footer-appointment-content .btn-default:before {
	background: var(--secondary-color);
}

.footer-appointment .footer-appointment-content .btn-default:hover {
	color: var(--primary-color);
}

.footer-copyright-links {
	padding: 20px 0;
}

.footer-copyright p {
	margin: 0;
}

.footer-policy-links {
	text-align: right;
}

.footer-policy-links ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer-policy-links ul li {
	display: inline-block;
	margin-left: 16px;
	position: relative;
	padding-left: 20px;
}

.footer-policy-links ul li:before {
	content: '';
	display: block;
	width: 1px;
	height: 15px;
	background: var(--text-color);
	position: absolute;
	top: 5px;
	left: 0;
}

.footer-policy-links ul li:first-child {
	padding-left: 0;
}

.footer-policy-links ul li:first-child:before {
	display: none;
}

.footer-policy-links ul li a {
	color: var(--text-color);
	transition: all 0.4s ease-out;
}

.footer-policy-links ul li a:hover {
	color: var(--accent-color);
}

/******************************************/
/****     14. About us Page css 	   ****/
/******************************************/

.page-header {
	padding: 150px 0;
	background: url(../images/hero.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
	margin: 0 40px;
	border-radius: 20px;
	overflow: hidden;
}

.page-header:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--overlay-color);
}

.page-header-box {
	text-align: center;
}

.page-header-box h1 {
	font-size: 70px;
	font-weight: 600;
	color: var(--white-color);
}

.page-header-box .breadcrumb {
	justify-content: center;
	margin-bottom: 0;
}

.page-header-box ol li.breadcrumb-item {
	color: var(--white-color);
}

.page-header-box ol .breadcrumb-item+.breadcrumb-item::before {
	color: var(--white-color);
}

.page-header-box ol li.breadcrumb-item a {
	color: inherit;
}

.photo-gallery {
	padding: 100px 0 20px;
}

.gallery-item {
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 30px;
}

.gallery-item figure img {
	aspect-ratio: 1/1;
	object-fit: cover;
	object-position: center center;
	transition: all 0.5s ease-out;
}

.gallery-item:hover figure img {
	transform: scale(1.2);
}

.testimonials {
	padding: 100px 0;
	background: var(--secondary-color);
}

.testimonial-slide {
	background: var(--white-color);
	border-radius: 20px;
	padding: 30px;
	text-align: center;
	margin-bottom: 80px;
	transition: all 0.4s ease-in-out;
}

.testimonial-slide .testimonial-rating {
	margin-bottom: 20px;
}

.testimonial-slide .testimonial-author-info h3 {
	font-size: 16px;
	font-family: var(--default-font);
	font-weight: 600;
	color: var(--text-color);
	margin-bottom: 15px;
}

.testimonial-slide .testimonial-author-info figure {
	max-width: 100px;
	margin: 0 auto -80px;
	overflow: hidden;
	border-radius: 50%;
	background-color: var(--secondary-color);
}

.testimonial-slide .testimonial-author-info figure img {
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 50%;
	border: 6px solid var(--secondary-color);
}

.testimonial-slider .swiper-slide-active .testimonial-slide {
	background: var(--primary-color);
}

.testimonial-slider .swiper-slide-active .testimonial-slide .testimonial-content,
.testimonial-slider .swiper-slide-active .testimonial-slide .testimonial-author-info h3 {
	color: var(--white-color);
}

.testimonial-slider .swiper-pagination {
	position: relative;
	bottom: 0;
	margin-top: 30px;
}

.testimonial-slider .swiper-pagination .swiper-pagination-bullet {
	width: 16px;
	height: 16px;
	background: var(--primary-color);
	transition: all 0.3s;
}

.stat-counter {
	padding: 100px 0;
}

.counter-item {
	background: var(--secondary-color);
	text-align: center;
	padding: 30px;
	border-radius: 20px;
}

.counter-item .icon-box {
	margin: 0 auto 25px;
	width: 80px;
	height: 80px;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--primary-color);
	transition: all 0.3s ease-in-out;
}

.counter-item:hover .icon-box {
	background-color: var(--accent-color);
}

.counter-item .icon-box img {
	max-width: 50%;
}

.counter-item h3 {
	font-size: 28px;
	font-weight: 700;
	color: var(--dark-color);
	margin-bottom: 5px;
}

.counter-item p {
	margin-bottom: 0;
}

.our-partners {
	background: var(--secondary-color);
	padding: 100px 0;
}

.client-logo {
	background: var(--white-color);
	border-radius: 20px;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	padding: 40px 30px;
}

.our-agents {
	padding: 100px 0;
}

.agent-item .agent-header {
	margin-bottom: 30px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}

.agent-item .agent-header .agent-image img {
	width: 100%;
	transition: all 0.5s ease-in-out;
}

.agent-item .agent-header .agent-social-links {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -30px;
	opacity: 0;
	transition: all 0.4s ease-out;
	z-index: 2;
}

.agent-item:hover .agent-header .agent-image img {
	transform: scale(1.1);
}

.agent-item:hover .agent-header .agent-image figure:after {
	height: 250%;
	transition: all 600ms linear;
	background-color: transparent;
}

.agent-item:hover .agent-header .agent-social-links {
	bottom: 0;
	opacity: 1;
}

.agent-item .agent-header .agent-social-links ul {
	padding: 0 20px 30px;
	margin: 0;
	list-style: none;
	text-align: center;
}

.agent-item .agent-header .agent-social-links ul li {
	display: inline-block;
	margin: 0 2px;
}

.agent-item .agent-header .agent-social-links ul li a {
	width: 38px;
	height: 38px;
	font-size: 18px;
	border-radius: 5px;
	background: var(--accent-color);
	color: var(--white-color);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-out;
}

.agent-item .agent-header .agent-social-links ul li a:hover {
	background-color: var(--primary-color);
}

.agent-item .agent-body {
	text-align: center;
}

.agent-item .agent-body h3 {
	font-size: 22px;
	color: var(--dark-color);
	font-weight: 600;
}

.agent-item .agent-body p {
	margin-bottom: 0;
}

.case_study {
	padding: 100px 0 20px;
	background: var(--primary-color);
}

.post-body2 {
	margin-top: 1.05rem;
}

.post-body2 a {
	color: var(--accent-color);
	font-weight: 700;
	font-size: 26px;
	text-transform: uppercase;
}

.post-body2 h3 {
	margin: 0;
	margin-bottom: .5rem;
}

.post-body2 p {
	line-height: 1.475;
    font-size: 14px;
	color: #fff;
}

/******************************************/
/****   	 15. Listing Page css  	   ****/
/******************************************/

.page-property-listing {
	padding: 100px 0;
}

.page-property-listing .property-item {
	margin-bottom: 30px;
}

.post-pagination {
	margin-top: 30px;
	text-align: center;
}

.post-pagination ul {
	justify-content: center;
	padding: 0;
	margin: 0;
}

.post-pagination ul li a,
.post-pagination ul li span {
	display: flex;
	text-decoration: none;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background: var(--secondary-color);
	margin: 0 4px;
	border-radius: 5px;
	font-family: var(--accent-font);
	font-weight: 700;
	color: var(--primary-color);
	transition: all 0.3s ease-in-out;
}

.post-pagination ul li.active a,
.post-pagination ul li a:hover {
	background: var(--accent-color);
	color: var(--white-color);
}

.property-sidebar {
	padding-left: 30px;
}

.property-category-box {
	background: var(--secondary-color);
	padding: 40px;
	border-radius: 20px;
	margin-bottom: 30px;
}

.property-category-box h3 {
	font-size: 22px;
	color: var(--dark-color);
	font-weight: 600;
	margin-bottom: 15px;
}

.property-category-box ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.property-category-box ul li {
	border-bottom: 1px solid var(--divider-color);
	padding: 10px 0;
}

.property-category-box ul li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.property-category-box ul li a {
	display: block;
	font-weight: 600;
	color: var(--text-color);
	position: relative;
	padding-left: 20px;
	transition: all 0.3s ease-in-out;
}

.property-category-box ul li a:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/icon-list.svg) no-repeat left center;
	position: absolute;
	left: 0;
	top: 2px;
}

.property-category-box ul li a:hover {
	color: var(--accent-color);
}

.need-help-box {
	position: relative;
	text-align: center;
	border-radius: 20px;
	overflow: hidden;
}

.need-help-box:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--dark-overlay-color);
}

.need-help-box .need-help-img img {
	width: 100%;
	transition: all 0.5s ease-in-out;
}

.need-help-box:hover .need-help-img img {
	transform: scale(1.2);
}

.need-help-box .need-help-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	z-index: 2;
}

.need-help-box .need-help-content h3 {
	color: var(--white-color);
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 30px;
	width: 100%;
}

/******************************************/
/****   16. Property Single Page css   ****/
/******************************************/

.page-property-single {
	padding: 100px 0;
}

.porperty-single-sidebar {
	padding-left: 30px;
	height: 100%;
}

.property-info-box {
	background: var(--secondary-color);
	padding: 40px;
	border-radius: 20px;
	margin-bottom: 40px;
}

.property-info-box h3 {
	font-size: 22px;
	color: var(--dark-color);
	font-weight: 600;
	margin-bottom: 20px;
}

.property-info-item {
	position: relative;
	padding: 14px 0 14px 32px;
	border-bottom: 1px solid var(--gray-divider);
}

.property-info-item:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.property-info-item .icon-box {
	position: absolute;
	top: 14px;
	left: 0;
}

.property-info-item .icon-box img {
	max-height: 20px;
}

.property-info-item p {
	margin: 0;
}

.property-inquiry-box {
	background: var(--secondary-color);
	padding: 40px;
	border-radius: 20px;
	position: sticky;
	top: 100px;
}

.property-inquiry-box h3 {
	font-size: 22px;
	color: var(--dark-color);
	font-weight: 600;
	margin-bottom: 20px;
}

.property-inquiry-form .form-control {
	background: var(--white-color);
}

.property-inquiry-form .btn-default {
	width: 100%;
}

.property-photos-slider {
	border-radius: 20px;
	overflow: hidden;
}

.property-photo-item {
	border-radius: 20px;
	overflow: hidden;
}

.property-photos-slider .swiper-arrow-prev,
.property-photos-slider .swiper-arrow-next {
	width: 50px;
	height: 50px;
	background: var(--accent-color);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 30px;
	color: var(--white-color);
	position: absolute;
	top: 50%;
	z-index: 1;
	transform: translateY(-50%);
	transition: all 0.3s ease-in-out;
}

.property-photos-slider .swiper-arrow-prev {
	left: 20px;
}

.property-photos-slider .swiper-arrow-next {
	right: 20px;
}

.property-photos-slider .swiper-arrow-prev:hover,
.property-photos-slider .swiper-arrow-next:hover {
	background-color: var(--primary-color);
}

.property-single-subtitle {
	margin-bottom: 30px;
}

.property-single-subtitle h3 {
	font-size: 36px;
	color: var(--primary-color);
	margin: 0;
}

.property-overview {
	margin-top: 50px;
	background: var(--secondary-color);
	padding: 40px 40px 10px 40px;
	border-radius: 20px;
}

.property-overview-box {
	display: flex;
	flex-wrap: wrap;
}

.property-overview-box .property-overview-item {
	width: calc(33.33% - 20px);
	margin-right: 30px;
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.property-overview-box .property-overview-item:nth-of-type(3n + 3) {
	margin-right: 0;
}

.property-overview-box .property-overview-item .icon-box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	background: var(--primary-color);
	border-radius: 5px;
	margin-right: 15px;
}

.property-overview-box .property-overview-item .property-overview-content {
	width: calc(100% - 75px);
}

.property-overview-box .property-overview-item .property-overview-content h3 {
	font-size: 20px;
	font-weight: 600;
	color: var(--dark-color);
	margin-bottom: 6px;
}

.property-overview-box .property-overview-item .property-overview-content p {
	margin: 0;
}

.about-property {
	background-color: var(--secondary-color);
	padding: 40px;
	border-radius: 20px;
	margin-top: 50px;
}

.about-property-cta .btn-border {
	margin-right: 15px;
	border-color: var(--primary-color);
	color: var(--primary-color);
}

.about-property-cta .btn-border.btn-default:before {
	background-color: var(--primary-color);
}

.property-amenities {
	background: var(--secondary-color);
	padding: 40px 40px 20px 40px;
	border-radius: 20px;
	margin-top: 50px;
}

.property-amenities-box ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

.property-amenities-box ul li {
	width: calc(33.33% - 20px);
	font-size: 18px;
	font-weight: 500;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
	padding-left: 30px;
}

.property-amenities-box ul li:before {
	content: '';
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	width: 20px;
	height: 20px;
	background: url(../images/icon-checkbox.svg) no-repeat left center;
}

.property-map-location {
	background: var(--secondary-color);
	padding: 40px;
	border-radius: 20px;
	margin-top: 50px;
}

.property-map-iframe iframe {
	width: 100%;
	height: 300px;
	border-radius: 20px;
}

/******************************************/
/****  	  17. Blog Archive Page css    ****/
/******************************************/

.blog-archive-page {
	padding: 100px 0;
}

.blog-archive-page .post-item {
	margin-bottom: 40px;
}

/******************************************/
/****   	 18. Post Single css  	   ****/
/******************************************/

.post-meta ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.post-meta ul li {
	display: inline-block;
	color: var(--white-color);
}

.post-meta ul li:after {
	content: '/';
	margin-left: 10px;
	margin-right: 6px;
}

.post-meta ul li:last-child::after {
	display: none;
}

.post-meta ul li a {
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.post-meta ul li a:hover {
	color: var(--accent-color);
}

.blog-single-page {
	padding: 100px 0 50px;
}

.post-sidebar {
	padding-left: 20px;
}

.search-box-widget {
	background: var(--secondary-color);
	padding: 40px;
	border-radius: 20px;
	margin-bottom: 40px;
}

.search-form .form-control {
	background: var(--white-color);
	border-right: none;
}

.search-form .btn-default {
	border-radius: 0 5px 5px 0;
	padding: 14px 20px;
}

.category-box-widget {
	background: var(--secondary-color);
	padding: 40px;
	border-radius: 20px;
	margin-bottom: 40px;
}

.category-box-widget h3 {
	font-size: 22px;
	color: var(--dark-color);
	font-weight: 600;
	margin-bottom: 15px;
}

.category-box-widget ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.category-box-widget ul li {
	border-bottom: 1px solid var(--divider-color);
	padding: 10px 0;
}

.category-box-widget ul li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.category-box-widget ul li a {
	display: block;
	font-weight: 600;
	color: var(--text-color);
	position: relative;
	padding-left: 20px;
	transition: all 0.3s ease-in-out;
}

.category-box-widget ul li a:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/icon-list.svg) no-repeat left center;
	position: absolute;
	left: 0;
	top: 2px;
}

.category-box-widget ul li a:hover {
	color: var(--accent-color);
}

.recent-posts-widget {
	background: var(--secondary-color);
	padding: 40px;
	border-radius: 20px;
	margin-bottom: 40px;
}

.recent-posts-widget h3 {
	font-size: 22px;
	color: var(--dark-color);
	font-weight: 600;
	margin-bottom: 25px;
}

.recent-post-item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}

.recent-post-item:last-child {
	margin-bottom: 0;
}

.recent-post-item .post-image {
	width: 36%;
}

.recent-post-item .post-image img {
	aspect-ratio: 1/0.8;
	object-fit: cover;
	border-radius: 6px;
}

.recent-post-item .post-info {
	width: 60%;
}

.recent-post-item .post-info p.meta {
	margin: 0 0 8px;
	color: var(--text-color);
}

.recent-post-item .post-info p.meta a {
	color: inherit;
}

.recent-post-item .post-info h4 {
	font-size: 18px;
	font-weight: 600;
	color: var(--dark-color);
	margin: 0;
}

.recent-post-item .post-info h4 a {
	color: inherit;
}

.popular-tags-widget {
	background: var(--secondary-color);
	padding: 40px;
	border-radius: 20px;
}

.popular-tags-widget h3 {
	font-size: 22px;
	color: var(--dark-color);
	font-weight: 600;
	margin-bottom: 25px;
}

.tag-clouds ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.tag-clouds ul li {
	display: inline-block;
	margin-right: 6px;
	margin-bottom: 10px;
}

.tag-clouds ul li a {
	display: block;
	background: var(--white-color);
	padding: 10px 16px;
	color: var(--text-color);
	border-radius: 5px;
	border: 1px solid var(--divider-color);
	transition: all 0.3s ease-in-out;
}

.tag-clouds ul li a:hover {
	background: var(--primary-color);
	color: var(--white-color);
}

.post-featured-image {
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 30px;
}

.post-entry {
	background: var(--secondary-color);
	padding: 40px;
	border-radius: 20px;
	margin-bottom: 30px;
}

.post-entry a {
	color: var(--primary-color);
}

.post-entry h1,
.post-entry h2,
.post-entry h3,
.post-entry h4,
.post-entry h5,
.post-entry h6 {
	margin: 1em 0 0.6em;
}

.post-entry h1 {
	font-size: 36px;
}

.post-entry h2 {
	font-size: 30px;
}

.post-entry h3 {
	font-size: 26px;
}

.post-entry h4 {
	font-size: 22px;
}

.post-entry h5 {
	font-size: 18px;
}

.post-entry h6 {
	font-size: 16px;
}

.post-entry blockquote {
	border-left: 4px solid var(--accent-color);
	padding-left: 20px;
	margin-left: 20px;
}

.post-entry blockquote p {
	font-size: 18px;
	font-weight: 600;
}

.post-entry ul {
	list-style: none;
	padding: 0;
	margin: 0 0 1.7em;
}

.post-entry ul li {
	padding-left: 30px;
	position: relative;
	margin-bottom: 12px;
}

.post-entry ul li:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/icon-checkbox.svg) no-repeat center center;
	position: absolute;
	left: 0;
	top: 2px;
}

.post-content .post-tags {
	font-size: 20px;
	color: var(--primary-color);
	font-weight: 700;
	font-family: var(--accent-font);
}

.post-content .post-tags a {
	display: inline-block;
	color: var(--white-color);
	font-family: var(--accent-font);
	font-size: 14px;
	font-weight: 500;
	background: var(--accent-color);
	padding: 8px 20px;
	border-radius: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	transition: all 0.3s ease-in-out;
}

.post-content .post-tags a:hover {
	background: var(--primary-color);
}

.post-social-sharing ul {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: right;
}

.post-social-sharing ul li {
	display: inline-block;
	margin-left: 5px;
}

.post-social-sharing ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--accent-color);
	color: var(--white-color);
	width: 40px;
	height: 40px;
	font-size: 16px;
	border-radius: 5px;
	transition: all 0.3s ease-out;
}

.post-social-sharing ul li a:hover {
	background: var(--primary-color);
	color: var(--white-color);
}

.realted-posts {
	padding: 50px 0 100px;
}

/******************************************/
/**** 	 19. Contact us page css	   ****/
/******************************************/

.contact-details {
	padding: 100px 0;
}

.contact-detail-item {
	background: var(--secondary-color);
	padding: 40px 60px 50px;
	border-radius: 20px;
	text-align: center;
}

.contact-detail-item .icon-box {
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 30px;
	background: var(--primary-color);
	border-radius: 50px;
}

.contact-detail-item h3 {
	font-size: 22px;
	font-weight: 600;
	color: var(--dark-color);
}

.contact-detail-item p {
	margin: 0;
}

.contact-inquiry-box {
	background: var(--secondary-color);
	padding: 100px 0;
}

.contact-form .form-control {
	background: var(--white-color);
}

.google-location-map {
	padding: 100px 0;
}

.google-map-box iframe {
	border-radius: 20px;
	width: 100%;
	height: 450px;
}

/******************************************/
/**** 	 		20. FAQ page css	   ****/
/******************************************/

.faqs-page {
	padding: 100px 0;
}

.faq-accordion .accordion-item {
	background: var(--secondary-color);
	margin-bottom: 20px;
	border: none;
	border-radius: 10px;
	overflow: hidden;
}

.faq-accordion .accordion-item:last-child {
	margin-bottom: 0;
}

.faq-accordion .accordion-item .accordion-header .accordion-button {
	box-shadow: none;
	outline: 0;
	border: none;
	background: none;
	font-size: 18px;
	font-weight: 500;
	padding: 18px 20px;
	color: var(--dark-color);
}

.faq-accordion .accordion-item .accordion-button::after {
	content: '';
	width: 20px;
	height: 20px;
	display: block;
	background: url(../images/icon-faq.svg) no-repeat center center;
}

.faq-accordion .accordion-body {
	padding-top: 10px;
	color: var(--text-color);
}

.faq-accordion .accordion-body p:last-child {
	margin-bottom: 0;
}

/******************************************/
/**** 	21. Page Not Found Page css	   ****/
/******************************************/

.not-found-page {
	padding: 100px 0;
}

.page-not-found-box {
	text-align: center;
}

.page-not-found-box h2 {
	font-size: 36px;
	margin-top: 40px;
	margin-bottom: 30px;
}

/******************************************/
/**** 	 	22. Agents page css	       ****/
/******************************************/

.agents-page {
	padding: 100px 0 60px;
}

.agents-page .agent-item {
	margin-bottom: 40px;
}

/******************************************/
/****   	 23. Responsive css   	   ****/
/******************************************/

@media only screen and (max-width: 1360px) {

	.hero .hero-section,
	.page-header {
		margin: 0 15px;
	}

	footer.footer {
		margin: 70px 15px 0;
	}
}

@media only screen and (max-width: 1024px) {
	.main-menu ul li {
		margin-left: 18px;
	}
}

@media only screen and (max-width: 991px) {
    .start_td{
        display:none;
    }
    
    .slicknav_nav .slicknav_row, .slicknav_nav li a {
        font-size: 14px;
        font-weight: 400;
        padding: 4px 15px;
        font-family: var(--accent-font);
        color: var(--primary-color);
    }
    
    .hero-content {
        max-width: 55%;
        padding: 150px 0;
    }
    
    .hero-content .section-title {
        margin-bottom: 18px !important; 
    }
        
	#magic-cursor {
		display: none !important;
	}

	.responsive-menu,
	.navbar-toggle {
		display: block;
	}

	.section-title {
        margin-bottom: 25px;
    }

	.section-title h1,
	.section-title h2 {
		font-size: 36px;
	}

	.main-menu ul li {
		margin: 0 10px;
	}

	header.main-header {
		border-radius: 20px;
	}

	header.main-header .header-sticky {
		padding: 20px 0;
	}

	header.main-header .header-sticky.active .slicknav_menu {
		border-radius: 0;
	}

	.hero .hero-section {
		padding: 0 0 60px;
	}

	.hero.hero-slider .hero-section {
		padding: 0;
	}

	.hero-slider .hero-section .hero-slide {
		padding: 60px 20px;
	}

	.hero-slider .hero-carousel .hero-button-prev,
	.hero-slider .hero-carousel .hero-button-next {
		opacity: 1;
		width: 36px;
		height: 36px;
	}

	.hero-slider .hero-carousel .hero-button-prev {
		left: 10px;
	}

	.hero-slider .hero-carousel .hero-button-next {
		right: 10px;
	}

	.hero .hero-search-form-section {
		position: relative;
		bottom: 0;
		border: 1px solid var(--divider-color);
		border-radius: 20px;
		margin-top: 40px;
		padding: 30px 15px 15px 15px;
		background: var(--secondary-color);
		width: auto;
		margin-left: 15px;
		margin-right: 15px;
	}

	.search-heading {
		display: block;
		margin-bottom: 20px;
	}

	.hero-search-form {
		padding: 0;
		background: transparent;
	}

	.hero-search-form .form-control {
		margin-bottom: 15px;
		background: var(--white-color);
	}

	.section-title h1 {
		font-size: 36px;
	}

	.hero-content .section-title h1 {
		font-size: 42px;
	}

	.property-types {
		padding: 120px 0 30px;
	}
	
	.vanish_sec_top {
        padding: 4rem 0 0rem;
    }
    
    .how-it-work-item img {
        width: 175px;
        text-align: center;
        position: relative;
        bottom: auto;
    }
    
    .how_work_inner {
        min-height: 275px;
    }
	
	.property-types-union .container .section-title p {
        font-size: 18px;
	}

	.featured-property {
		padding: 60px 0 20px;
	}
	
	.col-lg-3:nth-child(2) .post-item {
        rotate: none;
        background: var(--primary-color);
    }
    
    .row.ads_sec {
        padding: 10px;
    }
    
    .post-tect-last {
        position: absolute;
        bottom: -5px;
    }

	.property-slider .swiper-pagination {
		margin-top: 30px;
	}

	.about-us {
		padding: 0 0 30px;
	}
	
	.hero-content-body p {
        font-size: 14px;
    }
	
    .about-image {
         padding: 0; 
    }
    
    .about-image img{
        display:none;
    }
    
    .post-item.postitem2 {
        background: transparent;
        padding: 0 8px 0;
    }
    
    .plan_cont .section-title h2 {
        color: var(--accent-color);
        font-size: 42px;
        text-align: center;
    }
    
    .about-content.plan_cont {
        padding: 0 5px;
        width: 80%;
        margin: auto;
    }
    
    footer.footer {
        margin: 0 !important;
        padding:0 !important;    
        
    }

    .footer_image_dtl {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        text-align: center;
        background: var(--accent-color);
        padding-bottom: 3rem;
    }
	.about-images {
		margin-bottom: 30px;
	}

	.about-content {
		padding: 0;
	}

	.how-it-works {
		padding: 60px 0 30px;
	}

	.how-it-work-item {
		margin-bottom: 30px;
	}

	.why-choose-us {
		padding: 60px 0 30px;
	}

	.why-choose-us-images {
		margin-bottom: 30px;
	}

	.infobar-cta {
		padding: 30px 0 60px;
	}

	.cta-content {
		text-align: center;
		margin-bottom: 30px;
	}

	.cta-button {
		text-align: center;
	}

	.cta-button .btn-default {
		margin: 0 4px;
	}

	.property-by-city {
		padding: 60px 0 30px;
	}

	.location-item {
		margin-bottom: 30px;
	}

	.latest-posts {
		padding: 60px 20px 30px;
	}

	.post-item {
		margin-bottom: 20px;
	}

	.newsletter-box {
		padding: 30px 40px;
		margin-bottom: 50px;
	}

	.newsletter-title {
		text-align: center;
		margin-bottom: 30px;
	}

	.mega-footer {
        padding: 0 ;
    }

	.footer-about {
		padding: 0;
		margin-bottom: 40px;
	}

	.footer-contact-info h3,
	.footer-quick-links h3,
	.footer-appointment h3 {
		margin-bottom: 20px;
	}

	.footer-info-box {
		margin-bottom: 20px;
	}

	.footer-contact-info {
		margin-bottom: 40px;
		padding-right: 50px;
	}

	.footer-quick-links {
		margin-bottom: 40px;
	}

	footer.footer {
		padding-bottom: 50px;
	}

	.page-header {
		padding: 60px 0;
	}

	.page-header-box h1 {
		font-size: 36px;
	}

	.photo-gallery {
		padding: 60px 0 0;
	}

	.testimonial-slider {
		margin-left: -15px;
		margin-right: -15px;
	}

	.testimonials {
		padding: 60px 0;
	}

	.stat-counter {
		padding: 60px 0 30px;
	}

	.counter-item {
		margin-bottom: 30px;
	}

	.our-partners {
		padding: 60px 0 30px;
	}

	.client-logo {
		margin-bottom: 30px;
	}

	.our-agents {
		padding: 60px 0 30px;
	}

	.agent-item {
		margin-bottom: 30px;
	}

	.page-property-listing {
		padding: 60px 0;
	}

	.property-sidebar {
		padding: 0;
		margin-top: 40px;
	}

	.post-pagination {
		margin-top: 10px;
	}

	.page-property-single {
		padding: 60px 0;
	}

	.property-overview,
	.about-property,
	.property-amenities,
	.property-map-location {
		margin-top: 30px;
	}

	.porperty-single-sidebar {
		padding: 0;
		margin-top: 50px;
	}

	.property-inquiry-box {
		position: initial;
	}

	.blog-archive-page {
		padding: 60px 0;
	}

	.blog-single-page {
		padding: 60px 0 30px;
	}

	.post-sidebar {
		padding: 0;
		margin-top: 40px;
	}

	.post-social-sharing ul {
		text-align: left;
	}

	.search-box-widget,
	.category-box-widget,
	.recent-posts-widget {
		margin-bottom: 30px;
	}

	.realted-posts {
		padding: 30px 0 60px;
	}

	.contact-details {
		padding: 60px 0;
	}

	.contact-detail-item {
		padding: 30px 20px;
	}

	.contact-detail-item .icon-box {
		width: 70px;
		height: 70px;
		margin: 0 auto 20px;
	}

	.contact-detail-item .icon-box img {
		max-width: 40%;
	}

	.contact-inquiry-box {
		padding: 60px 0;
	}

	.google-location-map {
		padding: 60px 0;
	}

	.faqs-page {
		padding: 60px 0;
	}

	.not-found-page {
		padding: 60px 0;
	}

	.agents-page {
		padding: 60px 0 20px;
	}
	
	.slicknav_icon .slicknav_icon-bar {
        background-color: var(--primary-color);
    }
}

@media only screen and (max-width: 767px) {
    
    .doodle-doo, .doodle-doo2{
        display:none;
    }
    
    .post-tect-last h3{
        left:20px;
    }
    
    .tt-bg-noise{
        display:none;
    }
    
    .slicknav_nav .slicknav_row, .slicknav_nav li a {
        font-size: 13px;
        font-weight: 400;
        padding: 4px 15px;
        font-family: var(--accent-font);
        color: var(--primary-color);
    }
    
    .post-body2 p {
        font-size: 13px;
    }
    
    .post-item.postitem2{
        background: transparent;
        padding: 0 8px .15rem;
    }
    
    .about-content-body ul li img {
    margin-top: .25rem;
}
    
    .about-image {
        display:none;
    }
    
    .start_td{
        display:none;
    }
    
    .slicknav_icon .slicknav_icon-bar {
        background-color: var(--primary-color);
    }

	.btn-default {
		padding: 6px 24px;
	}

	.btn-default.btn-border {
		padding: 8px 20px;
	}

	.section-title h1,
	.section-title h2 {
		font-size: 30px;
	}
	
	.plan_cont .section-title h2 {
	    font-size: 42px;
	    text-align: center;
	}
	
	.about-content-body {
        display: flex;
        width: 80%;
        margin: auto;
    }

	header.main-header .header-sticky {
		padding: 20px 0;
	}

	header.main-header .header-sticky.active {
        padding: 10px 0;
        background: #E7F77E;
        box-shadow: 0 8px 20px 0px #0002;
	}
	
	.post-item2 img {
        border-radius: 10px;
        box-shadow: 0px 1px 3px 0px #00000040;
        width: 100%;
        /* padding: 10px; */
	}
    
    .tt-main-menu {
        background-color: #0535B9 !important;
    }

	.navbar-brand img {
		max-height: 40px;
	}

	.hero .hero-section {
		padding: 40px 0;
	}

	.hero-slider .hero-section .hero-slide {
		padding: 40px 20px 80px;
	}

	.hero-slider .hero-carousel .hero-button-prev,
	.hero-slider .hero-carousel .hero-button-next {
		top: auto;
		bottom: 20px;
	}

	.hero-slider .hero-carousel .hero-button-prev {
		left: 38%;
	}

	.hero-slider .hero-carousel .hero-button-next {
		right: 38%;
	}

	.hero .hero-search-form-section {
		padding: 20px 5px;
	}
	
	.parallarx {
        flex-direction:column;
    }
	
	.hero-content {
        /* max-width: 55%; */
        /* margin: 0 auto; */
        text-align: center;
        padding: 68px 0 0;
        max-width: 100%;
    }

	.search-heading {
		display: block;
	}

	.section-title h1 {
		font-size: 28px;
	}

	.hero-content .section-title h1 {
		font-size: 36px;
        width: 100%;
        line-height: 1.3;
	}
	
	.hero-content-body p {
        width: 100%;
        font-size: 12px;
    }
    
    .hero-content .section-title {
        margin-bottom: 20px !important;
    }

	.hero-content-footer {
		margin-top: 20px;
	}

	.btn-default {
		font-size: 13px;
	}

	.hero-content-footer .btn-default {
		margin: 0 4px;
	}

	.property-types {
		padding: 40px 10px;
	}
	
	.col-lg-3:nth-child(2) .post-item {
        rotate: none;
    }
    
    .post-tect-last {
        position: absolute;
        bottom: -5px;
    }

	.property-type-item {
		text-align: center;
	}

	.property-type-item .icon-box {
		margin-left: auto;
		margin-right: auto;
	}

	.property-type-item h3 {
		font-size: 20px;
	}

	.property-type-slider .swiper-pagination {
		margin-top: 20px;
	}

	.property-type-slider .swiper-pagination .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
	}

	.featured-property {
		padding: 0;
	}

	.property-item .property-header .property-label {
		font-size: 14px;
	}

	.property-item .property-body h3 {
		font-size: 20px;
	}

	.property-item .property-body {
		padding: 20px;
	}

	.property-item .property-footer {
		padding: 0 20px 20px;
	}

	.property-item .property-footer .property-price {
		font-size: 16px;
	}

	.about-us {
		padding: 0;
	}

	.about-images {
		padding-top: 20px;
		padding-left: 40px;
		background-size: 100px auto;
	}

	.about-content {
		padding-top: 0;
	}

	.about-content-body ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5px;
	}

	.about-content-body ul li .icon-box {
		width: 36px;
		height: 36px;
	}

	.about-content-body ul li .icon-box img {
		max-width: 50%;
	}

	.about-content-body ul li span {
		font-size: 12px;
	}
	
	.footer {
        margin: 50px 0 0 !important;
        padding-bottom:0 !important;
    }
    
    .mega-footer {
        padding: 0;
    }
    
    .footer_image_dtl {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        text-align: center;
        background: var(--accent-color);
        padding: 0rem 0 3rem;
    }
    
    .footer_image_dtl h4 {
        color: var(--primary-color);
        font-size: 16px;
        margin-bottom: 0;
    }
    
    .footer_image_dtl h1 {
        color: var(--primary-color);
        font-size: 42px;
        margin: 0;
    }

	.about-content-body .btn-default {
		margin-top: 10px;
	}

	.how-it-works {
		padding: 40px 0 20px;
	}

	.how-it-work-item .icon-box {
		width: 60px;
		height: 60px;
	}

	.how-it-work-item .icon-box img {
		max-width: 50%;
	}

	.how-it-work-item h3 {
		font-size: 20px;
	}

	.why-choose-us {
		padding: 50px 0 30px;
	}

	.why-choose-us-body ul li {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.exclusive-agents {
		padding: 20px;
	}

	.exclusive-agents h5 {
		font-size: 16px;
	}

	.infobar-cta {
		padding: 30px 0 50px;
	}

	.infobar-box {
		padding: 30px 20px;
	}

	.cta-content h2 {
		font-size: 26px;
		margin-bottom: 10px;
	}

	.property-by-city {
		padding: 50px 0 20px;
	}

	.location-item .location-content .location-header h3 {
		font-size: 20px;
	}

	.latest-posts {
		padding: 50px 0 30px;
	}
	
	.case_study {
        padding: 50px 0 20px;
    }

	.post-item .post-body h3 a {
		font-size: 20px;
	}

	.newsletter-title {
		margin-bottom: 20px;
	}

	.newsletter-title h2 {
		font-size: 26px;
	}

	.newsletter-box {
		padding: 20px 30px;
	}

	.newsletter-form .form-control {
		border-radius: 5px;
		margin-bottom: 10px;
	}

	.newsletter-form .btn-default {
		border-radius: 5px;
	}

	.footer-contact-info h3,
	.footer-quick-links h3,
	.footer-appointment h3 {
		font-size: 20px;
	}

	.footer-contact-info {
		padding: 0;
	}

	.footer-copyright {
		text-align: center;
		margin-bottom: 15px;
	}

	.footer-policy-links {
		text-align: center;
	}

	.footer-policy-links ul li {
		margin-left: 10px;
		margin-right: 10px;
	}

	.page-header-box h1 {
		font-size: 26px;
	}

	.photo-gallery {
		padding: 50px 0 0;
	}

	.testimonials {
		padding: 50px 0;
	}

	.testimonial-slider {
		margin-left: 0;
		margin-right: 0;
	}

	.testimonial-slider .swiper-pagination {
		margin-top: 0px;
	}

	.stat-counter {
		padding: 50px 0 20px;
	}

	.our-partners {
		padding: 50px 0 20px;
	}

	.client-logo {
		padding: 30px 20px;
	}

	.our-agents {
		padding: 50px 0 20px;
	}

	.agent-item .agent-header {
		margin-bottom: 20px;
	}

	.agent-item .agent-body h3 {
		font-size: 20px;
	}

	.page-property-listing {
		padding: 50px 0;
	}

	.property-category-box {
		padding: 30px;
	}

	.property-category-box h3 {
		font-size: 20px;
	}

	.need-help-box .need-help-content h3 {
		font-size: 22px;
	}

	.page-property-single {
		padding: 50px 0;
	}

	.property-photos-slider .swiper-arrow-prev,
	.property-photos-slider .swiper-arrow-next {
		width: 40px;
		height: 40px;
	}

	.property-overview,
	.about-property,
	.property-amenities,
	.property-map-location {
		padding: 20px;
	}

	.property-single-subtitle {
		margin-bottom: 20px;
	}

	.property-single-subtitle h3 {
		font-size: 26px;
	}

	.property-overview-box .property-overview-item {
		width: calc(50% - 15px);
	}

	.property-overview-box .property-overview-item:nth-of-type(3n + 3) {
		margin-right: 30px;
	}

	.property-overview-box .property-overview-item:nth-of-type(2n + 2) {
		margin-right: 0;
	}

	.property-overview-box .property-overview-item .icon-box {
		width: 40px;
		height: 40px;
		margin-right: 10px;
	}

	.property-overview-box .property-overview-item .icon-box img {
		max-width: 50%;
	}

	.property-overview-box .property-overview-item .property-overview-content {
		width: calc(100% - 50px);
	}

	.property-overview-box .property-overview-item .property-overview-content h3 {
		font-size: 16px;
		margin-bottom: 2px;
	}

	.property-overview-box .property-overview-item .property-overview-content p {
		font-size: 14px;
	}

	.property-amenities-box ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.property-info-box {
		padding: 30px;
	}

	.property-inquiry-box {
		padding: 30px;
	}

	.blog-archive-page {
		padding: 50px 0;
	}

	.blog-archive-page .post-item {
		margin-bottom: 30px;
	}

	.blog-single-page {
		padding: 50px 0 30px;
	}

	.post-entry {
		padding: 20px;
	}

	.post-entry blockquote {
		margin-left: 0;
	}

	.post-entry blockquote p {
		font-size: 16px;
	}

	.post-entry h1 {
		font-size: 26px;
	}

	.post-entry h2 {
		font-size: 24px;
	}

	.post-entry h3 {
		font-size: 22px;
	}

	.post-entry h4 {
		font-size: 20px;
	}

	.post-entry h5 {
		font-size: 16px;
	}

	.post-entry h6 {
		font-size: 14px;
	}

	.post-content .post-tags a {
		padding: 8px 10px;
	}

	.search-box-widget,
	.category-box-widget,
	.recent-posts-widget,
	.popular-tags-widget {
		padding: 30px;
	}

	.tag-clouds ul li a {
		padding: 8px 10px;
	}

	.realted-posts {
		padding: 30px 0 20px;
	}

	.contact-details {
		padding: 50px 0 20px;
	}

	.contact-detail-item {
		margin-bottom: 30px;
	}

	.contact-detail-item h3 {
		font-size: 20px;
	}

	.contact-inquiry-box,
	.google-location-map {
		padding: 50px 0;
	}

	.faqs-page {
		padding: 50px 0;
	}

	.faq-accordion .accordion-item .accordion-header .accordion-button {
		font-size: 16px;
	}

	.not-found-page {
		padding: 50px 0;
	}

	.page-not-found-box h2 {
		font-size: 22px;
	}

	.agents-page {
		padding: 50px 0 10px;
	}
	
	.property-types-union {
	    display:none;
	}
	
	.text-anime .line {
        text-align: center !important;
    }
    
    .section-title p{
        width:100%;
        text-align:center;
        font-size: 13px;
    }
    
    .vanish_sec_top {
        padding: 4rem 0 0;
    }
    
    .vanish_sec_top {
        background: var(--primary-color);
        padding: 4rem 0 0;
        overflow: hidden;
    }
    
    .vanish_sec h3 {
        font-size: 35px;
        margin-bottom: 10px;
    }
    
    .vanish_sec h4 {
        font-size: 35px;
    }
    
    .how-it-work-item p {
        font-size: .875rem;
        text-align: center;
    }
    
    .section-title.our_network {
        margin: 15px 0 5px 0;
    }
    
    .how-it-work-item img{
        display:none;
    }
    
    .about_bt_text p {
        text-align: left !important;
    }
    
    .how_work_inner {
        justify-content: normal;
        min-height: auto;
    }
    
    .mob_partner {
        display:grid;
        grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
        gap: 8px 0px;
        padding: 0 8px;
    }
    
    .partner_text {
        margin-bottom: 20px !important;
    }

            	
	/*.hero-scroll-image {*/
 /*   	height: 100%;*/
 /*   	overflow: hidden;*/
 /*   }*/
    
 /*   .group {*/
 /*   	display: flex;*/
 /*   	flex-direction: column;*/
 /*   	gap: .75em;*/
 /*   	padding-top: .75em;*/
 /*   }*/
    
 /*   .hero-scroll-image {*/
 /*   	position: relative;*/
 /*   }*/
    
 /*   .hero-scroll-image .group {*/
 /*   	animation: scrollUp 40s linear infinite;*/
 /*   }*/
    
 /*   @keyframes scrollUp {*/
 /*   	0% {*/
 /*   		transform: translateX(0);*/
 /*   	}*/
    
 /*   	100% {*/
 /*   		transform: translateX(-100%);*/
 /*   	}*/
 /*   }*/
	
	
}


@media (min-width: 769px) {
    .property-carousel .swiper-button-next,
    .property-carousel .swiper-button-prev,hscroll
    .property-carousel .swiper-pagination {
        display: none !important;
    }
}

.property-carousel .swiper-slide {
    width: 85% !important; 
    max-width: 350px;
}




/* ===================== OUR PARTNERS IN CRIME — RESPONSIVE FIX ===================== */

/* ---- Tablet / small laptop (991px se niche) ---- */
@media only screen and (max-width: 991px) {
	.latest-posts {
		padding: 50px 0 40px;
	}

	.hscroll-card {
		width: 200px;
		margin-right: 10px;
	}

	.hscroll-row + .hscroll-row {
		margin-top: 12px;
	}
}

/* ---- Large phones / small tablets (767px se niche) ---- */
@media only screen and (max-width: 767px) {
	.latest-posts {
		padding: 40px 0 30px;
	}

	.partner_text {
		margin-bottom: 25px;
	}

	.hscroll-card {
		width: 180px;
		margin-right: 10px;
	}

	.hscroll-row + .hscroll-row {
		margin-top: 12px;
	}
}

/* ---- Mobile (640px se niche — original breakpoint refine) ---- */
@media only screen and (max-width: 640px) {
	.hscroll-card {
		width: 150px;
		margin-right: 10px;
	}

	.hscroll-row + .hscroll-row {
		margin-top: 10px;
	}
}

/* ---- Small phones ---- */
@media only screen and (max-width: 480px) {
	.latest-posts {
		padding: 35px 0 25px;
	}

	.hscroll-card {
		width: 120px;
		margin-right: 8px;
	}

	.hscroll-row + .hscroll-row {
		margin-top: 8px;
	}
}

/* ---- Very small phones ---- */
@media only screen and (max-width: 375px) {
	.hscroll-card {
		width: 100px;
		margin-right: 6px;
	}
}




	.vlwc-card {
		position: relative;
		width: 100%;
		aspect-ratio: 9 / 16;
		border-radius: 16px;
		overflow: hidden;
		background: #10143a;
		border: 2px solid rgba(255,255,255,0.35);
		transition: border-color 0.3s ease, transform 0.3s ease;
	}

	/*.swiper-slide-active .vlwc-card,*/
	/*.swiper-slide-duplicate-active .vlwc-card {*/
	/*	border-color: #f4ff5c;*/
	/*}*/

    .vlwc-video {
    	position: absolute;
    	inset: 0;
    	width: 100%;
    	height: 100%;
    	object-fit: cover;
    }
    
    .vlwc-card img,
    .vlwc-card .vlwc-video {
    	-webkit-user-drag: none !important;
    	user-drag: none !important;
    	-webkit-user-select: none !important;
    	-moz-user-select: none !important;
    	user-select: none !important;
    	pointer-events: none !important;  
    }
    
    .vlwc-card, .vlwc-card * {
    	-webkit-user-drag: none !important;
    	user-drag: none !important;
    }

	.vlwc-scrim {
		position: absolute;
		inset: 0;
		background: linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 65%, rgba(0,0,0,0.45) 100%);
		pointer-events: none;
	}

	.vlwc-progress {
		position: absolute;
		bottom: 0; left: 0; right: 0;
		height: 3px;
		background: rgba(255,255,255,0.25);
		z-index: 3;
		cursor: pointer;
	}

	.vlwc-progress-fill {
		height: 100%;
		width: 0%;
		background: #f4ff5c;
	}

	.vlwc-caption {
		position: absolute;
		top: 14px; left: 12px; right: 12px;
		color: #fff;
		font-size: 12.5px;
		font-weight: 600;
		line-height: 1.4;
		margin: 0;
		z-index: 2;
		text-shadow: 0 1px 4px rgba(0,0,0,0.5);
	}

	.vlwc-caption em {
		font-style: italic;
		color: #f4ff5c;
	}

	/* ---------- Play / Pause button with ripple ---------- */
	.vlwc-play-btn {
		position: absolute;
		bottom: -3px;
        right: -4px;
        width: 26px;
        height: 26px;
		border-radius: 50%;
		background: rgba(0,0,0,0.45);
		border: 1.5px solid rgba(255,255,255,0.75);
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		z-index: 2;
		overflow: hidden;
		transform: translate(-50%, -50%) scale(1);
		transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
		            background 0.25s ease,
		            opacity 0.25s ease;
	}

	.vlwc-play-btn:hover {
		background: rgba(0,0,0,0.6);
	}

	/* pressed-in squeeze the instant you click */
	.vlwc-play-btn.vlwc-pressed {
		transform: translate(-50%, -50%) scale(0.8);
	}

	.vlwc-card.vlwc-playing .vlwc-play-btn {
		opacity: 0;
	}
	.vlwc-card.vlwc-playing:hover .vlwc-play-btn,
	.vlwc-card.vlwc-playing .vlwc-play-btn.vlwc-force-show {
		opacity: 1;
	}

	.vlwc-icon-play, .vlwc-icon-pause {
		position: absolute;
		top: 50%; left: 50%;
		transform: translate(-50%, -50%) scale(1);
		transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease;
		opacity: 1;
		 width: 16px;
         height: 16px;
	}
	/*.vlwc-icon-play { margin-left: 2px; }*/

	.vlwc-play-btn.vlwc-swapping .vlwc-icon-play,
	.vlwc-play-btn.vlwc-swapping .vlwc-icon-pause {
		transform: translate(-50%, -50%) scale(0.4);
		opacity: 0;
	}

	/* the expanding ripple/splash disc, spawned at click point */
	.vlwc-ripple {
		position: absolute;
		border-radius: 50%;
		background: radial-gradient(circle, rgba(244,255,92,0.55) 0%, rgba(244,255,92,0.15) 60%, rgba(244,255,92,0) 100%);
		transform: scale(0);
		opacity: 1;
		pointer-events: none;
		animation: vlwcRipple 700ms cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
	}

	@keyframes vlwcRipple {
		to { transform: scale(1); opacity: 0; }
	}

	/* soft outward pulse ring on the button edge, for extra polish */
	.vlwc-pulse-ring {
		position: absolute;
		inset: 0;
		border-radius: 50%;
		border: 2px solid rgba(244,255,92,0.9);
		transform: scale(1);
		opacity: 0.9;
		pointer-events: none;
		animation: vlwcPulseRing 600ms cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
	}

	@keyframes vlwcPulseRing {
		to { transform: scale(1.9); opacity: 0; }
	}

	.vlwc-mute-btn {
		position: absolute;
		bottom: 10px; left: 10px;
		width: 26px; height: 26px;
		border-radius: 50%;
		background: rgba(0,0,0,0.5);
		border: none;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		z-index: 3;
		transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
	}
	.vlwc-mute-btn:active { transform: scale(0.85); }

	@media (prefers-reduced-motion: reduce) {
		.vlwc-play-btn, .vlwc-icon-play, .vlwc-icon-pause, .vlwc-ripple, .vlwc-pulse-ring {
			animation: none !important;
			transition: none !important;
		}
	}
	
	
	.property-slider .swiper {
	overflow: hidden;
	cursor: grab;
	touch-action: pan-y;
	user-select: none;
	-webkit-user-select: none;
}

.property-slider .swiper.vlwc-dragging {
	cursor: grabbing;
}

.property-slider .swiper-wrapper {
	display: flex;
	flex-wrap: nowrap;
	will-change: transform;
}

.property-slider .swiper-slide {
	flex: 0 0 auto;
	width: 82%;
	margin-right: 12px;
}

@media (min-width: 768px) {
	.property-slider .swiper-slide { width: 46%; }
}

@media (min-width: 991px) {
	.property-slider .swiper-slide { width: 21%; }
}

.property-slider .swiper-pagination { display: none; }
	
	/* ===================== VLWC CARD — RESPONSIVE HEIGHT (Mobile/Tablet only) ===================== */

/* Tablet */
@media (max-width: 991px) {
	.vlwc-card {
		aspect-ratio: 3 / 4;
	}
}

/* Large phones / small tablets */
@media (max-width: 767px) {
	.vlwc-card {
		aspect-ratio: 4 / 5;
		border-radius: 12px;
	}

	.vlwc-caption {
		font-size: 11px;
		top: 10px;
		left: 10px;
		right: 10px;
	}

	.vlwc-play-btn {
		width: 24px;
		height: 24px;
	}

	.vlwc-icon-play,
	.vlwc-icon-pause {
		width: 14px;
		height: 14px;
	}

	.vlwc-mute-btn {
		width: 22px;
		height: 22px;
		bottom: 8px;
		left: 8px;
	}
}

/* Mobile */
@media (max-width: 600px) {
	.vlwc-card {
		aspect-ratio: 1 / 1.05;
		border-radius: 10px;
	}

	.vlwc-caption {
		font-size: 10.5px;
	}

	.vlwc-play-btn {
		width: 22px;
		height: 22px;
	}

	.vlwc-icon-play,
	.vlwc-icon-pause {
		width: 12px;
		height: 12px;
	}

	.vlwc-mute-btn {
		width: 20px;
		height: 20px;
	}
}

/* Small phones */
@media (max-width: 480px) {
	.vlwc-card {
		aspect-ratio: 1 / 1.5;
	}
}

/* Very small phones */
@media (max-width: 375px) {
	.vlwc-card {
		aspect-ratio: 1 / 1.25;
	}
}
	
	
	.acg-section {
		--acg-bg: var(--primary-color) ;
		--acg-yellow:  var(--accent-color);
		   padding: 4rem 0 0 0;
	}

	.acg-container {
		display: grid;
		grid-template-columns: 480px 1fr;
		align-items: center;
		gap: 40px;
	}

	/* ---------- left visual ---------- */
	.acg-visual {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.acg-circle {
		position: absolute;
		width: 220px;
		height: 220px;
		background: var(--accent-color);
		border-radius: 50%;
		z-index: 1;
	}

	.acg-photo {
		position: absolute;
		z-index: 0;
		width: 100%;
		height: auto;
		display: block;
		top: -13rem;
	}

	/* ---------- right side ---------- */
	.acg-heading {
		    color: #fff;
    font-size: 48px;
    font-weight: 800;
    line-height: 1.3;
    margin: 0 0 28px;
	}

	.acg-highlight {
		background: var(--acg-yellow);
		color: var(--acg-bg);
		padding: 2px 10px;
		border-radius: 6px;
	}

	.acg-columns {
		display: grid;
		grid-template-columns: auto 1fr 1fr;
		gap: 48px;
	}

	.acg-col-title {
		color: #fff;
		font-size: 22px;
		font-weight: 800;
		letter-spacing: 0.5px;
		margin: 0 0 14px;
	}

	.acg-links {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.acg-links li { margin-bottom: 8px; }

	.acg-links a {
		    color: #FDFDFD;
        font-size: 14px;
        text-decoration: none;
        text-transform: uppercase;
	}

	.acg-links a:hover { color: #fff; }

	.acg-contact-list {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.acg-contact-list li {
		display: flex;
		align-items: center;
		gap: 10px;
		color: #fff;
		font-size: 14px;
		line-height: 1.5;
		margin-bottom: 14px;
		text-transform:uppercase;
	}

	.acg-ic {
		flex-shrink: 0;
		/*margin-top: 2px;*/
	}
	
	.acg-ic img{
		width: 24px;
        max-width: fit-content;
	}

	.acg-socials {
		display: flex;
		gap: 10px;
	}

	.acg-social-btn {
		width: 30px;
		height: 30px;
		border-radius: 50%;
		background: var(--acg-yellow);
		display: flex;
		align-items: center;
		justify-content: center;
		transition: transform 0.2s ease;
	}

	.acg-social-btn:hover { transform: translateY(-2px); }

	/*@media (max-width: 900px) {*/
	/*	.acg-container {*/
	/*		grid-template-columns: 1fr;*/
	/*		text-align: center;*/
	/*	}*/
	/*	.acg-columns {*/
	/*		grid-template-columns: 1fr;*/
	/*		gap: 24px;*/
	/*	}*/
	/*	.acg-contact-list li { justify-content: center; text-align: left; }*/
	/*}*/
	
	
	
	
	@media (max-width: 900px) {
	.acg-container {
		display: flex;
		flex-direction: column;
		text-align: left;
	}

	.acg-right {
		display: contents;
	}

	.acg-columns {
		order: 1;
		grid-template-columns: 1fr;
		gap: 32px;
		text-align: left;
	}

	.acg-heading {
		order: 2;
		font-size: clamp(26px, 7vw, 36px);
		text-align: left;
		margin-bottom: 0;
	}

	.acg-visual {
		order: 3;
		margin-top: 50px;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		position: relative;
		min-height: 320px;
	}

	.acg-col-title {
		font-size: 20px;
		margin-bottom: 12px;
	}

	.acg-links a {
		font-size: 13px;
	}

	.acg-contact-list li {
		justify-content: flex-start;
		text-align: left;
		font-size: 13px;
	}

	.acg-socials {
		justify-content: flex-start;
	}

	/* Photo + circle repositioning */
	.acg-circle {
		position: relative;
		top: auto;
		right: auto;
		transform: none;
		width: 230px;
		height: 230px;
		margin: 0 auto;
	}

	.acg-photo {
		position: absolute;
		top: auto;
		bottom: -50px;
		left: 50%;
		transform: translateX(-50%);
		width: 85%;
		max-width: 290px;
		height: auto;
	}
}

/* ---------------- Small phones ---------------- */
@media (max-width: 480px) {
	.acg-section {
		padding-top: 0;
	}

	.acg-container {
		padding: 0 15px;
		align-items:flex-start;      
		gap: 20px;
	}

	.acg-heading {
		font-size: clamp(22px, 8vw, 22px);
		margin-bottom:0;
		line-height: 1.6;
		margin-top: 1.25rem;
	}

	.acg-highlight {
		padding: 1px 8px;
	}

	.acg-columns {
		gap: 26px;
	}

	.acg-visual {
		margin-top: 0;;
		min-height: 260px;
		width:100%;
	}

	.acg-circle {
		width: 190px;
		height: 190px;
	}

	/*.acg-photo {*/
	/*	max-width: 325px;*/
	/*}*/

	.acg-ic img {
		width: 20px;
	}
}

/* ---------------- Very small phones ---------------- */
@media (max-width: 375px) {
	.acg-heading {
		font-size: 22px;
	}

	.acg-circle {
		width: 160px;
		height: 160px;
	}

	.acg-photo {
		max-width: 250px;
	}
}
	
	
	
	
	/* ===================== OUR VAST NETWORK — RESPONSIVE ===================== */
.vnet-section {
	--vnet-yellow-soft: #eaff6b;
	--vnet-track-off: rgba(255,255,255,0.16);
	--vnet-text-muted: #b9c3f2;
	padding: 0 0 60px;
}

.vnet-title-row {
	margin-bottom: 32px;
}

.vnet-heading {
	font-size: 48px;
	color: #fff;
	margin: 0;
	font-weight: 800;
	line-height: 1.2em;
	text-transform: uppercase;
}

.vnet-accent {
	color: var(--accent-color);
}

.vnet-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
}

.vnet-card {
	background: #FFFFFF0D;
	border: 1px solid rgba(255,255,255,0.08);
	border-top-right-radius: 18px;
	border-bottom-left-radius: 18px;
	padding: 22px 22px 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 150px;
	opacity: 0;
	transform: translateY(18px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.vnet-section.vnet-in-view .vnet-card {
	opacity: 1;
	transform: translateY(0);
}

.vnet-grid > .vnet-card:nth-child(1) { transition-delay: 0.05s; }
.vnet-grid > .vnet-card:nth-child(2) { transition-delay: 0.15s; }
.vnet-grid > .vnet-card:nth-child(3) { transition-delay: 0.25s; }
.vnet-grid > .vnet-card:nth-child(4) { transition-delay: 0.35s; }
.vnet-grid > .vnet-card:nth-child(5) { transition-delay: 0.45s; }
.vnet-grid > .vnet-card:nth-child(6) { transition-delay: 0.55s; }

/* Stat cards */
.vnet-stat-row {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	flex-wrap: wrap;
}

.vnet-number {
	font-size: clamp(28px, 4vw, 40px);
	font-weight: 800;
	color: #fff;
	margin: 0;
	white-space: nowrap;
	line-height: 1;
}

.vnet-label {
	font-size: clamp(12px, 1.4vw, 14px);
	font-weight: 500;
	color: var(--accent-color);
	margin: 4px 10px 0;
	line-height: 1.35;
}

.vnet-meter-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 18px;
	flex-wrap: nowrap;
}

.vnet-icon {
	flex-shrink: 0;
	width: 26px;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.vnet-icon img {
	width: 27px;
	max-width: 100%;
	height: auto;
}

.vnet-icon--badge {
	background: var(--accent-color);
	border-radius: 7px;
}

.vnet-icon--outline {
	border: 1.5px solid #fff;
	border-radius: 6px;
}

.vnet-track {
	flex: 1 1 auto;
	display: flex;
	gap: 3px;
	height: 20px;
	min-width: 0;
	overflow: hidden;
}

.vnet-segment {
	flex: 1 1 0;
	min-width: 2px;
	background: var(--vnet-track-off);
	border-radius: 2px;
	transition: background-color 0.25s ease;
}

.vnet-segment.vnet-on {
	background: var(--accent-color);
}

/* ---------------- Tablet / small laptop ---------------- */
@media (max-width: 991px) {
	.vnet-section { padding: 50px 0; }

	.vnet-heading { font-size: 38px; }

	.vnet-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}

	.vnet-card {
		min-height: 140px;
		padding: 20px 18px 18px;
	}
}

/* ---------------- Large phones / small tablets ---------------- */
@media (max-width: 767px) {
	.vnet-title-row { margin-bottom: 24px; }

	.vnet-heading { font-size: 32px; }

	.vnet-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	.vnet-card {
		min-height: 130px;
		padding: 18px 16px 16px;
		border-radius: 14px !important;
	}

	.vnet-meter-row { margin-top: 14px; gap: 8px; }
}

/* ---------------- Mobile ---------------- */
@media (max-width: 600px) {
	.vnet-section { padding: 40px 0; }

	.vnet-heading {
		font-size: 28px;
		line-height: 1.25em;
	}

	.vnet-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.vnet-card {
		min-height: auto;
		padding: 18px;
	}

	.vnet-stat-row {
		flex-direction: row;
		align-items: center;
	}

	.vnet-label {
		text-align: left;
		margin: 0 0 0 10px;
	}

	.vnet-number { font-size: 30px; }
}

/* ---------------- Very small phones ---------------- */
@media (max-width: 375px) {
	.vnet-heading { font-size: 22px; }

	.vnet-card { padding: 14px; }

	.vnet-number { font-size: 26px; }

	.vnet-label { font-size: 11.5px; }

	.vnet-icon,
	.vnet-icon img { width: 20px; height: 20px; }
}

@media (prefers-reduced-motion: reduce) {
	.vnet-card,
	.vnet-segment {
		transition: none !important;
	}
}
	
	
	
	/* Tab buttons row */
		.tt-inquiry-tabs {
			display: flex;
			flex-wrap: wrap;
			gap: 12px;
			margin-bottom: 0 !important;
		}

		.tt-inquiry-tab-btn {
			position: relative;
			padding: 9px 28px !important;
			border: 1px solid var(--tt-border-color);
			border-radius: 100px;
			background-color: transparent;
			color: var(--tt-text-color);
			font-family: var(--tt-body-font);
			font-size: 16px;
			font-weight: 500;
			cursor: pointer;
			transition: background-color .3s, color .3s, border-color .3s;
		}

		.tt-inquiry-tab-btn:hover {
			border-color: var(--accent-color);
			color: var(--accent-color);
		}

		.tt-inquiry-tab-btn.is-active {
			background-color: var(--accent-color);
			border-color: var(--accent-color);
			color: var(--tt-dark-color);
		}

		/* Form panels */
		.tt-inquiry-panel {
			display: none;
		}

		.tt-inquiry-panel.is-active {
			display: block;
		}

		.tt-inquiry-panel h6.tt-inquiry-panel-title {
			text-transform: uppercase;
			font-size: 16px;
			margin-bottom: 6px;
			color:#fff;
		}

		.tt-inquiry-panel .tt-inquiry-panel-sub {
			margin-bottom: 30px;
			color: var(--tt-text-muted-color);
		}

		/* Small helper text under followers/city fields */
		.tt-form-hint {
			display: block;
			margin-top: 6px;
			font-size: 13px;
			color: var(--tt-text-muted-color);
		}

		/* "Add another link" rows for Creator form */
		.tt-platform-row {
			display: flex;
			gap: 12px;
			margin-bottom: 15px;
			align-items: flex-end;
			flex-wrap: wrap;
		}

		.tt-platform-row .tt-form-group {
			flex: 1 1 200px;
			margin-bottom: 0;
		}

		.tt-platform-row .tt-platform-remove {
			flex: 0 0 auto;
			background: none;
			border: 1px solid var(--tt-border-color);
			border-radius: 50%;
			width: 38px;
			height: 38px;
			color: var(--tt-text-color);
			cursor: pointer;
			line-height: 1;
			transition: border-color .3s, color .3s;
		}

		.tt-platform-row .tt-platform-remove:hover {
			border-color: #a72424;
			color: #a72424;
		}

		.tt-add-platform-btn {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			background: none;
			border: 1px dashed var(--tt-border-color);
			border-radius: 100px;
			padding: 10px 20px;
			color: var(--tt-text-color);
			font-size: 14px;
			cursor: pointer;
			margin-bottom: 30px;
			transition: border-color .3s, color .3s;
		}

		.tt-add-platform-btn:hover {
			border-color: var(--accent-color);
			color: var(--accent-color);
		}

		/* Disable the submit button while sending */
		.tt-inquiry-panel button[type="submit"][disabled] {
			opacity: .6;
			pointer-events: none;
		}
		
		.tt-form-creative .tt-form-group.tt-field-invalid {
        	border-color: #c53b22 !important
        }