@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Montserrat:wght@400;500;600;700;800;900&family=Open+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&family=Poppins:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

body{
	
	overflow-x:hidden;
}
.headerClass .active
{
	border-bottom:2px solid #FF5500 !important;
	color: #FF5500 !important;
}

/* Hotukdeals Style White & Orange Header with Attached Navbar (Full Viewport Breakout) */
.site-main-header {
	width: 100vw !important;
	position: relative !important;
	top: 0 !important;
	left: 50% !important;
	right: 50% !important;
	margin-left: -50vw !important;
	margin-right: -50vw !important;
	margin-top: 0 !important;
	background: #FFFFFF !important;
	border-bottom: 1px solid #E2E8F0 !important;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
	z-index: 1000 !important;
	box-sizing: border-box !important;
}

/* Modal & Backdrop Global Stacking Context */
.modal-backdrop, .modal-backdrop.fade.in {
	z-index: 1040 !important;
}
.modal {
	z-index: 1050 !important;
}
.modal-dialog {
	position: relative !important;
	z-index: 1060 !important;
}

.dark-top-header, .top-header-bar {
	width: 100% !important;
	max-width: 1400px !important;
	margin: 0 auto !important;
	padding: 12px 32px 0px 32px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	background: #FFFFFF !important;
	border-bottom: none !important;
	box-sizing: border-box !important;
	position: static !important;
	left: auto !important;
	right: auto !important;
	font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.dark-top-header a, .top-header-bar a {
	color: #0F172A !important;
	text-decoration: none !important;
}

.hlogoDiv {
	display: inline-flex !important;
	align-items: center !important;
}

.brand-flame-title {
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin: 0 !important;
	white-space: nowrap !important;
}

.brand-flame-title img {
	height: 38px !important;
	width: auto !important;
	object-fit: contain !important;
}

.brand-text-wrap {
	display: flex !important;
	flex-direction: column !important;
	text-align: left !important;
	line-height: 1.1 !important;
}

.brand-title-text {
	font-family: logofont, 'Plus Jakarta Sans', sans-serif !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	color: #FF5500 !important;
	letter-spacing: 0.5px !important;
}

.sitenameTag {
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	font-size: 10px !important;
	color: #64748B !important;
	font-weight: 500 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.menu-pill-btn {
	background: #F8FAFC !important;
	border: 1px solid #E2E8F0 !important;
	color: #0F172A !important;
	border-radius: 999px !important;
	padding: 6px 14px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	display: none !important;
	align-items: center !important;
	gap: 6px !important;
	transition: all 0.2s ease !important;
}

.menu-pill-btn:hover {
	background: #F1F5F9 !important;
	color: #FF5500 !important;
	border-color: #CBD5E1 !important;
}

/* PC / Desktop Navigation Bar Attached to Header */
.navabarAllcity, .navabarOnCity {
	display: block !important;
	width: 100% !important;
	max-width: 1400px !important;
	margin: 0 auto !important;
	background: #FFFFFF !important;
	border: none !important;
	padding: 0 32px 3px 32px !important;
	position: relative !important;
	z-index: 1000 !important;
	box-sizing: border-box !important;
}

.headerClass {
	display: block !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

.CategoriesLI, .highlightsLI {
	position: relative !important;
	z-index: 1010 !important;
}

.openCategoriesUL {
	position: absolute !important;
	top: 100% !important;
	left: 0 !important;
	z-index: 1020 !important;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15) !important;
	background: #FFFFFF !important;
	border-radius: 12px !important;
	border: 1px solid #E2E8F0 !important;
	padding: 12px !important;
	min-width: 260px !important;
}

.headerClassUL {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100% !important;
	max-width: 100% !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	gap: 6px !important;
	box-sizing: border-box !important;
}

.headerClassUL > li,
.headerClassUL > li.nav-item {
	flex: 1 1 0 !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.headerClassUL .nav-link-btn,
.headerClassUL > li > a,
.headerClassUL .headerCategoryBtn,
.headerClassUL .headerHighlightsBtn {
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 1px 6px 2px 6px !important;
	color: #1E293B !important;
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	font-weight: 600 !important;
	font-size: 12px !important;
	text-decoration: none !important;
	border-radius: 6px !important;
	background: transparent !important;
	border: 1px solid transparent !important;
	outline: none !important;
	box-shadow: none !important;
	cursor: pointer !important;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
	line-height: 1.1 !important;
	gap: 1px !important;
	box-sizing: border-box !important;
}

.headerClassUL .nav-link-btn .glyphicon,
.headerClassUL .nav-link-btn i,
.headerClassUL > li > a .glyphicon, 
.headerClassUL .headerCategoryBtn .glyphicon,
.headerClassUL .headerHighlightsBtn .glyphicon {
	color: #FF5500 !important;
	font-size: 15px !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
	display: inline-block !important;
	transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease !important;
}

.headerClassUL .nav-item-label,
.headerClassUL .icontext,
.headerClassUL .hcategoryName {
	color: #1E293B !important;
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	font-weight: 600 !important;
	font-size: 12.5px !important;
	white-space: nowrap !important;
	transition: color 0.2s ease !important;
	text-shadow: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.headerClassUL .nav-item-label,
.headerClassUL .icontext,
.headerClassUL .hcategoryName {
	color: #1E293B !important;
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	white-space: nowrap !important;
	transition: color 0.2s ease !important;
	text-shadow: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Consistent Hover & Focus/Active Effect for All 8 Options */
.headerClassUL .nav-link-btn:hover,
.headerClassUL .nav-link-btn:focus,
.headerClassUL .nav-link-btn:active,
.headerClassUL .nav-link-btn:focus-visible,
.headerClassUL > li > a:hover,
.headerClassUL > li > a:focus,
.headerClassUL > li > a:active,
.headerClassUL > li > a:focus-visible,
.headerClassUL .headerCategoryBtn:hover,
.headerClassUL .headerCategoryBtn:focus,
.headerClassUL .headerCategoryBtn:active,
.headerClassUL .headerCategoryBtn:focus-visible,
.headerClassUL .headerHighlightsBtn:hover,
.headerClassUL .headerHighlightsBtn:focus,
.headerClassUL .headerHighlightsBtn:active,
.headerClassUL .headerHighlightsBtn:focus-visible,
.headerClassUL > li.open > .headerCategoryBtn,
.headerClassUL > li.open > .headerCategoryBtn:focus,
.headerClassUL > li.open > .headerCategoryBtn:active,
.headerClassUL > li.open > .headerHighlightsBtn,
.headerClassUL > li.open > .headerHighlightsBtn:focus,
.headerClassUL > li.open > .headerHighlightsBtn:active {
	background: #FFF4ED !important;
	border-color: #FFE2D1 !important;
	color: #FF5500 !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 12px rgba(255, 85, 0, 0.12) !important;
	outline: none !important;
	outline-offset: 0 !important;
	-webkit-tap-highlight-color: transparent !important;
}

.headerClassUL .nav-link-btn:hover .glyphicon,
.headerClassUL .nav-link-btn:hover i,
.headerClassUL > li > a:hover .glyphicon,
.headerClassUL .headerCategoryBtn:hover .glyphicon,
.headerClassUL .headerHighlightsBtn:hover .glyphicon,
.headerClassUL > li.open > .headerCategoryBtn .glyphicon,
.headerClassUL > li.open > .headerHighlightsBtn .glyphicon {
	color: #FF5500 !important;
	transform: scale(1.15) !important;
}

.headerClassUL .nav-link-btn:hover .nav-item-label,
.headerClassUL .nav-link-btn:hover .icontext,
.headerClassUL .nav-link-btn:hover .hcategoryName,
.headerClassUL > li > a:hover .icontext,
.headerClassUL .headerCategoryBtn:hover .hcategoryName,
.headerClassUL .headerHighlightsBtn:hover .hcategoryName,
.headerClassUL > li.open > .headerCategoryBtn .hcategoryName,
.headerClassUL > li.open > .headerHighlightsBtn .hcategoryName {
	color: #FF5500 !important;
}

/* Active Navigation Item */
.headerClassUL > li.active .nav-link-btn,
.headerClassUL > li.active > a {
	background: #FFF4ED !important;
	border-color: #FF5500 !important;
	color: #FF5500 !important;
}

.headerClassUL > li.active .nav-item-label,
.headerClassUL > li.active .icontext {
	color: #FF5500 !important;
}

.header-left-group {
	flex: 0 0 auto !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 12px !important;
}

.header-search-container {
	flex: 1 1 450px !important;
	max-width: 550px !important;
	margin: 0 auto !important;
	position: relative !important;
}

.header-actions-group {
	flex: 0 0 auto !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 18px !important;
}

.header-search-input {
	width: 100% !important;
	background: #F8FAFC !important;
	border: 1px solid #E2E8F0 !important;
	border-radius: 999px !important;
	padding: 7px 44px 7px 38px !important;
	color: #0F172A !important;
	font-size: 13.5px !important;
	outline: none !important;
	transition: all 0.2s ease !important;
}

.header-search-input::placeholder {
	color: #94A3B8 !important;
}

.header-search-input:focus {
	background: #FFFFFF !important;
	border-color: #FF5500 !important;
	box-shadow: 0 0 0 3px rgba(255, 85, 0, 0.15) !important;
}

.header-search-icon {
	position: absolute !important;
	left: 16px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	color: #94A3B8 !important;
	font-size: 14px !important;
	pointer-events: none !important;
}

.header-search-btn-circle {
	position: absolute !important;
	right: 5px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 32px !important;
	height: 32px !important;
	border-radius: 50% !important;
	background: #FF5500 !important;
	border: none !important;
	color: #FFFFFF !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 13px !important;
	cursor: pointer !important;
	transition: background 0.2s ease !important;
}

.header-search-btn-circle:hover {
	background: #E04B00 !important;
}

.header-left-group {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
}

.header-location-pill {
	display: flex !important;
	align-items: center !important;
	gap: 4px !important;
	background: #F8FAFC !important;
	padding: 6px 14px !important;
	border-radius: 999px !important;
	border: 1px solid #E2E8F0 !important;
	font-size: 13px !important;
}

.header-location-input {
	background: transparent !important;
	border: none !important;
	color: #0F172A !important;
	width: 90px !important;
	outline: none !important;
	font-size: 13px !important;
	font-weight: 500 !important;
}

.header-actions-group {
	display: flex !important;
	align-items: center !important;
	gap: 18px !important;
}

.header-top-row {
	display: contents !important;
}

.hollow-orange-icon {
	stroke: #FF5500 !important;
	fill: none !important;
	display: inline-block !important;
	vertical-align: middle !important;
	transition: stroke 0.2s ease, transform 0.2s ease !important;
}

.header-action-item {
	color: #334155 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	cursor: pointer !important;
	transition: color 0.2s ease !important;
}

.header-action-item:hover {
	color: #FF5500 !important;
}

.header-action-item:hover .hollow-orange-icon {
	stroke: #E04B00 !important;
	transform: scale(1.08) !important;
}

.alert-dot {
	width: 8px !important;
	height: 8px !important;
	background-color: #FF5500 !important;
	border-radius: 50% !important;
	display: inline-block !important;
}

.post-deal-pill-btn {
	border: 1.5px solid #FF5500 !important;
	color: #FF5500 !important;
	background: #FFFFFF !important;
	border-radius: 999px !important;
	padding: 7px 20px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	transition: all 0.2s ease !important;
}

.post-deal-pill-btn:hover {
	background: #FF5500 !important;
	color: #FFFFFF !important;
	box-shadow: 0 4px 14px rgba(255, 85, 0, 0.25) !important;
}

/* Right-Side Off-Canvas Slide-In Navigation Drawer */
.right-side-drawer {
	position: fixed !important;
	top: 0 !important;
	right: 0 !important;
	width: 340px !important;
	max-width: 85vw !important;
	height: 100vh !important;
	background: #FFFFFF !important;
	z-index: 1080 !important;
	box-shadow: -10px 0 30px rgba(0,0,0,0.15) !important;
	transform: translateX(100%) !important;
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	overflow-y: auto !important;
	padding: 24px !important;
	display: flex !important;
	flex-direction: column !important;
	font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.right-side-drawer.drawer-open {
	transform: translateX(0) !important;
}

.drawer-backdrop {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	background: rgba(15, 23, 42, 0.5) !important;
	backdrop-filter: blur(4px) !important;
	z-index: 1070 !important;
	opacity: 0 !important;
	visibility: hidden !important;
	transition: all 0.3s ease !important;
}

.drawer-backdrop.drawer-open {
	opacity: 1 !important;
	visibility: visible !important;
}

.drawer-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding-bottom: 16px !important;
	border-bottom: 1px solid #E2E8F0 !important;
	margin-bottom: 20px !important;
}

.drawer-title {
	font-size: 18px !important;
	font-weight: 800 !important;
	color: #0F172A !important;
	margin: 0 !important;
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
}

.drawer-close-btn {
	background: #F1F5F9 !important;
	border: none !important;
	border-radius: 50% !important;
	width: 36px !important;
	height: 36px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #0F172A !important;
	font-size: 18px !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
}

.drawer-close-btn:hover {
	background: #FF5500 !important;
	color: #FFFFFF !important;
}

.drawer-menu-list {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.drawer-menu-list li {
	margin-bottom: 8px !important;
}

.drawer-menu-list li a {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 10px 14px !important;
	border-radius: 10px !important;
	color: #334155 !important;
	font-weight: 600 !important;
	font-size: 15px !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
}

.drawer-menu-list li a:hover {
	background: #FFF4ED !important;
	color: #FF5500 !important;
}

.drawer-post-deal-btn {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	background: #FF5500 !important;
	color: #FFFFFF !important;
	font-weight: 700 !important;
	font-size: 15px !important;
	padding: 12px 20px !important;
	border-radius: 12px !important;
	text-decoration: none !important;
	box-shadow: 0 4px 14px rgba(255, 85, 0, 0.3) !important;
	transition: all 0.2s ease !important;
}

.drawer-post-deal-btn:hover {
	background: #E04B00 !important;
	color: #FFFFFF !important;
	box-shadow: 0 6px 18px rgba(255, 85, 0, 0.4) !important;
}

/* Tablet & Mobile Responsive Layout Rules (Groupon Style) */
@media (max-width: 991px) {
	.navabarAllcity, .navabarOnCity, .headerClass {
		display: none !important;
	}
	.site-main-header {
		width: 100% !important;
		position: relative !important;
		left: 0 !important;
		right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		border-bottom: 1px solid #E2E8F0 !important;
	}
	.dark-top-header, .top-header-bar {
		width: 100% !important;
		position: relative !important;
		left: 0 !important;
		right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		display: grid !important;
		grid-template-columns: 1fr auto !important;
		grid-template-rows: auto auto !important;
		grid-template-areas: 
			"left right"
			"search search" !important;
		row-gap: 8px !important;
		column-gap: 10px !important;
		padding: 10px 14px 12px 14px !important;
		border-bottom: none !important;
		box-sizing: border-box !important;
	}
	
	/* Row 1 Left: Hamburger + Logo */
	.header-left-group {
		grid-area: left !important;
		width: auto !important;
		display: inline-flex !important;
		align-items: center !important;
		gap: 8px !important;
		min-width: 0 !important;
	}
	.menu-pill-btn {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		background: transparent !important;
		border: none !important;
		padding: 4px 6px !important;
		cursor: pointer !important;
		margin: 0 !important;
		flex-shrink: 0 !important;
	}
	.menu-pill-btn svg {
		stroke: #0F172A !important;
	}
	.menu-pill-btn:hover svg {
		stroke: #FF5500 !important;
	}
	.brand-flame-title {
		display: inline-flex !important;
		align-items: center !important;
		gap: 8px !important;
		min-width: 0 !important;
	}
	.brand-flame-title img {
		height: 38px !important;
		width: auto !important;
		flex-shrink: 0 !important;
	}
	.brand-text-wrap {
		min-width: 0 !important;
	}
	.brand-title-text {
		font-size: 19px !important;
		white-space: nowrap !important;
	}
	.sitenameTag {
		font-size: 9px !important;
		white-space: nowrap !important;
	}
	
	/* Row 1 Right: Hollow Orange Alert Bell & User Profile Icons */
	.header-actions-group {
		grid-area: right !important;
		width: auto !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		gap: 14px !important;
		margin: 0 !important;
		flex-shrink: 0 !important;
	}
	.header-location-pill {
		display: none !important;
	}
	.post-deal-pill-btn {
		display: none !important;
	}
	.header-alert-action, .header-user-action .header-action-item {
		position: relative !important;
		padding: 4px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	.header-action-label {
		display: none !important;
	}
	.alert-dot {
		position: absolute !important;
		top: 1px !important;
		right: 2px !important;
		width: 8px !important;
		height: 8px !important;
		background-color: #FF5500 !important;
		border-radius: 50% !important;
		border: 1.5px solid #FFFFFF !important;
	}
	
	/* Row 2: Full-Width Search Bar */
	.header-search-container {
		grid-area: search !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-top: 2px !important;
		position: relative !important;
		display: flex !important;
		align-items: center !important;
	}
	.header-search-icon {
		display: none !important;
	}
	.header-search-input {
		width: 100% !important;
		background: #FFFFFF !important;
		border: 1.5px solid #E2E8F0 !important;
		border-radius: 999px !important;
		padding: 9px 46px 9px 16px !important;
		font-size: 14px !important;
		box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
	}
	.header-search-btn-circle {
		position: absolute !important;
		right: 4px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		width: 32px !important;
		height: 32px !important;
		border-radius: 50% !important;
		background: #FF5500 !important;
		border: none !important;
		color: #FFFFFF !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		font-size: 13px !important;
		cursor: pointer !important;
		transition: background 0.2s ease !important;
	}
	.header-search-btn-circle:hover {
		background: #E04B00 !important;
	}
}

@media (max-width: 480px) {
	.brand-title-text {
		font-size: 16px !important;
	}
	.sitenameTag {
		display: none !important;
	}
	.brand-flame-title img {
		height: 32px !important;
	}
	.header-actions-group {
		gap: 8px !important;
	}
}
				 
/*HOVER EFFECT ON BUTTON*/

.glassbtn
{
	background: #FF5500 !important;
	color: #FFFFFF !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	border-radius: 999px !important;
	border: 1px solid #FF5500 !important;
	box-shadow: 0 4px 12px rgba(255, 85, 0, 0.2);
}



.product-col .glassbtn::before {

/*
	content: '';
	display: block;
	position: absolute;
	top: -2px;
	left: -7px;
	right: 0;
	height: 20px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAbsSURBVHjatFd7bFtXHf7O9X04fqWJk7ZZ1vVB2zVkzcYQUME61A2BWrY/kNAm0BCdQOKxChhjVC2rGOuktVQM1AFTeWpFU1lpoaLSSFvalUC6TKOwJusjXdLWSWM3duz4Xtv3fe/h59RDSuw2CQsnOrIj33O+73y/7/f7ncs455g6eoX5178IDNz3AVaCwU2YSt3aSGvro4VMOq4XC64XEJjHoPqeN2h5PLE0Ej0TbbszETt5fF09vPUCY+/Lq/qAahj7GcPJnKb7aztWTMISUXNwMFECdx0w+s/xTTG2cvVP6ucvfEw7fxpuSYcnylA9DyXPQWNAxAff34HYrS2QtmzWG0NyiBFv13fR1BC5nwfwFa1odNF5vkjbXZmWABOIAi2GIMD1VCH+8fUvN6350EOpnc8iSkt4QAJsA0F6sGVFG5bKYWSDAYR27UR9R3vIJ9Usl4MLHFrJQNGwkC2a95ZK1kba/ulpCViePvHpwUG4aeG21s9/7iHJsrBs3QZYg8OwzCLcJbcgsuJ28CuDeMe3cNuhPyE2vxkO9xEgvX3XhmaYSOWKUInEL17c/ffb2+/88YY1d0w+bC0P/JNFKQg+WDC05tZ193XXn70oBBub4a5cDmOwF0YqDblOhpZOInXHKrQfPYJoJEqh8sA9Is5d5AsGMqqBZDqHZ7Z868LrJ//68IJYfe81NT8l2kRg6vyX0oQ3A/U4v+IDh/KL7uZFhPl5IcTfFCTeKYr8ZVrWPa+e9+3cwW3H5eVhWjZ36Dudml9Kpnnf0DV+8ESPvby9Yz/BrItCoPCxKqzaJqTYCgFRwdj4PaJpYkTiuOTbJHEc/alRLGuOo63rH2hYtYp0Iju4dGxyq27bULUSSg7DW3399pavP/rLq0OX9kkB1uMEysaqhqpNgHTk3L+tzrbn0fa44BqIrVyGaySrEg7jI8dfQ4zAyyfwXJ/c7sG0HGS1IvkngO43ego/eHLT86mhxEHabcCnx3zPrwkl4EZDEO6K+Cyg0clHiX14VTsGM6O4//f7EF+9mszjEzgRZeVawVEoGjBIiGOvHVe3bvrS9wl8D+1yjqbhlRkQAa8GiZoK0D4IgC1XKJ2GbBPBJa04f7YPjQ8/gqUPPAjQho7rT9QL03ZJ9gJKnOHI0WO57d/95rZCPneAfsygpugzUIBdJ7CIUTVJkcwKhaTQuhgP/PyndHIqMATuUfRLlo2cpqFEnuk8eiz93NbHt1bAsxVwVpk3HLULEf2JYEvK6ZQjigIX8LHnX8D8aITsQQlKpEzTmshvzWJ4tfNwcsf3ntimjWcP0/JcRcSZjalpcVqO47TSJF6QmntHY7fwXfTIq994nBfoR9fzuEHpVtJNnsrm+cWUyjdv/+E7kqx8gbZaMCHcZCHZdHhVClAoy9qFJd9f4MQjKJpBNK3/tKfQ5g6Zrkgnp3yHLyjY+9Ke3h9tf2qXa9snaOlY5eSsAvTf+DPGZhGC6wzqFEVUshEFTjTa09Le7lDs1+oUc5vSzaVe8Lvf/Krvuaee3Om5blfFcDOX/eYmZOUYLwyFg6GEZaKhrW23Py/W7xKwQ453mIhXXvnDuWe2fGc3gb9BC0bLDXNSK52B+29IgDIWgu82sWBQSmbGEs0fvefAuC/9+1puHJBEdHX3XNn27cd+Zjt2OcfTU8BnPapCQLcAiJxHHTmAvG52NnT3OM5Ybu/FbGa9IMobOjv/csYyjXJPT9HU8R5HlQIKFZkQYzGVKl2dgAHxVBeME0eKUkPjZ84lhu499ucDL5SrG838bKSeMQGZnC6Di0XPheB6wx4Vo8ypU9DUgvvbHU93Z5LDwxVwcy4IVIVAloOQJdERJAFBz1XrqBwf/ONeHD66D05Og6wIrm35WsX1c08A4QixUCaAF4AZikhEFtngHS7iYhDaGdeye8s31f8t7aYl4Fs6FRonEwtH3KgcdOaRJ/wRB8VxmmXDFyak9ytz7gnYukmXSe+K7EcNOSD4slkAXe+uR73yCE13LuSvacJSQxS64OV5Nq26ouDzJzbj7q9umsTxveb+TZtD19sDeHv/ISRaWv/Wv2fPZ8/aPs6lVXzik596t6YHpjSdafe9GV41gQuDuGw5z2aHk8Ux3TTfGrj6Ul8iFb80PIIQteOKasL/jcDg1dEvZ/MFavvUfmkmx8Z57+WR1y+PJOVIKPyuAmyuCFSdJFKnPBipC5Yv0PDolhuSZHrJ8O4qme5iSZYxV+6/oQmLpnOmDF7S6c1Gt2BSCoiBgLi4tUV/ZOPGWXe7WRNIq9qvxwi5/GLp0vXr6hjd+QzjVDpfSpsOx1yPqjrgWHYik9e+FlTEDxN+qE4W+3OG8aJqUgOeKAhzO/4jwADbOjocJUARPAAAAABJRU5ErkJggg==) no-repeat 0 0
	/*url(data:image/png;base64,) no-repeat 50% 0,
	url(data:image/png;base64,) no-repeat 100% 0;*/
		
	
}
/*.panel .glassbtn::before,#products .glassbtn::before,#content .glassbtn::before
{
	content: '';
	display:none;
}*/
.modal .glassbtn::before
{
	content: '';
	display:none;
}
.glassbtn:after
{
	content:'›';
	font-size:1em;
	display:inline;
	line-height:5px;
	top:-3px;
	opacity:0;
	margin-left:0;
	position:relative;
	-webkit-transition:all ease-in-out 0.2s !important;
	transition:all ease-in-out 0.2s !important;
}
.glassbtn:hover:after
{
		content:'›' !important;
		opacity:1 !important;
		font-size:2em !important;
		display:inline;
		top:3px;
		margin-left:11px;
}
/*HOVER EFFECT ON BUTTON CLOSED*/

.modal .btn-primary.glassbtn,#loginPanel .btn-primary.glassbtn,#registerForm .btn-primary.glassbtn,#uploadform .btn-primary.glassbtn
{
	color:#2fa4e7 !important;
	/*border-color:#00CCFF !important;*/
}
.modal .btn-danger.glassbtn,.btn-danger.glassbtn
{
	color:red !important;
	border-color:red !important;
}

#dealsaroundmeModal .modal-title
{
	font-size:15px;
}

                                                                          /*icon color*/
.headerClass .glyphicon
{
	color:red !important;
	font-size:16px !important;
}
.headerClass .icontext
{
	font-family:calibri !important;
	font-size:16px !important;
	color:black;
	//font-weight:700;
}

                                                                         /* panel heading color */
.panel-heading,.modal-header,#alertModal .modal-header2
{
	background-color:#00CCFF !important;
}
#alertModal .modal-header,#favModal .modal-header,#removeModal .modal-header
{
	background-color:#ea2e2e !important;
}

.modal-header2
{
	background:#00CCFF !important;
}

                                                 /* applyng border color to model*/

.modal-header,.modal-header2
{
	border-radius:0px !important;
}
.modal-content,#alertModal .modal-header2
{
	border:4px solid #00CCFF !important;
}
#alertModal .modal-content,#removeModal .modal-content
{
	border:4px solid #ea2e2e !important;
}

#favModal .mcontent
{
	border:4px solid #ea2e2e !important;
}

.dynamiccontent
{
	border:4px solid #00CCFF !important;
}



                                    /*oval shape for dialog boxes*/
#alertModal .modal-body,#subscribeModal .modal-body,#favModal .modal-body,#removeModal .modal-body,#uploadModal .modal-body,#errorModal .modal-body
{
	margin-left:20px;
	padding-bottom:0px !important;
}
#alertModal.modal,#subscribeModal.modal,#favModal.modal,#removeModal.modal,#uploadModal.modal,#errorModal.modal
{
	margin-top:15%;
	box-shadow:none !important;
	outline: 0 none;
}
#alertModal .modal-content,#subscribeModal .modal-content,#favModal .modal-content,#removeModal .modal-content,#uploadModal .modal-content,#errorModal .modal-content
{
	border-radius:68px !important;
}

/*.modal-header
{
	border-top-left-radius:68px !important;
	border-top-right-radius:68px !important;
	box-shadow:none !important;
	border-bottom:none !important;
}
.modal-header h4
{
	margin-left:20px;
}*/
                                                                  /*header*/
.headerClass
{
	display: block !important;
	text-align: center !important;
	margin: 0 !important;
}
@media (min-width: 1200px)
{
	.headerClass li
	{
		float:left;
		list-style:none !important;
		padding-left:28px;
	}
}
.glyphicon-search:hover,.glyphicon-th:hover,.glyphicon-user:hover,.glyphicon-pushpin:hover,.glyphicon-log-in:hover,.glyphicon-registration-mark:hover,.glyphicon-home:hover,.glyphicon-upload:hover
{
	border-bottom:1px solid red;
}
.userDropdown .glyphicon-user:hover,.btn-breadcrumb .glyphicon-th:hover
{
	border-bottom:none !important;
}
.glyphicon-map-marker,#searchlist li:hover,.cityComboDropdown li a:hover
{
	border-bottom:none !important;
}
.userDropdown li a:hover
{
	background:none !important;
	border-bottom:none !important;
}


.headerClass input
{
	 border: 4px solid #307ca9; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 4px;
    background: rgba(255,255,255,0.5);
    margin: 4px 0 4px 0px;
	border-radius:15px;
}
 
 .sitenameTag{
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	font-size: 11px !important;
	color: #64748B !important;
	font-weight: 500 !important;
	margin: 0 !important;
	padding: 0 !important;
	position: static !important;
	top: 0 !important;
	left: 0 !important;
	text-align: left !important;
}

@media (min-width: 760px)
{
    .sitenameTag{
		position: static !important;
		top: 0 !important;
		left: 0 !important;
		text-align: left !important;
	} 
}
@media (min-width: 0px) and (max-width: 760px)
{
	.menuDiv
	{
		display:none !important;
	}
	.headerClassUL
	{
		display:none;
	}
	.headerClass
	{
		  display:inline-block !important;
		  text-align:center !important;
		  margin-left:-7px;
	}
}
@media (min-width: 760px)
{
	.menuDiv
	{
		display:none !important;
	}
	.headerClassUL
	{
		display:block;
	}
}
 @media (min-width: 0px) and (max-width: 360px)
{
	.sitenameTag{
		font-size:9.5px !important;
	}
	.menuDiv
	{
		position:relative;
		top:-145px;
		left:10px;
		//padding-bottom:33px;
	}
	.headerClassUL
	{
		margin-top:50px;
	}
	#opnclose img
	{
		width:35px !important;
	}
	.navabarOnCity
	{
		margin-top:-57px; 
	}
	.navabarAllcity
	{
		margin-top:-43px;
	}
}

@media (min-width: 361px) and (max-width: 760px)
{
	.menuDiv
	{
		position:relative;
		top:-172px;
		left:18px;
		//padding-bottom:40px;
	}
	.navabarOnCity
	{
		margin-top:-57px; 
	}
	.navabarAllcity
	{
		margin-top:-43px;
	}
	.headerClassUL
	{
		margin-top:50px;
	}
}

@media (min-width:761px) and (max-width: 1200px)
{
	.navabarOnCity
	{
		margin-top:-57px; 
	}
	.navabarAllcity
	{
		margin-top:-60px;
	}
	
}
@media (min-width: 1200px)
{
   .navabarOnCity
	{
		margin-top:25px !important; 
	}
	.navabarAllcity
	{
		margin-top:29px;
	}
}
/*header  christmas themes*/


.christmasGrandpa
{
	width:128px;
	height:130px;
	float:left;
	position:relative;
	top:75px;
	left:-37px;
}
.christmasTree
{
	width:85px;
	height:130px;
	float:right;
	position:relative;
	top:75px;
	right:-25px;
}

.siteName
{
	text-decoration:none !important;
	position:relative;
	top:13px !important;
	left:0px;
}
.hlogoDiv
{
	margin: 0 !important;
	padding: 0 !important;
}

@media (min-width: 0px) and (max-width: 1200px)
{
	.christmasGrandpa,.christmasTree
	{
		display:none !important;
	}
	.hlogoDiv
	{
		margin: 0 !important;
		padding: 0 !important;
	}
	
}
@media (min-width: 0px) and (max-width: 1200px)
{
	.headerCityDiv,.locationIcon
	{
		display:none !important;
	}
}
@media (min-width: 760px)
{
	.locationIcon
	{
		position:absolute;margin-top:-43px ;z-index:1000;
		color:#00CCFF;
	}
}
/*search*/
.searchUL
{
	//background:#CCCCCC !important;	
	border-radius:0px !important;
	-moz-animation: fadeInDown .4s ease-in !important;
    -webkit-animation: fadeInDown .4s ease-in !important;
    animation:fadeInDown .4s ease-in !important;
}
#search
{
	width:280px;
	position:relative;
	left:-3px;
	border-color:#00CCFF !important;
}
.searchboxBtn
{
	//background-color:red !important;
	border-color:none !important;
	font-weight:bold;
	color:white;
	margin-left:-7px;
}
.searchUL
	{
		position:relative;
		left:-43px !important;
}
.auotsearchUL{
	position:absolute !important;
		//left:-70px !important;
		top:120px !important;
		z-index:850000 !important;
		//border:1px solid red;
}
.autosearchResults .list-group-item a:hover
{
	border-color:#ccc !important;
}
.searchUL .btn:focus
{
	border-color:none !important;
	outline: 0 none;
}
@media (min-width: 980px) and (max-width: 1160px)
{
	.searchUL
	{
		left:-136px !important;
	}
}
	                                                                       /* user dropdown*/
.userDropdown
{
	//width:50px !important;
	border:1px solid red;
}
.userDropdown li
{
	padding-top:10px;
	border-bottom:1px solid red;
	position:relative;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:8px;
}
.userDropdown .icontext
{
	position:relative;
	top:-3px;
}
.userDropdown .icontext:hover
{
	color:#0099FF !important;
}
.userDropdownAnim
{
	 -moz-animation: fadeInDown .4s ease-in !important;
    -webkit-animation: fadeInDown .4s ease-in !important;
    animation:fadeInDown .4s ease-in !important;
}

    @media (min-width: 0px) and (max-width: 760px)
	{
			.headerClass
			{
				  display:inline-block !important;
				  text-align:left !important;
				  float:left !important;
				  margin-top:-25px;
				  /*margin-left:-117px !important;*/
			}
			.headerClass li
			{
				float:none !important;
				list-style:none !important;
				
				/*padding-left:20px;*/
			}
			.headerClass .icontext
			{
				margin-left:40px;
				position:relative !important;
				top:-18px !important;
			}
			.headerCategoryBtn .glyphicon-th,.headerHighlightsBtn .glyphicon-tags
			{
				margin-left:-27px;
			}
			.hcategoryName
			{
				margin-left:130px;
				text-align:right !important;
				position:relative !important;
				top:-18px !important;
			}
			.cityComboDropdown .glyphicon-map-marker
			{
				margin-left:62px;
				//display:block !important;
				padding-bottom:10px;
				margin-top:-14px !important;
			}
			.brek
			{
				display:none !important;
			}
			.hcityName
			{
				
				//margin-left:120px;
				//text-align:center !important;
				position:relative !important;
				top:-2px !important;
				left:8px;
			}
			.cityComboUL
			{
				top:-1px !important;
				//left:-43px !important;
				//padding-bottom:85px !important;
			}
			
			
			.headerSearchBtn .glyphicon-search
			{
				margin-left:-9px;
			}
			
			.hsearchName
			{
				margin-left:114px;
				text-align:right !important;
				position:relative !important;
				top:-18px !important;
			}
			.huserName
			{
				margin-left:115px;
				text-align:right !important;
				position:relative !important;
				top:-18px !important;
			}
			#account
			{
				position:relative;
				right:10px !important;
			}
			.headerClass .dropdown
			{
				margin-left:-75px !important;
			}
			/*hover*/
			.headerClass li a:hover,.userDropdown .icontext:hover,.glyphicon-search:hover,.glyphicon-th:hover,.glyphicon-user:hover,.glyphicon-pushpin:hover,.glyphicon-map-marker:hover
			{
				border-bottom:none !important;
				//border-bottom:1px solid red;
			}
			.headerClass li a .icontext:hover,.huserName:hover,.userDropdown .icontext:hover,.hsearchName:hover,.hcategoryName:hover,.hcityName:hover
			{
				//border-bottom:1px solid red;
				border-bottom:none !important;
			}
			.userDropdown li a:hover
			{
				background:none !important;
				border-bottom:none !important;
			}
			/*user dropdown*/
			.userDropdown
			{
				margin-left:150px;
				margin-top:-14px;
				position:relative !important;
			}
			.userDropdown li
			{
				padding-top:10px;
				border-bottom:1px solid red;
				position:relative;
				padding-left:4px;
				padding-right:4px;
				padding-bottom:8px;
			}
			.userDropdown .icontext
			{
				margin-left:8px;
				position:relative !important;
				top:0px !important;
			}
			
			/*search*/
			.searchUL
			{
				margin-left:125px !important;
				margin-top:-34px;
				position:relative !important;
			}
			.searchUL input
			{
				margin-left:20px !important;
			}
			.searchUL div
			{
				width:280px !important;
			}
			#search
			{
				width:175px;
				position:relative;
				left:-3px;
			}
			/*category list*/
			.openCategoriesUL
			{
				margin-left:94px !important;
				max-width:250px !important;
				max-height:258px !important;
				overflow:scroll !important;
				//position:relative !important;
				//padding-bottom:85px !important;
				z-index:5000000 !important;	
			}
			.openCategoriesUL li{
				margin-top:15px !important;
			}
		
			.headerClass .active
			{
				border-bottom:none !important;
			}
			/*cities list*/
			.hCitiesUL
			{
				margin-left:94px !important;
			}
			.hCitiesUL .active
			{
				border-bottom:none !important;
			}
			.slider
			{
				margin-top:25px;
			}
			/*mobile header button*/
			.menuBtn
			{
				 background-color:none;
				 box-shadow: none !important;
				 color:white !important;
				// width:206px;
				// height:40px;
				 //padding-bottom:20px !important;
			}
			/*.cityonHeader
			{
				position:relative !important;
				text-align:center !important;
				top:-34px !important;
				left:-25px !important;
			}*/
			.headerClassUL .cityComboDropdown
			{
				display:none !important;
			}
	}
	.
	/*media closed 0px 760px*/
	@media (min-width: 761px) and (max-width: 1200px)
	{
		
		.citiesDropdown
		{
			margin-left:-19px !important;
		}
	}
	@media (min-width: 761px) and (max-width: 950px)
	{
		/*search*/
		.searchUL
		{
			margin-left:-148px !important;
			margin-top:-34px;
		}
		/*.searchUL input
		{
			margin-left:20px !important;
		}*/
		.searchUL div
		{
			width:260px !important;
		}
		#search
		{
			width:175px;
			position:relative;
			left:-7px;
		}
	}
	@media (min-width: 950px) and (max-width: 1200px)
	{
		 /*search*/
		.searchUL
		{
			margin-left:-43px !important;
			margin-top:-34px;
		}
		/*.searchUL input
		{
			margin-left:20px !important;
		}*/
		.searchUL div
		{
			width:280px !important;
		}
		#search
		{
			width:180px;
			position:relative;
			left:-7px;
		}
	}


@media (min-width:0px) and (max-width: 1200px)
{
	.citiesDropdown
	{
		display:block !important;
	}
}
@media (min-width:1200px)
{
	.hcityName
			{
		      text-align:center !important;
				margin-left:-6px;
				top:-3px !important;
			}
}


@media (min-width: 0px) and (max-width: 320px)
{
	.openCategoriesUL li 
	{
		width:250px;
	}
	.hCitiesUL li 
	{
		width:250px;
	}
	
}

	                                                            /*cities styles*/
@media (min-width: 0px) and (max-width: 760px)
{
	.cityComboUL
	{
		margin-left:130px !important;
	}
	/*.cityonHeader
	{
		display:block !important;
	}*/
}


/*products*/
@media (min-width: 975px) and (max-width: 1190px)
{
	.products
	{
		padding:10px !important;
	}
	.glassbtn
	{
		font-size:13px !important;
	}
	.glassbtn:hover:after{margin-left:6px !important;}
}
@media (min-width: 0px) and (max-width: 360px)
{
	.glassbtn
	{
		font-size:14px !important;
	}
	.glassbtn:hover:after{margin-left:5px !important;}
}
@media (min-width: 361px) and (max-width: 760px)
{
}
@media (min-width: 361px) and (max-width: 400px)
{
}
@media (min-width: 761px)
{
}
@media (min-width: 396px) and (max-width: 404px)
{
	.glassbtn
	{
		font-size:13px !important;
	}
	.glassbtn:hover:after{margin-left:5px !important;}
}

::-webkit-scrollbar {  
    width: 8px;
    height: 8px;
}  
::-webkit-scrollbar-track {  
    background: transparent;
}  
::-webkit-scrollbar-thumb {  
    background-color: #CBD5E1 !important;
    border-radius: 6px !important;
}  
::-webkit-scrollbar-thumb:hover {  
    background-color: #94A3B8 !important;  
}

select
{

	background: #fff !important;
    border-radius: 5px !important;
    box-shadow: 0 1px 0 rgba(0,0,0,0.2) !important;
    cursor: pointer !important;
    outline: none !important;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position:relative !important;
}
#dateFilterBox{
	 box-shadow: 0 1px 0 rgba(0,0,0,0.2) !important;
	 padding-bottom:8px;
	 border:1px solid #ccc !important;
}
.headerCityDiv select
{
	box-shadow:none !important;
	//border:none !important;
	border-radius:20px !important;
	padding-right:5px !important;
	border-color:red;
	//border-color:#00CCFF !important;
	color:#6CC !important;
}
.headerCityDiv select option
{
	//padding-right:50px !important;
}
.headerCityDiv
{
	margin-top:-3px;
}
.form-control .caret
{
	background-color:red !important;
	color:red !important;
}



    .titleDiv
	{
		text-align:center !important;
		height:44px !important;
	}
	.titleSpan
	{
		position:relative;top:13px !important;
	}

                                     /*login form , register form,upload form*/
.myform
{
	  width: 88%;
	  position:relative;
	  left:-5px;
	  background-color: #ffffff;
	  background-image: none;
	  border: 1px solid #01ccff;
	  border-radius: 4px;
	  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
			  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
			  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
			  padding: 10px 10px 10px 40px;
			 
}


.formuser
{
	position:relative;
	left:25px;
	z-index:1000 !important;
}
#loginPanel,#registerForm
{
	position:relative;
	top:-25px;
	
}
#loginPanel,#registerForm .panel
{
	border: 1px solid #01ccff;
}

#loginPanel .panel-title,#registerForm .panel-title
{
	font-size:20px;
	color:black;
}
#registerForm .panel-body
{
	padding-right:25px;
}

#inputcountry,#inputcity,#uploadform select
{
	font-weight:lighter !important;
	box-shadow:none !important;
}
#registerForm label,#uploadform label,#Editform label
{
	font-weight:normal !important;
	text-shadow:none !important;
}

#loginPanel .glyphicon,#registerForm .glyphicon,#uploadform .glyphicon,#subscribeModal .glyphicon,#userContactForm .glyphicon,#Editform .glyphicon
{
	color:#3499cc !important;
}

.has-error .myform {
  border-color: #fb7575 !important;
  /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/
}

.has-error .myform:focus {
  /*border-color: red !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;*/
}



/*.has-error .input-group-addon {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}*/
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus
{
	//border-color: rgba(126, 239, 104, 0.8);
	border-color:#3399cc;
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);*/
   outline: 0 none;
}
.btn:focus
{
	 outline: 0 none;
}
@media (min-width: 0px) and (max-width: 1200px)
{
   .uploadDealProducts .helptip
	{
		display:none !important;
	}
}
.uploadDealProducts .helptip
	{
		display:none !important;
	}
.uploadChooseImg
{
	position:relative;
	left:2.8% !important;
}









/** breadcrumb **/
.btn-breadcrumb
{
	margin-top:-25px;
	margin-left:-25px;
}
.btn-breadcrumb .btn:not(:last-child):after {
 /* content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 15px solid #00ccff;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;*/
 
}
.bread1{
 
 
  border-left: 25px solid rgb(173, 173, 173);
  border-top-left-radius:50px;
  border-bottom-left-radius:50px;
  
  border-right: 25px solid rgb(173, 173, 173);
  border-top-right-radius:50px;
  border-bottom-right-radius:50px;
}

/** The Spacing **/
.btn-breadcrumb .btn {
  box-shadow: 0 1px 0 rgba(0,0,0,0.2) !important;
  padding:4px 12px 4px 12px;
  color:black;
  text-shadow:none;
  background:#fff !important;
  border-color:#00ccff;
  font-size:15px;
  text-transform:capitalize;
}

.btn-breadcrumb .glyphicon-th
{
	
	color:#00ccff;
	display:none;
}
.breadcrumbTitle
{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight:lighter;
}





/*Same like inthe vizag styles for cities */
.hCitiesUL li 
	{
		float:left !important;
		list-style:none !important;
		padding: 6px 6px 6px 0px;
		border-bottom:1px solid #999999;
		//border-right:1px solid #999999 !important;
		text-align:left !important;
		// box-shadow: 0 1px 0 rgba(0,0,0,0.2) !important;
		 
	}
@media (min-width: 0px) and (max-width: 760px)
{
	.hCitiesUL
	{
		max-height:400px;
		overflow-y:scroll !important;
		overflow-x: hidden !important;
		z-index:10000000 !important;
		width:200px !important;
		-moz-animation: fadeInDown .4s ease-in !important;
		-webkit-animation: fadeInDown .4s ease-in !important;
		animation:fadeInDown .4s ease-in !important;
		//margin-left:-250px !important;
	}
	.hCitiesUL li 
	{
		width:185px;
		display:block !important;
		float:left !important;
		list-style:none !important;
		padding: 6px 6px 6px 0px;
		border-bottom:1px solid #999999;
		//border-right:1px solid #999999 !important;
		text-align:left !important;
		// box-shadow: 0 1px 0 rgba(0,0,0,0.2) !important;
		 
	}
	.navbar-user,.navbar-login{
		display:none !important;
	}
}
@media (min-width:761px) and (max-width: 1200px)
{
	.hCitiesUL
	{
		max-height:400px;
		overflow-y:scroll !important;
		overflow-x: hidden !important;
		z-index:10000000 !important;
		width:580px !important;
		-moz-animation: fadeInDown .4s ease-in !important;
		-webkit-animation: fadeInDown .4s ease-in !important;
		animation:fadeInDown .4s ease-in !important;
		margin-left:-140px !important;
	}
	.hCitiesUL .col-sm-2
	{
		width:185px !important;
	}
	.openCategoriesUL
	{
		margin-left:-90px !important;
	}
	.navbar-user,.navbar-login{
		display:none !important;
	}
}
@media (min-width:1200px)
{
	.navbar-user{
		margin-top:67px;
	}
	#account,.hloginLI{
		display:none !important;
	}
	.hCitiesUL
	{
		max-height:475px;
		overflow-y:scroll !important;
		overflow-x: hidden !important;
		z-index:10000000 !important;
		width:1040px;
		-moz-animation: fadeInDown .4s ease-in !important;
		-webkit-animation: fadeInDown .4s ease-in !important;
		animation:fadeInDown .4s ease-in !important;
		margin-left:-250px !important;
	}
	.hCitiesUL li 
	{
		width:130px;
		display:block !important;
		float:left !important;
		list-style:none !important;
		padding: 6px 6px 6px 0px;
		border-bottom:1px solid #999999;
		//border-right:1px solid #999999 !important;
		text-align:left !important;
		// box-shadow: 0 1px 0 rgba(0,0,0,0.2) !important;
		 
	}
	
	
}
.hCitiesUL li a
{
	text-decoration:none;
	color:black !important;
	font-weight:normal;
	font-family:calibri;
	text-shadow:none;
}
.hCitiesUL li a:hover
{
	color:blue !important;
	border-bottom:none !important;
}

/* ==========================================================================
   Navbar Categories Mega Menu & Accordion Dropdown
   ========================================================================== */
.CategoriesLI .openCategoriesUL {
	width: 900px !important;
	max-width: calc(100vw - 32px) !important;
	max-height: 540px !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	background: #FFFFFF !important;
	border: 1px solid #E2E8F0 !important;
	border-radius: 14px !important;
	box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.04) !important;
	padding: 16px 18px !important;
	z-index: 10000000 !important;
	top: 100% !important;
	left: 0 !important;
	list-style: none !important;
}

/* Custom Sleek Scrollbar */
.CategoriesLI .openCategoriesUL::-webkit-scrollbar {
	width: 6px;
}
.CategoriesLI .openCategoriesUL::-webkit-scrollbar-track {
	background: #F8FAFC;
	border-radius: 4px;
}
.CategoriesLI .openCategoriesUL::-webkit-scrollbar-thumb {
	background: #CBD5E1;
	border-radius: 4px;
}
.CategoriesLI .openCategoriesUL::-webkit-scrollbar-thumb:hover {
	background: #94A3B8;
}

/* Grid Layout */
.nav-categories-row {
	margin-left: -10px !important;
	margin-right: -10px !important;
}

.nav-categories-col {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

/* Category item wrapper */
.CategoriesLI .nav-cat-item {
	margin-bottom: 8px !important;
	padding-bottom: 7px !important;
	border-bottom: 1px solid #F1F5F9 !important;
	list-style: none !important;
	float: none !important;
	width: 100% !important;
}

.CategoriesLI .nav-cat-item:last-child {
	border-bottom: none !important;
}

/* Category Header (Row with link + chevron) */
.CategoriesLI .nav-cat-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100% !important;
	gap: 8px !important;
	padding: 2px 0 !important;
}

/* Category Link */
.CategoriesLI .nav-cat-link {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	color: #0F172A !important;
	font-weight: 600 !important;
	font-size: 13.5px !important;
	text-decoration: none !important;
	transition: color 0.15s ease !important;
	flex: 1 !important;
	min-width: 0 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	font-family: inherit !important;
	outline: none !important;
	outline-offset: 0 !important;
	border: none !important;
	box-shadow: none !important;
	-webkit-tap-highlight-color: transparent !important;
}

.CategoriesLI .nav-cat-link:hover,
.CategoriesLI .nav-cat-link:focus,
.CategoriesLI .nav-cat-link:active,
.CategoriesLI .nav-cat-link:focus-visible {
	color: #FF5500 !important;
	text-decoration: none !important;
	border: none !important;
	border-bottom: none !important;
	outline: none !important;
	outline-offset: 0 !important;
	box-shadow: none !important;
}

.CategoriesLI .nav-cat-link img {
	width: 20px !important;
	height: 20px !important;
	object-fit: contain !important;
	flex-shrink: 0 !important;
}

.CategoriesLI .nav-cat-title {
	text-transform: capitalize !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

/* Accordion Down Arrow Button - Right Aligned, Clean Icon Without Box */
.CategoriesLI .subcat-accordion-toggle {
	margin-left: auto !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 24px !important;
	height: 24px !important;
	min-width: 24px !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	border-radius: 4px !important;
	color: #94A3B8 !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	outline: none !important;
	outline-offset: 0 !important;
	line-height: 1 !important;
	flex-shrink: 0 !important;
	-webkit-tap-highlight-color: transparent !important;
}

.CategoriesLI .subcat-accordion-toggle:hover,
.CategoriesLI .subcat-accordion-toggle:focus,
.CategoriesLI .subcat-accordion-toggle:active,
.CategoriesLI .subcat-accordion-toggle:focus-visible {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
	outline-offset: 0 !important;
	color: #FF5500 !important;
}

.CategoriesLI .subcat-accordion-toggle.active {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
	outline-offset: 0 !important;
	color: #FF5500 !important;
}

.CategoriesLI .subcat-accordion-toggle .subcat-arrow {
	stroke: currentColor !important;
	transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
	flex-shrink: 0 !important;
	width: 14px !important;
	height: 14px !important;
}

.CategoriesLI .subcat-accordion-toggle.active .subcat-arrow {
	transform: rotate(180deg) !important;
}

/* Subcategory Body & Separate Line Links */
.CategoriesLI .subcat-accordion-body {
	display: none;
	margin-top: 5px !important;
	margin-bottom: 8px !important;
	margin-left: 28px !important;
	padding-left: 10px !important;
	border-left: 2px solid #FED7AA !important;
	text-align: left !important;
}

.CategoriesLI .subcat-accordion-body a.subcat-item-link,
.subcat-accordion-body a.subcat-item-link {
	display: block !important;
	width: 100% !important;
	clear: both !important;
	font-size: 12.5px !important;
	color: #475569 !important;
	text-align: left !important;
	text-decoration: none !important;
	padding: 3px 6px !important;
	margin-bottom: 2px !important;
	line-height: 1.4 !important;
	border-radius: 4px !important;
	transition: all 0.15s ease !important;
	text-transform: capitalize !important;
	box-sizing: border-box !important;
	float: none !important;
	outline: none !important;
	outline-offset: 0 !important;
	border: none !important;
	box-shadow: none !important;
	-webkit-tap-highlight-color: transparent !important;
}

.CategoriesLI .subcat-accordion-body a.subcat-item-link:hover,
.CategoriesLI .subcat-accordion-body a.subcat-item-link:focus,
.CategoriesLI .subcat-accordion-body a.subcat-item-link:active,
.CategoriesLI .subcat-accordion-body a.subcat-item-link:focus-visible,
.subcat-accordion-body a.subcat-item-link:hover,
.subcat-accordion-body a.subcat-item-link:focus,
.subcat-accordion-body a.subcat-item-link:active,
.subcat-accordion-body a.subcat-item-link:focus-visible {
	color: #FF5500 !important;
	background: #FFF7ED !important;
	transform: translateX(3px) !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	border: none !important;
	border-bottom: none !important;
	outline: none !important;
	outline-offset: 0 !important;
	box-shadow: none !important;
	text-align: left !important;
}

/*categories styles*/
.openCategoriesUL
{
	max-height:425px;
	overflow-y:scroll !important;
	overflow-x: hidden !important;
	z-index:10000000 !important;
}

.openCategoriesUL li a:hover
{
	/*position:relative;
	left:15px;
	-moz-animation: fadeInLeft .4s ease-in ;
    -webkit-animation: fadeInLeft .4s ease-in ;
    animation:fadeInLeft .4s ease-in;*/
	//font-weight:bold !important;
	color:#6699FF !important;
	
}
.openCategoriesUL{
	width:850px;
    -moz-animation: fadeInDown .4s ease-in !important;
    -webkit-animation: fadeInDown .4s ease-in !important;
    animation:fadeInDown .4s ease-in !important;
	
}

.openCategoriesUL li 
{
	width:240px;
	display:block !important;
	float:left !important;
	list-style:none !important;
	padding: 6px 6px 6px 0px;
    border-bottom:1px solid #999999;
	//border-right:1px solid #999999 !important;
	text-align:left !important;
	// box-shadow: 0 1px 0 rgba(0,0,0,0.2) !important;
	 
}
.openCategoriesUL li a
{
	text-decoration:none;
	color:black !important;
	font-weight:normal;
	font-family:calibri;
	text-shadow:none;
}
.openCategoriesUL img
{
	width:28px;
	height:28px;
}
.openCategoriesUL a:hover
{
	border-bottom:none !important;
}

/* ==========================================================================
   MODERN HIGHLIGHTS MEGA MENU (DEALSAROUNDME WHITE + VIBRANT ORANGE THEME)
   ========================================================================== */
.highlightsLI {
	position: relative !important;
}

.highlightsLI .openCategoriesUL.highlights-mega-menu {
	position: absolute !important;
	top: 100% !important;
	left: 50% !important;
	transform: translateX(-38%) !important;
	width: 960px !important;
	max-width: 96vw !important;
	max-height: none !important;
	height: auto !important;
	background: #FFFFFF !important;
	border: 1px solid #E2E8F0 !important;
	border-radius: 18px !important;
	box-shadow: 0 20px 50px rgba(15, 23, 42, 0.14), 0 4px 12px rgba(15, 23, 42, 0.05) !important;
	padding: 22px 24px !important;
	z-index: 1050 !important;
	overflow: visible !important;
	box-sizing: border-box !important;
}

.highlights-mega-grid {
	display: grid !important;
	grid-template-columns: 1.15fr 1.15fr 1.3fr 1.15fr !important;
	gap: 18px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.highlight-mega-col {
	display: flex !important;
	flex-direction: column !important;
	min-width: 0 !important;
}

.highlight-mega-col:not(:last-child) {
	border-right: 1px solid #F1F5F9 !important;
	padding-right: 14px !important;
}

.highlight-col-header {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin-bottom: 12px !important;
	padding-bottom: 8px !important;
	border-bottom: 1px solid #F8FAFC !important;
}

.highlight-col-icon {
	width: 28px !important;
	height: 28px !important;
	border-radius: 7px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

.highlight-col-icon.budget {
	background: #ECFDF5 !important;
	color: #059669 !important;
}

.highlight-col-icon.discount {
	background: #FFF4ED !important;
	color: #FF5500 !important;
}

.highlight-col-icon.collections {
	background: #EFF6FF !important;
	color: #2563EB !important;
}

.highlight-col-title-wrap {
	display: flex !important;
	flex-direction: column !important;
}

.highlight-col-title {
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	color: #0F172A !important;
	line-height: 1.2 !important;
}

.highlight-col-subtitle {
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	font-size: 11px !important;
	color: #94A3B8 !important;
	line-height: 1.2 !important;
}

.highlight-links-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.highlight-link-item {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 8px !important;
	padding: 8px 10px !important;
	border-radius: 8px !important;
	color: #1E293B !important;
	text-decoration: none !important;
	transition: all 0.18s ease !important;
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	background: transparent !important;
	border: none !important;
	border-bottom: none !important;
	outline: none !important;
	box-sizing: border-box !important;
	width: 100% !important;
	float: none !important;
}

.highlight-link-item:hover,
.highlight-link-item:focus {
	background: #FFF7ED !important;
	color: #FF5500 !important;
	transform: translateX(3px) !important;
	text-decoration: none !important;
	border-bottom: none !important;
}

.highlight-link-item .highlight-item-label {
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #1E293B !important;
	white-space: nowrap !important;
	flex: 1 1 auto !important;
}

.highlight-link-item:hover .highlight-item-label {
	color: #FF5500 !important;
}

.highlight-link-item .highlight-badge {
	font-size: 10.5px !important;
	font-weight: 700 !important;
	padding: 2.5px 8px !important;
	border-radius: 9999px !important;
	font-family: 'Plus Jakarta Sans', monospace !important;
	white-space: nowrap !important;
	flex-shrink: 0 !important;
	margin-left: auto !important;
}

.highlight-badge.badge-red {
	background: #FEF2F2 !important;
	color: #EF4444 !important;
	border: 1px solid #FECACA !important;
}

.highlight-badge.badge-orange {
	background: #FFF4ED !important;
	color: #FF5500 !important;
	border: 1px solid #FED7AA !important;
}

.highlight-badge.badge-amber {
	background: #FFFBEB !important;
	color: #D97706 !important;
	border: 1px solid #FDE68A !important;
}

.highlight-badge.badge-blue {
	background: #EFF6FF !important;
	color: #2563EB !important;
	border: 1px solid #BFDBFE !important;
}

.highlight-badge.badge-slate {
	background: #F8FAFC !important;
	color: #475569 !important;
	border: 1px solid #E2E8F0 !important;
}

.highlight-badge.badge-green {
	background: #ECFDF5 !important;
	color: #059669 !important;
	border: 1px solid #A7F3D0 !important;
}

.highlights-mega-menu a,
.highlights-mega-menu a:hover,
.highlights-mega-menu a:focus {
	border-bottom: none !important;
	text-decoration: none !important;
}

/* Spotlight Promo Card in 4th Column */
.highlight-spotlight-card {
	background: linear-gradient(135deg, #FFF7ED 0%, #FFEDD5 100%) !important;
	border: 1px solid #FED7AA !important;
	border-radius: 14px !important;
	padding: 16px 14px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	height: 100% !important;
	box-sizing: border-box !important;
	position: relative !important;
	overflow: hidden !important;
}

.highlight-spotlight-badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
	background: #FF5500 !important;
	color: #FFFFFF !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	padding: 3px 8px !important;
	border-radius: 9999px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	margin-bottom: 10px !important;
	align-self: flex-start !important;
}

.highlight-spotlight-title {
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	color: #0F172A !important;
	margin: 0 0 6px 0 !important;
	line-height: 1.35 !important;
}

.highlight-spotlight-desc {
	font-size: 12px !important;
	color: #64748B !important;
	line-height: 1.4 !important;
	margin: 0 0 14px 0 !important;
}

.highlight-spotlight-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	background: #FF5500 !important;
	color: #FFFFFF !important;
	border-radius: 8px !important;
	padding: 9px 14px !important;
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
	box-shadow: 0 4px 10px rgba(255, 85, 0, 0.2) !important;
}

.highlight-spotlight-btn:hover {
	background: #E64D00 !important;
	color: #FFFFFF !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 14px rgba(255, 85, 0, 0.3) !important;
	text-decoration: none !important;
}

@media (max-width: 992px) {
	.highlightsLI .openCategoriesUL.highlights-mega-menu {
		width: 700px !important;
		left: 0 !important;
		transform: none !important;
	}
	.highlights-mega-grid {
		grid-template-columns: 1fr 1fr !important;
		gap: 16px !important;
	}
	.highlight-mega-col:not(:last-child) {
		border-right: none !important;
		padding-right: 0 !important;
	}
}

@media (max-width: 768px) {
	.highlightsLI .openCategoriesUL.highlights-mega-menu {
		width: 100% !important;
		max-width: 100% !important;
		position: static !important;
		box-shadow: none !important;
		border: none !important;
		padding: 10px !important;
		transform: none !important;
	}
	.highlights-mega-grid {
		grid-template-columns: 1fr !important;
	}
}
/*Header City Combo box css*/
/*#searchlist
{
	max-height:280px !important;
	overflow-y:scroll !important;
	position:absolute;
	z-index:10000000000000 !important;
	min-width:165px !important;
	margin-top:-15px !important;
	border:2px solid #00ccff  !important;
	//border:none !important;
	padding-bottom:0px !important;
	background:white !important;
	border-radius:4px;
}

#searchlist .list-group-item
{
	text-align:left !important;
	margin-top:-5px !important;
	padding-bottom:4px !important;
	padding-top:4px !important;
	text-transform:capitalize !important;
	border-left:none !important;
	//border:1px solid #6CF  !important;
	border-right:none !important;
	
}
#searchlist.list-group
{
	box-shadow:none !important;
	
	//border:none !important;
	padding-bottom:0px !important;
}*/
#InitialcityChangeVal
{
	  background-color: #ffffff;
	  background-image: none; 
}
#InitialcityChangeVal{
	-webkit-appearance: none !important;
	box-shadow: none !important;
	background-color:transparent !important;
}
#cityChangeVal::-webkit-input-placeholder,#InitialcityChangeVal::-webkit-input-placeholder {
  text-transform:none !important; 
}

#cityChangeVal:-moz-placeholder,#InitialcityChangeVal:-moz-placeholder { /* Firefox 18- */
   text-transform:none !important; 
}

#cityChangeVal::-moz-placeholder,#InitialcityChangeVal::-moz-placeholder{  /* Firefox 19+ */
   text-transform:none !important;  
}

#cityChangeVal:-ms-input-placeholder ,#InitialcityChangeVal:-ms-input-placeholder{  
   text-transform:none !important;  
}
.initialsearch-Div .input-group
{
	width: 259px;
}

