/* @import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Black+Ops+One&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Black+Ops+One&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap');
html {
	scroll-behavior: smooth;
}
*,
body {
	margin: 0;
	padding: 0;
	font-weight: normal;
	line-height: normal;
	font-size: var(--font16);
	color: var(--text-col);
	box-sizing: border-box;
	font-family: 'Stencil';
	font-family: var(--main-family);
	scroll-behavior: smooth;
}
.x-hidden {
	overflow-x: hidden;
}
a {
	text-decoration: none;
    font-family: var(--main-family);
}
a:hover {
	color: inherit;
	text-decoration: none;
}
a:focus {
	outline: none;
}
ul, p, h1, h2, h3, h4, h5, h6, label, button, input, a {
	margin: 0;
    font-family: var(--main-family);
}
li {
	list-style: none;
}
img {
	max-width: 100%;
}
.no-margin {
	margin: 0 !important;
}
.no-padding {
	padding: 0 !important;
}
.no-border {
	border: none;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
::placeholder {
	opacity: 1;
	color: var(--col2);
}
::-ms-input-placeholder {
	color: var(--col2);
}
.not-allowed {
	cursor: not-allowed !important;
    user-select: none !important;
    opacity: 0.5 !important;
}
button:focus {
	outline: none;
}
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled,
button:disabled,
input:disabled {
    cursor: not-allowed;
    opacity: 0.6;
}
 .mobile-hid {
	display: block !important;
}
.mobile-show {
	display: none !important;
}
.main-gradient-bg {
	background: var(--gradient10);
}
.img-broken {
	width: auto !important;
	height: auto !important;
	max-height: 100%;
	min-width: auto !important;
	min-height: auto !important;
	object-fit: contain !important;
}
.img-broken.user-img {
	opacity: 0.5;
	opacity: 0.2;
}
.noImage {
	display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: var(--col-white);
    border-radius: var(--border-r50per);
	
	.img-cls {
		width: 30px !important;
		border-radius: 0 !important;
	}
}
.title-box {
	.title {
		color: var(--white);
		color: var(--text-col1);
		margin-bottom: 0;
		font-size: var(--font18);
		font-weight: 600;
		padding: var(--p15) var(--p24);
		background: var(--col24);
		background: var(--col-blue);
		border-top-left-radius: var(--border-r24);
		border-top-right-radius: var(--border-r24);
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}
}
.dealsBody .container {
	max-width: 100% !important;
	margin-top: 0 !important;
	
	.mainapp_show .dealscontent .loadMoreCta .functionalityBtn,
	.mainapp_show .dealslistCTA .addyour_listing {
		border-radius: var(--border-r24);
		padding: var(--p12) var(--p24);
	    max-width: 250px;
	    width: 100%;
	}
	.mainapp_show .dealscontent .loadMoreCta .functionalityBtn {
		background: var(--brand-col4);
        color: var(--white);
        font-size: var(--font18);
        border: 1px solid #efefef;
	}
}
.dealsBody.o4bBody {
	.mainHeader {
		margin-top: -30px;
		margin: 0;
	}
}
@font-face {
	font-family: 'Stencil';
	src: url('fonts/stencil.ttf') format('truetype');
}
/* Color Code  */
.ni-content {
	width: 61px;
	height: 61px;
	border: 1px solid;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	
	.letter {
		font-size: 46px;
		font-weight: bolder;
		text-transform: uppercase;
		opacity: 0.6;
		font-family: var(--font-family5);
	}
	.letter_A, .letter_I, .letter_Q, .letter_Y {
		color: #50c878;
	}
	.letter_B, .letter_J, .letter_R, .letter_Z {
		color: #E0115F;
	}
	.letter_C, .letter_K, .letter_S {
		color: #0067a5;
	}
	.letter_D, .letter_L, .letter_T {
		color: #789753;
	}
	.letter_E, .letter_M, .letter_U {
		color: #cbb36d;
	}
	.letter_F, .letter_N, .letter_V {
		color: #fada5e;
	}
	.letter_G, .letter_O, .letter_W {
		color: #eae0c8;
	}
	.letter_H, .letter_P, .letter_X {
		color: #ff4040;
	}
}
.ni-content_A, .ni-content_I, .ni-content_Q, .ni-content_Y {
	border-color: rgba(80, 200, 120, 0.6) !important;
}
.ni-content_B, .ni-content_J, .ni-content_R, .ni-content_Z {
	border-color: rgba(224, 17, 95, 0.6) !important;
}
.ni-content_C, .ni-content_K, .ni-content_S {
	border-color: rgba(0, 103, 165, 0.6) !important;
}
.ni-content_D, .ni-content_L, .ni-content_T {
	border-color: rgba(120, 151, 83, 0.6) !important;
}
.ni-content_E, .ni-content_M, .ni-content_U {
	border-color: rgba(203, 179, 109, 0.6) !important;
}
.ni-content_F, .ni-content_N, .ni-content_V {
	border-color: rgba(250, 218, 94, 0.6) !important;
}
.ni-content_G, .ni-content_O, .ni-content_W {
	border-color: rgba(234, 224, 200, 0.6) !important;
}
.ni-content_H, .ni-content_P, .ni-content_X {
	border-color: rgba(255, 64, 64, 0.6) !important;
}
/* Modal */
.modal-dialog {
	min-width: 75vw;
    max-width: 90vw;
    position: relative;
    width: 40vw;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto !important;
}
.w_340_1200_10vw {
	width: 100%;
	max-width: max(min(1200px, 10vw), 340px);
}
.w_340_1200_20vw {
	width: 100%;
	max-width: max(min(1200px, 20vw), 340px);
}
.w_340_1200_30vw {
	width: 100%;
	max-width: max(min(1200px, 30vw), 340px);
}
.w_340_1200_35vw {
    width: 100%;
    max-width: max(min(1200px, 35vw), 340px);
}
.w_340_1200_40vw {
	width: 100%;
	max-width: max(min(1200px, 40vw), 340px);
}
.w_340_1200_60vw {
	width: 100%;
	max-width: max(min(1200px, 60vw), 340px);
}
.modal-body {
	padding: 0;
}
.modal-header {
	position: relative;
}
.modal-header h4 {
    font-size: var(--font20);
    font-weight: 700;
    margin: 0;
    width: 100%;
    text-align: left;
}
.modal-header .clse {
    position: absolute;
    top: 16px;
    right: 16px;
    background: var(--bg);
    font-size: var(--font20);
    font-weight: 700;
    cursor: pointer;
    z-index: 30;
    width: 30px;
    height: 30px;
    border-radius: var(--border-r50per);
    color: var(--text-col1);
    border: 1px solid var(--col8-rgba2);
    transition: color 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    
    span,
    i {
    	color: inherit;
    	font-size: inherit;
    	font-weight: inherit;
    	transition: color 0.2s ease;
    	display: flex;
	    align-items: center;
	    justify-content: center;
	    width: 100%;
	    height: 100%;
    }
}
.modal-header .clse:hover {
	color: var(--brand-col4);
}
.modal-header.no-border {
	padding: 0;
}
.modal-header.no-border .clse {
	top: -12px;
    right: -12px;
    width: 24px;
    height: 24px;
    transform: none;
    font-size: 16px;
}
.modal-open .modal {
	padding: 0 !important;
}
@media (max-width: 480px) {
	.modal-dialog {
	    min-width: 90vw;
	    max-width: 90vw;
	    width: 100%;
	}
	.w_340_1200_30vw,
	.w_340_1200_60vw {
		max-width: 100%;
	}
}

/* COMMON */
.img-cls {
	max-width: 100%;
}
.o4bBody {
	width: 100%;
	display: flex;
	/* gap: var(--p30); */
	gap: 0;
	flex-direction: column;
	/* background: var(--col1);
	background: var(--bg1); */
	
	.searchInner {
		display: flex;
		align-items: center;
		row-gap: 10px;
		column-gap: 10px;
		background: transparent;
		width: 100%;
		z-index: 0;
		position: relative;
		padding: 0;
		z-index: 0;
		background: rgba(236, 240, 255, 0.65);
		backdrop-filter: blur(16px);
		-webkit-backdrop-filter: blur(16px);
		/* border-radius: 20px; */
		box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
		padding: var(--p24);
		padding: var(--p15);
        border-radius: var(--border-r46);
        justify-content: center;
        z-index: 1;
        width: fit-content;
        background: var(--brand-col1);
        
        #main_search {
        	background: var(--brand-col2);
	        color: var(--brand-col1) !important;
	        box-shadow: none;
	        border-color: var(--brand-col2);
	        font-weight: 600;
        }
	}	
	.input-field {
		position: relative;
		width: 100%;
		min-width: 300px;
		max-width: 300px;
		box-sizing: border-box;
		min-width: 280px;
		max-width: 280px;
		
		.icon-box {
			position: relative;
			height: 100%;
            display: block;
			
			i {
				position: absolute;
		        top: 50%;
		        right: 0;
		        transform: translateY(-50%);
		        color: var(--brand-col5);
		        display: flex;
		        align-items: center;
		        justify-content: center;
		        width: 40px;
		        height: 40px;
		        font-size: var(--font16);
			}
		}
	}
	.input-field.action-cta {
	    width: auto;
    	min-width: auto;
    	display: flex;
        align-items: center;
        gap: var(--p5);
	}
	/* Floating label */
	.input-field > label {
		position: absolute;
		left: 50px;
		top: 50%;
		top: 25%;
		color: var(--col4);
		font-size: var(--font16);
		background: transparent;
		padding: 0;
		pointer-events: none;
		transition: 0.2s ease;
		z-index: 2;
		/* transform: translateY(-50%); */
		
		font-size: var(--font16);
		font-weight: normal;
		top: 0;
		height: 100%;
		display: inline-flex;
		align-items: center;
	}
	.input-field.active > label {
		height: auto;
		top: 0;
		left: 30px;
		font-size: var(--font14);
		color: var(--col18);
		transform: translateY(-50%);
		background: var(--col-white);
		
		transform: translateY(-100%);
		background: transparent;
		
		top: 7px;
        padding: 0 var(--p10);
        background: var(--col1);
        border-radius: var(--border-r5);
	}
	.input-field .input-tag,
	.select2-container--default .select2-selection--multiple,
	.select2-container--default.select2-container--focus .select2-selection--multiple {
		width: 100%;
		padding: var(--p12) var(--p10);
		font-size: var(--font16);
		border: 1px solid var(--col2);
		border-radius: var(--border-r24);
		box-sizing: border-box;
		height: 44px;
		padding-left: var(--p48);
		box-shadow: var(--shadow3);
		outline: none;
		box-shadow: none;
	}
	.select2-container--default .select2-selection--multiple,
	.select2-container--default.select2-container--focus .select2-selection--multiple,
	.select2-container .select2-selection--multiple .select2-selection__rendered {
		display: flex;
		gap: var(--p6);
		align-items: center;
		max-width: 100%;
		overflow: hidden;
	}
	.input-field #location-toggle.input-tag {
	    cursor: pointer;
	}
	.select2-container {
		max-width: 100%;
		width: 100% !important;
	}
	.select2-dropdown {
		border-radius: var(--border-r5);
		border: 1px solid var(--col2);
		scrollbar-width: none;
		-ms-overflow-style: none;
		box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
	}
	.select2-dropdown::-webkit-scrollbar {
		display: none;
	}
	.select2-container--default .select2-results__option--selected,
	.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
		color: white;
    	background: var(--chip-ink);
    	background: var(--col15);
	}
	.select2-container--default .select2-search--inline .select2-search__field {
		margin: 0;
		padding: 0;
	}
	.select2-container--default .select2-selection--multiple .select2-selection__choice {
		margin: 0;
        max-width: 100%;
        min-width: 110px;
        width: 100%;
        overflow: hidden;
        background: var(--col1);
	}
	.select2-container--default .select2-selection--multiple .select2-selection__clear {
		display: none;
	}
	.filter-button {
		display: flex;
		align-items: center;
		gap: 6px;
		padding: var(--p8) var(--p10);
		border: 1px solid var(--col2);
		background: var(--col-white);
		border-radius: var(--border-r24);
		cursor: pointer;
		position: relative;
		z-index: 1;
		box-sizing: border-box;
		height: 50px;
		padding-left: var(--p48);
		box-shadow: var(--shadow3);
		overflow: hidden;
		box-shadow: none;
		border-radius: var(--border-r46);
	}
	.filter-button .tag {
		background: #e0e0ff;
		padding: 2px 8px;
		border-radius: 12px;
		font-size: var(--font14);
		display: flex;
		align-items: center;
		line-height: normal;
		height: 20px;
		box-sizing: border-box;
	}
	.filter-button .tag .remove {
		margin-left: 6px;
		font-weight: bold;
		cursor: pointer;
	}
	.search-drop {
		display: none;
		position: absolute;
		top: calc(100% + 4px);
		left: 0;
		width: 100%;
		background: #fff;
		border: 1px solid #ccc;
		border-radius: 6px;
		z-index: 10;
		box-shadow: 0 2px 10px rgba(0,0,0,0.12);
		flex-direction: column;
		max-height: 200px;
		overflow-y: auto;
	}
	.search-drop label,
	.select2-results__option--selectable {
	    padding: 6px;
	    color: var(--text-col);
	    font-weight: normal;
	    line-height: normal;
	    cursor: pointer;
	    font-size: var(--font16);
	    text-align: left;
	}
	.search-drop label:hover {
		color: white;
        background: var(--col15);
	}
	.input-field.active .filter-button,
	.input-field.active .input-tag {
		border-color: var(--brand-col1);
	}
	.ab-icon {
		position: absolute;
		top: 50%;
		z-index: 2;
		left: 6px;
		transform: translateY(-50%);
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		width: 40px;
		opacity: 0.3;
	}
}
.o4bBody.light-bg {
	background: var(--light-bg1);
	background: var(--white);
}
.o4bSec {
	padding: 0 var(--common-padding);
}
.o4bbtn {
    white-space: nowrap;
    font-weight: 500;
    outline: none;
    box-shadow: none;
    display: inline-block;
    padding: var(--p6) var(--p18);
    border-radius: var(--border-r46);
    background-color: var(--brand-col1);
    border: 1px solid var(--brand-col1);
	color: var(--col-white) !important;
	box-shadow: var(--shadow2);
	cursor: pointer;
}
.action-cta {
	.redbg {
		color: var(--col-white);
		background: var(--brand-col4);
		border-color: var(--brand-col4);
		box-shadow: var(--shadow5);
	}
	.lightgraybg {
		color: var(--col1);
    	background: var(--col15);
		border-color: var(--col15);
		box-shadow: var(--shadow6);
		
		a,i {
			color: inherit;
			font-size: inherit;
		}
	}
}
.coral {
	color: var(--col9);
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}
.yellow {
	color: var(--brand-col2);
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}
.section-title {
	color: var(--brand-col1);
	font-size: var(--font36);
	font-weight: normal;
	gap: var(--p20);
	display: flex;
	align-items: center;
	justify-content: space-between;
    margin-bottom: var(--p20);
	
	.text {
		color: inherit;
		font-size: inherit;
		font-weight: inherit;
		line-height: normal;
	}
}
.radarFont {
	font-weight: 600 !important;
	color: rgb(81, 87, 91) !important;
	font-family: var(--font-family1) !important;
	
	strong {
		color: #e0115f;
		font-size: inherit;
		font-weight: inherit;
	}
}
.pink-bg,
.pink-bg:hover {
	background: var(--col-pink);
	color: var(--col-pink-c);
}
.red-bg,
.red-bg:hover {
	background: var(--col-red);
	color: var(--col-red-c);
}
.yellow-bg,
.yellow-bg:hover {
	background: var(--col-yellow);
	color: var(--col-yellow-c);
}
.blue-bg,
.blue-bg:hover {
	background: var(--col-blue);
	color: var(--col-blue-c);
}
.cateye-bg,
.cateye-bg:hover {
	background: var(--col-cateye);
	color: var(--col-cateye-c);
}
.green-bg,
.green-bg:hover {
	background: var(--col-green);
	color: var(--col-green-c);
}
.el-l1 {
    overflow: hidden;
    -webkit-line-clamp: 1;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
}
.el-l2 {
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-word;
}
.el-l3 {
    overflow: hidden;
    -webkit-line-clamp: 3;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-word;
}
.el-l4 {
    overflow: hidden;
    -webkit-line-clamp: 4;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-word;
}

