body {
			font-family: "Poppins", Arial, sans-serif;
			font-size: 16px;
			line-height: 1.8;
			font-weight: normal;
			color: #ababab;
		}

		.ftco_navbar {
			padding: 1rem 0;
			z-index: 9999;
		}

		.navbar-brand {
			color: #fff;
			font-size: 20px;
			font-weight: 900;
			text-transform: uppercase;
		}

		.navbar-brand span {
			font-weight: 400;
		}

		.ftco_navbar .navbar-nav .nav-link {
			color: rgba(255, 255, 255, .7) !important;
			padding-top: .7rem;
			padding-bottom: .7rem;
			padding-left: 20px;
			padding-right: 20px;
			font-weight: 400;
			font-size: 15px;
		}

		.ftco_navbar .navbar-nav .nav-item.active .nav-link,
		.ftco_navbar .navbar-nav .nav-link:hover {
			color: #01d28e !important;
		}

		.hero-wrap {
			width: 100%;
			height: 100vh;
			position: relative;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top center;
		}

		.js-fullheight {
			height: 71vh !important;
		}

		.overlay {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			content: '';
			opacity: .3;
			background: #000000;
		}

		.slider-text {
			height: 100vh;
			position: relative;
			z-index: 2;
			margin-left: 25px !important;
		}

		.subheading {
			font-size: 13px;
			display: block;
			font-weight: 500;
			color: #01d28e;
			text-transform: uppercase;
			letter-spacing: 2px;
		}

		.slider-text h1 {
			font-size: 36px;
			color: #fff;
			line-height: 1.2;
			font-weight: 700;
		}

		.slider-text p {
			font-size: 18px;
			line-height: 1.5;
			color: rgba(255, 255, 255, .8);
		}

		.caps {
			letter-spacing: 2px;
		}

		/* Slider specific styles */
		.hero-slider {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

		.hero-slide {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			opacity: 0;
			transition: opacity 1s ease-in-out;
		}

		.hero-slide.active {
			opacity: 1;
		}

		.slider-nav {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			z-index: 10;
			color: #fff;
			font-size: 24px;
			cursor: pointer;
			transition: color 0.3s ease;
			background: none;
			border: none;
		}

		.slider-nav:hover {
			color: #00aaff;
		}

		.slider-nav.prev {
			left: 30px;
		}

		.slider-nav.next {
			right: 30px;
		}

		.slider-dots {
			position: absolute;
			bottom: 30px;
			left: 50%;
			transform: translateX(-50%);
			z-index: 10;
			display: flex;
			gap: 10px;
		}

		.slider-dot {
			width: 12px;
			height: 12px;
			border-radius: 50%;
			background: rgba(255, 255, 255, 0.5);
			border: none;
			cursor: pointer;
			transition: all 0.3s ease;
		}

		.slider-dot.active {
			background: #fff;
		}

		.ftco-search {
			position: relative;
			z-index: 1;
			margin-top: -90px;
		}

		.nav-pills .nav-link.active {
			background-color: #01d28e;
		}

		.nav-pills .nav-link {
			color: #999;
			background: #fff;
		}

		.search-property-1 {
			background: #fff;
			box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.1);
		}

		.form-field {
			position: relative;
		}

		.form-field .icon {
			position: absolute;
			top: 50%;
			left: 20px;
			transform: translateY(-50%);
			color: #ccc;
		}

		.form-field input,
		.form-field select {
			padding-left: 50px;
		}

		.btn-primary {
			background: #01d28e !important;
			border-color: #01d28e !important;
		}

		.btn-primary:hover {
			background: #019c73 !important;
			border-color: #019c73 !important;
		}

		/* Language Selector Component Styles */
		.lang-selector {
			/* CSS Variables for easy customization */
			--primary: #01d28e;
			--primary-hover: #019c73;
			--bg: rgba(0, 0, 0, 0.9);
			--bg-light: rgba(255, 255, 255, 0.1);
			--text: rgba(255, 255, 255, 0.8);
			--text-active: #ffffff;
			--border: rgba(255, 255, 255, 0.15);
			--radius: 8px;
			--shadow: 0 4px 20px rgba(0, 0, 0, 0.3);

			position: relative;
			display: inline-block;
			font-family: inherit;
			margin-left: 15px;
		}

		/* Main selector button */
		.lang-selector__button {
			display: flex;
			align-items: center;
			gap: 8px;
			padding: 8px 15px;
			background: var(--bg-light);
			color: var(--text);
			border: 1px solid var(--border);
			border-radius: var(--radius);
			cursor: pointer;
			font-size: 14px;
			font-weight: 400;
			text-decoration: none;
			transition: all 0.3s ease;
			min-width: 80px;
			justify-content: center;
		}

		.lang-selector__button:hover {
			background: var(--primary);
			color: var(--text-active);
			border-color: var(--primary);
			text-decoration: none;
		}

		.lang-selector__button:focus {
			outline: 2px solid var(--primary);
			outline-offset: 2px;
		}

		/* Globe icon */
		.lang-selector__icon {
			width: 16px;
			height: 16px;
			fill: currentColor;
		}

		/* Chevron arrow */
		.lang-selector__arrow {
			width: 12px;
			height: 12px;
			fill: currentColor;
			transition: transform 0.3s ease;
		}

		.lang-selector--open .lang-selector__arrow {
			transform: rotate(180deg);
		}

		/* Dropdown menu */
		.lang-selector__dropdown {
			position: absolute;
			top: 100%;
			right: 0;
			background: var(--bg);
			border: 1px solid var(--border);
			border-radius: var(--radius);
			box-shadow: var(--shadow);
			z-index: 1000;
			opacity: 0;
			visibility: hidden;
			transform: translateY(-10px);
			transition: all 0.3s ease;
			margin-top: 5px;
			min-width: 160px;
		}

		.lang-selector--open .lang-selector__dropdown {
			opacity: 1;
			visibility: visible;
			transform: translateY(0);
		}

		/* Dropdown options */
		.lang-selector__option {
			display: flex;
			align-items: center;
			gap: 12px;
			padding: 12px 16px;
			color: var(--text);
			text-decoration: none;
			transition: all 0.3s ease;
			cursor: pointer;
			border: none;
			background: none;
			width: 100%;
			text-align: left;
			font-size: 14px;
		}

		.lang-selector__option:hover,
		.lang-selector__option:focus {
			background: var(--bg-light);
			color: var(--primary);
			outline: none;
		}

		.lang-selector__option--active {
			color: var(--primary);
			background: var(--bg-light);
		}

		/* Flag icons */
		.lang-selector__flag {
			width: 20px;
			height: 15px;
			border-radius: 2px;
			flex-shrink: 0;
		}

		/* Mobile styles */
		@media (max-width: 768px) {
			.slider-text h1 {
				font-size: 20px;
			}

			.slider-nav {
				width: 40px;
				height: 40px;
			}

			.slider-nav.prev {
				left: 15px;
			}

			.slider-nav.next {
				right: 15px;
			}

			.lang-selector__dropdown {
				position: fixed;
				top: 50%;
				left: 50%;
				right: auto;
				transform: translate(-50%, -50%) scale(0.9);
				width: 280px;
				max-width: 90vw;
				border-radius: 12px;
				opacity: 0;
			}

			.lang-selector--open .lang-selector__dropdown {
				transform: translate(-50%, -50%) scale(1);
				opacity: 1;
			}

			.lang-selector__option {
				padding: 16px 20px;
				font-size: 16px;
			}

			.loading-translations {
				opacity: 0.7;
				transition: opacity 0.3s ease;
			}

			/* Mobile backdrop */
			.lang-selector--open::before {
				content: '';
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				background: rgba(0, 0, 0, 0.5);
				z-index: 999;
			}
		}

		/* Fallback select for no-JS */
		.lang-selector__fallback {
			display: none;
			padding: 8px 15px;
			background: var(--bg-light);
			color: var(--text);
			border: 1px solid var(--border);
			border-radius: var(--radius);
			font-size: 14px;
		}

		.no-js .lang-selector__fallback {
			display: block;
		}

		.no-js .lang-selector__button,
		.no-js .lang-selector__dropdown {
			display: none;
		}

		/* Live region for screen readers */
		.lang-selector__live {
			position: absolute;
			left: -10000px;
			width: 1px;
			height: 1px;
			overflow: hidden;
		}



		/* Default - oq rang (tepada) */
		.ftco_navbar .navbar-nav .nav-link {
			color: rgba(255, 255, 255, 0.7) !important;
			transition: color 0.3s ease;
		}

		/* Scroll pastda - qora rang */
		.ftco_navbar.awake .navbar-nav .nav-link {
			color: #000000 !important;
		}

		/* Hover effekti - har doim yashil */
		.ftco_navbar .navbar-nav .nav-link:hover,
		.ftco_navbar .navbar-nav .nav-item.active .nav-link {
			color: #01d28e !important;
		}

		/* Navbar brand ham o'zgarsin */
		.ftco_navbar.awake .navbar-brand {
			color: #000000 !important;
		}

		.ftco_navbar .navbar-brand {
			color: #ffffff !important;
			transition: color 0.3s ease;
		}

		/* Mobile menu button */
		.ftco_navbar.awake .navbar-toggler {
			color: #000000 !important;
		}

		/* Language selector button rangi */
		.ftco_navbar.awake .lang-selector__button {
			color: #000000 !important;
			border-color: rgba(0, 0, 0, 0.3);
		}




		/* ============================================
   SLIDER TEXT ANIMATSIYASI
============================================ */

		.slide-content {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			text-align: center;
			z-index: 2;
			width: 90%;
			max-width: 800px;
		}

		.slide-title,
		.slide-subtitle {
			opacity: 0;
			transform: translateY(30px);
			transition: none;
		}

		/* Active slide animatsiyasi */
		.hero-slide.active .slide-title {
			animation: slideInTitle 0.8s ease-out forwards;
			animation-delay: 0.3s;
		}

		.hero-slide.active .slide-subtitle {
			animation: slideInSubtitle 0.8s ease-out forwards;
			animation-delay: 0.7s;
		}

		/* Title animatsiyasi */
		@keyframes slideInTitle {
			0% {
				opacity: 0;
				transform: translateY(50px);
			}

			100% {
				opacity: 1;
				transform: translateY(0);
			}
		}

		/* Subtitle animatsiyasi */
		@keyframes slideInSubtitle {
			0% {
				opacity: 0;
				transform: translateY(30px);
			}

			100% {
				opacity: 1;
				transform: translateY(0);
			}
		}

		/* Title styling */
		.slide-title {
			font-size: 2.8rem;
			font-weight: 800;
			color: #fff;
			text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
			margin-bottom: 20px;
			line-height: 1.2;
			word-spacing: 0.2em;
		}

		.slide-subtitle {
			font-size: 1.4rem;
			color: rgba(255, 255, 255, 0.9);
			text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
			font-weight: 300;
		}

		/* Mobile responsiv */
		@media (max-width: 768px) {
			.slide-title {
				font-size: 1.5rem;
			}

			.slide-subtitle {
				font-size: 0.9rem;
			}
		}

		@media (max-width: 480px) {
			.slide-title {
				font-size: 1rem;
			}

			.slide-subtitle {
				font-size: 0.7rem;
			}
		}