#InitialcityChangeVal:focus{
    border-color:#ccc;
    //-webkit-box-shadow: none;
    box-shadow: none;
	//text-transform:capitalize !important;
}
.initialsearch-Div .popover
{
	text-transform:capitalize !important;
}
#InitialcityChangeVal
{
	
	/* border: 1px solid #01ccff;
	 border-radius:0px !important;
	 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
			  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
			  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
			  padding: 10px 10px 10px 40px;
	
	 position:relative;*/
}
#initEmail
{
	 border-radius:0px !important;
}
.initialsearch-Div
{
	//margin-left:150px !important;
}
#Initialsearchlist
{
	min-width:259px !important;
	max-height:280px !important;
	overflow-y:scroll !important;
	position:absolute;
	z-index:10000000000000 !important;
	margin-top:-1px !important;
	margin-left:94px !important;
	border:1px solid #6CF !important;
	padding-bottom:0px !important;
	background:white !important;
}

#Initialsearchlist .list-group-item
{
	text-align:left !important;
	padding-bottom:2px !important;
	padding-top:2px !important;
	text-transform:capitalize !important;
	border-left:none !important;
	border-right:none !important;
}
#Initialsearchlist.list-group
{
	box-shadow:none !important;
	//border:none !important;
}

.headerCityDiv .glyphicon-map-marker
{
	color:#12b4f3 !important;
}