/* HEADER */
.bonus-header {
	display: none;
	
	.ticker {
		position: relative;
		height: var(--ticker-height);
		overflow: hidden;
		border-radius: var(--radius);
		background: var(--gradient3);
		box-shadow: var(--ticker-shadow);
	}
	.ticker::before,
	.ticker::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		width: 80px;
		pointer-events: none;
		z-index: 2;
	}
	.ticker::before {
	  left: 0;
	  background: var(--gradient4);
	}
	.ticker::after {
	  right: 0;
	  background: var(--gradient5);
	}
	.ticker-track {
		display: flex;
		align-items: center;
		gap: var(--p30);
		width: max-content;
		white-space: nowrap;
		animation: scrollLeft var(--ticker-speed) linear infinite;
		
		> row {
			visibility: hidden;
			transition: opacity .6s ease;
		}
		> row.show {
		    visibility: visible;
		}
	}
	.deal {
		margin-left: 5px;
		display: inline-flex;
		align-items: center;
		gap: var(--p12);
		background: var(--card);
		padding: var(--p10) var(--p15);
		border-radius: var(--border-r46);
		box-shadow: var(--ticker-shadow);
		border: 1px solid var(--col12);
	}
	.deal-title {
		font-weight: 700;
		color: var(--ink);
	}
	.discount {
		display: inline-flex;
		align-items: center;
		gap: var(--p6);
		padding: var(--p6) var(--p10);
		border-radius: var(--border-r46);
		font-weight: 700;
		background: var(--chip-bg);
		color: var(--chip-ink);
		font-size: var(--font14);
		
		path {
			stroke: var(--chip-ink)
		}
		i {
			font-size: var(--font14);
			color: inherit;
		}
		.fa.fa-percent {
			font-size: 12px;
		}
	}
	.location {
		display: inline-flex;
		align-items: center;
		gap: var(--p6);
		color: var(--muted);
		font-size: var(--font14);
		
		path,
		circle {
			stroke: var(--muted);
		}
		i {
			font-size: var(--font14);
			color: inherit;
		}
	}
	.badge {
		display: inline-flex;
		align-items: center;
		gap: var(--p6);
		padding: var(--p6) var(--p10);
		border-radius: var(--border-r46);
		font-weight: 700;
		font-size: var(--font14);
		background: transparent;
		
		i {
			font-size: var(--font14);
			color: inherit;
		}
	}
	.soon {
		/* background: var(--col13); */
		color: var(--warning);
		
		path,
		circle {
			stroke: var(--warning)
		}
	}
	.today {
		/* background: var(--col14); */
		color: var(--danger);
		
		path,
		circle {
			stroke: var(--danger)
		}
	}
	.icon {
		width: 16px;
		height: 16px;
		display: inline-block;
		flex: 0 0 16px;
	}
	.ticker:hover .ticker-track,
	.ticker:focus-within .ticker-track {
		animation-play-state: paused !important;
	}
	.controls {
		display: flex;
		gap: var(--p8);
		align-items: center;
		display: none;
	}
	.controls button {
		padding: var(--p6) var(--p12);
		border-radius: var(--p6);
		border: 1px solid var(--col2);
		background: #fff;
		cursor: pointer;
	}
}
@keyframes scrollLeft {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}
@media (prefers-reduced-motion: reduce) {
	.ticker-track {
		animation-duration: calc(var(--ticker-speed) * 2);
	}
}
.mainHeader {
	position: relative;
	background: var(--header-bg);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
	backdrop-filter: blur(16px);
	z-index: 9;
	transition: all 0.3s ease;
	
	background: var(--header-bg1);
	
	.header {
		display: flex;
        gap: var(--p15);
        gap: var(--p48);
        align-items: center;
        padding: var(--p8) var(--common-padding);
    	transition: max-height 0.4s ease;
	}
	.headerCont {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		
		.logo {
			gap: var(--p6);
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            
            gap: 0;
			
			.img_cls {
				/* max-height: 62px;
				min-width: 62px; */
				
				height: auto;
                width: auto;
                min-width: 120px;
			}
			.img_cls.img_cls1 {
			    max-height: 60px;
			    width: auto;
			    min-width: auto;
			}
			.logoText {
				font-weight: 500;
				font-size: var(--font20);
				color: var(--text-col);
				margin: 0;
				white-space: nowrap;
				font-family: var(--font-family2);
			}
		}
		.animation-block {
			
		}
		.mobileToggle {
			display: none;
		}
		.header-sub-Cont {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
        
			.img-block {
				position: relative;
				
				.img_cls {
					width: auto;
				    height: 100%;
				    min-width: 150px;
				    max-height: 100px;
				    border-radius: var(--p20) 0 0 var(--p20);
				    border-radius: var(--p20);
				    opacity: 0.6;
                    filter: blur(1px);
				}
				.banner-img1 {
					width: auto;
				    height: 100%;
				    min-width: 150px;
				    max-height: 100px;
				    max-width: 200px;
				    border-radius: var(--p20) 0 0 var(--p20);
				    border-radius: var(--p20);
				    /* opacity: 0.6;
                    filter: blur(1px); */
                    height: 100px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background: var(--col21);
                    box-shadow: var(--shadow3);
                    padding: var(--p5);
                    
                    .abs-cont {
					    width: 100%;
					    height: 100%;
					    display: flex;
					    flex-direction: column;
					    align-items: center;
					    justify-content: center;
					    gap: var(--p5);
					    
					    .no-image {
					    	.ni-content {
					    		max-width: 100%;
                            	max-height: 30px;
                            	border: none;
                            	
					    		.letter {
					    			font-size: var(--font24);
					    		}
					    	}
					    }
					    .img-class {
					    	max-width: 30px;
					    	max-height: 30px;
					    	/* min-width: 30px;
                            min-height: 30px;
                            border-radius: 50%;
                            object-fit: cover; */
					    }
					    .state,
					    .city {
					    	width: 100%;
                            text-align: center;
                            font-weight: 600;
                            font-size: var(--font16);
                            line-height: normal;
					    }
					    .city {
						    padding: var(--p5);
	                        border-radius: var(--border-r5);
	                        border-radius: var(--p20);
	                        background: var(--brand-col2);
	                        font-weight: normal;
					    }
					}
				}
				.search-bar {
					position: absolute;
					background: rgba(236, 240, 255, 0.65);
					backdrop-filter: blur(16px);
					-webkit-backdrop-filter: blur(16px);
					box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
					padding: var(--p5);
					border-radius: var(--p24);
					bottom: 10px;
					left: 50%;
					transform: translateX(-50%);
					max-width: 100%;
					
					.searchModal {
						padding: var(--p5) var(--p10);
						border-radius: var(--p24);
						background: var(--brand-col2);
						
						.text {
							white-space: nowrap;
                            font-size: var(--font14);
                            font-weight: 500;
                            line-height: normal;
						}
						.icon {
							
						}
					}
				}
			}
			.img-glass {
				position: relative;
				overflow: hidden;
				transition: transform 0.3s ease;
				display: flex;
				flex-direction: row;
			    background: rgba(236, 240, 255, 0.65);
			    backdrop-filter: blur(16px);
			    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
				height: 100px;
				border-radius: 0 20px 20px 0;
				display: none;
			
				.glass-content {
				    padding: 0.25rem .5rem;
					align-items: center;
					display: flex;
					justify-content: space-around;
					flex-direction: column;
					gap: var(--p6);
					min-width: 155px;
					
					h3 {
                        font-weight: 600;
                        font-size: var(--font18);
                        line-height: normal;
					}
					.owner {
						display: flex;
						gap: 6px;
						align-items: center;
    
						.img_cls {
						    width: 35px;
							height: 35px;
							border-radius: 50%;
							border: 1px solid #876a7c;
							box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
						}
						.text {
							
						}
					}
				}
			}
			.img-glass:hover {
			    transform: translateY(-5px);
			}
		}
		.sub-left {
			width: inherit;
            justify-content: left;
    		transition: opacity 0.2s ease;
		}
		.sub-center {
			
		}
		.sub-right {
			gap: var(--p20);
			justify-content: flex-end;
			
			.block {
				display: flex;
				align-items: center;
				gap: var(--p26);
				
				gap: var(--p5);
				
				.link {
					font-size: var(--font18);
                    font-weight: 600;
                    line-height: normal;
                    white-space: nowrap;
                    color: var(--text-col);
                    color: var(--white);
                    transition: text-decoration 0.3s ease;
                    
                    color: var(--brand-col1);
                    padding: var(--p6) var(--p12);
                    border-radius: var(--border-r16);
                    background: transparent;
				}
				.link.activeTab {
					background: var(--brand-col2);
                    color: var(--brand-col4);
				}
				.signupClass,
				.loginClass {
					/* padding: var(--p5) var(--p18);
                    border-radius: var(--p24);
                    background: var(--brand-col2);
                    white-space: nowrap;
                    color: var(--text-col);
                    cursor: pointer; */
                    
                    padding: var(--p5) var(--p10);
                    color: var(--brand-col2);
                    background: transparent;
                    white-space: nowrap;
                    cursor: pointer;
                    color: var(--brand-col4);
				}
				#signup:hover,
				#login:hover {
				    /* background: var(--brand-col2);
				    color: var(--brand-col1);
				    color: var(--text-col); */
				    
				    color: var(--brand-col2);
				    color: var(--brand-col4);
                    background: transparent;
				}
				[data-tooltip]:hover::after {
				    border: none;
				}
				.signupClass:before {
					display: none;
				}
				.loggedInSpan,
				.logOutSpan {
                    display: flex;
                    gap: var(--p10);
				}
			}
			/* .block:first-child {
				.link:hover {
					text-decoration: underline;
				}
			} */
			.block:last-child {
				gap: var(--p15);
			}
			.block:last-child::before {
				content: "";
				background: var(--col4);
				width: 2px;
				height: 100%;
				min-height: 32px;
			}
		}
	}
	.hLeft {
		width: auto;
	}
	.hRight {
		
	}
}

