/** @format */
* {
	margin: 0;
	padding: 0;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {

	--background_white_blue: #e5ebf1;
	--about_wrapper: #f7f7f7;
	--background_sky: #31c5f6;
	--background_semi_transparent_gray: #53535317;
	--background_semi_transparent_black: #f1f1f1;
	--background_semi_transparent_sky: #071e41d8;
	--background_green: #2ecc55;
	--background_blue: #31c5f6;
	--background_red: #cc2e2e;
	--background_green_hover: #4fa070;
	--background_blue_hover: #31c5f6;

	--text_color_white: #f0f0f0;
	--text_color_blue: #31c5f6;
	--text_color_lightgray: #5c5c5c;
	--text_color_black: #2c2c2c;
	--shadow: 5px 5px 10px rgba(0, 0, 0, 0.233);
	--no_shadow: 0px 0px 00px rgba(0, 0, 0, 0);
	--border: solid 0.4px var(--background_semi_transparent_gray);
	scroll-behavior: smooth;

	--background_sky_light: #31c5f66c;
	--background_3: gray;
	--background_white: rgb(255, 255, 255);
	--background_gray: rgb(117, 117, 117);
	--background_4: rgba(0, 0, 0, 0.23);
	--background_black: rgba(0, 0, 0, 0.685);
	--text_color_1: rgb(0, 0, 0);
	--text_black: #181818;
	--text_color_2: rgb(228, 228, 228);
	--text_white: rgb(255, 255, 255);
	--text_color_3: rgb(94, 94, 94);
	--text_color_gray: rgb(94, 94, 94);
	--text_color_gold: #c0a61a;
	--text_color_gold_hover: #c4af3b;
	--text_color_4: rgb(34, 34, 34);
	--text_color_red: #cc2e2e;
	--text_black: rgb(48, 48, 48);
	--text_sky: #31c5f6;
	--primary-color: #31c5f6;
	--border: 0.5px solid rgba(129, 129, 129, 0.315);
	--shadow: -3px -5px 20px rgba(0, 0, 0, 0.555);
	--shadow_hover: -1px 2px 5px rgba(0, 0, 0, 0.171);


	--A: #df1a1a;
	--B: #b4169f;
	--C: #2f39aa;
	--D: #813e8b;
	--E: #eb0e0e;
	--F: #0d963b;
	--G: #e2d844;
	--H: #16589b;
	--I: #d1a32f;
	--J: #bb4436;
	--K: #d89912;
	--L: #755ac5;
	--M: #ca7423;
	--N: #148865;
	--O: #c7ca10;
	--P: #640a88;
	--Q: #267ab3;
	--R: #8f3c88;
	--S: #49ce78;
	--T: #8e2c27;
	--U: #06a84a;
	--V: #774e99;
	--W: #b93f0f;
	--X: #1f78b4;
	--Y: #727272;
	--Z: #500785;


	font-family: 'Montserrat', 'Arial', sans-serif;

	background-color: var(--background_1);
}


.container {
	font-family: 'Montserrat', 'Arial', sans-serif;
}

.nav_menu {
	position: absolute;
	top: 10px;
	right: 50%;
	transform: translateX(50%);
	/* background-color: #2f518b; */
	height: 100px;
	line-height: 100px;
	color: white;
	z-index: 300;
}

.burger-menu {
	display: none;
	/* Initially hidden on larger screens */
	flex-direction: column;
	cursor: pointer;
}

nav ul {
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 50px;
}

nav ul a {
	text-decoration: none;
	display: block;
	color: var(--text_hite);
	padding: 0 20px;
	transition: 0.5d;
	text-shadow: var(--shadow);
	transition: 0.3s ease-in;
	font-weight: 400;
}

nav ul a:hover {
	color: var(--text_color_blue);

	/* background-color: var(--background_sky_light); */
}

nav ul li {
	list-style: none;
}

/* Burgr =========================================== */

.burger-menu {
	display: none;
	/* Initially hidden on larger screens */
	flex-direction: column;
	cursor: pointer;
}

.bar {
	width: 25px;
	height: 3px;
	background-color: #fff;
	margin: 3px 0;
	transition: 0.4s;
}

/* ====================================================== */

.logo {
	height: 70px;
	margin-left: 50px;
	position: absolute;
	z-index: 1010;
	top: 0px;
}

.logo img {
	height: 100%;
}

.social-media-links {
	position: fixed;
	bottom: 50px;
	right: 20px;

	/* background-color: #06a84a; */
	z-index: 1020;
	display: flex;
	align-items: center;
	gap: 20px;
	color: var(--text_white);
}

.social-link img {
	width: 42px;
	/* Set the width and height as needed */
	height: 42px;
	/* margin-right: 10px; */
	/* Add spacing between links */
	box-shadow: var(--shadow);
	border-radius: 50%;
	transition: 0.5s;
	background-color: transparent;
}

.button_to_about a {
	text-decoration: none;
	color: #2f518b;
	border: solid 1px #2f518b;
	padding: 5px 20px;
	margin-top: 10px;
	transition: 0.5s;
}

.button_to_about a:hover {
	color: #ffffff;

	background-color: #2f518b;
}

.button_to_contacts {
	display: flex;
	justify-content: center;
	text-align: center;
}

/* body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f0f0f0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
} */


.dashboard {
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 80%;
	max-width: 800px;

	padding: 100px 20px;

	color: var(--text_color_blue);
}

.fact {
	text-align: center;
}

.counter {
	font-size: 36px;
	font-weight: bold;
	color: var(--text_black);
	margin-top: 10px;
}

.properties_featured {
	display: flex;
	justify-content: center;
	align-items: center;
}

.property {
	background-color: #1437743b;
	height: 300px;
	width: 300px;
	margin: 20px;
}

.work_head {
	font-weight: bolder;
	text-align: center;
	padding: 20px;
	padding-top: 50px;
	color: var(--text_sky);
	font-family: 'Montserrat', 'Arial', sans-serif;
	font-size: x-small;
}

p {
	font-weight: bold;
	font-family: 'Montserrat', 'Arial', sans-serif;
}



@media screen and (max-width: 768px) {
	.social-media-links {
		top: 30px;
		right: 10px;
	}

	.social-link img {
		width: 25px;
		/* Set the width and height as needed */
		height: 25px;
		margin-right: 10px;
		/* Add spacing between links */
	}

	.burger-menu {
		display: flex;
		/* Show the burger menu on smaller screens */
		margin-left: 20px;
		line-height: 50px;
		padding-top: 8px;
		width: fit-content;
		padding: 08px 20px;
	}

	nav {
		position: relative;
	}

	.menu {
		display: none;
		position: absolute;
		top: -150px;
		background-color: #fff;
		width: 50%;
		transition: 1s;
	}

	.menu.active {
		display: block;
		top: 50px;
	}

	.menu a {
		color: #2f518b;

		border-top: 0.2px #14377428 solid;
	}

	.bar.active:nth-child(1) {
		transform: rotate(-45deg) translate(-5px, 6px);
	}

	.bar.active:nth-child(2) {
		opacity: 0;
	}

	.bar.active:nth-child(3) {
		transform: rotate(45deg) translate(-5px, -6px);
	}

	.promo-text {
		width: 90%;
	}

	.logo {
		margin-left: 10px;
	}

	.footer-wrapper {
		padding: 10px;
		font-size: small;
	}

	.menu_footer a {
		padding: 5px 10px;
		margin-top: 20px;
	}
}