/* Hide the scrollbar but keep the page scrollable */
/* Rehan */
/* Jon Requested */
/* Hide scrollbar for Chrome, Safari and Opera */
::-webkit-scrollbar {
	display: none;
}

/* For IE, Edge and Firefox */
body {
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}

/* --------------------------------------------------------All Popup---------------------------------------------------- */

/* outer wrapper */
.elm_UoRWYY:not([data-popup-noui]) {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.elm_UoRWYY:not([data-popup-noui])::-webkit-scrollbar {
	display: none;
}

/* hide popup (if animation added) */
.elm_UoRWYY:not([data-popup-noui]).animate-fade-in,
.elm_UoRWYY:not([data-popup-noui]).animate-slide-down,
.elm_UoRWYY:not([data-popup-noui]).animate-bounce-in {
	display: block;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

/* show transform transition but hide fade-in transition */
.elm_UoRWYY:not([data-popup-noui]).animate-slide-down,
.elm_UoRWYY:not([data-popup-noui]).animate-bounce-in {
	transition: transform 0.3s linear, opacity 0.3s linear,
		visibility 0.3s linear;
	-webkit-transition: transform 0.3s linear, opacity 0.3s linear,
		visibility 0.3s linear;
	-moz-transition: transform 0.3s linear, opacity 0.3s linear,
		visibility 0.3s linear;
	-ms-transition: transform 0.3s linear, opacity 0.3s linear,
		visibility 0.3s linear;
	-o-transition: transform 0.3s linear, opacity 0.3s linear,
		visibility 0.3s linear;
}

/* show popup (if animation added) */
.elm_UoRWYY:not([data-popup-noui]).flex.animate-fade-in,
.elm_UoRWYY:not([data-popup-noui]).flex.animate-slide-down,
.elm_UoRWYY:not([data-popup-noui]).flex.animate-bounce-in {
	opacity: 1;
	visibility: visible;
	pointer-events: initial;
}

.elm_UoRWYY:not([data-popup-noui]).has-child-popup {
	background-color: transparent;
	visibility: hidden;
}

/* inner wrapper */
.elm_yNwqwJ {
	left: 50%;
	padding: 50px;
	pointer-events: none;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}

/* if no-padding class found */
.elm_UoRWYY:not([data-popup-noui]).no-padding .elm_yNwqwJ {
	padding: 0;
}

/* if positioned centered */
.elm_UoRWYY:not([data-popup-noui]).centered .elm_yNwqwJ {
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

/* hide inner wrapper by moving it to top of the page */
.elm_UoRWYY:not([data-popup-noui]).animate-slide-down .elm_yNwqwJ {
	transform: translate(-50%, -100%);
	-webkit-transform: translate(-50%, -100%);
	-moz-transform: translate(-50%, -100%);
	-ms-transform: translate(-50%, -100%);
	-o-transform: translate(-50%, -100%);
	transition: 0.3s all cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: 0.3s all cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-transition: 0.3s all cubic-bezier(0.645, 0.045, 0.355, 1);
	-ms-transition: 0.3s all cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: 0.3s all cubic-bezier(0.645, 0.045, 0.355, 1);
}

/* show inner wrapper by sliding it down */
.elm_UoRWYY:not([data-popup-noui]).flex.animate-slide-down .elm_yNwqwJ {
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
}

.elm_UoRWYY:not([data-popup-noui]).flex.animate-slide-down.centered
	.elm_yNwqwJ {
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

/* show bounce effect while opening */
.elm_UoRWYY:not([data-popup-noui]).flex.animate-bounce-in .elm_yNwqwJ {
	animation: bounce-in 0.5s ease-in-out;
	-webkit-animation: bounce-in 0.5s ease-in-out;
	animation-fill-mode: both;
}

.elm_UoRWYY:not([data-popup-noui]).flex.animate-bounce-in.centered .elm_yNwqwJ {
	animation: bounce-in-center 0.5s ease-in-out;
	-webkit-animation: bounce-in-center 0.5s ease-in-out;
	animation-fill-mode: both;
}

@keyframes bounce-in {
	0% {
		transform: translate(-50%, 0) scale(0.7);
		-webkit-transform: translate(-50%, 0) scale(0.7);
		-moz-transform: translate(-50%, 0) scale(0.7);
		-ms-transform: translate(-50%, 0) scale(0.7);
		-o-transform: translate(-50%, 0) scale(0.7);
	}
	100% {
		transform: translate(-50%, 0) scale(1);
		-webkit-transform: translate(-50%, 0) scale(1);
		-moz-transform: translate(-50%, 0) scale(1);
		-ms-transform: translate(-50%, 0) scale(1);
		-o-transform: translate(-50%, 0) scale(1);
	}
}

@keyframes bounce-in-center {
	0% {
		transform: translate(-50%, -50%) scale(0.7);
		-webkit-transform: translate(-50%, -50%) scale(0.7);
		-moz-transform: translate(-50%, -50%) scale(0.7);
		-ms-transform: translate(-50%, -50%) scale(0.7);
		-o-transform: translate(-50%, -50%) scale(0.7);
	}
	100% {
		transform: translate(-50%, -50%) scale(1);
		-webkit-transform: translate(-50%, -50%) scale(1);
		-moz-transform: translate(-50%, -50%) scale(1);
		-ms-transform: translate(-50%, -50%) scale(1);
		-o-transform: translate(-50%, -50%) scale(1);
	}
}

/* header icon */
.elm_UOkrrN svg {
	pointer-events: none;
}
.subscription-popup .elm_UOkrrN svg {
	pointer-events: initial;
}

.elm_UoRWYY:not([data-popup-noui]).has-child-popup .elm_yNwqwJ {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: unset;
	-webkit-transform: unset;
	-moz-transform: unset;
	-ms-transform: unset;
	-o-transform: unset;
}

/* container */

.elm_qJBugX {
	pointer-events: all;
	overflow-y: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.elm_qJBugX::-webkit-scrollbar {
	display: none;
}

/* POPUP: full-width-popup */
.elm_UoRWYY:not([data-popup-noui]).full-width .elm_yNwqwJ {
	padding: 0 !important;
	margin-top: 0 !important;
}

.elm_UoRWYY:not([data-popup-noui]).full-width .elm_qJBugX {
	width: 100vw;
	max-width: unset;
	min-height: 100vh;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}

.elm_UoRWYY:not([data-popup-noui]).full-width .elm_nZyPEx {
	display: none;
}

.elm_UoRWYY:not([data-popup-noui]).toggle-width-popup .elm_wdBhkC {
	position: relative;
}

.elm_UoRWYY:not([data-popup-noui]).full-width .elm_wdBhkC {
	position: fixed !important;
	top: 0;
	right: 0;
	left: 0;
	width: 100vw;
	min-height: 100vh;
	padding: 0;
	background: white;
}

/* full-screen-toggle icon */
.elm_UoRWYY:not([data-popup-noui]) .elm_NiqPhE {
	display: block;
}

.elm_UoRWYY:not([data-popup-noui]).full-width .elm_NiqPhE {
	display: none;
}

/* normal-screen-toggle icon */
.elm_UoRWYY:not([data-popup-noui]) .elm_ODmWlo {
	display: none;
}

.elm_UoRWYY:not([data-popup-noui]).full-width .elm_ODmWlo {
	display: block;
}

/* --------------------------------------------------Scroll-Popup----------------------------------------------------- */

.scroll-popup .elm_yNwqwJ {
	height: 100%;
	padding: 0;
}

.scroll-popup:not([data-popup-noui]) .elm_qJBugX {
	width: 100%;
	display: flex;
	flex-direction: column;
	height: 80vh;
}

.scroll-popup .elm_wdBhkC {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: 20px;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.scroll-popup .elm_wdBhkC::-webkit-scrollbar {
	display: none;
}

.scroll-popup .elm_wdBhkC .elements-container {
	width: calc(100% + 11px);
	margin-right: -11px;
	padding-right: 11px;
	overflow-x: hidden;
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.scroll-popup .elements-container::-webkit-scrollbar {
	display: none;
}

.scroll-popup .elm_wdBhkC .elm_UOkrrN {
	width: max-content;
}

/* form's style */

/* overwrite simplebar's style */
.scroll-popup .simplebar-placeholder,
.slidein-popup .simplebar-placeholder {
	display: flex;
}

.scroll-popup .simplebar-wrapper,
.slidein-popup .simplebar-placeholder {
	height: 100%;
}

/* emoji-picker */
.scroll-popup .emoji-container {
	width: 100%;
	margin-bottom: var(--form-div-margin-bottom);
	position: relative;
}

.emoji-picker {
	height: 428px;
	z-index: 9999;
}

.scroll-popup .emoji-picker__emojis {
	overflow-y: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.scroll-popup .emoji-picker__emojis::-webkit-scrollbar {
	display: none;
}

.emoji-picker__search-container span.emoji-picker__search-icon {
	top: 50%;
}

.emoji-picker .emoji-picker__preview {
	display: none;
}

/* table */
.scroll-popup table {
	border-collapse: collapse;
	width: 100%;
	margin-top: 20px;
	border: 1px solid #ddd;
}

.scroll-popup th,
.scroll-popup td {
	text-align: left;
	padding: 8px;
	border-bottom: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.scroll-popup th {
	background-color: #f2f2f2;
}

.scroll-popup tr:hover {
	background-color: #f5f5f5;
}

/* ------------------------------------------------------plan popup------------------------------------------------------- */

.membership-title {
	text-align: center;
}

.plan-popup:not([data-popup-noui]) .elm_qJBugX {
	width: 100%;
	max-width: 1200px;
}

.plans-container {
	margin-top: 3rem;
	position: relative;
}

.plan-carousel-btn-container {
	display: none;
}

.plan-carousel-wrapper {
	width: 100%;
	display: flex;
	align-items: stretch;
}

.plan {
	width: 100%;
	background: white;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 1.5rem;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	z-index: 0;
	overflow: hidden;
}

.plus-plan {
	height: unset;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

/* extra height to plus plans */

.plans-container-two .plus-plan {
	padding-bottom: 50px;
}

.plus-plan::after {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 8px;
	background: #2ecc71;
}

.plans-container-one .plus-plan::after {
	display: none;
}

.plans-container .plan__header {
	width: calc(100% + 3rem);
	height: 16px;
	background: #fb5ba2;
	margin-top: -1.5rem;
	margin-left: -1.5rem;
	margin-bottom: 1rem;
}

.plans-container-two .plan__header {
	height: 100px;
	background: url(https://images.unsplash.com/photo-1512386233331-f023884a92e8?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MjB8fGJhY2tncm91bmQlMjBpbWFnZXxlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=500&q=60);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.plans-container-two .plus-plan .plan__header {
	margin-top: -1rem;
}

.plan__title {
	font-size: 40px;
}

.plan__price {
	font-size: 20px;
	font-weight: 700;
}

.plan__text {
	margin-bottom: 0;
}

.plan__feature-list {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	list-style-type: none;
}

.plan__feature-list li {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.plan__feature-list__icon-container {
	width: 18px;
	height: 18px;
}

.plan__choose-btn {
	width: 100%;
}
.plan__choose-btn:disabled,
.plan__choose-btn:disabled:hover,
.plan__choose-btn:disabled:focus {
	background: #e6e6e6 !important;
	color: #a6a6a6 !important;
	cursor: not-allowed !important;
	border-color: transparent !important;
}

/* splide js style override(plan-carousel) */

.plan-popup .splide__track {
	padding: 10px !important;
}

.plan-popup .plans-container.splide.is-active .splide__list {
	padding: 40px 0 8px 0;
}

.plan-popup .splide__arrow {
	transform: translateY(calc(-50% + 30px));
	-webkit-transform: translateY(calc(-50% + 30px));
	-moz-transform: translateY(calc(-50% + 30px));
	-ms-transform: translateY(calc(-50% + 30px));
	-o-transform: translateY(calc(-50% + 30px));
}

.plan-popup .splide__arrow:disabled {
	opacity: 0;
}

.plan-popup .splide__arrow--prev {
	left: -1rem;
}

.plan-popup .splide__arrow--next {
	right: -1rem;
}

.plan-popup .splide__pagination {
	display: none;
}

/* column carousel */

.carousel-wrapper {
	margin-top: 5rem;
	margin-bottom: 5rem;
}

#column-carousel-heading {
	text-align: center;
	margin-bottom: 1.5rem;
}

.carousel-wrapper .splide__slide {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 250px;
	background: #f2f2f2;
	border: 1px solid black;
}

/* --------------------------------------------------slide in from left popup---------------------------------------------------- */

.elm_UoRWYY.slidein-popup {
	display: flex;
	background-color: transparent !important;
	transform: translate(-100%, 0);
	-webkit-transform: translate(-100%, 0);
	-moz-transform: translate(-100%, 0);
	-ms-transform: translate(-100%, 0);
	-o-transform: translate(-100%, 0);
	transition: 0.3s transform cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: 0.3s transform cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-transition: 0.3s transform cubic-bezier(0.645, 0.045, 0.355, 1);
	-ms-transition: 0.3s transform cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: 0.3s transform cubic-bezier(0.645, 0.045, 0.355, 1);
}

.elm_UoRWYY.flex.slidein-popup {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
}

.slidein-popup .elm_yNwqwJ {
	justify-content: flex-start;
	padding: 0;
}

.slidein-popup:not([data-popup-noui]) .elm_qJBugX {
	max-width: 300px;
	min-width: 300px;
	height: 100vh;
	display: flex;
	flex-direction: column;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	box-shadow: 3px 0 3px 0 rgba(0, 0, 0, 0.1);
}

.slidein-popup .elm_RukKkX {
	margin-right: -12px;
}

.slidein-popup .elm_wdBhkC {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.slidein-popup .elm_wdBhkC::-webkit-scrollbar {
	display: none;
}

.slidein-popup .elements-container {
	display: flex;
	width: calc(100% + 11px);
	margin-right: -11px;
	padding-right: 11px;
	overflow-x: hidden;
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.slidein-popup .elements-container::-webkit-scrollbar {
	display: none;
}

.slidein-popup .elm_wdBhkC .ok_btn {
	width: max-content;
}

.slidein-popup .iDzey {
	display: none;
}

.slidein-popup.loader .iDzey {
	display: flex;
}

/* --------------------------------------------------slide in from right popup---------------------------------------------------- */

.elm_UoRWYY.slidein-right-popup {
	display: flex;
	background-color: transparent !important;
	transform: translate(100%, 0);
	-webkit-transform: translate(100%, 0);
	-moz-transform: translate(100%, 0);
	-ms-transform: translate(100%, 0);
	-o-transform: translate(100%, 0);
	transition: 0.3s transform cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: 0.3s transform cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-transition: 0.3s transform cubic-bezier(0.645, 0.045, 0.355, 1);
	-ms-transition: 0.3s transform cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: 0.3s transform cubic-bezier(0.645, 0.045, 0.355, 1);
}

.elm_UoRWYY.flex.slidein-right-popup {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
}

.slidein-right-popup .elm_yNwqwJ {
	justify-content: flex-end;
	padding: 0;
}

.slidein-right-popup:not([data-popup-noui]) .elm_qJBugX {
	max-width: 300px;
	min-width: 300px;
	height: 100vh;
	display: flex;
	flex-direction: column;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	box-shadow: -3px 0 3px 0 rgba(0, 0, 0, 0.1);
}
.slidein-right-popup:not([data-popup-noui])
	.elm_qJBugX[data-change-media-popup-layout] {
	max-width: 500px;
	height: auto;
	max-height: none !important;
}

.slidein-right-popup .elm_wdBhkC {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.slidein-right-popup .elm_wdBhkC::-webkit-scrollbar {
	display: none;
}

/* --------------------------------------------------slide in from bottom popup---------------------------------------------------- */

.elm_UoRWYY.slidein-bottom-popup {
	display: flex;
	transform: translate(0, 100%);
	-webkit-transform: translate(0, 100%);
	-moz-transform: translate(0, 100%);
	-ms-transform: translate(0, 100%);
	-o-transform: translate(0, 100%);
	transition: 0.3s transform cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: 0.3s transform cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-transition: 0.3s transform cubic-bezier(0.645, 0.045, 0.355, 1);
	-ms-transition: 0.3s transform cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: 0.3s transform cubic-bezier(0.645, 0.045, 0.355, 1);
}

.elm_UoRWYY.flex.slidein-bottom-popup {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
}

.slidein-bottom-popup .elm_yNwqwJ {
	justify-content: flex-end;
	padding: 0;
}

.slidein-bottom-popup:not([data-popup-noui]) .elm_qJBugX {
	min-height: 300px;
	display: flex;
	flex-direction: column;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	box-shadow: -3px 0 3px 0 rgba(0, 0, 0, 0.1);
}

.slidein-bottom-popup:not([data-popup-noui]) .elm_qJBugX:not(.no-full-width) {
	width: 100%;
}

.slidein-bottom-popup .elm_wdBhkC {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.slidein-bottom-popup .elm_wdBhkC::-webkit-scrollbar {
	display: none;
}

/* ------------------------------------------------------narrow mobile popup------------------------------------------------------- */

.narrow-mobile-popup:not([data-popup-noui]) .elm_qJBugX {
	min-width: 500px;
}

.narrow-mobile-popup .elm_nZyPEx {
	justify-content: flex-end;
	padding-bottom: 0;
	border-bottom: none;
}

.narrow-mobile-popup h1.elm_AvtetI {
	display: none;
}

.narrow-mobile-popup .elm_wdBhkC {
	padding-top: 0;
	margin-top: -20px;
}

/* ------------------------------------------------------cookie popup------------------------------------------------------- */

.cookie-container {
	text-align: center;
}

.cookie-container p {
	margin-bottom: 0;
}

.cookie-button-container {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	margin-top: 20px;
}

.cookie-button-container button {
	margin-top: 0;
}

/* ---------------filter popup element style------------ */

.elm_wdBhkC form,
.elm_wdBhkC .search-filter {
	width: 100%;
}

input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(
		[type="color"]
	).search-tags,
.search-filter input#ajax_search {
	padding: 8px 12px;
	border-radius: 1.5rem;
	-webkit-border-radius: 1.5rem;
	-moz-border-radius: 1.5rem;
	-ms-border-radius: 1.5rem;
	-o-border-radius: 1.5rem;
}

.filter-container .icon-container {
	top: 21.4px;
	right: 12px;
}

.filter-type-container {
	margin-top: var(--input-margin-top);
}

/* Responsive CSS */
@media only screen and (max-width: 767px) {
	/* ------------------------------------------------ all popups ------------------------------------------------ */

	/* Create feed popup */
	.elm_UoRWYY:not([data-popup-noui]).centered
		.elm_yNwqwJ[data-mobile="full-height"] {
		margin-top: 0;
		height: 100svh;
		min-height: 100%;
	}

	/* Close Icon */
	[data-popup-type="subscription-popup"] .elm_nZyPEx {
		right: 1.5rem;
		top: 1.5rem;
	}
	.elm_UOkrrN svg {
		width: 1.5rem;
		height: 1.5rem;
		filter: brightness(0) saturate(100%) invert(90%) sepia(9%) saturate(72%)
			hue-rotate(183deg) brightness(105%) contrast(91%);
	}

	/* hide popups */
	.elm_UoRWYY:not([data-popup-noui]),
	.elm_UoRWYY:not([data-popup-noui]).animate-fade-in {
		display: block !important;
		/*preventdisplaynonetoshowtransition*/
		bottom: 0;
		right: 0;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		z-index: 99999;
		-ms-overflow-style: none;
		scrollbar-width: none;
		transition: 0.3s transform linear;
		-webkit-transition: 0.3s transform linear;
		-moz-transition: 0.3s transform linear;
		-ms-transition: 0.3s transform linear;
		-o-transition: 0.3s transform linear;
	}

	/* remove background color on responsive for this popup */
	.elm_UoRWYY:not([data-popup-noui]).animate-fade-in,
	.elm_UoRWYY:not([data-popup-noui]).animate-slide-down,
	.elm_UoRWYY:not([data-popup-noui]).animate-bounce-in,
	.elm_UoRWYY:not([data-popup-noui]).narrow-mobile-popup {
		background-color: transparent !important;
	}

	.elm_UoRWYY:not([data-popup-noui])::-webkit-scrollbar {
		display: none;
	}

	/* show popups */
	.elm_UoRWYY:not([data-popup-noui]).flex,
	.elm_UoRWYY:not([data-popup-noui]).flex.animate-fade-in {
		opacity: unset;
		visibility: unset;
		pointer-events: unset;
	}

	/* popup inner wrapper */
	.elm_UoRWYY:not([data-popup-noui]) .elm_yNwqwJ,
	.elm_UoRWYY:not([data-popup-noui]).animate-bounce-in .elm_yNwqwJ,
	.elm_UoRWYY:not([data-popup-noui]).animate-slide-down .elm_yNwqwJ,
	.elm_UoRWYY:not([data-popup-noui]).centered .elm_yNwqwJ {
		top: 0;
		left: 50%;
		padding: 0;
		margin-top: 60px;
		border-radius: 17px 17px 0 0;
		-webkit-border-radius: 17px 17px 0 0;
		-moz-border-radius: 17px 17px 0 0;
		-ms-border-radius: 17px 17px 0 0;
		-o-border-radius: 17px 17px 0 0;
		transform: translate(-50%, 100%);
		-webkit-transform: translate(-50%, 100%);
		-moz-transform: translate(-50%, 100%);
		-ms-transform: translate(-50%, 100%);
		-o-transform: translate(-50%, 100%);
		transition: 0.3s all cubic-bezier(0.645, 0.045, 0.355, 1);
		-webkit-transition: 0.3s all cubic-bezier(0.645, 0.045, 0.355, 1);
		-moz-transition: 0.3s all cubic-bezier(0.645, 0.045, 0.355, 1);
		-ms-transition: 0.3s all cubic-bezier(0.645, 0.045, 0.355, 1);
		-o-transition: 0.3s all cubic-bezier(0.645, 0.045, 0.355, 1);
	}

	.elm_UoRWYY:not([data-popup-noui]) .elm_yNwqwJ:not(.no-height),
	.elm_UoRWYY:not([data-popup-noui]).animate-bounce-in
		.elm_yNwqwJ:not(.no-height),
	.elm_UoRWYY:not([data-popup-noui]).animate-slide-down
		.elm_yNwqwJ:not(.no-height),
	.elm_UoRWYY:not([data-popup-noui]).centered .elm_yNwqwJ:not(.no-height) {
		height: calc(100vh - 60px);
	}

	.elm_UoRWYY:not([data-popup-noui]).flex .elm_yNwqwJ,
	.elm_UoRWYY:not([data-popup-noui]).flex.animate-slide-down .elm_yNwqwJ,
	.elm_UoRWYY:not([data-popup-noui]).flex.animate-slide-down.centered
		.elm_yNwqwJ {
		transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
	}

	.elm_UoRWYY:not([data-popup-noui]).animate-bounce-in .elm_yNwqwJ,
	.elm_UoRWYY:not([data-popup-noui]).flex.animate-bounce-in .elm_yNwqwJ,
	.elm_UoRWYY:not([data-popup-noui]).flex.animate-bounce-in.centered
		.elm_yNwqwJ {
		animation: none;
		-webkit-animation: none;
	}

	/* start from top even if centered */
	.elm_UoRWYY:not([data-popup-noui]).centered .elm_yNwqwJ {
		top: 0;
	}

	/* popup container */
	.elm_qJBugX,
	.scroll-popup:not([data-popup-noui]) .elm_qJBugX {
		width: 100%;
		max-width: unset;
		min-width: unset;
		max-width: unset;
		box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, 0.1);
	}

	.elm_qJBugX:not(.no-height),
	.scroll-popup:not([data-popup-noui]) .elm_qJBugX:not(.no-height) {
		height: calc(100vh - 60px);
	}

	.elm_UoRWYY:not([data-popup-noui]).centered .elm_qJBugX {
		max-height: none !important;
		height: 100% !important;
	}

	/* --------------------------------------------- alert popup --------------------------------------------- */

	[data-popup-type="alert-popup"] {
		z-index: 10000;
	}

	/* --------------------------------------------- slidein popup --------------------------------------------- */

	/* hide slidein popup's outer wrapper and remove box shadow from it (add it on the inner wrapper (elm_yNwqwJ) instead) */
	.elm_UoRWYY:not([data-popup-noui]).slidein-popup {
		transform: translate(0, 100%);
		-webkit-transform: translate(0, 100%);
		-moz-transform: translate(0, 100%);
		-ms-transform: translate(0, 100%);
		-o-transform: translate(0, 100%);
		transition: 0.3s transform cubic-bezier(0.645, 0.045, 0.355, 1);
		-webkit-transition: 0.3s transform cubic-bezier(0.645, 0.045, 0.355, 1);
		-moz-transition: 0.3s transform cubic-bezier(0.645, 0.045, 0.355, 1);
		-ms-transition: 0.3s transform cubic-bezier(0.645, 0.045, 0.355, 1);
		-o-transition: 0.3s transform cubic-bezier(0.645, 0.045, 0.355, 1);
		box-shadow: none;
	}

	/* opened slidein/force slidein popup */
	.elm_UoRWYY:not([data-popup-noui]).flex.slidein-popup,
	.elm_UoRWYY:not([data-popup-noui]).flex.force-slide-in,
	.elm_UoRWYY:not([data-popup-noui]).flex.slidein-popup.force-slide-in {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
	}

	/* slidein popup inner wrapper */
	.elm_UoRWYY:not([data-popup-noui]).slidein-popup .elm_yNwqwJ {
		height: calc(100vh - 60px);
		margin-top: 60px;
		border-radius: 17px 17px 0 0;
		-webkit-border-radius: 17px 17px 0 0;
		-moz-border-radius: 17px 17px 0 0;
		-ms-border-radius: 17px 17px 0 0;
		-o-border-radius: 17px 17px 0 0;
		box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, 0.1);
	}

	.elm_UoRWYY:not([data-popup-noui]) .elm_yNwqwJ.no-top-margin,
	.elm_UoRWYY:not([data-popup-noui]).animate-bounce-in
		.elm_yNwqwJ.no-top-margin,
	.elm_UoRWYY:not([data-popup-noui]).animate-slide-down
		.elm_yNwqwJ.no-top-margin,
	.elm_UoRWYY:not([data-popup-noui]).centered .elm_yNwqwJ.no-top-margin,
	.elm_UoRWYY:not([data-popup-noui]).slidein-popup .elm_yNwqwJ.no-top-margin,
	.elm_UoRWYY:not([data-popup-noui]).slidein-right-popup
		.elm_yNwqwJ.no-top-margin {
		margin-top: unset;
	}

	/* slidein popup container */
	.slidein-popup:not([data-popup-noui]) .elm_qJBugX {
		max-width: unset;
		min-width: unset;
		height: max-content;
		border-radius: 17px 17px 0 0;
		-webkit-border-radius: 17px 17px 0 0;
		-moz-border-radius: 17px 17px 0 0;
		-ms-border-radius: 17px 17px 0 0;
		-o-border-radius: 17px 17px 0 0;
		box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
	}

	/* slidein body */
	.slidein-popup .elm_wdBhkC {
		flex: unset;
		height: calc(
			100vh - 76.8px - 60px
		); /*minus header height and space from top*/
	}

	/* ------------------------------------------ force slidein popup ------------------------------------------ */

	/* hide force-slide-in popup */
	.elm_UoRWYY:not([data-popup-noui]).force-slide-in,
	.elm_UoRWYY:not([data-popup-noui]).slidein-popup.force-slide-in {
		border-radius: 0;
		transform: translate(-100%, 0);
		-webkit-transform: translate(-100%, 0);
		-moz-transform: translate(-100%, 0);
		-ms-transform: translate(-100%, 0);
		-o-transform: translate(-100%, 0);
	}

	/* force slidein popup inner wrapper */
	.elm_UoRWYY:not([data-popup-noui]).slidein-popup.force-slide-in
		.elm_yNwqwJ {
		width: 100%;
		height: 100vh;
		margin-top: unset;
		box-shadow: 3px 0 3px 0 rgba(0, 0, 0, 0.1);
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		overflow: hidden;
	}

	/* force slidein popup container */
	.slidein-popup.force-slide-in:not([data-popup-noui]) .elm_qJBugX {
		max-width: 300px;
		height: 100vh;
		border-radius: 0;
		box-shadow: 3px 0 3px 0 rgba(0, 0, 0, 0.1);
	}

	/* force slidein popup body */
	.slidein-popup.force-slide-in .elm_wdBhkC {
		height: calc(100vh - 76.8px); /*minus header height*/
	}

	/* ------------------------------------------ narrow mobile popup ------------------------------------------ */

	/* narrow popup inner wrapper */
	.narrow-mobile-popup .elm_yNwqwJ {
		height: 100vh;
		margin-top: 0;
		box-shadow: none;
	}

	/* narrow popup container */
	.narrow-mobile-popup:not([data-popup-noui]) .elm_qJBugX {
		width: 85%;
		height: max-content;
		min-width: unset;
		border-radius: 17px;
		-webkit-border-radius: 17px;
		-moz-border-radius: 17px;
		-ms-border-radius: 17px;
		-o-border-radius: 17px;
		box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	}

	/* product page popup */
	.product-popup:not([data-popup-noui]) .elm_yNwqwJ .elm_qJBugX {
		max-height: unset;
	}
}

/* single menu dropdown style */

/* dropdown toggle element */
.target-id {
	position: relative !important;
	cursor: pointer;
}

/* dropdown menu */
.menu-id {
	position: absolute;
	top: calc(100% + 1rem);
	left: -1rem;
	right: unset;
	/* width: 300px; */
	background: white;
	text-align: left;
	/* padding: 0.75rem 1.5rem; */
	/* Prosenjit working 29-07-2024 for CPR pages */
	padding: 0;
	width: 240px;
	/* Prosenjit working 29-07-2024 for CPR pages */
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	box-shadow: 0 0 10px 2px rgba(0, 30, 0, 0.15);
	z-index: 10001;
	display: none;
}
.menu-id.bg-black {
	background: black;
}
.menu-id.auto-width {
	width: max-content;
}

.menu-id::before {
	content: "";
	display: block;
	position: absolute;
	top: -7px;
	left: calc(var(--target-half-width) + 1rem);
	border-width: 1rem;
	border-style: solid;
	border-color: transparent transparent white white;
	transform: translateX(-50%) rotate(135deg);
	box-shadow: -2px 2px 3px rgba(57, 73, 76, 0.1);
	/* Prosenjit hide it as per Figma design Global for all pages  */
	display: none;
}
.menu-id.bg-black::before {
	border-color: transparent transparent black black;
}
.menu-id.top--unset::before {
	top: unset;
	bottom: -7px;
	transform: translateX(-50%) rotate(315deg);
}

/* dropdown menu if on top */
.menu-id.top {
	top: unset;
	bottom: -1rem;
}

/* dropdown menu if on right side of the page */
.menu-id.right {
	left: unset;
	right: -1rem;
}
.menu-id.right::before {
	left: unset;
	right: var(--target-half-width);
}

.menu-id.right-0 {
	right: 0;
}

/* dropdown-overlay */
.dropdown-menu-overlay {
	position: fixed;
	top: 0;
	right: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9991;
	display: none;
}

/* dropdown menu list items */
.menu-item {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 12px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	cursor: pointer;
}
.menu-item .menu-item-icon {
	display: none;
	justify-content: center;
	align-items: center;
}
.menu-item.menu-item-active .menu-item-icon {
	display: flex;
}

/* responsive css */
@media (max-width: 600px) {
	.menu-id {
		width: 250px;
	}
}

/* CPR Popup Styles */
#cpr-popup:not([data-popup-noui]) .elm_qJBugX {
	max-height: 600px;
	/* overflow-y: auto; */
}

.elm_UoRWYY:not(.opened) svg,
.elm_UoRWYY:not(.opened) path {
	pointer-events: none;
}

[data-thumbanil-changer] input:checked + label {
	border: 0px !important;
}
[data-thumbanil-changer] .bl:first-child {
	border-left: 0px;
}
.switch {
	display: none;
}

/* Custom switch styling */
.switch + span {
	position: relative;
	padding-left: 44px;
	cursor: pointer;
}

.switch + span:before {
	content: "";
	position: absolute;
	left: 0;
	top: 1px;
	width: 36px;
	height: 20px;
	background-color: var(--colol-gull-gray--50, rgba(152, 162, 179, 0.5));
	border-radius: 50px;
	transition: background-color 0.3s;
}

.switch:checked + span:before {
	background-color: var(--colol-ebony, #0c111d);
}

.switch + span:after {
	content: "";
	position: absolute;
	top: 3px;
	left: 2px;
	width: 16px;
	height: 16px;
	background-color: white;
	border-radius: 50%;
	transition: transform 0.3s;
}

.switch:checked + span:after {
	transform: translateX(16px);
}

/* Rehan - Class to position single menu from the bottom */
.menu-id[data-position="bottom"] {
	top: unset;
	bottom: calc(100% + 1rem);
}