/* ABW Real Estate - site overrides */

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-style: normal;
}

.flaticon-menu:before { content: "\f0c9"; }
.flaticon-dots-menu:before { content: "\f141"; }
.flaticon-close:before,
.flaticon-close-1:before { content: "\f00d"; }
.flaticon-search-interface-symbol:before { content: "\f002"; }
.flaticon-maps-and-flags:before,
.flaticon-pin:before { content: "\f3c5"; }
.flaticon-next-1:before { content: "\f061"; }
.flaticon-rating:before { content: "\f2b5"; }
.flaticon-technology:before { content: "\f3ed"; }
.flaticon-play-1:before { content: "\f04b"; }
.flaticon-telephone:before { content: "\f095"; }
.flaticon-mail-1:before { content: "\f0e0"; }
.flaticon-bell:before { content: "\f0f3"; }
.flaticon-checked:before { content: "\f00c"; }
.flaticon-building:before,
.flaticon-building-1:before { content: "\f1ad"; }
.flaticon-interior-design:before { content: "\f4b8"; }
.flaticon-plant:before { content: "\f4d8"; }
.flaticon-favourite:before { content: "\f004"; }

.contact-form-success {
	margin-bottom: 20px;
	padding: 14px 18px;
	border-radius: 8px;
	background: rgba(var(--main-color-rgb), 0.08);
	color: var(--color-two);
	font-weight: 500;
}

.contact-form-error {
	margin-bottom: 20px;
	padding: 14px 18px;
	border-radius: 8px;
	background: rgba(235, 32, 39, 0.12);
	color: var(--main-color);
	font-weight: 500;
}

.main-header .logo img,
.mobile-menu .nav-logo img,
.footer-logo img {
	display: block;
	width: auto;
}

.main-header .logo img {
	height: 56px;
	max-width: 180px;
}

.mobile-menu .nav-logo img {
	height: 48px;
	max-width: 180px;
}

.footer-logo img {
	height: 64px;
	max-width: 220px;
}

.footer-contact_list li {
	align-items: flex-start;
}

.footer-contact_list li > span {
	flex: 0 0 40px;
}

.footer-contact_list li .footer-address {
	flex: 1 1 auto;
	min-width: 0;
	display: block;
	line-height: 1.7;
	text-align: right;
}

.preloader {
	background: #ffffff;
}

.preloader .box:before,
.preloader .box:after {
	display: none;
}

.preloader-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.preloader .logo-loader {
	display: block;
	width: 110px;
	height: auto;
	animation: logo-loader-pulse 1.15s ease-in-out infinite;
}

@keyframes logo-loader-pulse {
	0%, 100% {
		transform: scale(1);
		opacity: 1;
	}
	50% {
		transform: scale(0.9);
		opacity: 0.72;
	}
}

.page-title.has-bg {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.page-title.has-bg .page-title_cloud,
.page-title.has-bg .page-title_cloud-two,
.page-title.has-bg .page-title_pattern {
	display: none;
}

.page-title.has-bg .page-title_gradient {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(23, 27, 42, 0.45);
}

.page-title.has-bg .auto-container {
	position: relative;
	z-index: 1;
}

.page-title.has-bg h2,
.page-title.has-bg .bread-crumb li,
.page-title.has-bg .bread-crumb li a,
.page-title.has-bg .bread-crumb li:before {
	color: #ffffff;
}

.city-block_one-image {
	height: 420px;
	overflow: hidden;
}

.city-block_one-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.main-footer .footer-bottom .copyright {
	font-size: 14px;
	line-height: 1.45;
	max-width: 100%;
}

.banner-two_title {
	max-width: 100%;
	letter-spacing: 0.5px;
	line-height: 1.45;
}

.banner-two_title:before {
	display: none;
}

.story-one_image-outer {
	display: block;
	width: auto;
	max-width: none;
	position: relative;
}

.story-one_image {
	width: 523px;
	max-width: 100%;
	height: 649px;
	overflow: hidden;
	border-radius: 16px;
	display: inline-block;
}

.story-one_image img {
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center center;
	transform: scale(1);
	transform-origin: center center;
	animation: story-image-zoom 22s ease-in-out infinite alternate;
	will-change: transform;
}

.story-one_experiance {
	right: 0;
}

@keyframes story-image-zoom {
	from {
		transform: scale(1);
	}
	to {
		transform: scale(1.2);
	}
}

@media (max-width: 767px) {
	.story-one_image-outer {
		width: 100%;
	}

	.story-one_image {
		height: auto;
		aspect-ratio: 523 / 649;
	}
}

@media (prefers-reduced-motion: reduce) {
	.story-one_image img {
		animation: none;
	}
}

.contact-one .contact-form .form-group select,
.contact-one .contact-form .form-group .ui-selectmenu-button.ui-button {
	width: 100%;
	height: 56px;
	padding-left: 20px;
}

.team-block_one-image img {
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center 18%;
	display: block;
}

.team-three .team-block_one-inner {
	overflow: hidden;
}

.team-three .team-block_one-image_outer {
	padding: 0;
	border-bottom: 0;
}

.team-three .team-block_one-image {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	margin: 0;
	border-radius: 0;
}

.founders-message p {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 16px;
	color: var(--color-two);
	opacity: 0.80;
}

.founders-signoff {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 50px;
	margin-top: 28px;
}

.founders-signoff_item span {
	display: block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--main-color);
	margin-bottom: 6px;
}

