@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');

:root {
    --primary: #0d6efd;
    --primary-dark: #0b5ed7;
    --secondary: #6c757d;
    --success: #198754;
    --warning: #ffc107;
    --warning-dark: #e0a800;
    --light: #f8f9fa;
    --dark: #212529;
    --teal: #20c997;
    --realestate-blue: #1a4b6d;
    --realestate-gold: #d4af37;
    --highlight: #3498db;;
    --accent: #e74c3c;
    --loadMoreBtn: #3498db;
    --shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	--radius: 12px;
	--transition: all 0.3s ease;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body {
	background-color: #ffffff;
	color: var(--dark);
	line-height: 1.6;
}

/* ===== TOP BAR ===== */
.top-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0.5rem 1rem;
    background: var(--bg-light);
    box-shadow: var(--shadow);
}

.logo {
    margin-right: 1rem;
    flex-shrink: 0;
}

.location, .lang-switch {
    margin-right: 1rem;
    cursor: pointer;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 4px;
}

.search-bar {
    display: flex;
    align-items: center;
    background: #f1f1f1;
    border-radius: 4px;
    overflow: hidden;
    flex: 1;
    min-width: 0; /* Prevent flex overflow */
}

.search-bar input {
    border: none;
    outline: none;
    background: none;
    padding: 0.5rem;
    flex: 1;
    min-width: 0; /* Prevent input from forcing overflow */
}

.search-bar button {
    background: var(--primary-color);
    border: none;
    color: #fff;
    padding: 0.5rem 0.8rem;
    cursor: pointer;
    flex-shrink: 0;
}

.login-btn {
    margin-right: 0.5rem;
    background: none;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    padding: 0.4rem 0.8rem;
    border-radius: 4px;
    cursor: pointer;
}

.add-btn {
    background: var(--primary-color);
    color: #fff;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    border: none;
    font-weight: bold;
    cursor: pointer;
}

/* ===== MOBILE MENU ===== */
.hamburger {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    cursor: pointer;
    margin-right: 1rem;
}

.hamburger span {
    width: 22px;
    height: 2px;
    background: var(--text-dark);
}

/* ===== RESPONSIVE ===== */
.desktop-search {
    display: flex;
}

.mobile-search {
    display: none;
    width: 100%;
    margin-top: 0.4rem;
}

