.bg-none {
	background: none;
}

.d-none {
	display: none;
}

.p-relative {
	position: relative;
}

.margin-5 {
	margin: 5px;
}

.maxw-100 {
	max-width: 100%;
}

.maxh-60 {
	max-height: 60px;
}

.of-y-auto {
	overflow-y: auto;
}

.w-100 {
	width: 100%;
}

.w-fit-content {
	width: fit-content;
}

.h-100 {
	height: 100%;
}

.h-fit-content {
	height: fit-content;
}

.pb-9 {
	padding-bottom: 9px;
}

.pb-100 {
	padding-bottom: 100px;
}

.black-bg {
	background-color: #ffffff;
}

.display-none {
	display: none;
}

.td-underline {
	text-decoration: underline;
}

.ta-center {
	text-align: center;
}

.ta-justify {
	text-align: justify;
}

.fw-400 {
	font-weight: 400;
}

.lst-lower-roman {
	list-style-type: lower-roman;
}

.lst-lower-alpha {
	list-style-type: lower-alpha;
}

.definition-table {
	font-size: 10pt;
	border: 2px solid #999;
}

.definition-custom-border {
	border: 2px solid #999;
}

.website-highlight {
	color: #a9001d;
}

.fb-login-btn {
	background: rgb(25, 120, 238);
	color: rgb(255, 255, 255);
	margin-top: 5px;
	margin-bottom: 5px;
}

.country-calling-code-img {
	max-width: 25px;
	max-height: 25px;
}

.custom-dropdown-menu-div {
	min-height: 25vh;
	max-height: 25vh;
	overflow-y: auto;
}

.custom-sticky-top-div {
	max-width: 100%;
}

.custom-dropdown-item {
	max-width: 25px;
	max-height: 25px;
}

.custom-menu-popup {
	padding: 20px;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}

.custom-scroll-div {
	border-bottom: 1px solid #dee2e6;
	border-bottom-color: #dedede;
}

.custom-order-type-text {
	font-family: inherit;
	display: inline;
	white-space: nowrap;
	font-size: 1.2em;
}

.custom-img-max-wh {
	max-width: 25px;
	max-height: 25px;
}

.custom-add-to-order-div {
	max-height: 200px;
	overflow: auto;
}

.custom-upsell-item-text {
	max-width: 170px;
}

.custom-voucher-tnc-div {
	max-height: 70vh;
	overflow-y: auto;
}

.custom-country-search-div {
	min-height: 20vh;
	max-height: 20vh;
	overflow-y: auto;
}

.custom-country-search-div2 {
	min-height: 25vh;
	max-height: 25vh;
	overflow-y: auto;
}

.custom-curbside-pick-up-div {
	position: absolute;
	height: 100%;
}

.custom-curbside-pick-up-img {
	max-height: 60px;
}

.custom-welcome-body-div {
	width: 100vw;
	height: 100vh;
}

.custom-welcome-content-div {
	width: 100vw;
	height: 100vh;
	overflow: auto;
}

.custom-promo-div {
	min-height: 40vh;
	max-height: 50vh;
}

.custom-promo-img {
	max-height: 50vh;
	max-width: 100vw;
}

.custom-sale-type-text {
	font-size: 1.5em;
	vertical-align: middle;
}

.custom-bottom-logo {
	width: 20vw;
	min-width: 80px;
	max-width: 100px;
	aspect-ratio: 0.8087;
}

.custom-payment-card-img {
	width: 365px;
	aspect-ratio: 8.11111;
}

.custom-go-to-redeem-img {
	filter: none !important;
	aspect-ratio: 2.0156;
	height: 30px;
	max-height: 30px;
}

.custom-header-bg {
	background-color: #231F20;
}

.custom-header-logo {
	width: 170px;
	aspect-ratio: 2.6153;
}

.custom-redeem-voucher-img {
	filter: none !important;
	max-height: 25px;
}

.custom-loader-4f-img {
	aspect-ratio: 2.6153;
}

/* Specific Styles */
body {
	min-width: 100px;
	min-height: 100%;
	font-family: Roboto, -apple-system, Helvetica Neue, Helvetica, Arial,
		sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.5;
	font-size: 14px;
}

.mobile-layout {
	max-width: 100%;
	margin: auto
}

@media ( orientation : portrait) {
	.mobile-layout {
		max-width: 100%
	}
}

@media ( orientation : landscape) and (min-width:480px) {
	.mobile-layout {
		max-width: 480px
	}
}

.safe-top {
	padding-top: constant(safe-area-inset-top);
	padding-top: env(safe-area-inset-top)
}

.safe-bottom {
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom)
}

.custom-scroll-div div {
	box-sizing: border-box;
	position: relative;
}

.nav-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.order-listing {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    height: 100%;
}

.scrollable {
    overflow: auto;
}

/* Exclude elements with position: relative */
.scrollable:not([style*="position: relative"]) {
    overflow: auto;
}

.custom-scroll-div p {
	font-family: 'Inter', sans-serif !important;
	color: #9e9e9e !important;
	text-align: start;
}

.custom-scroll-div ul {
	font-family: 'Inter', sans-serif !important;
	color: #9e9e9e !important;
	text-align: start;
}

.custom-scroll-div p .strong {
	font-family: 'Inter', sans-serif !important;
	color: #000000 !important;
}

.custom-scroll-div h1, h2, h3 {
	font-family: 'MontserratAlternates', sans-serif !important;
	color: #000000 !important;
}

.custom-scroll-div a:link {
	text-decoration: none;
	color: #393536;
}

.custom-scroll-div a:visited {
	text-decoration: none;
	color: #9e9e9e;
}

.custom-scroll-div a:hover {
	text-decoration: underline;
	color: #343a40;
}

.custom-scroll-div a:active {
	text-decoration: underline;
	color: #4A8C44;
}

.custom-scroll-div {
    max-height: 85vh;
    overflow-y: auto;
}

.nav-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.order-listing {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    height: 100%;
}

.scrollable {
    overflow: auto;
}

/* Exclude elements with position: relative */
.scrollable:not([style*="position: relative"]) {
    overflow: auto;
}

.thank-you-title {
	color: #000000;
	font-size: 32pt;
	/* text-transform: uppercase; */
	font-weight: bold;
}

.thank-you-desc {
	font-family: "Inter";
	color: #000000;
	font-size: 12pt;
}

.thank-you-gebme-logo {
	max-width: 70px;
}

.thank-you-header {
  height: 15vh; /* header 15% */
}

.thank-you-footer {
  height: 15vh; /* footer 15% */
}

.bg-eee {
	background-color: #EEE;
}

.min-dvh-100 {
	min-height: 100dvh;
}