.headerClassUL .glyphicon-map-marker
{
	color:#2bc0f9 !important;
}

@include keyframes(bounce) {
	0%, 20%, 50%, 80%, 100% {
    @include transform(translateY(0));
  }
	40% {
    @include transform(translateY(-30px));
  }
	60% {
    @include transform(translateY(-15px));
  }
}

.bounce {
  @include animation(bounce 2s infinite);
}

.flipanim {
    -webkit-animation: anim 4s infinite;
    animation: anim 4s infinite;
}

@-webkit-keyframes anim {
    from {-webkit-transform: rotateY(0deg);}
    to {-webkit-transform: rotateY(360deg);}
}

@keyframes anim {
    from {transform: rotateY(0deg);}
    to {transform: rotateY(360deg);}
}



	/*mobile app model styles*/
#mobileAppModal.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
}

#mobileAppModal .modal-dialog {
position:fixed;
margin: 0;
width: 100%;
height: 100%;
padding: 0;
}

#mobileAppModal .modal-content {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
// border: 2px solid #3c7dcf;
border-radius: 0;
box-shadow: none;
}

#mobileAppModal .modal-header {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 50px;
padding: 10px;
//background: #6598d9;
background:none !important;
border: 0;
}

#mobileAppModal .modal-title {
font-weight: 300;
font-size: 2em;
color: #fff;
line-height: 30px;
}