@media (max-width: 768px) {
    .top-bar { padding: 0.4rem 0.6rem; }
    .logo img { width: 100px; }
    .filter-menu, .login-btn, .lang-switch, .add-btn, .desktop-search {
        display: none;
    }
    .hamburger { display: flex; }
    .location {
        flex: 1;
        font-size: 0.9rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .mobile-search {
        display: flex;
    }
    .mobile-search .search-bar {
        flex: 1;
    }
}

@media (max-width: 576px) {
    .location span {
        max-width: 120px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

/* ===== FILTER MENU ===== */
.filter-menu {
    display: flex;
    justify-content: center;
    background: var(--bg-light);
    box-shadow: var(--shadow);
    padding: 0.5rem;
    gap: 1rem;
}

.filter-tab {
    padding: 0.4rem 0.8rem;
    cursor: pointer;
    border-radius: 20px;
    background: #f1f1f1;
    white-space: nowrap;
}

.filter-tab.active,
.filter-tab:hover {
    background: var(--primary-color);
    color: #fff;
}

@media (max-width: 768px) {
    .filter-menu {
        justify-content: flex-start;
        overflow-x: auto;
        gap: 0.5rem;
        scrollbar-width: none;
    }
    .filter-menu::-webkit-scrollbar { display: none; }
    .filter-tab { font-size: 0.85rem; }
}

/* ===== OFF-CANVAS ===== */
.offcanvas {
    position: fixed;
    top: 0;
    left: -250px;
    width: 250px;
    height: 100%;
    background: var(--bg-light);
    box-shadow: var(--shadow);
    transition: var(--transition);
    z-index: 1001;
    padding: 1rem;
}

.offcanvas.active { left: 0; }

.offcanvas-close {
    text-align: right;
    cursor: pointer;
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.offcanvas ul {
    list-style: none;
    padding: 0;
}

.offcanvas ul li {
    padding: 0.7rem 0;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}

.offcanvas .menu-info {
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 1rem;
    border-bottom: 1px solid #eee;
    padding-bottom: 0.5rem;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    opacity: 0;
    pointer-events: none;
    transition: var(--transition);
    z-index: 1000;
}

.overlay.active {
    opacity: 1;
    pointer-events: all;
}

/* ===== LANGUAGE CARDS ===== */
.language-card {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 12px;
    text-align: center;
    cursor: pointer;
    transition: var(--transition);
}

.language-card:hover {
    background: var(--primary-color);
    color: white;
}

/* Google Autocomplete dropdown */
.pac-container {
    z-index: 3000 !important;
}


/*========================== property section ===================================*/
/*.property_lists .property-card-link {*/
/*	text-decoration: none;*/
/*	color: inherit;*/
/*	display: block;*/
/*}*/

/*.property_lists .property-card {*/
/*	border: 1px solid #ddd;*/
/*	border-radius: 6px;*/
/*	overflow: hidden;*/
/*	background: #fff;*/
/*	position: relative;*/
/*	transition: box-shadow 0.3s ease;*/
/*}*/

/*.property_lists .property-card:hover {*/
/*	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);*/
/*}*/

/*.property_lists .property-img {*/
/*	position: relative;*/
/*	height: 180px;*/
/*	overflow: hidden;*/
/*}*/

/*.property_lists .property-img img {*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	object-fit: cover;*/
/*}*/

/*.property_lists .featured-badge {*/
/*	position: absolute;*/
/*	bottom: 0;*/
/*	left: 0;*/
/*	background: #ffce32;*/
/*	padding: 2px 6px;*/
/*	font-size: 12px;*/
/*	font-weight: bold;*/
/*}*/

/*.property_lists .fav-btn {*/
/*	position: absolute;*/
/*	top: 8px;*/
/*	right: 8px;*/
/*	background: #fff;*/
/*	border: none;*/
/*	border-radius: 50%;*/
/*	width: 32px;*/
/*	height: 32px;*/
/*	display: flex;*/
/*	align-items: center;*/
/*	justify-content: center;*/
/*	cursor: pointer;*/
/*	z-index: 5;*/
/*}*/

/*.property_lists .property-body {*/
/*	padding: 8px 10px;*/
/*}*/

/*.property_lists .price {*/
/*	font-weight: bold;*/
/*	font-size: 16px;*/
/*}*/

/*.property_lists .high_price {*/
/*	font-weight: bold;*/
/*	font-size: 11px;*/
/*}*/

/*.property_lists .title {*/
/*	font-size: 14px;*/
/*	color: #333;*/
/*	white-space: nowrap;*/
/*	overflow: hidden;*/
/*	text-overflow: ellipsis;*/
/*}*/

/*.property_lists .high_title {*/
/*	font-size: 10px;*/
/*	color: #333;*/
/*	white-space: nowrap;*/
/*	overflow: hidden;*/
/*	text-overflow: ellipsis;*/
/*}*/

/*.property_lists .location {*/
/*	font-size: 12px;*/
/*	color: #666;*/
/*}*/

/*.property_lists .date {*/
/*	font-size: 12px;*/
/*	color: #666;*/
/*}*/

/*============================== hero-banner ====================*/
.hero-banner {
	position: relative;
}

.hero-content {
	position: relative;
	text-align: center;
	margin-bottom: 0;
	/* पहले से दिया margin हटा दो */
}

.hero-content img {
	width: 100%;
	height: auto;

}

.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	/*background: #444;*/
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
}

.autoplay-progress {
	position: absolute;
	right: 16px;
	bottom: 16px;
	z-index: 10;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	color: var(--swiper-theme-color);
}

.autoplay-progress svg {
	--progress: 0;
	position: absolute;
	left: 0;
	top: 0px;
	z-index: 10;
	width: 100%;
	height: 100%;
	stroke-width: 4px;
	stroke: var(--swiper-theme-color);
	fill: none;
	stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
	stroke-dasharray: 125.6;
	transform: rotate(-90deg);
}
/*============================== highlighted Property ====================*/
.highlighted-section {
	background: linear-gradient(135deg, var(--primary) 0%, #1a2530 100%);
	padding: 4rem 0;
	position: relative;
	overflow: hidden;
}

.highlighted-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB4PSIwIiB5PSIwIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjAzKSIvPjwvcGF0dGVybj48L2RlZnM+PHJlY3QgZmlsbD0idXJsKCNwYXR0ZXJuKSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIvPjwvc3ZnPg==');
	opacity: 0.3;
}

.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	z-index: 1;
}

.section-heading {
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 3rem;
	text-align: center;
	position: relative;
	display: inline-block;
	left: 50%;
	transform: translateX(-50%);
}

.section-heading::after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
    width: 40%;
	height: 4px;
	background: var(--highlight);
	border-radius: 2px;
}

.property-card {
	background: white;
	border-radius: var(--radius);
	overflow: hidden;
	transition: all 0.3s ease;
	box-shadow: var(--shadow);
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.property-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15);
}