/* BANNER */
#banner,
.deal-banner {
	position: relative;
	transition: margin-top 0.6s ease;
    background: transparent;
    background: linear-gradient(180deg, rgb(180 216 228) 40%, rgba(250, 218, 94, 0.17) 100%);
	
	.bannerInner {
	    height: 100%;
	    display: flex;
	    align-items: center;
	    gap: var(--p24);
	    padding-top: var(--p24);
	    justify-content: space-between;
	    /* background-color: rgba(177, 225, 255, 0.1); */
	    
	    .overlay-image {
	    	opacity: 0.06;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			display: none;
			
			.img-cls {
				height: 100%;
				width: 100%;
				object-fit: cover;
			}
	    }
	    .bLeft,
	    .bCenter,
	    .bRight {
	    	width: 100%;
    	    height: 300px;
    	    position: relative;
    	    text-align: center;
    	    /* padding: var(--p10) var(--p15); */
		    background-size: cover;
		    background-repeat: no-repeat;
		    background-position: center;
	    	border-radius: var(--border-r24);
	    	
	    	.cont {
	    		/* position: absolute;
                left: 0; */
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                height: 100%;
                gap: var(--p6);
                color: var(--col-white);
                
                .heading {
                	font-weight: 500;
                	font-size: var(--font20);
                	color: var(--col-white);
                	line-height: normal;
                	margin: 0;
                }
	    	}
	    }
	    .bLeft {
	    	.top {
	    		height: 100%;
	    		display: block;
	    		width: 100%;
	    	}
	    	.selected-week {
	            font-size: 14px;
				color: var(--col24);
				font-weight: normal;
				line-height: normal;
	        }
	        .display-section {
	            display: none;
	            height: 100%;
	        }
	        .display-section.active {
	            display: block;
	        }
	        .reminder-box {
	            background: var(--white);
	            border-radius: var(--border-r24);
	            box-shadow: var(--shadow9);
	            min-height: 200px;
	            display: flex;
	            flex-direction: column;
	            height: 100%;
                /* border: 1px solid var(--col24);
                border-top: 0; */
	        }
	        .title {
			    color: var(--col6);
			    font-size: var(--font18);
			    font-weight: 600;
			    padding: var(--p5);
			    line-height: 1.8rem;
			    border-bottom: 1px solid var(--col2);
			    border: none;
			}
	        .gpMain {
	        	padding: 0 var(--p10);
                gap: var(--p24);
                height: 100%;
                display: flex;
                align-items: center;
                flex-direction: column;
                justify-content: center;
                
                
                justify-content: flex-start;
                gap: var(--p5);
                height: auto;
	        }
	        .reminder-box h2 {
	            color: var(--col25);
	            margin-bottom: 0;
	            font-size: var(--font18);
	            font-weight: 600;
	            padding: var(--p8) var(--p10);
	            border-top-left-radius: var(--border-r24);
                border-top-right-radius: var(--border-r24);
                border-bottom-right-radius: 0;
                border-bottom-left-radius: 0;
	        }
	        .reminder-content {
	            /* flex: 1; */
	            display: flex;
	            align-items: center;
	            justify-content: flex-start;
	            text-align: left;
	            font-size: var(--font16);
	            font-weight: normal;
	            color: var(--text-col);
	            line-height: normal;
	            opacity: 0;
	            flex-wrap: wrap;
	            transform: translateY(20px);
	            transition: all 0.5s ease;
	            width: 100%;
	            
	            font-size: var(--font14);
	        }
	        .reminder-content.show {
	            opacity: 1;
	            transform: translateY(0);
	        }
	        .ss {
	            background-color: var(--col-blue);
                padding: var(--p5) var(--p10);
                border-radius: var(--border-r50per);
                font-size: var(--font10);
                font-weight: 600;
                color: var(--text-col);
                line-height: normal;
                min-width: 40px;
                max-width: 40px;
                min-height: 40px;
                max-height: 40px;
                
                display: flex;
                gap: 2px;
                flex-direction: column;
                align-items: center;
                justify-content: center;
	            background-color: var(--col21);
                padding: 0 var(--p10);
                min-width: 30px;
                max-width: 30px;
                min-height: 30px;
                max-height: 30px;
                
                .icon {
                	min-width: 60px;
                	max-width: 60px;
                	min-height: 60px;
                	max-height: 60px;
                	width: 100%;
                	height: 100%;
                	
                	min-width: 30px;
                	max-width: 30px;
                	min-height: 30px;
                	max-height: 30px;
                	
                	min-width: 26px;
                	max-width: 26px;
                	min-height: 26px;
                	max-height: 26px;
                }
                i {
                	font-size: inherit;
                	font-weight: inherit;
                	line-height: normal;
                	color: var(--col23);
                }
                .text {
                	font-size: inherit;
                	font-weight: 900;
                	line-height: 10px;
                	color: inherit;
                	/* padding: 0 var(--p5); */
                	background-color: var(--col-blue);
                	display: none;
                }
	        }
	        .gp {
	            display: flex;
	            gap: var(--p10);
	            align-items: center;
	            justify-content: space-between;
	            width: 100%;
	        }
	    }
	    .bCenter,
	    .bLeft {
	    	flex: 1;
	    	flex: 0 0 25%;
	    	padding: 0;
			/* background-image: url(https://images.pexels.com/photos/13735971/pexels-photo-13735971.jpeg?_gl=1*1hkkthg*_ga*MjA4MjM3MjY1LjE3NTgyNjQyNTk.*_ga_8JE65Q40S6*czE3NTgyNjQyNTgkbzEkZzEkdDE3NTgyNjQzOTIkajUzJGwwJGgw); */
	    	
	    	.cont {
	    		justify-content: flex-start;
	    	}
	    	.carousel,
	    	.carousel-inner,
	    	.carousel-item {
			    width: 100%;
			    height: 100%;
			    border-radius: var(--border-r24);
			    background: #9dcae6;
			    
			    img {
			    	width: 100%;
			    	height: 100%;
			    	object-fit: cover;
			    	opacity: 0.6;
					border-radius: var(--border-r24);
			    }
			    .carousel-indicators {
		    		z-index: 1;
		    	}
	    	}
	    	.carousel-control-next,
	    	.carousel-control-prev {
	    		height: 30px;
                top: 50%;
                bottom: unset;
                transform: translateY(-50%);
	    	}
	    	.carousel-caption {
	    		/* top: 20px; */
                bottom: 20px;
                padding: var(--p10);
                background: rgba(255, 255, 255, 0.8);
                border-radius: var(--border-r5);
                font-size: var(--font16);
                font-weight: 600;
                line-height: normal;
                width: 100%;
                left: 0;
                border-radius: 0;
                
                h5 {
	                font-size: var(--font24);
	                font-weight: inherit;
	                line-height: normal;
	                color: var(--col22);
	                margin-bottom: var(--p5);
                }
                p {
                	line-height: normal;
                    font-size: var(--font16);
                    color: var(--text-col);
                }
	    	}
	    }
	    .bCenter {
	    	flex: 2;
	    	flex: 0 0 50%;
	    	background-image: url(/BlitzMobiSiteImages/images/open4biz/banner/b2.jpg);
	    	
	    	.cont {
	    		p {
	    			line-height: normal;
                    font-size: var(--font16);
                    color: var(--text-col);
                    margin-bottom: var(--p15);
                }
	    		.heading {
                	line-height: 2.4rem;
                	font-size: var(--font30);
                	color: var(--text-col);
                }
                .o4bbtn {
                	padding: var(--p10) var(--p18);
                }
	    	}
	    }
	    /* .bRight {
	    	flex: 1;
	    	background-image: url(/BlitzMobiSiteImages/images/open4biz/banner/b3.png);
	    	
	    	.cont {
                top: 0;
                
	    		.carousel,
	    		.carousel-inner,
	    		.carousel-item {
	    			height: 100%;
	    			width: 100%;
	    		}
		    	.img-cls {
		    		height: 100%;
	                width: 100%;
	                max-height: 100%;
	                object-fit: cover;
	                border-radius: var(--border-r24);
		    	}
		    	.heading {
		    		color: var(--col-white);
		    		text-align: left;
		    		width: 85%;
                    margin: 0 auto;
		    		
		    		.count {
		    			color: inherit;
		    			display: block;
		    			font-size: var(--font52);
                        font-weight: normal;
		    		}
		    		.text {
		    			color: inherit;
		    			line-height: normal;
                    	font-size: var(--font18);
                    	line-height: normal;
                        display: block;
		    		}
		    	}
			}
	    } */
	    .bRight {
	    	flex: 1;
	    	padding: 0;
	    	overflow: hidden;
	    	flex: 0 0 25%;
	    	
			.cont {
		    	position: relative;
                top: unset;
                left: unset;
                /* border: 1px solid var(--brand-col4); */
                border-radius: var(--border-r24);
                justify-content: unset;
                background: var(--white);
                /* gap: var(--p10); */
                /* border-top: 0; */
                box-shadow: var(--shadow9);
                /* border: 1px solid var(--col8-rgba2); */
                
                .top {
                	display: block;
               	    width: 100%;
			
                	.trending {
                		font-size: var(--font16);
                        font-weight: 600;
                        color: var(--white);
                        background: var(--brand-col4);
                        line-height: normal;
                        padding: var(--p8) var(--p10);
			            border-radius: var(--border-r24);
			            /* border-top-left-radius: 24px;
			            border-top-right-radius: 24px;
			            border-bottom-right-radius: 0;
			            border-bottom-left-radius: 0; */
			            border-radius: 0;
            
                	}
                	.title {
                		color: var(--col25);
                        font-size: var(--font18);
                        font-weight: 600;
                        padding: var(--p5);
                        line-height: 1.8rem;
                        border-bottom: 1px solid var(--col2);
                        border: none;
                	}
                	.category {
                         color: var(--col8);
                         font-size: var(--font14);
                         font-weight: normal;
                         line-height: normal;
                         line-height: 1.8rem;
                         padding: 0 5px;
                         
                         .ss {
	                         padding: 2px 5px;
	                         margin: 2px;
	                         font-size: inherit;
	                         font-weight: inherit;
	                         font-family: var(--font-family1);
	                     }
                     }
                }
                .bottom {
                	padding: var(--p10);
                	padding-top: 0;
                	position: relative;
                	display: flex;
                	gap: var(--p6);
                	gap: var(--p5);
                    flex-direction: column;
                    height: 100%;
                    justify-content: space-between;
                    justify-content: unset;
                    width: 100%;
                	
                	.b-wrap {
                		display: flex;
                        align-items: center;
                        gap: var(--p10);
                        flex-direction: column;
                        justify-content: space-between;
                        
                		.cmp-logo {
                			height: 90px;
                			width: 100%;
                			position: relative;
                			
                			height: 80px;
                			background: var(--col21);
                			
                			.no-image {
                				display: flex;
								align-items: center;
								justify-content: center;
								
								.ni-content {
									height: 90px;
									width: 90px;
									
									height: 80px;
									width: 80px;
									border: none;
								}
                			}
                			a {
                				height: 100%;
                                width: 100%;
                                display: flex;
	                            align-items: center;
	                            justify-content: center;
                			}
                			.img-cls {
                				height: 100%;
                                width: 100%;
                                object-fit: cover;
                                border-radius: var(--border-r5);
                                object-fit: contain;
                			}
                		}
               			.user-info {
               				display: flex;
                            gap: var(--p6);
                            align-items: baseline;
               				
              				.img-box {
              					min-width: 25px;
              					width: 25px;
                                height: 25px;
              					border-radius: var(--border-r50per);
                                border: 1px solid var(--col4);
                                
               					.img-cls {
                                    object-fit: cover;
              						border-radius: var(--border-r50per);
               					}
               				}
               				.u-name {
               					word-break: break-all;
                                color: var(--col8);
                                font-size: var(--font14);
                                font-weight: normal;
                                line-height: normal;
                                max-width: 100%
               				}
              			}
                		.sub-top {
                			display: flex;
							flex-direction: column;
							gap: var(--p10);
    						
    						.deals-info {
                                min-width: 100px;
                                display: flex;
                                align-items: center;
                                width: fit-content;
                                margin: 0 auto;
                                
	                			.icon {
	                				display: flex;
		                            align-items: center;
		                            justify-content: center;
		                            min-width: 30px;
		                            height: 30px;
		                            background: var(--brand-col1);
		                            border-radius: var(--border-r50per);
		                            z-index: 0;
                            
	                				.img-cls {
	                					max-width: 100%;
	                					height: auto;
	                					width: auto;
	                					object-fit: contain;
	                					border-radius: 0;
	                				}
	                			}
	                			.number {
	                				border-radius: var(--border-r24);
                                    width: 100%;
                                    padding: 2px var(--p10);
                                    background: var(--brand-col2);
                                    padding-left: var(--p22);
                                    margin-left: -15px;
                                    font-size: var(--font16);
                                    font-weight: 600;
                                    line-height: normal;
                                    box-shadow: var(--shadow4);
                                    font-family: var(--font-family1);
	                			}
	                		}
                			.sec {
                				display: flex;
                                gap: 2px;
                                align-items: center;
                                justify-content: center;
                				
                				.category {
                                    color: var(--col8);
                                    font-size: var(--font14);
                                    font-weight: normal;
                                    line-height: normal;
                                    line-height: 1.8rem;
                                    
                                    .ss {
                                    	background: #eae0c8;
										padding: 2px 5px;
										margin: 2px;
										border-radius: var(--border-r24);
										font-size: inherit;
                                		font-weight: inherit;
                                		
										
										box-decoration-break: clone;
										-webkit-box-decoration-break: clone;
                                    }
                				}
                				.icon {
                					cursor: pointer;
                					
                					i {
                						min-width: 18px;
                                        max-width: 18px;
                                        font-size: var(--font14);
                                        color: var(--brand-col5);
                                        font-weight: lighter;
                                        color: var(--col23);
                					}
                				}
                				.location {
                					word-break: break-all;
                                    color: var(--col8);
                                    font-size: var(--font14);
                                    font-weight: normal;
                                    line-height: normal;
                                    
                                    span {
                                    	color: inherit;
				                        font-size: inherit;
				                        font-weight: inherit;
				                        line-height: inherit;
                                    	font-family: var(--font-family1);
                                    }
                				}
                			}
                			.map-link {
                				cursor: pointer;
                				align-items: flex-start;
                            	text-align: left;
                			}
                		}
                		.sub-bottom {
                			color: var(--col8);
                            font-size: var(--font14);
                            font-weight: normal;
                            line-height: normal;
                            background: var(--col10);
                            padding: var(--p6);
                            border-radius: var(--border-r10);
                            
                			.text {
                				color: inherit;
								font-size: inherit;
								font-weight: inherit;
								line-height: inherit;
								word-break: break-all;
                			}
                		}
                	}
                }
			}
	    }
	    .bRight:first-child {
	    	.top {
	    		height: 100%;
	    	}
		}
	}
	.search {
        position: relative;
		padding-top: var(--p24);
        /* margin: 0 auto; */
        width: 100%;
        width: fit-content;
        margin: 0 auto;
	}
	.rfilterresult {
		.searchInfo {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    padding-top: calc(var(--p24));
		    gap: var(--p6);
            flex-wrap: wrap;
            position: relative;
            z-index: 1;
		    
		    .btn-search-info {
		    	outline: none;
		    	border: 2px solid;
    			border-radius: var(--border-r24);
    			font-size: var(--font14);
                font-weight: normal;
                padding: var(--p5) var(--p15);
                
                display: flex;
                gap: var(--p5);
		    	align-items: center;
		    	background: var(--col-white);
                
                .removeEle {
                	margin: 0;
                    display: flex;
                    width: 25px;
                    height: 25px;
                    border: 1px solid var(--col2);
                    border-radius: var(--border-r50per);
                    align-items: center;
                    justify-content: center;
                    box-sizing: border-box;
                    border: 1px solid rgba(0, 0, 0, 0.1);
                    line-height: normal;
                    
                    i {
                    	font-size: var(--font18);
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        line-height: normal;
                        height: 100%;
                        width: 100%;
                        color: var(--brand-col4);
                    	box-sizing: border-box;
                    	padding-top: 1px;
                    }
                }
		    }
		    .btn-search-info:nth-child(1),
		    .btn-search-info:nth-child(6),
		    .btn-search-info:nth-child(11) {
		    	border-color: var(--col-red-c);
		    }
		    .btn-search-info:nth-child(2),
		    .btn-search-info:nth-child(7),
		    .btn-search-info:nth-child(12) {
		    	border-color: var(--col-yellow-c);
		    }
		    .btn-search-info:nth-child(3),
		    .btn-search-info:nth-child(8),
		    .btn-search-info:nth-child(13) {
		    	border-color: var(--col-blue-c);
		    }
		    .btn-search-info:nth-child(4),
		    .btn-search-info:nth-child(9),
		    .btn-search-info:nth-child(14) {
		    	border-color: var(--col-cateye-c);
		    }
		    .btn-search-info:nth-child(5),
		    .btn-search-info:nth-child(10),
		    .btn-search-info:nth-child(15) {
		    	border-color: var(--col-green-c);
		    }
		    .btn-search-info.focus,
		    .btn-search-info:focus {
		    	box-shadow: none;
		    }
		}
	}
}
@keyframes fill {
	from {
		transform: scaleX(0);
	}
	to {
		transform: scaleX(1);
	}
}
/* Listing */
#listings {
	padding-top: calc(var(--p20) + var(--p24));
	padding-top: calc(var(--p24));
    /* background: rgba(250, 250, 252, 0.65); */
    height: 100%;
    width: 100%;
    position: relative;
    background: linear-gradient(180deg, rgba(250, 218, 94, 0.17) 00%, rgb(235 250 255 / 57%) 40%, rgb(235 250 255 / 77%) 100%);
    
    .overlay-image {
    	position: absolute;
	    top: 0;
	    left: 0;
	    
	    height: 100%;
		width: 100%;
		background-position: top;
		z-index: -1;
		opacity: 0.15;
		background-size: 215px;
		background-repeat: repeat;
		background-image: url(/BlitzMobiSiteImages/images/brands/overlay-image.png);
    }
	
	.listingContainer {
	    padding: var(--p20) 0;
	}
	.listingContainer {
		min-height: 300px;
        display: flex;
        /* align-items: center; */
        gap: var(--p24);
        /* flex-wrap: wrap;
        justify-content: center; */
        
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        /* max-width: calc(100% - 15px); */
		
		.item-list {
			max-width: 50%;
			width: 100%;
			/* flex: 1 1; */
			padding: var(--p24);
			border: 2px solid var(--col2);
			border-radius: var(--border-r10);
			background: var(--col-white);
			
			max-width: 100%;
			overflow: hidden;
			box-shadow: var(--shadow8);
			border: none;
		
			.inner-cont {
				display: flex;
				flex-direction: column;
                gap: var(--p10);
                height: 100%;
                
				.top {
					display: flex;
                    align-items: center;
                    gap: var(--p15);
                    justify-content: space-between;
                    
                    .business-title {
					    display: flex;
					    align-items: center;
					    align-items: baseline;
					    gap: var(--p10);
					    height: 48px;
					    
					    .icon {
							font-size: var(--font14);
							font-weight: normal;
							color: var(--col4);
							transition: opacity 0.3s ease;
							
							i {
								color: inherit;
							    font-size: inherit;
							    font-weight: inherit;
							}
						}
					}
					.business-status {
						text-align: center;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        gap: var(--p10);
						
						.bus-status {
							height: auto;
							display: inline-flex;
							align-items: center;
							font-size: var(--font14);
							font-weight: normal;
							line-height: normal;
							padding: var(--p6) var(--p10);
							border-radius: var(--border-r20);
							flex-wrap: wrap;
							text-align: center;
							justify-content: center;
							font-size: 12px;
							font-weight: 600;
							color: var(--text-col);
							font-family: var(--font-family1);
							
							.reopendate_cls,
							.reopendate_cls i,
							.reopendate_cls span {
								color: inherit;
							    font-size: inherit;
							    font-weight: inherit;
							}
						}
					}
					.title {
						color: var(--col6);
						color: var(--col22);
						font-size: var(--font20);
						font-weight: 600;
						line-height: normal;
						text-transform: uppercase;
					}
					.deals-info {
                        min-width: 130px;
                        min-width: auto;
                        display: inline-flex;
						align-items: center;
						justify-content: flex-end;
						white-space: nowrap;
					
						.icon {
						    display: flex;
							align-items: center;
							justify-content: center;
							min-width: 30px;
							height: 30px;
							background: var(--col7);
							background: var(--brand-col1);
							border-radius:  var(--border-r50per);
							z-index: 0;
						}
						.number {
							border-radius: var(--border-r16);
                            width: 100%;
                            width: auto;
                            padding: 2px var(--p10);
                            background: var(--brand-col2);
                            padding-left: var(--p22);
                            margin-left: -15px;
                            font-size: var(--font16);
                            font-weight: 600;
                            line-height: normal;
                            font-family: var(--font-family1);
                            box-shadow: var(--shadow4);
						}
					}
				}
				.center {
					display: flex;
                    gap: var(--p15);
                    height: 100%;
                    
                    .left .icon {
                    	max-width: 150px;
                        width: 100%;
                        height: 160px;
                        object-fit: contain;
                        min-width: 150px;
                        border: 1px solid var(--col17);
                        align-items: center;
                        justify-content: center;
                        display: flex;
                        border-radius: var(--border-r5);
                        background: var(--col21);
                        border: none;
					}
					.industry-box {
						/* max-width: 150px;
                        width: 100%;
                        min-width: 150px;
                        align-items: center;
                        justify-content: center;
                        display: flex;
                        padding: var(--p5); */
                        
                        max-width: 100%;
                        width: 100%;
                        
                        .category {
							color: var(--text-col2);
							font-size: var(--font14);
							font-weight: normal;
							line-height: normal;
							font-family: var(--font-family1);
							
							.ss {
                                border-radius: var(--border-r24);
                                display: inline-block;
                                width: 100%;
                                text-align: center;
                                font-size: inherit;
                                font-weight: inherit;
                                
                                background: #eae0c8;
								padding: 5px;
								margin: 2px 0;
								border-radius: var(--border-r24);
								font-size: inherit;
								font-weight: inherit;
								font-family: var(--font-family1);
	                             		
								
								box-decoration-break: clone;
								-webkit-box-decoration-break: clone;
								
								padding: 2px 10px;
								background: #eae7e0;
								margin: 0;
								display: -webkit-box;
								width: fit-content;
                        	}
						}
					}
					.left .icon .img-cls,
					.left .icon .no-image {
						max-width: 150px;
						width: 100%;
						height: 160px;
						object-fit: contain;
						min-width: 150px;
                           
						.ni-content {
							width: 100%;
							height: 100%;
							border-radius: var(--border-r5);
							border: none;
							
							.letter {
								font-size: var(--font100);
								font-size: var(--font48);
							}
						}
					}
					.left .icon .img-cls {
						/* border: 1px solid var(--col2);
                        border-radius: var(--border-r5); */
                        padding: var(--p5);
					}
					.right {
						width: 100%;
						display: flex;
                        flex-direction: column;
                        justify-content: space-between;
						
						.sub-top {
							display: flex;
							flex-direction: column;
							gap: var(--p10);
							padding-bottom: var(--p15);
							
							.sec {
								display: flex;
                                align-items: center;
                                gap: var(--p6);
							}
							.map-link {
								cursor: pointer;
							}
							.sec2,
							.sec3 {
								min-height: 25px;
								max-width: 50%;
								width: 100%;
								
								.icon {
									min-width: 18px;
									display: flex;
                                    align-items: center;
									
									i {
										font-size: var(--font18);
                                        color: var(--brand-col5);
                                        font-weight: lighter;
                                        color: var(--col23);
									}
								}
								.location,
								.url {
									color: var(--col8);
                                    font-size: var(--font14);
                                    font-weight: normal;
                                    line-height: normal;
                                    word-break: break-all;
                                    font-family: var(--font-family1);
								}
							}
						}
						.sub-bottom {
							padding-top: var(--p10);
							display: flex;
                            gap: var(--p15);
                            flex-direction: column;
							
							.bttm {
								border-top: 2px solid var(--col2);
								padding-top: var(--p10);
								display: flex;
	                            align-items: center;
	                            gap: var(--p15);
	                            /* flex-wrap: wrap; */
	                            justify-content: space-between;
							}
							/* .bus-status {
								height: 36px;
								display: flex;
                                align-items: center;
                                font-size: var(--font14);
                                font-weight: normal;
                                line-height: normal;
								padding: var(--p6) var(--p10);
                                border-radius: var(--border-r20);
							} */
							.sec2,
							.sec3 {
								min-height: 25px;
								max-width: 50%;
								width: 100%;
								display: flex;
                                align-items: flex-start;
                                gap: var(--p5);
								
								.icon {
									min-width: 18px;
									display: flex;
                                    align-items: center;
									
									i {
										font-size: var(--font18);
                                        color: var(--brand-col5);
                                        font-weight: lighter;
                                        color: var(--col23);
									}
								}
								.location,
								.url {
									color: var(--col8);
                                    font-size: var(--font14);
                                    font-weight: normal;
                                    line-height: normal;
                                    font-family: var(--font-family1);
                                    display: flex;
                                    gap: var(--p5);
                                    align-items: flex-start;
                                    
                                    .text,
                                    span {
                                    	color: inherit;
				                        font-size: inherit;
				                        font-weight: inherit;
				                        line-height: inherit;
                                    	font-family: var(--font-family1);
                                    }
								}
								.location {
									gap: 0;
									flex-direction: column;
								}
							}
							.map-link {
                				cursor: pointer;
                			}
							.user {
								display: flex;
								align-items: center;
								gap: var(--p10);
								max-width: calc(100% - 230px);
								
								.img-block {
								    position: relative;
								}
								.img-box {
                                	position: relative;
                                	min-width: 36px;
                                    min-height: 36px;
                                	max-width: 36px;
                                    max-height: 36px;
                                    background: transparent;
                                    /* border: 1px solid var(--col4); */
                                    border-radius: var(--border-r50per);
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                }
                                .img-cls {
                                	max-width: 100%;
                                    max-height: 100%;
                                    height: auto;
                                    width: auto;
                                    min-width: 36px;
                                    min-height: 36px;
                                    max-width: 36px;
                                    max-height: 36px;
                                    object-fit: cover;
                                    border-radius: var(--border-r50per);
                                }
                                .img-box2 {
									position: absolute;
									top: 25%;
                                    left: 28%;
                                    z-index: 1;
                                    display: none;
                                }
                                .img-box3 {
									position: absolute;
									top: -15%;
                                    left: 50%;
                                    display: none;
                                }
                                .u-name {
                                	color: var(--col6);
                                    font-size: var(--font16);
                                    font-weight: 600;
                                    line-height: normal;
									max-width: 120px;
									/* min-width: 100px; */
									word-break: break-all;
									font-family: var(--font-family1);
									color: var(--col23);
                                }
							}
							.social-links {
								display: flex;
								align-items: center;
	                            gap: var(--p10);
								
								a, > div {
									width: 36px;
                                    height: 36px;
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    border-radius: var(--border-r50per);
                                    box-shadow: var(--shadow3);
                                    cursor: pointer;
                                    
                                    i {
                                    	color: inherit;
                                    	font-size: var(--font16);
                                    	transition: transform 0.3s ease;
                                    	box-shadow: var(--shadow3);
										background: none!important;
										padding: 5px;
										border-radius: 50%;
                                    }
								}
								a:hover i {
									transform: scale(1.4);
								}
							}
						}
					}
				}
				.bottom {
					background: var(--col10);
					padding: var(--p6);
					border-radius: var(--border-r10);
					color: var(--col8);
					font-size: var(--font16);
					font-weight: 600;
					line-height: normal;
					
					font-weight: normal;
					background: transparent;
                    padding: 0;
				
					.text {
                        color: inherit;
                        font-size: inherit;
                        font-weight: inherit;
                        line-height: inherit;
                        font-family: var(--font-family1);
					}
				}
			}
		}
	}
}
/* FOOTER SECTION */
#footer {
	background: var(--col11);
	background: var(--brand-col1);
	font-family: var(--font-family1);
	
	background-image: var(--gradient9);
	
	.o4bSec {
		padding: var(--p50) var(--common-padding);
		padding-bottom: var(--p20);
	}
	.footerInner {
		.top-wrapper {
			display: grid;
			gap: var(--common-padding);
			grid-template-columns: repeat(4, 1fr);
			grid-template-columns: repeat(3, 1fr);
			padding-bottom: var(--p20);
			min-height: 280px;
			
			.block {
				display: flex;
				align-items: baseline;
				flex-direction: column;
				justify-content: flex-start;
				gap: var(--p24);

				.logo {
				    display: flex;
					align-items: center;
					flex-direction: column;
					justify-content: center;
					gap: var(--p10);

					.img_cls {
						/* max-width: 86px;
                        height: auto;
                        object-fit: contain;
                        width: 100%; */
                        
						height: auto;
		                width: auto;
		                max-width: 120px;
		                min-width: 120px;
					}
					.img_cls.img_cls1 {
		                max-height: 80px;
						width: auto;
						min-width: auto;
					}
					.logoText {
						font-weight: 500;
						font-size: var(--font30);
						color: var(--col-white);
						margin: 0;
						line-height: normal;
						font-family: var(--font-family2);
					}
				}
				.social-links {
					display: flex;
					align-items: baseline;
					justify-content: flex-start;
					gap: var(--p15);

					a {
						width: 24px;
						height: 24px;
						border: 1px solid var(--col-white);
					    border-radius: var(--border-r50per);
					    display: flex;
						align-items: center;
						justify-content: center;
						line-height: normal;
						
						i {
							color: var(--col-white);
							font-size: var(--font14);
						}
					}
				}
				.title {
					font-size: var(--font24);
                    color: var(--col-white);
                    font-weight: 500;
                    line-height: normal;
                    margin-bottom: var(--p24);
                    margin-bottom: 0;
				}
				.two-col {
					display: grid;
					align-items: baseline;
					gap: var(--common-padding);
					grid-template-columns: repeat(2, 1fr);
				}
				.list {
					display: flex;
					align-items: baseline;
					flex-direction: column;
					justify-content: center;
					gap: var(--p10);
					
					.text,
					.text .link {
						font-size: var(--font16);
	                    color: var(--col-white);
	                    font-weight: 500;
	                    line-height: normal;
					}
					.text .link {
	                    opacity: 1;
					}
					.text .link:hover {
	                    opacity: 1;
	                    text-decoration: underline;
					}
					.text.time .link:hover {
						text-decoration: none;
						cursor: auto;
					}
				}
			}
			.block.action-cta {
				.input-field {
					display: flex;
					align-items: baseline;
					flex-direction: column;
					justify-content: center;
					gap: var(--p10);
					
					.verify {
						padding: 0 var(--p15);
						display: inline-flex;
                        align-items: center;
                        gap: var(--p8);
						
						.v-checkbox {
							width: 14px;
                            height: 14px;
                            accent-color: var(--col-white);
						}
						.text {
							font-size: var(--font14);
                            font-weight: normal;
                            line-height: normal;
                            color: var(--col10);
						}
					}
					#sub-spinner {
						min-width: 106px;
						max-width: fit-content; 
					}
					i {
						font-size: inherit;
						font-weight: bold;
						color: inherit;
					}
				}
				.input-field .input-tag {
					padding: var(--p10) var(--p15);
                    box-sizing: border-box;
                    height: 46px;
                    font-size: var(--font14);
                    border-radius: var(--border-r24);
                    background: transparent;
                    color: var(--col10);
				}
				.input-field-status .text-stat {
					font-size: var(--font14);
                    color: var(--col-white);
                    font-weight: normal;
                    line-height: normal;
                    line-height: 1.4rem;
                    display: inline-block;
                    display: none;
				}
			}
		}
		.bottom-wrapper {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: var(--p10);
            padding-top: var(--p20);
            border-top: 1px solid var(--col4);
            border-top: 1px solid var(--col1);
			
			.copyright p {
				font-size: var(--font16);
				color: var(--col-white);
				font-weight: 500;
				line-height: normal;
				opacity: 1;
				
				span {
					font-size: inherit;
					color: inherit;
					font-weight: inherit;
					line-height: inherit;
				}
			}
			.terms {
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: var(--p10);
				flex-wrap: wrap;
				
				.link {
					font-size: var(--font16);
					color: var(--col-white);
					font-weight: 500;
					line-height: normal;
					opacity: 1;
				} 
				.link:hover {
                    opacity: 1;
                    text-decoration: underline;
				}
			}
		}
	}
}
#powered {
	background: var(--col6);
	background: rgba(0, 103, 165, 0.7);
	
	.powerdInner {
		gap: var(--p6);
		display: flex;
        align-items: center;
        justify-content: center;
        padding: var(--p6) 0;
        font-family: var(--main-family);
        
		h1 {
			color: var(--col4);
			color: var(--col-white);
            font-size: var(--font18);
            font-weight: normal;
            margin: 0;
            font-family: var(--main-family);
		}
		a {
			display: flex;
			align-items: center;
			gap: var(--p6);
			
			.img-cls {
				width: 36px;
				height: auto;
			}
		}
		.radarFont {
			margin-left: -5px;
			font-size: var(--font18);
			color: var(--col4) !important;
			color: var(--col-white) !important;
		}
	}
}
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('https://images.pexels.com/photos/3444345/pexels-photo-3444345.png?_gl=1*z1zpoi*_ga*NDA4MDUwMDExLjE3NTEyNzkxNTk.*_ga_8JE65Q40S6*czE3NTczMjk4MTQkbzQkZzEkdDE3NTczMzA2MTQkajQzJGwwJGgw') center/cover no-repeat;
	filter: blur(5px);
	opacity: 1;
	z-index: -1;
	animation: fadeOut 1s ease 5s forwards; /* start fading after 5s */
	display: none;
}
@keyframes fadeOut {
	to {
		opacity: 0;
		visibility: hidden;
	}
}
/* Business View */
.business-view {
	/* margin: var(--p24) 0; */
	padding: var(--p24) var(--common-padding);
	/* background: var(--gradient10); */
	
	.overlayDeals {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 100;
		display: none;
	}
	.overlayDeals.showOver {
		display: block;
	}
	.dealmaincard.activeCard {
	    z-index: 105;
	}
	.business-banner {
		display: flex;
        width: 100%;
        border-radius: var(--border-r24);
        padding: var(--p5) var(--p10);
        transition: all 0.2s ease;
        border: 2px solid var(--col2);
        background: var(--col-white);
        gap: var(--p24);
        min-height: 220px;
        align-items: center;
		
		.banner-img.link {
			max-width: 300px;
			min-width: 300px;
			width: 100%;
		    height: 180px;
		    padding: var(--p10);
		    display: flex;
            align-items: center;
            justify-content: center;
            border-radius: var(--border-r5);
            background: var(--col21);
		    
			.img-class {
				width: 100%;
                height: 100%;
                object-fit: contain;
                display: none;
			}
			.no-image {
				width: 100%;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				
				.ni-content,
				.ni-content.ni-content_ {
					width: 100%;
    				height: 100%;
					border-radius: var(--border-r24);
					border: 1px solid var(--col17);
				}
				.letter {
					font-size: var(--font100);	
				}
			}
		}
		.banner-content {
			width: 100%;
			position: relative;
			
			.top {
                display: flex;
                align-items: center;
                gap: var(--p15);
                justify-content: space-between;
                
                .business-status {
                   text-align: center;
                   display: flex;
                   align-items: center;
                   justify-content: center;
                   gap: var(--p10);
				}
				.deals-info {
					min-width: 130px;
					min-width: auto;
					display: inline-flex;
					align-items: center;
					justify-content: flex-end;
					white-space: nowrap;
					
					.icon {
					    display: flex;
					    align-items: center;
					    justify-content: center;
					    min-width: 30px;
					    height: 30px;
					    background: var(--col7);
					    background: var(--brand-col1);
					    border-radius: var(--border-r50per);
					    z-index: 0;
					}
					.number {
						border-radius: var(--border-r16);
						width: 100%;
						width: auto;
						padding: 2px var(--p10);
						background: var(--brand-col2);
						padding-left: var(--p22);
						margin-left: -15px;
						font-size: var(--font16);
						font-weight: 600;
						line-height: normal;
						box-shadow: var(--shadow4);
					}
				}
            }
			.title-height_org {
			    font-weight: 600;
			    font-size: var(--font38);
			    line-height: normal;
			    color: var(--col6);
			    color: var(--col22);
			    text-transform: uppercase;
			    display: flex;
                align-items: center;
                gap: var(--p15);
                flex-wrap: wrap;
                text-align: left;
			}
			.subheading_industry {
			    font-size: var(--font24);
			    padding: 0;
			    font-weight: normal;
			    margin: 0;
			    color: var(--text-col2);
			    word-break: break-all;
			    font-size: var(--font16);
			    font-weight: 500;
			    font-family: var(--font-family1);
			    margin-bottom: var(--p24);
			}
			.address_flexbox {
				display: inline-flex;
				align-items: center;
				gap: var(--p6);
				min-height: auto;
				font-size: var(--font16);
				font-weight: normal;
				line-height: normal;
				word-break: normal;
				height: auto;
				color: var(--col8);
				margin: 0;
				padding-bottom: var(--p10);
				font-family: var(--font-family1);
				
				div,
				span {
					font-size: inherit;
					font-weight: inherit;
					color: inherit;
					line-height: inherit;
					font-family: inherit;
				}
				.icon {
					min-width: 25px;
					display: flex;
					align-items: center;
					
					.img-cls {
						width: auto;
                        height: auto;
                        object-fit: contain;
					}
					i {
						font-size: var(--font18);
						color: var(--brand-col5);
						font-weight: lighter;
						color: var(--col23);
					}
				}
				.icon:last-child {
					margin-left: var(--p5);
				}
			}
			.map-link {
  				cursor: pointer;
  			}
  			
			.open_closed_status_cls_inside {
				display: flex;
                font-size: var(--font16);
                font-weight: 600;
                color: var(--text-col2);
                line-height: normal;
                align-items: center;
                gap: var(--p15);
                white-space: nowrap;
                
                .bus-status {
                    height: auto;
                    display: inline-flex;
                    align-items: center;
                    font-size: var(--font14);
                    font-weight: normal;
                    line-height: normal;
                    padding: var(--p6) var(--p10);
                    border-radius: var(--border-r20);
                    flex-wrap: wrap;
                    text-align: center;
                    justify-content: center;
                    font-size: 12px;
                    font-weight: 600;
                    color: var(--text-col);
                    
                    .reopendate_cls,
                    .reopendate_cls i,
                    .reopendate_cls span {
                        color: inherit;
                        font-size: inherit;
                        font-weight: inherit;
                    }
                }
				span,
				.seeHours {
					font-size: inherit;
					font-weight: inherit;
					color: inherit;
					line-height: inherit;
				}
				.open {
					color: var(--col16);
				}
				.closed {
					color: var(--col-red-c);
				}
				.seeHours {
					color: var(--brand-col1);
                    text-decoration: underline;
                    width: 100%;
                    width: fit-content;
				}
			}
			.business_web {
				.link {
					display: flex;
	                align-items: center;
	                flex-wrap: wrap;
	                width: 100%;
	                gap: var(--p6);
	                min-height: auto;
	                font-size: var(--font16);
	                font-weight: normal;
	                line-height: normal;
	                word-break: normal;
	                height: auto;
	                color: var(--col8);
		           	margin-bottom: var(--p10);
		           	font-family: var(--font-family1);
	                
					.icon {
						min-width: 25px;
	                    display: flex;
	                    align-items: center;
	                    margin-right: var(--p6);
                    	
						.img-cls {
							width: auto;
	                        height: auto;
	                        object-fit: contain;
						}
						i {
							font-size: var(--font18);
							color: var(--brand-col5);
							font-weight: lighter;
							color: var(--col23);
						}
					}
					.url {
						font-size: inherit;
						font-weight: inherit;
						color: inherit;
						line-height: inherit;
						font-family: inherit;
					}
				}
			}
			.bottom_CTA {
				border-top: 2px solid var(--col2);
			    padding-top: var(--p10);
			    display: flex;
			    align-items: center;
			    gap: var(--p24);
			    flex-wrap: wrap;
			    margin-top: var(--p12);
			    justify-content: space-between;
			    
			    .user {
			    	display: flex;
					align-items: center;
					gap: var(--p10);
					max-width: 100%;
					
					.img-block {
	                    position: relative;
	                    
	                    .img-box {
	                        position: relative;
	                        min-width: 36px;
	                        min-height: 36px;
	                        max-width: 36px;
	                        max-height: 36px;
	                        background: transparent;
	                        border-radius: var(--border-r50per);
	                        display: flex;
	                        align-items: center;
	                        justify-content: center;
	                        
	                        .img-cls {
	                            max-width: 100%;
	                            max-height: 100%;
	                            height: auto;
	                            width: auto;
	                            min-width: 36px;
	                            min-height: 36px;
	                            max-width: 36px;
	                            max-height: 36px;
	                            object-fit: cover;
	                            border-radius: var(--border-r50per);
	                        }
	                    }
	                }
	                .u-name {
	                    color: var(--col6);
	                    font-size: var(--font16);
	                    font-weight: 600;
	                    line-height: normal;
	                    max-width: 120px;
	                    /* min-width: 100px; */
	                    word-break: break-all;
	                    font-family: var(--font-family1);
	                    color: var(--col23);
	                }
			    }
			}
			.social_linnks {
			    display: flex;
			    align-items: center;
			    gap: var(--p15);
			    flex-wrap: wrap;
			    
			    a {
			    	width: 36px;
                    height: 36px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: var(--border-r50per);
                    
                    i {
                    	color: inherit;
	                    font-size: var(--font16);
	                    transition: transform 0.3s ease;
                    }
			    }
			    a:hover {
			    	i  {
			    		transform: scale(1.4);
			    	}
			    }
			}
			
		}
		
	}
	.mainWrapper {
        margin-top: var(--p24);
        font-size: var(--font16);
        font-weight: normal;
        background: var(--col-white);
		border-radius: var(--border-r24);
        
        .description-body {
        	padding: var(--p24);
        	display: flex;
        	gap: var(--p24);
        	font-size: var(--font16);
	        font-weight: normal;
	        flex-direction: column;
        }
        .deals {
        	.title {
        		padding: var(--p15) var(--p24);
                background: var(--brand-col2);
                color: var(--text-col1);
                width: 100%;
                word-break: break-all;
                font-size: var(--font18);
                font-weight: 600;
                border-radius: var(--border-r24) var(--border-r24) 0 0;
        	}
        	.dealsCarousel {
        		border-radius: 0 0 var(--border-r24) var(--border-r24);
			    border: 2px solid var(--col2);
			    box-shadow: var(--shadow7);
        	}
        	.carousel-item {
				transition: transform 0.3s ease-in-out;
			}
        	.carousel-control-prev,
			.carousel-control-next {
				top: 50%;
                bottom: unset;
                background: transparent;
                border: 1px solid var(--col4);
                outline: none;
                width: 36px;
                height: 36px;
                border-radius: var(--border-r50per);
                transform: translateY(-50%);
                
                span {
                	background: none;
                	color: var(--col4);
                }
			}
			.carousel-control-prev {
				left: 20px;
			}
			.carousel-control-next {
				right: 20px;
			}
        	.dealsCont {
        		display: flex;
        		padding: var(--p15);
        		border-top: 0;
        		align-items: center;
                justify-content: center;
        		
				.card {
				    width: 256px !important;
				    min-height: 321px !important;
				    display: -webkit-box;
				    display: -ms-flexbox;
				    display: flex;
				    background: #fff;
				    border-radius: 4px;
				    -webkit-box-orient: vertical;
				    -webkit-box-direction: normal;
				    -ms-flex-direction: column;
				    flex-direction: column;
				    text-align: center !important;
				    -webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				    justify-content: space-between;
				    -webkit-box-shadow: -1px 0px 12px #e1e1e5;
				    box-shadow: -1px 0px 12px #e1e1e5;
				    position: relative !important;
				    border: 1px solid rgba(0, 103, 165, 0.3);
				    box-shadow: 0 4px 10px rgba(0, 103, 165, 0.3);
				    margin: 0;
					padding: 15px 0;
					
					.companyname {
						font-weight: bold;
						line-height: 24px;
						overflow: hidden;
						max-height: 48px;
						-webkit-line-clamp: 1;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-o-text-overflow: ellipsis;
						text-overflow: ellipsis;
						white-space: normal;
						text-transform: capitalize;
						
					    font-size: var(--font18);
					    margin-bottom: 0;
					    color: var(--col19);
					}
					.cardtop {
					    padding: 5px;
					    padding-top: 0;
					    padding-bottom: 15px;
					}
					.companylocationlist .companylocationlink {
					    font-size: var(--font15);
					    font-weight: normal;
					    line-height: 20px;
					    overflow: hidden;
					    -webkit-line-clamp: 1;
					    display: -webkit-box;
					    -webkit-box-orient: vertical;
					    -o-text-overflow: ellipsis;
					    text-overflow: ellipsis;
					    white-space: normal;
					    margin: 0;
					    color: var(--col20);
					    
					    span {
					    	color: inherit;
					    	font-size: inherit;
					    	font-weight: normal;
					    	line-height: inherit;
					    }
					}
					.discount {
					    font-size: var(--font18);
					    font-weight: 600;
					    color: var(--brand-col5);
					    height: 44px;
					    overflow: hidden;
					    padding: 0 5px;
					    margin-bottom: 15px;
					    line-height: normal;
					    -webkit-line-clamp: 2;
					    display: -webkit-box;
						-webkit-box-orient: vertical;
						-o-text-overflow: ellipsis;
						text-overflow: ellipsis;
						white-space: normal;
					}
					.image-container {
					    position: relative;
					    overflow: hidden;
					    -webkit-perspective: 1000px;
					    -moz-perspective: 1000px;
					    perspective: 1000px;
					    width: 100%;
						height: 170px;
						margin-top: 0;
					}
					.image-container img,
					.message-overlay {
				        position: absolute;
				        width: 100%;
				        height: 100%;
				        object-fit: cover;
				        -webkit-transition: opacity 2s ease-in-out, -webkit-transform 0.8s;
				        -moz-transition: opacity 2s ease-in-out, -moz-transform 0.8s;
				        -o-transition: opacity 2s ease-in-out, -o-transform 0.8s;
				        transition: opacity 2s ease-in-out, transform 0.8s;
				        transition: trans 2s ease-in-out;
				        -webkit-backface-visibility: hidden;
				        -moz-backface-visibility: hidden;
				        backface-visibility: hidden;
				    }
				    .image-container img {
					    top: 0;
					    left: 0;
					}
					.image-container img.active {
						opacity: 1 !important;
					}
					.image-container img.img2,
					.image-container img.errorImg {
					    object-fit: contain;
					}
					.image-container img.img-broken {
					    top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        max-width: 100%;
                        max-height: 100%;
                        object-fit: contain;
					}
					.visible {
				        opacity: 1;
				    }
				    .hidden {
					    opacity: 0;
					}
					.img4.dealCode {
						align-items: center;
						justify-content: center;
						z-index: 9;
						position: absolute;
						color: #333;
						font-weight: 600;
						font-size: 30px;
						width: 100%;
						height: 100%;
						text-transform: uppercase;
						position: relative;
						word-break: break-word;
						line-height: normal;
						background: -o-linear-gradient(59deg, rgba(255, 243, 173, 1) 34%, rgba(160, 255, 255, 1) 79%);
						background: linear-gradient(31deg, rgba(255, 243, 173, 1) 34%, rgba(160, 255, 255, 1) 79%);
						display: flex;

						.abs-text {
							position: absolute;
							font-size: 14px;
							font-weight: normal;
							top: 10px;
							text-transform: none;
							color: #333;
							padding: 4px 8px;
							border-bottom-right-radius: 3px;
							border-bottom-left-radius: 3px;
							display: inline;
							background: var(--white);
							border-radius: 16px;
						}
					}
					.message-overlay {
					    display: flex;
					    justify-content: center;
					    align-items: center;
					    background-color: rgba(0, 0, 0, 0.7);
					    color: white;
					    font-size: 24px;
					    text-align: center;
					    z-index: 10;
					}
					.grabdeals {
					    padding: 0 5px;
					    margin: 0 auto;
					    margin-top: 15px;
					    display: flex;
                        align-items: center;
                        justify-content: center;
					}
					.grabdealbtn,
					.shareButton {
					    color: var(--col-white);
					    font-weight: normal;
					    outline: none;
					    font-size: var(--font18);
					    text-transform: capitalize;
					    border-radius: 20px;
					    padding: 8px 25px;
					    border: 1px solid var(--brand-col1);
					    background: var(--gradient7);
					    margin: 0;
					}
					.shareButton {
					    border: 1px solid transparent;
					    background: var(--gradient8);
					}
					.cardfooter {
				        width: 100%;
				        padding: 0 5px;
				    }
				    .cardfooter .inputs {
					    display: flex;
					    flex-direction: column;
					    gap: 5px;
					    padding-top: 15px;
					    
					    /* display: none; */
					}
					.cb_email {
				        gap: 12px;
				        display: flex;
				        align-items: center;
				        padding: 0 10px;
				        position: relative;
				        
				        input[type="checkbox"] {
				            height: auto;
				            margin: 0;
				            width: 22px;
				            height: 18px;
				            margin-left: 5px;
				            accent-color: lightslategray;
				        }
				        .term-box {
				            cursor: pointer;
				            color: #999;
				        }
				        label {
				            margin: 0;
				            font-size: 13px;
				            font-weight: normal;
				            color: lightslategray;
				            cursor: pointer;
				        }
				    }
				    .cardbottom .cb_action {
					    display: -webkit-box;
					    display: -ms-flexbox;
					    display: flex;
					    gap: 8px;
						padding: 0 8px;
					}
					.cardbottom .cb_email i {
						font-size: 16px;
						/* position: absolute; */
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-align: center;
						-ms-flex-align: center;
						align-items: center;
						height: 100%;
						/* left: 8px; */
						color: lightslategray;
					}
					.dealsBody .form-control {
					    border-radius: 3px;
					    font-size: 16px !important;
					    font-weight: normal !important;
					    -webkit-box-shadow: none;
					    box-shadow: none;
					    border-color: #ddd;
					    display: block;
					    width: 100%;
					    min-height: 40px;
					    padding: 5px;
					    line-height: normal;
					    color: #333 !important;
					    background-color: #fff;
					    background-image: none;
					    border: 1px solid #ddd;
					    font-family: "Lato", sans-serif;
					    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
					    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
					    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
					    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
					    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
					    height: 40px;
						outline: none;
						border-radius: 3px;
						box-shadow: none;
						border: 1px solid #ddd;
						padding: 3px;
						width: 100%;
					}
					.cardbottom .cb_action input,
					.cardbottom .cb_action button {
					    padding: 8px 10px;
					    outline: none;
					    border: 1px solid transparent;
					    border-radius: var(--border-r20);
					    font-size: 16px;
					    font-weight: normal;
					    color: #fff;
					    width: 100%;
					}
					.cardbottom .cb_action button.green {
					    border-color: var(--brand-col2) !important;
					    background: linear-gradient(45deg, rgba(214, 176, 82, 1) 79%, rgba(245, 236, 213, 1) 100%) !important;
						opacity: 1;
					}
					.cardbottom .cb_action button.green:disabled {
					    cursor: not-allowed;
					    border-color: var(--brand-col2) !important;
						opacity: 0.8;
					}
					.cardbottom .cb_action .cbactioncancel,
					.cardbottom .cb_action button.red {
					    max-width: 40px;
					}
					.cardbottom .cb_action button.red {
					    background: #ccc;
					    border-color: #ccc;
					    padding: 2px 8px;
					}
				}
        	}
        	.dealsCont {
        		.card.no-deals {
        			/* background: transparent;
                    border: none;
                    box-shadow: none;
                    min-height: 150px !important;
                    max-height: 150px !important; */
                    padding: 0;
                    
                    .image-container {
                    	width: 256px;
                        min-height: 321px;
                        border-radius: var(--border-r5);
                        background: rgba(253, 244, 193, 0.4);
                    }
                    .image-container img.active {
                    	opacity: 0.4 !important;
                    }
        			.icon,
        			.text {
        				position: absolute;
        				width: 100%;
                        height: 100%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        padding: var(--p10);
        				
        				i {
        					font-size: var(--font100);
                            color: var(--brand-col2-rgba1);
                            color: var(--col13);
        				}
        			}
        			.icon {
        				display: none;
        			}
        			.text {
        				font-size: var(--font20);
                        line-height: 2rem;
                        font-weight: 500;
                        color: var(--col5);
                        color: var(--text-col2);
                        font-weight: 600;
        			}
        		}
        	}
        }
        .raised {
        	.description {
        		font-size: var(--font18);
                font-weight: normal;
                color: var(--text-col1);
                line-height: normal;
        	}
        }
        .gift_main_div {
        	font-size: var(--font14);
            font-weight: normal;
            padding: var(--p24);
            border-radius: var(--border-r24);
            color: var(--text-col);
            background: var(--header-bg);
            box-shadow: var(--shadow8);
            background: transparent;
		    
        	.giftUrl {
        		font-size: var(--font18);
			    font-weight: 600;
			    margin-bottom: var(--p10);
			    
        		a {
        			font-size: var(--font16);
				    font-weight: normal;
				    word-break: break-word;
				    color: var(--brand-col1);
        		}
        	}
        	.gift_main {
        		padding: 0;
    			margin-bottom: var(--p5);
    
        		.gift_main_url {
				    font-size: var(--font16);
                    font-weight: normal;
                    word-break: break-word;
                    color: var(--brand-col1);
                    
                    .icon {
                    	margin-right: var(--p6);
                    }
        			.icon,
        			.icon i,
        			.text {
        				font-size: inherit;
						font-weight: inherit;
						color: inherit;
						line-height: inherit;
        			}
        		}
        	}
        	.gift_content {
        		font-size: var(--font16);
        		line-height: normal;
                font-weight: normal;
                color: var(--text-col2);
                
        		a {
        			font-size: inherit;
					font-weight: inherit;
					color: var(--brand-col1);
					line-height: inherit;
					word-break: break-all;
        		}
        	}
        }
        .customOptions_main {
        	background: var(--col-white);
			padding: var(--p24);
			border-radius: var(--border-r24);
        	
        	.customOptions_timings,
        	.business_status_div {
        		.business_timing, 
        		.business_status_span {
        		 	font-size: var(--font16);
				    font-weight: normal;
				    margin-bottom: var(--p10);
				    margin-top: var(--p10);
				    display: inline-block;
				    border-bottom: 2px solid var(--col15);
                    height: 35px;
                    display: inline-flex;
                    align-items: center;
				    
				    span,
				    i {
			    	    font-size: var(--font18);
					    font-weight: 600;
					    color: var(--text-col1);
					    line-height: normal;
				    }
				    i {
				    	margin-right: var(--p6);
				    }
        		 }
        	}
        	.customOptions_timings {
        		.expanded_timings_div {
        			display: block;
    				font-size: var(--font16);
				    font-weight: normal;
				    color: var(--text-col2);
				    line-height: normal;
                    padding-bottom: var(--p5);
    
        			.expanded_timings_key_span {
	        			display: inline-block;
    					width: 100px;
	        		}
	        		.expanded_timings_stime_span,
	        		.expanded_timings_etime_span {
        			    margin-right: 10px;
	        		}
	        		span {
	        			font-size: inherit;
						font-weight: inherit;
						color: inherit;
						line-height: inherit;
	        		}
				}
        	}
        	.business_status_div {
        		.rightcard_bulleticons {
        			display: flex;
        			gap: var(--p12);
        			align-items: center;
    				font-size: var(--font16);
				    font-weight: normal;
				    color: var(--text-col2);
				    line-height: normal;
                    padding-bottom: var(--p5);
                    
                    span {
	        			font-size: inherit;
						font-weight: inherit;
						color: inherit;
						line-height: inherit;
	        		}
	        		.bulleticon {
	        			width: 5px;
                        height: 5px;
                        display: inline-block;
                        background: var(--text-col2);
                        background: var(--col4);
                        border-radius: var(--border-r50per);
	        		}
        		}
        	}
        }
	}
	.mainWrapper.mainWrapper1 {
		background: transparent;
		
		.deal_overview {
		    display: grid;
		    grid-template-columns: 1fr 1fr;
		    gap: var(--p24);
		}
	}
}
.flex-block {
	display: flex;
    align-items: center;
    gap: var(--p18);
    padding: var(--p24);
	flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.start-loader {
	.spinnerBody {
		position: relative;
		width: 100vw;
		height: 100vh;
		background: var(--bg1);
		
		.img-cls {
			opacity: 0.06;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
			object-fit: cover;
		}
	}
}
.start-loader .spinnerLoader {
	background-color: var(--col1);
	background: linear-gradient(135deg, #FFD974 10%, #7FB7D9 35%, #D88BA5 60%, #C50D57 85%);
	background: transparent;
}
.start-loader .spinnerLoader .ring:nth-child(1) {
	width: 180px;
    height: 180px;
    border-top: 3px solid var(--brand-col4);
}
.start-loader .spinnerLoader .ring:nth-child(2) {
	width: 160px;
    height: 160px;
    border-top: 3px solid var(--brand-col1);
}
.start-loader .spinnerLoader .ring:nth-child(3) {
	width: 140px;
    height: 140px;
    border-top: 3px solid var(--brand-col2);
}
.start-loader .spinnerLoader .ring:nth-child(4) {
	width: 120px;
    height: 120px;
    border-top: 3px solid var(--brand-col3);
}
.noitemsfound {
	font-size: var(--font24);
	font-weight: 500;
	width: 100%;
	color: var(--col-red-c);
}
#loadMoreDiv {
	margin-bottom: 0 !important;
	padding-bottom: var(--p20);
	
	.o4bbtn {
		background: var(--brand-col2);
	    color: var(--brand-col1) !important;
	    box-shadow: none;
	    border-color: var(--brand-col2);
	    font-weight: 600;
	}
}

/*  Custom Modal  */
.cust-modalLoggin {
	.modal-content {
		padding-top: var(--p24);
		border-radius: var(--border-r26);
		
		.modal-header.no-border .clse {
			right: 12px;
		}
		.modal-body {
			padding: 0 var(--p24);
			padding-bottom: var(--p10);
			
			.logoBox {
				display: flex;
				align-items: center;
				justify-content: center;
				gap: var(--p5);
				flex-direction: column;
				margin-bottom: var(--p24);
    
				.img_cls {
					max-width: 54px;
	                height: auto;
				}
				.img_cls1 {
					max-width: 100%;
	                max-height: 24px;
				}
			}
			.form-container {
				display: block;
				
				.input-field {
					max-width: 100%;
				}
				.btn-box {
					.o4bbtn {
						width: 100%;
	                    box-shadow: none;
	                    pointer-events: none;
	                    
	                    span {
	                    	color: inherit;
							font-size: var(--font18);
							font-weight: 600;
							line-height: normal;
	                    }
					}
				}
				.searchInner {
					flex-direction: column;
                    padding: 0;
                    border: none;
                    box-shadow: none;
                    padding-top: var(--p24);
                    background: transparent;
                    width: 100%;
                    
                    .input-field > label {
                    	left: 30px;
                    }
                    .input-field.active > label {
                    	left: 15px;
                    }
                    .input-tag {
                    	border: 1px solid var(--col17);
                    	padding-left: var(--p20);
                    	padding-right: var(--p20);
                    }
                    .action-cta {
                    	width: 100%;
                    	flex-direction: column;
                    	
                    	.forgot-pass {
                    		width: 100%;
                    		text-align: end;
                    		margin-bottom: 2px;
                    		cursor: pointer;
                    		color: var(--brand-col1);
		                    text-decoration: none;
		                    font-size: 14px;
		                    font-weight: normal;
                    	}
                    	.o4bbtn {
                    		width: 100%;
                    	}
                    }
				}
				.member {
					margin-top: var(--p24);
					
                   	span {
                   		color: var(--col18);
		                font-size: 16px;
		                font-weight: normal;
		                text-align: center;
		                display: block;
		                
                   		a {
                   			color: var(--brand-col1);
                   			font-size: inherit;
		                	font-weight: inherit;
                   		}
                   	}
				}
			}
		}
		.modal-footer {
			padding: 0;
			height: 50px;
			position: relative;
			
			.abs-footer {
				margin: 0;
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				padding: 2px var(--p5);
                text-align: center;
                color: var(--col5);
                border-top: 1px solid var(--col17);
                font-size: var(--font14);
                font-weight: normal;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: var(--p5);
				
				.img_cls {
					max-width: 24px;
                    height: auto;
				}
				.text {
					font-size: inherit;
	                font-weight: 600;
	                color: rgb(81, 87, 91);
	                display: flex;
                    align-items: center;
                    font-family: "Barlow", sans-serif !important;
				}
				.rubby {
					font-size: inherit;
	                font-weight: 600;
	                color: var(--brand-col3);
	                font-family: "Barlow", sans-serif !important;
				}
			}
		}
	}
}
canvas {
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 1000;
}
.dealsBody .container .mainapp_show .dealscontent .cardsContainer {
    .card {
    	width: 256px !important;
        height: auto;
    }
}
.featuredMsgDiv {
	background: var(--col1);
	box-shadow: var(--shadow8);
	border-radius: var(--border-r18);
	padding: var(--p24);
	background: var(--col2);
	background: transparent;
	
	.featuredMsg {
		font-size: var(--font14);
		font-weight: normal;
		color: var(--text-col);
		
        
		.title {
			color: var(--text-col);
            font-size: var(--font18);
            font-weight: 600;
            margin-bottom: var(--p10);
            display: inline-block;
		}
		.text {
			font-size: var(--font16);
			line-height: normal;
			font-weight: normal;
			color: var(--text-col2);
		}
	}
	.imageblock {
		width: 100%;
		text-align: center;
		margin-top: var(--p12);
		
		.img-class {
			max-height: 120px;
            max-width: 100%;
            width: 100%;
            height: 100%;
            object-fit: contain;
		}
	}
}
/* .gradient-bg {
	width: 100%;
	height: 100%;
	transition: background 5s ease-in-out;
	animation: colorTransition 60s infinite;
}
@keyframes colorTransition {
	0% {
		background: linear-gradient(225deg,rgba(229, 238, 247, 0.57) 40%, rgba(224, 17, 95, 0.2) 100%);
	}
	25% {
		background: linear-gradient(225deg,rgba(232, 232, 250, 0.57) 40%, rgba(255, 64, 64, 0.14) 100%);
	}
	50% {
		background: linear-gradient(225deg,rgba(204, 204, 204, 0.57) 40%, rgba(250, 218, 94, 0.37) 100%);
	}
	75% {
		background: linear-gradient(227deg,rgba(241, 247, 251, 0.57) 0%, rgba(120, 151, 83, 0.37) 100%);
	}
	100% {
		background: linear-gradient(45deg, rgba(0, 103, 165, 0.57) 0%, rgba(234, 224, 200, 1) 100%);
	}
} */
.gradient-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    pointer-events: none;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 4s ease-in-out;  /* smooth crossfade */
}
.layer1 {
    opacity: 1;
}