#mobileAppModal .modal-body {
position: absolute;
top: 40px;
bottom: 4px;
width: 100%;
font-weight: 300;
overflow:visible;
}

#mobileAppModal .modal-footer {
position: fixed;
right: 0;
bottom: 0;
left: 0;
height: 85px;
padding: 10px;
padding-bottom:25px !important;
background: #f1f3f5;
}

/* ==========================================================================
   Modern Homepage Carousel & Deal Cards Showcase
   ========================================================================== */
.carouselRow {
    margin-top: 18px !important;
    margin-bottom: 28px !important;
    position: relative !important;
    z-index: 10 !important;
}

.carousel-deals-grid {
    margin-left: -8px !important;
    margin-right: -8px !important;
}

.carousel-deals-grid > [class*="col-"] {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

/* JCarousel Wrappers */
.jcarousel-wrapper {
    position: relative !important;
    width: 100% !important;
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

.jcarousel-wrapper:hover {
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.09) !important;
    border-color: #CBD5E1 !important;
}

/* Left Big Promo Carousel */
.bigcarousel {
    height: 480px !important;
    background: #FFFFFF !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden !important;
}

.bigcarousel .jcarousel {
    width: 100% !important;
    height: 100% !important;
}

.bigcarousel .jcarousel ul {
    height: 100% !important;
}

.bigcarousel .jcarousel li {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.bigcarousel .jcarousel a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    background: #FFFFFF !important;
}

.bigcarousel .jcarousel img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    background: #FFFFFF !important;
}