.property-img {
	position: relative;
	height: 150px;
	overflow: hidden;
}

.property-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.property-card:hover .property-img img {
	transform: scale(1.05) !important;
}

.featured-badge {
	position: absolute;
	top: 15px;
	left: 15px;
	background: var(--accent);
	color: white;
	padding: 6px 12px;
	border-radius: 20px;
	font-size: 0.8rem;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 5px;
}

.fav-btn {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: white;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.fav-btn:hover {
	background: var(--accent);
	color: white;
}

.property-body {
	padding: 1.0rem;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.high_price {
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--primary);
	margin-bottom: 0.5rem;
}

.high_title {
	font-size: 0.9rem;
	font-weight: 600;
	margin-bottom: 0.8rem;
	color: var(--dark);
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.property-meta {
	display: flex;
	justify-content: space-between;
	margin-top: auto;
	padding-top: 1rem;
	border-top: 1px solid #eee;
}

.meta-item {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 0.85rem;
	color: #666;
}

.property-card-link {
	text-decoration: none !important;
	color: inherit;
}

.top-swiper {
	width: 100%;
	padding: 20px 10px 40px;
}

.swiper-slide {
	height: auto;
}

.swiper-pagination-bullet {
	background: white;
	opacity: 0.5;
	width: 12px;
	height: 12px;
}

.swiper-pagination-bullet-active {
	background: var(--secondary);
	opacity: 1;
}

.swiper-button-next,
.swiper-button-prev {
	color: white !important;
	background: rgba(0, 0, 0, 0.3) !important;
	width: 50px !important;
	height: 50px !important;
	border-radius: 50% !important;
	transition: all 0.3s ease !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 1.2rem !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
	background: rgba(0, 0, 0, 0.5);
}

@media (max-width: 768px) {
	.section-heading {
		font-size: 2rem;
	}

	.property-img {
		height: 180px;
	}

	.swiper-button-next,
	.swiper-button-prev {
		display: none;
	}
	
	.hero-content img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }
}
/*============================== List property-section ====================*/
.property-section {
	/*background: linear-gradient(to bottom, #ffffff 0%, #f8f9fa 100%);*/
	padding: 1rem 0;
	position: relative;
}

.section-heading {
	font-size: 2.5rem;
	font-weight: 700;
	color: var(--dark);
	margin-bottom: 3rem !important;
	position: relative;
	display: inline-block;
}

.section-heading::after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 4px;
	background: var(--highlight);
	border-radius: 2px;
}