#signgroup {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#ntgrp {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 0;
    position: relative;
    height: 30px;
    margin-bottom: -18px;
}
#nail {
    width: 12px;
    height: 12px;
    background: #8b7355;
    border-radius: 50%;
    position: relative;
    z-index: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
#thread-left,
#thread-right {
    color: #8b7355;
    font-size: 20px;
    line-height: 1;
    position: absolute;
    top: 0;
    transform-origin: top center;
    margin-top:-3px;
}
#thread-left {
    right: 50%;
    margin-right: 6px;transform: rotate(45deg);
}
#thread-right {
    left: 50%;
    margin-left: 6px;transform: rotate(-45deg);
}
#o4bsign {
    background: none;
    padding: 0px 10px;
    margin-top: -2px;
}
#o4bsign span {
    padding: 3px 10px;
    font-size: 14px;
    background: rgba(255,255,255,0.5);
    border-radius: 20px;
    box-shadow: var(--shadow9);
    border: 1px dotted #effefd;
    background: var(--accent-3);
    color: var(--signcolor1);
    text-shadow: 0 1px 3px #35ac85;
    font-style: italic;
    display: inline-block;
    margin-top: -40px;
    font-family: var(--font-family1);
}
/* Swinging animation container */
.swing-container {
    animation: swingArc 2s ease-in-out;
    transform-origin: top center;
}
@keyframes swingArc {
    0% {
        transform: rotate(0deg);
    }
    20% {
        transform: rotate(-8deg);
    }
    40% {
        transform: rotate(8deg);
    }
    60% {
        transform: rotate(-4deg);
    }
    80% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.main-sec {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--p10);
    /* flex-wrap: wrap; */
}