/* Right 2x2 Deal Carousels */
.jcarousel-wrapper1,
.jcarousel-wrapper2,
.jcarousel-wrapper3,
.jcarousel-wrapper4 {
    height: 232px !important;
}

.jcarousel-wrapper3,
.jcarousel-wrapper4 {
    margin-top: 16px !important;
}

.jcarousel {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    height: 100% !important;
}

.jcarousel ul {
    width: 20000em !important;
    position: relative !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 100% !important;
}

.jcarousel li {
    float: left !important;
    height: 100% !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Deal Card Structure */
.jcarousel-card-link {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
    text-decoration: none !important;
    overflow: hidden !important;
    background: #0F172A !important;
}

.jcarousel-img-wrap {
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
    overflow: hidden !important;
}

.jcarousel-img-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.jcarousel-wrapper:hover .jcarousel-img-wrap img {
    transform: scale(1.05) !important;
}

/* Floating Category Pill */
.carousel-category-pill {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 25 !important;
    background: rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    padding: 5px 12px !important;
    border-radius: 999px !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #FF5500 !important;
    border: 1px solid rgba(255, 85, 0, 0.22) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    pointer-events: none !important;
    line-height: 1.2 !important;
}

.carousel-category-pill .glyphicon {
    font-size: 11px !important;
    color: #FF5500 !important;
}

/* Gradient Title Overlay */
.jcarousel-title-overlay {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    padding: 36px 14px 14px 14px !important;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0) 0%, rgba(15, 23, 42, 0.75) 45%, rgba(15, 23, 42, 0.95) 100%) !important;
    z-index: 5 !important;
    pointer-events: none !important;
}