.property-card {
	background: white;
	border-radius: var(--radius);
	overflow: hidden;
	transition: var(--transition);
	box-shadow: var(--shadow);
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	/*margin-bottom: 1.5rem;*/
	border: 1px solid #eaeaea;
}

.property-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15);
}

.property-img {
	position: relative;
	height: 220px;
	overflow: hidden;
}

.property-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.property-card:hover .property-img img {
	transform: scale(1.05);
}

.featured-badge {
	position: absolute;
	top: 15px;
	left: 15px;
	background: var(--accent);
	color: white;
	padding: 6px 12px;
	border-radius: 20px;
	font-size: 0.8rem;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 5px;
	z-index: 2;
}

.property-type-badge {
	position: absolute;
	top: 15px;
	right: 15px;
	background: rgba(0, 0, 0, 0.7);
	color: white;
	padding: 4px 10px;
	border-radius: 12px;
	font-size: 0.7rem;
	z-index: 2;
}

.property-body {
	padding: 1.5rem;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.price {
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--primary);
	margin-bottom: 0.5rem;
}

.title {
	font-size: 1.1rem;
	font-weight: 600;
	margin-bottom: 0.8rem;
	color: var(--dark);
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 3em;
}

.location {
    display: flex;
    align-items: flex-start;      /* icon stays at top of first line */
    gap: 6px;
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 0.8rem;
    flex-wrap: nowrap;            /* keep icon + text in same row */
    white-space: normal;          /* allow text to wrap */
    word-break: break-word;       /* break long words safely */
    overflow-wrap: break-word;
    line-height: 1.4;
}

.location i {
    flex-shrink: 0;               /* prevent icon from moving */
    margin-top: 3px;              /* fine-tune vertical alignment */
    color: var(--secondary);
}



.date {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.85rem;
	color: #888;
	margin-bottom: 1rem;
}

.date i {
	color: var(--secondary);
}

.property-card-link {
	text-decoration: none;
	color: inherit;
}

.property-card-link:hover {
	color: inherit;
}

#loadMoreBtn {
	background: var(--loadMoreBtn);
	border: none;
	padding: 12px 30px;
	font-size: 16px;
	font-weight: 600;
	border-radius: 30px;
	transition: var(--transition);
	box-shadow: 0 4px 10px rgba(52, 152, 219, 0.3);
}

#loadMoreBtn:hover {
	background: var(--primary);
	transform: translateY(-2px);
	box-shadow: 0 6px 15px rgba(52, 152, 219, 0.4);
}

.hidden-item {
	display: none;
}

/* Responsive adjustments */
@media (max-width: 992px) {
	.col-md-3 {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (max-width: 768px) {
	.section-heading {
		font-size: 2rem;
	}

	.col-md-3,
	.col-sm-6 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.property-img {
		height: 200px;
	}
}

/* Animation for newly loaded items */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.fade-in-up {
	animation: fadeInUp 0.5s ease forwards;
}
/*============================== Need Assistance ====================*/
.property-assistance-section {
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	position: relative;
	overflow: hidden;
}

.property-assistance-section::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iMC4wNSI+PHBhdGggZD0iTTM2IDM0djJoLTR2LTJoLTR2NGg0djJoNHYtMmg0di00aC00em0wLTR2LTRoLTJ2NGgyeiIvPjwvZz48L2c+PC9zdmc+');
	opacity: 0.5;
}

.section-content {
	position: relative;
	z-index: 1;
}

.section-title {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 0.75rem;
	color: var(--realestate-blue);
}

.section-title span {
	color: var(--teal);
	position: relative;
}

.section-title span::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, var(--teal) 0%, transparent 100%);
	border-radius: 2px;
}

.section-subtitle {
	font-size: 1.2rem;
	color: var(--secondary);
	margin-bottom: 0;
}

.section-subtitle span {
	color: var(--realestate-blue);
	font-weight: 600;
}