.founders-signoff_item strong {
	display: block;
	font-size: 18px;
	font-weight: 700;
	color: var(--color-two);
	text-transform: uppercase;
}

.story-tabs .tab-btns .tab-btn {
	margin-bottom: 10px;
}

.header-action-btn {
	position: relative;
	width: 48px;
	height: 48px;
	font-size: 18px;
	line-height: 48px;
	text-align: center;
	border-radius: 50px;
	display: inline-block;
	color: var(--color-two);
	background-color: var(--color-three);
	transition: all 500ms ease;
}

.header-action-btn:hover {
	color: var(--white-color);
	background-color: var(--main-color);
}

.main-header.header-style-two .header-action-btn {
	color: var(--white-color);
	background-color: rgba(var(--white-color-rgb), 0.08);
}

.main-header.header-style-four .header-action-btn {
	color: var(--color-two);
	background-color: rgba(var(--white-color-rgb), 1);
}

.header-style-four.fixed-header .header-action-btn {
	background-color: rgba(var(--color-three-rgb), 1);
}

@media only screen and (max-width: 1023px) {
	.main-header.header-style-four .header-action-btn {
		background-color: rgba(var(--color-three-rgb), 1);
	}
}

.app-one_image img {
	max-width: 540px;
	width: 95%;
	height: auto;
	border-radius: 16px;
}

@media only screen and (max-width: 767px) {
	.app-one_image img {
		width: 95%;
		max-width: 440px;
	}
}

.app-one_copy p {
	margin-bottom: 14px;
	text-align: justify;
}

.app-one_copy h4 {
	margin: 26px 0 12px;
	font-size: 20px;
	line-height: 1.35;
	color: var(--color-two);
	text-transform: uppercase;
}

.news-block_one-image {
	aspect-ratio: 16 / 10;
}

.news-block_one-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.blog-detail p {
	text-align: justify;
}

.legal-page {
	position: relative;
	padding: 80px 0 100px;
}

.legal-page .blog-detail_content {
	padding-top: 0;
}

.legal-page h3 {
	margin: 28px 0 12px;
}

.default-form .form-group input[type="number"] {
	position: relative;
	display: block;
	width: 100%;
	height: 50px;
	border: none;
	font-size: 15px;
	line-height: 28px;
	padding: 10px 25px;
	border-radius: 6px;
	color: var(--color-two);
	background-color: var(--color-three);
}

.default-form .form-group input[type="number"]::placeholder {
	opacity: 0.70;
	color: var(--color-two);
}

.coming-soon-page {
	position: relative;
	padding: 100px 0 110px;
}

.coming-soon-page_inner {
	max-width: 720px;
	margin: 0 auto;
	text-align: center;
}

.coming-soon-page_inner p {
	margin: 0 0 30px;
	font-size: 17px;
	line-height: 30px;
	color: var(--color-two);
}

.coming-soon-page_buttons {
	display: flex;
	justify-content: center;
}