.jcarousel-deal-title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    color: #FFFFFF !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7) !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Carousel Control Arrows */
.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 34px !important;
    height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.94) !important;
    color: #0F172A !important;
    text-decoration: none !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    z-index: 20 !important;
    opacity: 0 !important;
    transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
}

.jcarousel-wrapper:hover .jcarousel-control-prev,
.jcarousel-wrapper:hover .jcarousel-control-next {
    opacity: 1 !important;
}

.jcarousel-control-prev {
    left: 10px !important;
}

.jcarousel-control-next {
    right: 10px !important;
}

.jcarousel-control-prev:hover,
.jcarousel-control-next:hover {
    background: #FF5500 !important;
    color: #FFFFFF !important;
    border-color: #FF5500 !important;
    transform: translateY(-50%) scale(1.08) !important;
    box-shadow: 0 6px 18px rgba(255, 85, 0, 0.38) !important;
}

.jcarousel-control-prev .glyphicon,
.jcarousel-control-next .glyphicon {
    font-size: 12px !important;
    line-height: 1 !important;
    margin: 0 !important;
}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: 0.25 !important;
    cursor: default !important;
    pointer-events: none !important;
}

/* Pagination Dots */
.jcarousel-pagination {
    position: absolute !important;
    bottom: 8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 15 !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.jcarousel-pagination a {
    display: inline-block !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.55) !important;
    border: none !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

.jcarousel-pagination a.active {
    width: 18px !important;
    background: #FF5500 !important;
    opacity: 1 !important;
    box-shadow: 0 2px 6px rgba(255, 85, 0, 0.45) !important;
}

/* Responsive Media Queries */
@media (max-width: 767px) {
    .carouselRow {
        margin-top: 12px !important;
        margin-bottom: 16px !important;
    }
    
    .bigcarousel {
        height: 260px !important;
        margin-bottom: 16px !important;
    }
    
    .jcarousel-wrapper1,
    .jcarousel-wrapper2,
    .jcarousel-wrapper3,
    .jcarousel-wrapper4 {
        height: 240px !important;
        margin-top: 12px !important;
    }
    
    .jcarousel-control-prev,
    .jcarousel-control-next {
        opacity: 0.85 !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .bigcarousel {
        height: 380px !important;
    }
    
    .jcarousel-wrapper1,
    .jcarousel-wrapper2,
    .jcarousel-wrapper3,
    .jcarousel-wrapper4 {
        height: 182px !important;
    }
    
    .jcarousel-wrapper3,
    .jcarousel-wrapper4 {
        margin-top: 16px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .bigcarousel {
        height: 440px !important;
    }
    
    .jcarousel-wrapper1,
    .jcarousel-wrapper2,
    .jcarousel-wrapper3,
    .jcarousel-wrapper4 {
        height: 212px !important;
    }
    
    .jcarousel-wrapper3,
    .jcarousel-wrapper4 {
        margin-top: 16px !important;
    }
}

@media (min-width: 1200px) {
    .bigcarousel {
        height: 480px !important;
    }
    
    .jcarousel-wrapper1,
    .jcarousel-wrapper2,
    .jcarousel-wrapper3,
    .jcarousel-wrapper4 {
        height: 232px !important;
    }
    
    .jcarousel-wrapper3,
    .jcarousel-wrapper4 {
        margin-top: 16px !important;
    }
}

/* ===================================================
   MODERN AUTH MODAL (LOGIN & SIGN UP) STYLING
   =================================================== */
.modal-backdrop.auth-modal-backdrop,
.auth-modal-backdrop.modal-backdrop {
    background-color: rgba(15, 23, 42, 0.65) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    z-index: 1040 !important;
}

#authModal.modal {
    z-index: 1050 !important;
    text-align: left !important;
    overflow-y: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.auth-modal-dialog {
    max-width: 480px !important;
    width: 92% !important;
    margin: 40px auto !important;
    z-index: 1060 !important;
}

.auth-modal-content {
    background: #FFFFFF !important;
    border-radius: 20px !important;
    border: 1px solid #E2E8F0 !important;
    box-shadow: 0 25px 60px -12px rgba(15, 23, 42, 0.25), 0 0 1px rgba(0, 0, 0, 0.1) !important;
    overflow: hidden !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* Header */
.auth-modal-header {
    position: relative !important;
    padding: 24px 28px 16px 28px !important;
    background: #FAFCFF !important;
    border-bottom: 1px solid #F1F5F9 !important;
    text-align: center !important;
}

.auth-modal-close {
    position: absolute !important;
    top: 16px !important;
    right: 18px !important;
    background: #F1F5F9 !important;
    border: none !important;
    color: #64748B !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    outline: none !important;
    padding: 0 !important;
}

.auth-modal-close:hover {
    background: #E2E8F0 !important;
    color: #0F172A !important;
    transform: rotate(90deg) !important;
}

.auth-brand-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin-bottom: 18px !important;
}

.auth-brand-logo img {
    height: 36px !important;
    width: auto !important;
    object-fit: contain !important;
}

.auth-brand-title {
    font-family: logofont, 'Plus Jakarta Sans', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #FF5500 !important;
    display: block !important;
    line-height: 1.1 !important;
    letter-spacing: 0.5px !important;
}

.auth-brand-subtitle {
    font-size: 11px !important;
    color: #64748B !important;
    font-weight: 500 !important;
    display: block !important;
}

/* Segmented Pill Tabs */
.auth-segmented-tabs {
    display: flex !important;
    background: #EEF2F6 !important;
    padding: 4px !important;
    border-radius: 12px !important;
    gap: 4px !important;
    margin-top: 6px !important;
}

.auth-tab-btn {
    flex: 1 !important;
    background: transparent !important;
    border: none !important;
    padding: 8px 12px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #64748B !important;
    border-radius: 9px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    outline: none !important;
}

.auth-tab-btn.active {
    background: #FFFFFF !important;
    color: #FF5500 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

.auth-tab-btn:hover:not(.active) {
    color: #0F172A !important;
}

/* Modal Body & Panes */
.auth-modal-body {
    padding: 24px 28px 28px 28px !important;
}

.auth-tab-pane {
    display: none !important;
}

.auth-tab-pane.active {
    display: block !important;
    animation: authFadeIn 0.25s ease forwards !important;
}

@keyframes authFadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Social Buttons */
.auth-social-group {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-bottom: 18px !important;
}

.btn-auth-social {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 10px 16px !important;
    border-radius: 12px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
}

.btn-social-google {
    background: #FFFFFF !important;
    border: 1px solid #CBD5E1 !important;
    color: #1E293B !important;
}

.btn-social-google:hover {
    background: #F8FAFC !important;
    border-color: #94A3B8 !important;
    color: #0F172A !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
    text-decoration: none !important;
}

.btn-social-facebook {
    background: #1877F2 !important;
    border: 1px solid #1877F2 !important;
    color: #FFFFFF !important;
}

.btn-social-facebook:hover {
    background: #166FE5 !important;
    border-color: #166FE5 !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 14px rgba(24, 119, 242, 0.3) !important;
    text-decoration: none !important;
}

.btn-social-facebook svg {
    fill: #FFFFFF !important;
}

/* Divider */
.auth-divider {
    display: flex !important;
    align-items: center !important;
    text-align: center !important;
    margin: 16px 0 20px 0 !important;
    color: #94A3B8 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.auth-divider::before,
.auth-divider::after {
    content: '' !important;
    flex: 1 !important;
    border-bottom: 1px solid #E2E8F0 !important;
}

.auth-divider span {
    padding: 0 12px !important;
}

/* Forms & Inputs */
.auth-form-group {
    margin-bottom: 14px !important;
}

.auth-label {
    display: block !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #334155 !important;
    margin-bottom: 5px !important;
}

.auth-req {
    color: #EF4444 !important;
}

.auth-input-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

.auth-input-icon {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    line-height: 1 !important;
    color: #94A3B8 !important;
    font-size: 15px !important;
    pointer-events: none !important;
    transition: color 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 2 !important;
}

.auth-input {
    width: 100% !important;
    padding: 10px 14px 10px 38px !important;
    background: #F8FAFC !important;
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 10px !important;
    font-size: 13.5px !important;
    color: #0F172A !important;
    outline: none !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.auth-input:focus {
    background: #FFFFFF !important;
    border-color: #FF5500 !important;
    box-shadow: 0 0 0 3.5px rgba(255, 85, 0, 0.12) !important;
}

.auth-input:focus + .auth-input-icon,
.auth-input-wrap:focus-within .auth-input-icon {
    color: #FF5500 !important;
}

.auth-toggle-pwd {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: none !important;
    color: #94A3B8 !important;
    cursor: pointer !important;
    padding: 4px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    outline: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 2 !important;
}

.auth-toggle-pwd:hover {
    color: #334155 !important;
}

/* 2-Column Inputs */
.auth-form-row-2col {
    display: flex !important;
    gap: 12px !important;
}

.auth-form-row-2col .auth-form-group {
    flex: 1 !important;
    min-width: 0 !important;
}

/* Form Row (Remember & Forgot) */
.auth-form-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 10px 0 18px 0 !important;
    font-size: 12.5px !important;
}

.auth-checkbox-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    color: #475569 !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    margin: 0 !important;
}

.auth-checkbox-label input[type="checkbox"] {
    accent-color: #FF5500 !important;
    cursor: pointer !important;
    margin: 0 !important;
    width: 15px !important;
    height: 15px !important;
}

.auth-checkboxes-stack {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin: 12px 0 !important;
}

.auth-checkboxes-stack a {
    color: #FF5500 !important;
    text-decoration: underline !important;
}

.auth-forgot-link {
    color: #FF5500 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.auth-forgot-link:hover {
    color: #E04B00 !important;
    text-decoration: underline !important;
}

/* Submit & Secondary Buttons */
.btn-auth-submit {
    width: 100% !important;
    background: #FF5500 !important;
    color: #FFFFFF !important;
    border: none !important;
    padding: 11px 20px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(255, 85, 0, 0.3) !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    outline: none !important;
}

.btn-auth-submit:hover {
    background: #E04B00 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(255, 85, 0, 0.4) !important;
}

.btn-auth-submit:active {
    transform: translateY(0) !important;
}

.btn-auth-submit:disabled {
    background: #CBD5E1 !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
}

.btn-auth-secondary {
    background: #F1F5F9 !important;
    color: #475569 !important;
    border: 1px solid #E2E8F0 !important;
    padding: 10px 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.btn-auth-secondary:hover {
    background: #E2E8F0 !important;
    color: #0F172A !important;
}

.auth-spin {
    animation: authSpinAnim 0.8s linear infinite !important;
}

@keyframes authSpinAnim {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Forgot Password Pane */
.auth-forgot-pane {
    background: #FFF9F5 !important;
    border: 1px solid #FFE6D6 !important;
    border-radius: 14px !important;
    padding: 18px !important;
    margin-top: 12px !important;
}

.auth-forgot-header h5 {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0F172A !important;
    margin: 0 0 4px 0 !important;
}

.auth-forgot-header p {
    font-size: 12px !important;
    color: #64748B !important;
    margin: 0 0 12px 0 !important;
}

.auth-forgot-actions {
    display: flex !important;
    gap: 8px !important;
    margin-top: 10px !important;
}

/* Footer Switcher */
.auth-modal-footer-note {
    text-align: center !important;
    margin-top: 20px !important;
    font-size: 13px !important;
    color: #64748B !important;
}

.auth-modal-footer-note a {
    color: #FF5500 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.auth-modal-footer-note a:hover {
    text-decoration: underline !important;
}

/* Alert Boxes Inside Modal */
.auth-alert-box {
    margin-bottom: 12px !important;
}

.auth-alert-box .alert {
    padding: 10px 14px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    margin-bottom: 0 !important;
}

.auth-alert-box .alert-danger {
    background-color: #FEF2F2 !important;
    border: 1px solid #FCA5A5 !important;
    color: #991B1B !important;
}

.auth-alert-box .alert-success {
    background-color: #F0FDF4 !important;
    border: 1px solid #86EFAC !important;
    color: #166534 !important;
}

@media (max-width: 480px) {
    .auth-modal-dialog {
        width: 95% !important;
        margin: 20px auto !important;
    }
    .auth-modal-header,
    .auth-modal-body {
        padding: 18px 20px !important;
    }
    .auth-form-row-2col {
        flex-direction: column !important;
        gap: 0 !important;
    }
}

/* ==========================================================================
   Groupon-Inspired Clean Location Selection Modal (#initialModal)
   ========================================================================== */

.groupon-location-modal {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

.groupon-location-modal.font-opensans,
.groupon-location-modal.font-opensans * {
    font-family: 'Open Sans', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

.groupon-location-modal.font-outfit,
.groupon-location-modal.font-outfit * {
    font-family: 'Outfit', sans-serif !important;
}

.groupon-location-modal.font-poppins,
.groupon-location-modal.font-poppins * {
    font-family: 'Poppins', sans-serif !important;
}

.groupon-location-modal.font-inter,
.groupon-location-modal.font-inter * {
    font-family: 'Inter', sans-serif !important;
}

.groupon-location-modal.font-montserrat,
.groupon-location-modal.font-montserrat * {
    font-family: 'Montserrat', sans-serif !important;
}

.groupon-location-modal.font-jakarta,
.groupon-location-modal.font-jakarta * {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.groupon-location-modal .modal-dialog.location-modal-dialog {
    max-width: 840px !important;
    width: 94% !important;
    margin: 80px auto 30px auto !important;
}

.groupon-location-modal .modal-content.location-modal-content {
    background: #FFFFFF !important;
    border: none !important;
    border-radius: 24px !important;
    padding: 38px 40px !important;
    box-shadow: 0 25px 60px -12px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
    position: relative !important;
    overflow: visible !important;
}

/* 2-Column Grid for Selection + Unique Partner Wheel */
.location-modal-grid {
    display: grid !important;
    grid-template-columns: 1.15fr 0.85fr !important;
    gap: 36px !important;
    align-items: center !important;
}

.location-modal-form-col {
    min-width: 0 !important;
}

.location-modal-partner-col {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.location-partner-card {
    background: linear-gradient(180deg, #F8FAFC 0%, #F1F5F9 100%) !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 20px !important;
    padding: 24px 20px 20px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02), 0 10px 25px -5px rgba(0, 0, 0, 0.04) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.location-partner-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02), 0 15px 30px -5px rgba(0, 0, 0, 0.08) !important;
}

.location-partner-img {
    width: 100% !important;
    max-width: 270px !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.04)) !important;
}

.location-partner-badge {
    margin-top: 16px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #475569 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: #FFFFFF !important;
    padding: 7px 16px !important;
    border-radius: 20px !important;
    border: 1px solid #E2E8F0 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

/* Close button (circular top-right) */
.location-modal-close {
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    border: 1.5px solid #E2E8F0 !important;
    background: #FFFFFF !important;
    color: #475569 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    outline: none !important;
    z-index: 10 !important;
}

.location-modal-close:hover {
    background: #F1F5F9 !important;
    border-color: #CBD5E1 !important;
    color: #0F172A !important;
    transform: rotate(90deg) scale(1.05) !important;
}

/* Brand Logo Container */
.location-modal-logo-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-bottom: 22px !important;
}

.location-modal-logo-img {
    height: 38px !important;
    width: auto !important;
    object-fit: contain !important;
}

.location-modal-logo-text {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #FF5500 !important;
    letter-spacing: -0.3px !important;
    text-transform: uppercase !important;
    display: inline-block !important;
}

/* Headline */
.location-modal-title {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #0F172A !important;
    text-align: center !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.3px !important;
}

.location-modal-subtitle {
    font-size: 13.5px !important;
    color: #64748B !important;
    text-align: center !important;
    margin: 0 0 24px 0 !important;
    line-height: 1.4 !important;
}

/* Dropdown Pickers Row (Country & Language) */
.location-dropdown-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
}

.location-dropdown-box {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 0 14px !important;
    height: 48px !important;
    background: #FFFFFF !important;
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1E293B !important;
    cursor: default !important;
    transition: all 0.2s ease !important;
    user-select: none !important;
}

.location-dropdown-box:hover {
    border-color: #CBD5E1 !important;
    background: #F8FAFC !important;
}

.location-dropdown-left {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.location-flag-icon {
    font-size: 18px !important;
    line-height: 1 !important;
}

.location-globe-icon {
    stroke: #64748B !important;
    flex-shrink: 0 !important;
}

.location-dropdown-chevron {
    stroke: #94A3B8 !important;
    flex-shrink: 0 !important;
}

/* Search Input Container */
.location-search-wrap {
    position: relative !important;
    margin-bottom: 20px !important;
}

.location-input-group {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

.location-input-icon {
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    pointer-events: none !important;
    color: #64748B !important;
    z-index: 2 !important;
}

.location-search-input {
    width: 100% !important;
    height: 52px !important;
    padding: 0 44px 0 48px !important;
    background: #FFFFFF !important;
    border: 1.5px solid #CBD5E1 !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #0F172A !important;
    transition: all 0.2s ease !important;
    outline: none !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
    box-sizing: border-box !important;
}

.location-search-input::placeholder {
    color: #94A3B8 !important;
    font-weight: 400 !important;
}

.location-search-input:focus {
    border-color: #FF5500 !important;
    box-shadow: 0 0 0 4px rgba(255, 85, 0, 0.12) !important;
}

/* Autocomplete Results Dropdown */
.location-autocomplete-list {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    left: 0 !important;
    right: 0 !important;
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15) !important;
    max-height: 220px !important;
    overflow-y: auto !important;
    z-index: 100 !important;
    padding: 6px !important;
}

.location-autocomplete-list .list-group-item {
    padding: 10px 14px !important;
    border: none !important;
    border-radius: 8px !important;
    margin-bottom: 2px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1E293B !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    transition: background 0.15s ease !important;
    cursor: pointer !important;
}

.location-autocomplete-list .list-group-item:hover {
    background: #FFF5F0 !important;
    color: #FF5500 !important;
}

/* Loader */
.location-loader {
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #FF5500 !important;
    z-index: 2 !important;
}

.location-spin {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid #FFE0D1;
    border-top: 2px solid #FF5500;
    border-radius: 50%;
    animation: locSpinAnim 0.7s linear infinite;
}

@keyframes locSpinAnim {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Continue CTA Button */
.location-submit-btn {
    width: 100% !important;
    height: 50px !important;
    background: #FF5500 !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 25px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: 0 4px 14px rgba(255, 85, 0, 0.3) !important;
    outline: none !important;
    margin-top: 4px !important;
}

.location-submit-btn:hover {
    background: #E04B00 !important;
    box-shadow: 0 6px 20px rgba(255, 85, 0, 0.4) !important;
    transform: translateY(-1px) !important;
}

.location-submit-btn:active {
    transform: translateY(1px) !important;
    box-shadow: 0 2px 8px rgba(255, 85, 0, 0.25) !important;
}

/* Footer note */
.location-modal-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin-top: 18px !important;
    font-size: 13px !important;
    color: #64748B !important;
    font-weight: 500 !important;
}

.location-signin-link {
    color: #FF5500 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.location-signin-link:hover {
    text-decoration: underline !important;
    color: #E04B00 !important;
}

@media (max-width: 860px) {
    .groupon-location-modal .modal-dialog.location-modal-dialog {
        max-width: 520px !important;
        margin: 60px auto 20px auto !important;
    }
    .location-modal-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
    .location-modal-partner-col {
        display: none !important;
    }
}

@media (max-width: 540px) {
    .groupon-location-modal .modal-dialog.location-modal-dialog {
        width: 94% !important;
        margin: 40px auto 20px auto !important;
    }
    .groupon-location-modal .modal-content.location-modal-content {
        padding: 24px 20px 24px 20px !important;
        border-radius: 16px !important;
    }
    .location-modal-title {
        font-size: 19px !important;
        margin-bottom: 18px !important;
    }
    .location-dropdown-row {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
}

/* ==========================================================================
   Modern User Account & Profile Dropdown
   ========================================================================== */
.header-user-action {
	position: relative !important;
}

.header-user-dropdown-card {
	position: absolute !important;
	top: calc(100% + 10px) !important;
	right: 0 !important;
	width: 290px !important;
	background: #FFFFFF !important;
	border-radius: 16px !important;
	border: 1px solid #E2E8F0 !important;
	box-shadow: 0 16px 40px -4px rgba(15, 23, 42, 0.16), 0 6px 16px -2px rgba(15, 23, 42, 0.08) !important;
	z-index: 10000 !important;
	padding: 0 !important;
	margin: 0 !important;
	font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
	text-align: left !important;
	animation: authDropdownFadeIn 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@keyframes authDropdownFadeIn {
	from {
		opacity: 0;
		transform: translateY(-8px) scale(0.97);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

.user-card-header {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 16px 18px !important;
	background: linear-gradient(135deg, #FFF7ED 0%, #FFFFFF 100%) !important;
	border-top-left-radius: 16px !important;
	border-top-right-radius: 16px !important;
}

.user-card-avatar {
	width: 44px !important;
	height: 44px !important;
	border-radius: 50% !important;
	background: linear-gradient(135deg, #FF5500 0%, #FF8800 100%) !important;
	color: #FFFFFF !important;
	font-weight: 700 !important;
	font-size: 18px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	box-shadow: 0 4px 10px rgba(255, 85, 0, 0.25) !important;
	text-transform: uppercase !important;
}

.user-card-details {
	display: flex !important;
	flex-direction: column !important;
	min-width: 0 !important;
	overflow: hidden !important;
}

.user-card-name {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: #0F172A !important;
	line-height: 1.25 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.user-card-email {
	font-size: 12px !important;
	color: #64748B !important;
	margin-top: 2px !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.user-card-city {
	font-size: 11px !important;
	color: #FF5500 !important;
	font-weight: 600 !important;
	margin-top: 3px !important;
	display: flex !important;
	align-items: center !important;
	gap: 4px !important;
}

.user-card-divider {
	height: 1px !important;
	background: #F1F5F9 !important;
	margin: 0 !important;
	border: none !important;
}

.user-card-nav {
	list-style: none !important;
	padding: 6px 8px !important;
	margin: 0 !important;
}

.user-card-nav li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	border: none !important;
}

.user-card-nav-link {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 9px 10px !important;
	border-radius: 10px !important;
	text-decoration: none !important;
	color: #1E293B !important;
	transition: all 0.15s ease !important;
}

.user-card-nav-link:hover {
	background: #F8FAFC !important;
	color: #FF5500 !important;
	text-decoration: none !important;
}

.user-nav-icon {
	width: 32px !important;
	height: 32px !important;
	border-radius: 8px !important;
	background: #F1F5F9 !important;
	color: #475569 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 13px !important;
	flex-shrink: 0 !important;
	transition: all 0.15s ease !important;
}

.user-card-nav-link:hover .user-nav-icon {
	background: #FFF0EB !important;
	color: #FF5500 !important;
}

.user-nav-text {
	display: flex !important;
	flex-direction: column !important;
	min-width: 0 !important;
}

.user-nav-title {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #0F172A !important;
	line-height: 1.2 !important;
	transition: color 0.15s ease !important;
}

.user-card-nav-link:hover .user-nav-title {
	color: #FF5500 !important;
}

.user-nav-subtitle {
	font-size: 11px !important;
	color: #94A3B8 !important;
	line-height: 1.2 !important;
	margin-top: 1px !important;
}

.user-card-footer {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 10px 14px 12px 14px !important;
	background: #F8FAFC !important;
	border-bottom-left-radius: 16px !important;
	border-bottom-right-radius: 16px !important;
	gap: 10px !important;
}

.user-card-switch-link {
	font-size: 12px !important;
	font-weight: 600 !important;
	color: #475569 !important;
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
	padding: 6px 10px !important;
	border-radius: 6px !important;
	transition: all 0.15s ease !important;
}

.user-card-switch-link:hover {
	color: #0F172A !important;
	background: #E2E8F0 !important;
	text-decoration: none !important;
}

.user-card-logout-btn {
	font-size: 12px !important;
	font-weight: 700 !important;
	color: #DC2626 !important;
	background: #FEF2F2 !important;
	border: 1px solid #FECACA !important;
	padding: 6px 12px !important;
	border-radius: 8px !important;
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
	transition: all 0.15s ease !important;
}

.user-card-logout-btn:hover {
	background: #DC2626 !important;
	color: #FFFFFF !important;
	border-color: #DC2626 !important;
	text-decoration: none !important;
}