.icon-container {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.property-icon {
	width: 80px;
	height: 80px;
	background: linear-gradient(135deg, var(--primary) 0%, var(--teal) 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 2rem;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease;
}

.property-icon:hover {
	transform: scale(1.05);
}

.cta-button {
	background: linear-gradient(135deg, var(--warning) 0%, var(--warning-dark) 100%);
	border: none;
	border-radius: 8px;
	padding: 12px 30px;
	font-weight: 700;
	font-size: 1.1rem;
	color: var(--dark);
	box-shadow: 0 4px 15px rgba(255, 193, 7, 0.3);
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

.cta-button::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
	transition: left 0.5s;
}

.cta-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(255, 193, 7, 0.4);
}

.cta-button:hover::before {
	left: 100%;
}

.time-note {
	font-size: 0.9rem;
	color: var(--secondary);
	margin-top: 8px;
}

.benefits-list {
	margin-top: 1.5rem;
	padding-left: 0;
	list-style: none;
}

.benefits-list li {
	margin-bottom: 0.5rem;
	display: flex;
	align-items: center;
}

.benefits-list li i {
	color: var(--teal);
	margin-right: 10px;
	font-size: 0.9rem;
}

@media (max-width: 992px) {
	.section-title {
		font-size: 1.7rem;
	}

	.section-subtitle {
		font-size: 1.1rem;
	}

	.property-icon {
		width: 70px;
		height: 70px;
		font-size: 1.8rem;
		margin: 20px 0;
	}
}

@media (max-width: 768px) {
	.section-title {
		font-size: 1.5rem;
	}

	.section-subtitle {
		font-size: 1rem;
	}

	.cta-button {
		padding: 10px 25px;
		font-size: 1rem;
	}
}

/*============================== Google translate ====================*/
/* ===== Body Style ===== */
 body {
    background-color: #fff4e4 !important;
    color:#2b1a12 !important;
    top: 0!important;
    overflow-y: auto !important;     
    line-height: 1.3 !important;
  }
 
  body > .skiptranslate,.goog-logo-link,.gskiptranslate,.goog-te-gadget span,.goog-te-banner-frame,#goog-gt-tt, .goog-te-balloon-frame,div#goog-gt-{
    display: none!important;
    background-color: transparent!important;
    font-size:0px !important;
  }
  .goog-te-gadget {
    color: transparent!important;
    font-size:0px !important;
  }
 #goog-te-tt {
    color: transparent!important;
    font-size:0px !important;
  }
  .goog-text-highlight {
    background: none !important;
    box-shadow: none !important;
  }
  #google_translate_element select{
    background:#2b1a12 !important;
    color:#fff4e4 !important;
    border: none;
    font-weight:bold;
    border-radius:3px;
    padding: 12px 8px;
  }

    #google_translate_element_mobile select {
        position: relative;
        background: transparent;
        color: #2196F3 !important;
        border: 2px solid #cfcfcf;
        font-weight: bold;
        border-radius: 3px;
        padding: 8px 5px;
        margin-left: 20px;
    }
  svg.VIpgJd-ZVi9od-aZ2wEe {
    display: none !important;
}
.VIpgJd-ZVi9od-aZ2wEe-OiiCO-ti6hGc {
    -webkit-transform: scale(.5);
    transform: scale(.5);
    opacity: 0 !important;
    display: none !important;
}

/* ===== Language Dropdown ===== */
.language-dropdown {
    position: relative;
    flex-shrink: 0;
}

.language-toggle {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 10px 12px;
    border-radius: 4px;
    transition: background-color 0.3s;
    white-space: nowrap;
    gap: 5px;
    height: 44px;
    border: 1px solid #ddd;
    background: white;
    min-width: 100px;
}

.language-toggle:hover {
    background-color: rgba(0,47,52,0.05);
}

.language-toggle i {
    color: #002f34;
    font-size: 14px;
}

.language-toggle .fa-chevron-down {
    font-size: 10px;
    margin-left: 2px;
}