/* Media  query */
@media (min-width: 1600px) {
    /* body {
        max-width: 1281px;
        width: 100%;
        margin: 0 auto;
    } */
    .lg-device {
    	max-width: 1281px;
        width: 100%;
        margin: 0 auto;
    }
}
@media (max-width: 1115px) {
	.o4bSec {
		padding: 0 var(--p30);
	}
	.mainHeader {
		height: 76px;
		z-index: 9 !important;
		
		.header {
			padding: var(--p8) var(--p30);
			
        	.headerCont {
            	width: 100%;
                justify-content: space-between;
                
                .logo {
                	flex-direction: row;
                    align-items: center;
                    justify-content: flex-start;
                }
        	}
		    .mobileToggle {
		    	display: flex;
		    	cursor: pointer;
		    	justify-content: flex-end;
		    	
		    	.mMenu {
					width: 25px;
				}
				.mMenu:before,
				.mMenu:after,
				.mMenu div {
					background: var(--text-col);
					content: "";
					display: block;
					height: 3px;
					border-radius: var(--border-r3);
					margin: var(--p5) 0;
					transition: 0.5s;
					background-color: var(--col-white);
					background-color: var(--brand-col1);
				}
				.mMenu.activeMenu:before {
					transform: translateY(8px) rotate(135deg);
				}
				.mMenu.activeMenu:after {
					transform: translateY(-8px) rotate(-135deg);
				}
				.mMenu.activeMenu div {
					transform: scale(0);
				}
		    }
		    .hRight {
		    	display: flex;
		    	gap: var(--p20);
		    	position: absolute;
                top: 76px;
                width: 100%;
                left: -105%;
                padding: var(--p30) var(--p20);
                flex-direction: column;
                background-color: var(--col-white);
                height: calc(100vh - 140px);
                height: calc(100vh - 76px);
                align-items: center;
                justify-content: flex-start;
                box-shadow: var(--shadow1);
                background: var(--brand-col1);
                transition: all 0.5s;
                background: var(--header-bg1);
                
                .hList {
                	gap: var(--p20);
                	flex-direction: column;
                	align-items: center;
                }
		    }
		    .hRight.menuOption {
		    	left: 0;
		    }
    	}
    	.headerCont.hRight {
	        .header-sub-Cont {
	        	align-items: center;
                justify-content: flex-start;
	        }
	        .header-sub-Cont.sub-right {
	       		flex-direction: column;
    			align-items: flex-start;
    			
    			.block {
    				flex-direction: column;
    				align-items: flex-start;
    				row-gap: 18px;
    				width: 100%;
    				
    				.signupClass, .loginClass {
    					display: flex;
	                    align-items: center;
	                    justify-content: center;
    				}
    				.loggedInSpan,
					.logOutSpan {
	                    width: 100%;
	                    flex-direction: column;
	                    align-items: flex-start;
					}
    			}
    			.block:last-child::before {
    				display: none;
    			}
	        }
		}
	}
	#listings {
	    .listingContainer {
	    	grid-template-columns: repeat(1, 1fr);
        	
        	.item-list {
        		max-width: 100%;
        	}
	    }
	}
	#banner {
	    .bannerInner {
	    	flex-direction: column;
	    	
	    	.bLeft, .bCenter, .bRight {
	    		min-height: 200px;
	    		max-height: 200px;
	    		
	    		.cont {
                    padding: 10px;
                    
		    		.img-cls {
	        			max-height: 90px;
	        		}
	        		.heading {
	        			.count {
	        				font-size: var(--font38);
	        			}
	        			.text {
	        				margin-top: -5px;
	        			}
	        		}
			}
	    	}
	    	.bLeft {
	    		min-height: auto;
	    		max-height: 100%;
	    	}
	    	.bRight {
	    		max-height: 100%;
	    		
	    		.cont {
		    		.bottom {
		    			padding: 0;
		    		}
				}
	    	}
	    }
	}
	.dealsBody .container .mainapp_show .dealscontent .cardsContainer {
	    display: flex;
	}
	.carousel,
	.carousel-inner,
	.carousel-item {
		max-height: 200px;
	}
	#banner, .deal-banner {
	    .search {
	        padding: 0 var(--p30);
	        width: 100%;
	        padding-top: var(--p15);
	    }
	}
	#footer {
	    .o4bSec {
	        padding: var(--p30);
	    }
	    .footerInner {
		    .top-wrapper {
		    	min-width: auto;
		    	grid-template-columns: repeat(2, 1fr);
		    }
		    .bottom-wrapper {
				flex-wrap: wrap;
				justify-content: center;
			}
		}
	}
	.business-view {
		padding: var(--p24) var(--p30);
        .mainWrapper.mainWrapper1 {
	        .carousel,
	        .carousel-inner,
	        .carousel-item {
		        max-height: unset;
		    }
	    }
    }
}
@media (max-width: 849px) {
	.business-view {
        .mainWrapper.mainWrapper1 {
	        .deal_overview {
	            grid-template-columns: 1fr;
	        }
	    }
	    .mainWrapper {
        	.deals {
        		.carousel-control-prev,
        		.carousel-control-next {
	                width: 30px;
	                height: 30px;
	            }
	            .carousel-control-prev {
	            	left: 3px;
	            }
	            .carousel-control-next {
	            	right: 3px;
	            }
	        }
		}
    }
}
@media (max-width: 789px) {
	.o4bBody {
		#search {
			width: 100%;
		}
    	.searchInner {
    		flex-direction: column;
    		width: 100%;
    	}
    }
    #banner {
	    .bannerInner {
	    	gap: var(--p10);
	    }
	}
	#listings {
    	.listingContainer {
        	.item-list {
           		.inner-cont {
           		
           			.top {
	                    flex-direction: column;
                    	row-gap: 5px;
	                    
	                    .title {
	                        text-align: center;
	                    }
	                }
           			.center {
                		flex-wrap: wrap;
                		justify-content: center;
                		
                		.left {
                			display: flex;
							align-items: center;
							justify-content: center;
							flex-direction: column;
    
	                		.industry-box {
	                			max-width: 100%;
	           				}
	           				.icon {
	           					max-width: 100%;
                                width: 100%;
                                height: auto;
                                
                                .img-cls,
                                .no-image {
                                	width: 100%;
                                    max-width: 100%;
                                    height: auto;
                                    object-fit: cover;
                                    border-radius: var(--border-r5);
                                }
	           				}
                		}
                		.right {
                        	.sub-top {
	                            .sec1 {
	                                flex-wrap: wrap;
	                                
	                                .user {
                                    	.u-name {
                                    		width: 100%;
                                    		max-width: 100%;
                                    	}
                                    }
	                                .dot {
	                                	display: none;
	                                }
	                            }
	                        }
	                        .sub-bottom {
	                        	flex-wrap: wrap;
	                        	justify-content: center;
	                        	
	                        	.user {
	                        		width: 100%;
                                    max-width: 100%;
                                    justify-content: center;
	                        	}
	                        }
                    	}
					}
                	.bottom {
                    	.text {
	                        /* max-height: 32px; */
	                        text-align: center;
	                    }
	                }
	            }
	        }
	    }
	}
	.business-view {
    	.business-banner {
			flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: var(--p24);
            gap: var(--p10);
            
            .banner-img.link {
				max-width: 100%;
				width: 100%;
				min-width: 100%;
			}
       		.banner-content {
       			text-align: left;
       			
       			.top {
                    align-items: center;
                    flex-wrap: wrap;
                    gap: var(--p10);
            	}
       			.address_flexbox {
               		div, span {
               			-webkit-line-clamp: unset;
               		}
               	}
           		.title-height_org,
           		.subheading_industry {
         			-webkit-line-clamp: unset;
         			text-align: left;
           		}
           		.title-height_org {
           			font-size: var(--font20);
           		}
           		.bottom_CTA {
           			gap: var(--p10);
           			
					.user {
	                    .u-name {
	                    	max-width: 100% ;
						}
					}
				}
				.social_linnks {
					gap: var(--p5);
				}
			}
    	}
    	.address_flexbox {
   		    justify-content: center;
    	}
		.mainWrapper {
	        .customOptions_main {
	            .customOptions_timings,
	            .business_status_div {
	                /* text-align: center; */
	            }
	        }
	    }
	}
	.flex-block {
		flex-wrap: wrap;
		justify-content: center;
	}
	#footer {
	    .o4bSec {
	        padding: var(--p15);
	    }
	    .footerInner {
		    .top-wrapper {
		    	grid-template-columns: repeat(1, 1fr);
		    	
		    	.block {
		    		align-items: center;
		    		
		    		.logo,
		    		.list {
		    			align-items: center;
		    		}
		    	}
		    	.block.action-cta {
		    		.input-field {
		    			align-items: center;
		    		}
				}
		    }
		}
	}
}
@media (max-width: 480px) {
	.mainHeader {
		.header {
			padding: var(--p8) var(--p15);
		}
	}
	#banner {
		margin-top: 0;
		
	    .bannerInner {
	    	.bCenter {
            	.cont {
                	.heading {
	                    line-height: 1.8rem;
	                    font-size: var(--font20);
					}
                }
                p {
                	margin-bottom: 0;
                	line-height: 1.2rem;
                }
            }
	    }
	}
	.o4bBody {
	    .input-field {
	        position: relative;
	        width: 100%;
	        min-width: 200px;
	        max-width: 400px;
	        box-sizing: border-box;
	        max-width: 100%;
	    }
	}
	#listings {
    	.listingContainer {
			.item-list {
            	.inner-cont {
               		.center {
                    	.right {
                        	.sub-bottom {
                        		.sec2, .sec3 {
						    		max-width: 100%;
						    		justify-content: center;
						    	}
                            	.bttm {
                            		flex-wrap: wrap;
    								justify-content: center;
                            	}
							}
						}
					}
				}
			}
		}
	}
	.main-sec {
		flex-wrap: wrap;
    	justify-content: center;
	}
}
.modal-backdrop.show {
    z-index: 1;
}
/*  Heart animation  */
.ratingCount {
	svg {
		cursor: pointer;
		overflow: visible;
		width: 26px;
		height: 26px;
		color: inherit;
		font-size: 16px;
		transition: transform 0.3s ease;
		box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.08), 0px 4px 6px -2px rgba(0, 0, 0, 0.04);
		background: none !important;
		border-radius: 50%;
		box-sizing: border-box;
	}
	svg #heart {
		transform: scale(1.2);
		transform-origin: center;
		animation: animateHeartOut .3s linear forwards;
	}
	svg #main-circ {
		transform-origin: 29.5px 29.5px;
	}
	#heart-svg.clicked #heart {
		transform: scale(0.2);
		fill: #E2264D;
		animation: animateHeart .3s linear forwards .25s;
	}
	#heart-svg.clicked #main-circ {
		transition: all 2s;
		animation: animateCircle .3s linear forwards;
		opacity: 1;
	}
	#heart-svg.clicked #grp1,
	#heart-svg.clicked #grp2,
	#heart-svg.clicked #grp3,
	#heart-svg.clicked #grp4,
	#heart-svg.clicked #grp5,
	#heart-svg.clicked #grp6,
	#heart-svg.clicked #grp7 {
		opacity: 1;
		transition: .1s all .3s;
	}
	#heart-svg.clicked #grp1 #oval1 {
		transform: scale(0) translate(0, -30px);
		transform-origin: 0 0 0;
		transition: .5s transform .3s;
	}
	#heart-svg.clicked #grp1 #oval2 {
		transform: scale(0) translate(10px, -50px);
		transform-origin: 0 0 0;
		transition: 1.5s transform .3s;
	}
	#heart-svg.clicked #grp2 #oval1 {
		transform: scale(0) translate(30px, -15px);
		transform-origin: 0 0 0;
		transition: .5s transform .3s;
	}
	#heart-svg.clicked #grp2 #oval2 {
		transform: scale(0) translate(60px, -15px);
		transform-origin: 0 0 0;
		transition: 1.5s transform .3s;
	}
	#heart-svg.clicked #grp3 #oval1 {
		transform: scale(0) translate(30px, 0px);
		transform-origin: 0 0 0;
		transition: .5s transform .3s;
	}
	#heart-svg.clicked #grp3 #oval2 {
		transform: scale(0) translate(60px, 10px);
		transform-origin: 0 0 0;
		transition: 1.5s transform .3s;
	}
	#heart-svg.clicked #grp4 #oval1 {
		transform: scale(0) translate(30px, 15px);
		transform-origin: 0 0 0;
		transition: .5s transform .3s;
	}
	#heart-svg.clicked #grp4 #oval2 {
		transform: scale(0) translate(40px, 50px);
		transform-origin: 0 0 0;
		transition: 1.5s transform .3s;
	}
	#heart-svg.clicked #grp5 #oval1 {
		transform: scale(0) translate(-10px, 20px);
		transform-origin: 0 0 0;
		transition: .5s transform .3s;
	}
	#heart-svg.clicked #grp5 #oval2 {
		transform: scale(0) translate(-60px, 30px);
		transform-origin: 0 0 0;
		transition: 1.5s transform .3s;
	}
	#heart-svg.clicked #grp6 #oval1 {
		transform: scale(0) translate(-30px, 0px);
		transform-origin: 0 0 0;
		transition: .5s transform .3s;
	}
	#heart-svg.clicked #grp6 #oval2 {
		transform: scale(0) translate(-60px, -5px);
		transform-origin: 0 0 0;
		transition: 1.5s transform .3s;
	}
	#heart-svg.clicked #grp7 #oval1 {
		transform: scale(0) translate(-30px, -15px);
		transform-origin: 0 0 0;
		transition: .5s transform .3s;
	}
	#heart-svg.clicked #grp7 #oval2 {
		transform: scale(0) translate(-55px, -30px);
		transform-origin: 0 0 0;
		transition: 1.5s transform .3s;
	}
}
/* animations remain unchanged */
@keyframes animateCircle {
	40% {
		transform: scale(10);
		opacity: 1;
		fill: #DD4688;
	}

	55% {
		transform: scale(11);
		opacity: 1;
		fill: #D46ABF;
	}

	65% {
		transform: scale(12);
		opacity: 1;
		fill: #CC8EF5;
	}

	75% {
		transform: scale(13);
		opacity: 1;
		fill: transparent;
		stroke: #CC8EF5;
		stroke-width: .5;
	}

	85% {
		transform: scale(17);
		opacity: 1;
		fill: transparent;
		stroke: #CC8EF5;
		stroke-width: .2;
	}

	95% {
		transform: scale(18);
		opacity: 1;
		fill: transparent;
		stroke: #CC8EF5;
		stroke-width: .1;
	}

	100% {
		transform: scale(19);
		opacity: 1;
		fill: transparent;
		stroke: #CC8EF5;
		stroke-width: 0;
	}
}