.language-dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    width: 180px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
    z-index: 1001;
    display: none;
    margin-top: 5px;
    color: #333;
    border: 1px solid #ddd;
    max-height: 400px;
    overflow-y: auto;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.language-dropdown.active .language-dropdown-menu {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.language-item {
    padding: 10px 15px;
    cursor: pointer;
    border-bottom: 1px solid #f5f5f5;
    font-size: 14px;
    transition: background-color 0.2s;
    width: 100%;
    text-align: left;
    background: none;
    border: none;
}

.language-item:hover,
.language-item.active {
    background-color: #f1f5ff;
    color: #002f34;
}

.language-item:last-child {
    border-bottom: none;
}
/*============================== footer ====================*/
.footer {
	font-family: 'Poppins', sans-serif;
	background: #0f172a;
	color: #d1d5db;
	/* gray-300 */
	line-height: 1.6;
	margin: 0;
}

.footer a {
	text-decoration: none;
	color: inherit;
}

.footer a:hover {
	text-decoration: none;
}

/* Container max width and padding */
.footer .container {
	max-width: 1120px;
	margin: 0 auto;
	padding: 3rem 1.5rem 4rem;
	position: relative;
	overflow: hidden;
}

/* Grid layout for footer columns */
.footer .footer-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2.5rem;
}

/* Medium screens: 2 columns */
@media (min-width: 768px) {
	.footer .footer-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Large screens: 4 columns */
@media (min-width: 1024px) {
	.footer .footer-grid {
		grid-template-columns: repeat(4, 1fr);
		gap: 3.5rem;
	}
}

/* --- Company Info --- */
.footer .company-info .logo-container {
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
}

.footer .company-info .logo-icon {
	background-color: #2563eb;
	/* blue-600 */
	padding: 0.5rem;
	border-radius: 0.5rem;
	margin-right: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer .company-info .logo-icon i {
	color: white;
	font-size: 1.5rem;
}

.footer .company-info .logo-text {
	font-weight: 800;
	font-size: 1.5rem;
	background: linear-gradient(to right, #60a5fa, #2563eb);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
}

.footer .company-info p {
	color: #9ca3af;
	/* gray-400 */
	margin-bottom: 1.5rem;
	max-width: 320px;
}

/* Social icons container */
.footer .social-icons {
	display: flex;
	gap: 1rem;
}

.footer .social-icons a {
	background-color: #374151;
	/* gray-700 */
	color: white;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 9999px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.2s ease, box-shadow 0.3s ease,
		background-color 0.3s ease;
	box-shadow: none;
}

.footer .social-icons a:hover {
	transform: scale(1.1);
	box-shadow: 0 0 15px rgba(59, 130, 246, 0.3);
}

/* Specific social hover colors & shadows */
.footer .social-icons a.facebook:hover {
	background-color: #3b82f6;
	/* blue-500 */
	box-shadow: 0 0 15px rgba(59, 130, 246, 0.3);
}

.footer .social-icons a.twitter:hover {
	background-color: #60a5fa;
	/* blue-400 */
	box-shadow: 0 0 15px rgba(96, 165, 250, 0.3);
}

.footer .social-icons a.instagram:hover {
	background-color: #db2777;
	/* pink-600 */
	box-shadow: 0 0 15px rgba(219, 39, 119, 0.3);
}

.footer .social-icons a.linkedin:hover {
	background-color: #1e40af;
	/* blue-700 */
	box-shadow: 0 0 15px rgba(30, 64, 175, 0.3);
}

.footer .social-icons a.youtube:hover {
	background-color: #f60000;
	/* blue-700 */
	box-shadow: 0 0 15px rgba(30, 64, 175, 0.3);
}


/* --- Quick Links --- */
.footer .quick-links h3 {
	font-weight: 700;
	font-size: 1.25rem;
	margin-bottom: 1.5rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid rgba(37, 99, 235, 0.3);
	/* blue-600/30 */
	color: white;
}

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

.footer .quick-links li {
	margin-bottom: 0.75rem;
}

.footer .quick-links a {
	display: flex;
	align-items: center;
	color: #9ca3af;
	/* gray-400 */
	font-weight: 400;
	transition: color 0.3s ease, transform 0.3s ease;
}

.footer .quick-links a:hover {
	color: white;
	transform: translateX(5px);
}

/* Special style for first link with icon container */
.footer .quick-links li:first-child a {
	color: #d1d5db;
	/* gray-300 */
}

.footer .quick-links li:first-child a:hover {
	color: #60a5fa;
	/* blue-400 */
}

.footer .quick-links li:first-child a .icon-bg {
	background-color: rgba(29, 78, 216, 0.3);
	/* blue-900/50 */
	width: 2rem;
	height: 2rem;
	border-radius: 9999px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 0.75rem;
	transition: background-color 0.3s ease;
}

.footer .quick-links li:first-child a:hover .icon-bg {
	background-color: #2563eb;
	/* blue-600 */
}

.footer .quick-links .icon-bg i {
	font-size: 0.625rem;
	/* text-xs */
	color: white;
}

.footer .quick-links a i {
	font-size: 0.625rem;
	margin-right: 0.5rem;
	color: #60a5fa;
	/* blue-400 */
}

/* --- Newsletter --- */
.footer .newsletter h3 {
	font-weight: 700;
	font-size: 1.25rem;
	margin-bottom: 1.5rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid rgba(37, 99, 235, 0.3);
	color: white;
}

.footer .newsletter p {
	color: #d1d5db;
	/* gray-300 */
	margin-bottom: 1rem;
	max-width: 320px;
}

.footer form.newsletter-form {
	position: relative;
	max-width: 320px;
}

.footer form.newsletter-form input[type='email'] {
	width: 100%;
	padding: 0.75rem 3rem 0.75rem 1rem;
	background-color: rgba(31, 41, 55, 0.5);
	/* gray-800/50 */
	border: 1px solid #374151;
	/* gray-700 */
	border-radius: 0.5rem;
	color: white;
	font-size: 1rem;
	outline: none;
	transition: box-shadow 0.2s ease, border-color 0.2s ease;
	box-sizing: border-box;
}

.footer form.newsletter-form input[type='email']:focus {
	box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);
	border-color: transparent;
}

.footer form.newsletter-form button {
	position: absolute;
	right: 0.5rem;
	top: 50%;
	transform: translateY(-50%);
	background-color: #2563eb;
	border: none;
	padding: 0.5rem 0.6rem;
	border-radius: 0.5rem;
	color: white;
	cursor: pointer;
	transition: background-color 0.3s ease;
	font-size: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer form.newsletter-form button:hover {
	background-color: #1d4ed8;
}

/* --- Map Section --- */
.footer .map-section h3 {
	font-weight: 700;
	font-size: 1.25rem;
	margin-bottom: 1.5rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid rgba(37, 99, 235, 0.3);
	color: white;
}

.footer .map-container {
	border-radius: 0.5rem;
	overflow: hidden;
	height: 16rem;
}

.footer .map-container iframe {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

/* --- Bottom copyright & links --- */
.footer .footer-bottom {
	border-top: 1px solid #1f2937;
	/* gray-800 */
	margin-top: 3rem;
	padding-top: 2rem;
	text-align: center;
	color: #6b7280;
	/* gray-500 */
	font-size: 0.875rem;
}

.footer .footer-bottom .bottom-flex {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

@media (min-width: 768px) {
	.footer .footer-bottom .bottom-flex {
		flex-direction: row;
	}
}

.footer .footer-bottom .bottom-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1rem;
	justify-content: center;
}

.footer .footer-bottom .bottom-links a {
	color: #6b7280;
	font-size: 0.875rem;
	transition: color 0.3s ease;
}

.footer .footer-bottom .bottom-links a:hover {
	color: #d1d5db;
}