@keyframes animateHeart {
	0% {
		transform: scale(0.2);
	}

	40% {
		transform: scale(1);
	}

	100% {
		transform: scale(1.2);
	}
}

@keyframes animateHeartOut {
	0% {
		transform: scale(1.5);
	}

	100% {
		transform: scale(1.2);
	}
}
.bannerMsg {
	#search {
		margin: 0 auto;
	}
	#keyWordSearch1 {
		background: var(--brand-col2);
        color: var(--brand-col1) !important;
        box-shadow: none;
        border-color: var(--brand-col2);
        font-weight: 600;
	}
}




.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

@keyframes fa-spin {
	0% {
	    -webkit-transform: rotate(0deg);
	    transform: rotate(0deg);
	}
	
	100% {
	    -webkit-transform: rotate(359deg);
	    transform: rotate(359deg);
	}
}

.reminder-box {
	.weather-wrapper {
	    /* background: #fff;
	    border-radius: 16px;
	    padding: 16px;
	    width: 320px; */
	}
	.innerWrapper {
		padding: 0 var(--p10);
		max-width: 270px;
		width: 100%;
		margin: 0 auto;
		
		padding: 0;
	}
	.search-box {
		display: flex;
		gap: var(--p5);
		align-items: center;
		justify-content: center;
	}
	.input-field {
		max-width: 150px;
		min-width: 150px;
		
		max-width: 80px;
		min-width: 80px;
		
		> label {
			left: 15px;
			font-size: var(--font12);
            font-weight: 600;
		}
		.input-tag {
			max-height: 26px;
			padding-left: var(--p10);
			border: 1px solid var(--col15);
			padding: var(--p5) var(--p15);
			font-size: var(--font12);
            font-weight: 600;
		}
	}
	.input-field.active > label {
		left: 0;
		font-size: var(--font10);
	}
	button {
	    font-size: var(--font16);
	    cursor: pointer;
	    width: 64px;
	    padding: var(--p5) var(--p10);
	    border: 1px solid var(--col15);
	    max-height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
	}
	.loading, .error {
	    font-size: var(--font16);
	    text-align: center;
	    display: none;
	    padding-top: var(--p10);
	}
	.weather-display {
	    display: none;
	    overflow-x: auto;
	    padding-top: var(--p10);
	}
	.forecast-table {
	    border-collapse: collapse;
	    width: 100%;
	    border-left: none;
	}
	.forecast-table th,
	.forecast-table td {
		border: 1px solid var(--col15);
		border: 1px solid var(--col13);
        padding: 2px var(--p5);
        text-align: center;
        white-space: nowrap;
        font-size: var(--font10);
        font-weight: 600;
	}
	.forecast-table th {
        background: transparent;
        color: var(--col5);
        font-size: var(--font10);
        font-weight: 600;
        font-family: var(--main-family);
	}
	.forecast-table th:first-child,
	.forecast-table td:first-child {
	    position: sticky;
	    left: 0;
	    z-index: 2;
	    background: #fff;
	    border-left: none;
	    /* Replace left border visually */
	    box-shadow: inset 1px 0 0 var(--col15);
	    box-shadow: inset 1px 0 0 var(--col13);
	}
	.forecast-table th:first-child {
	    z-index: 3;
	}
	.temp-high { color: #d32f2f; font-weight: bold; }
	.temp-low { color: #1976d2; font-weight: bold; }
}