/**
* Template Name: FirePalace
*/


/**
* Check out variables.css for easy customization of colors, typography, and other repetitive properties
*/


/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap");

:root {
	scroll-behavior: smooth;
}

img,
svg {
	max-width: 100%;
}

a {
	color: var(--color-links);
	text-decoration: none;
	transition: 0.4s;
}

a:hover {
	color: var(--color-links-hover);
	text-decoration: none !important;
}

ul,
li {
	list-style: none;
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-default);
	font-weight: 700;
}

.glightbox-container {
	display: flex;
	align-items: center;
	justify-content: center;
}

.glightbox-container .gcontainer {
	max-width: 1400px;
	margin: auto;
}

.gclose.disabled,
.gnext.disabled,
.gprev.disabled {
	display: none;
}

.owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: 15px;
}

.owl-theme .owl-dots .owl-dot span {
	width: 12px;
	height: 12px;
	margin: 0 4px;
	opacity: 0.5 !important;
	background-color: #070721 !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	opacity: 1 !important;
}
@media (min-width: 1450px) {

	.owl-theme .owl-nav.disabled + .owl-dots {
		margin-top: 15px;
	}
}


@media (min-width: 2200px) {

	.owl-theme .owl-dots .owl-dot span {
		width: 20px;
		height: 20px;
	}
}

@media (min-width: 992px) {

	/* .glightbox-clean .gclose {
        right: 0;
    } */
}

@media only screen and (max-width: 1440px) and (min-width: 1200px) {

	body {
		font-size: 0.95rem;
	}

	.h4,
	h4 {
		font-size: 1.11rem;
	}

	.h5,
	h5 {
		font-size: 1.05rem;
	}
}

@media (min-width: 2200px) {

	body {
		font-size: 1.62rem;
	}

	.container {
		max-width: 2120px;
	}
}

@media only screen and (max-width: 1440px) and (min-width: 1200px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1040px;
	}
}


/*--------------------------------------------------------------
# Form Input Style
--------------------------------------------------------------*/

.form-control::-webkit-input-placeholder {

	/* Chrome/Opera/Safari */
	font-size: 15px;
	font-weight: 600;
	color: var(--color-black);
	opacity: 0.43;
}

.form-control::-moz-placeholder {

	/* Firefox 19+ */
	font-size: 15px;
	font-weight: 600;
	color: var(--color-black);
	opacity: 0.43;
}

.form-control:-ms-input-placeholder {

	/* IE 10+ */
	font-size: 15px;
	font-weight: 600;
	color: var(--color-black);
	opacity: 0.43;
}

.form-control:-moz-placeholder {

	/* Firefox 18- */
	font-size: 15px;
	font-weight: 600;
	color: var(--color-black);
	opacity: 0.43;
}

.form-label,
.form-check-label {
	font-weight: 700;
}

.form-group.required .form-label:after {
	content: "*";
	color: var(--color-red);
	margin-left: 3px;
}

.form-control {
	font-size: 15px;
	font-weight: 600;
	border: 2px solid var(--color-primary);
	border-radius: 20px;
}

.form-control:focus {
	border-color: var(--color-primary);
	box-shadow: 0 0 0 0.25rem rgba(var(--color-primary-rgb), 0.45);
}

.form-check-input {
	background-color: var(--color-primary);
	border: none;
}

.form-check-input:checked {
	background-color: var(--color-primary);
}

.form-check-input:checked[type=radio] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%0A1240'/%3e%3c/svg%3e");
}

@media (min-width: 2200px) {

	.form-control {
		font-size: 1.5rem;
		padding: 15px 25px;
		border-width: 3px;
		border-radius: 40px;
	}

	.form-control::-webkit-input-placeholder {

		/* Chrome/Opera/Safari */
		font-size: 1.5rem;
	}

	.form-control::-moz-placeholder {

		/* Firefox 19+ */
		font-size: 1.5rem;
	}

	.form-control:-ms-input-placeholder {

		/* IE 10+ */
		font-size: 1.5rem;
	}

	.form-control:-moz-placeholder {

		/* Firefox 18- */
		font-size: 1.5rem;
	}

	.form-label,
	.form-check-label {
		font-size: 1.45rem;
	}
}


/*--------------------------------------------------------------
# Button Style
--------------------------------------------------------------*/

.button-default,
.button-default:focus {
	font-size: 16px;
	color: var(--color-white);
	font-weight: 600;
	background: var(--color-secondary);
	border: none;
	border-radius: 25px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 8px 23px;
	box-shadow: -5px 5px 16px -7px rgba(var(--color-default-rgb), 0.7);
	transition: 0.4s;
	position: relative;
	min-width: 160px;
	cursor: pointer;
}

.button-default:hover,
.button-default:focus:hover {
	color: var(--color-white);
	background: var(--color-primary);
}

.button-default-second,
.button-default-second:focus {
	background: var(--color-primary);
}

.button-default-second:hover,
.button-default-second:focus:hover {
	background: var(--color-secondary);
}

.button-border,
.button-border:focus {
	font-size: 16px;
	color: var(--color-secondary);
	font-weight: 600;
	background: var(--color-white);
	border: 1px solid var(--color-primary);
	border-radius: 25px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 8px 23px;
	box-shadow: -5px 5px 16px -7px rgba(var(--color-default-rgb), 0.7);
	transition: 0.4s;
	position: relative;
	min-width: 160px;
}

.button-border:hover,
.button-border:focus:hover {
	color: var(--color-primary);
	border-color: var(--color-secondary);
}

.button-bg-gradient,
.button-bg-gradient:focus {
	font-size: 1rem;
	color: var(--color-white);
	font-weight: 600;
	line-height: 1;
	background: transparent linear-gradient(15deg, #e74540 0%, #fdc60e 100%) 0% 0% no-repeat padding-box;
	border: none;
	border-radius: 25px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 15px 22px;
	box-shadow: -5px 5px 16px -7px rgba(var(--color-default-rgb), 0.7);
	transition: 0.4s;
	position: relative;
	min-width: 160px;
}

.button-bg-gradient:hover,
.button-bg-gradient:focus:hover {
	color: var(--color-white);
	background: transparent linear-gradient(-15deg, #e74540 0%, #fdc60e 100%) 0% 0% no-repeat padding-box;
}

.button-gradient-border,
.button-gradient-border:focus {
	font-size: 16px;
	color: var(--color-white);
	font-weight: 600;
	background: transparent linear-gradient(15deg, #e74540 0%, #fdc60e 100%) 0% 0% no-repeat padding-box;
	border: none;
	border-radius: 25px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 2px 2px;
	box-shadow: -5px 5px 16px -7px rgba(var(--color-default-rgb), 0.7);
	transition: 0.4s;
	position: relative;
	min-width: 160px;
}

.button-gradient-border:hover,
.button-gradient-border:focus:hover {
	color: var(--color-secondary);
}

.button-gradient-border span {
	background: var(--color-secondary);
	display: block;
	line-height: 1.2;
	padding: 8px 23px;
	border-radius: 25px;
	width: 100%;
}

.button-gradient-border:hover span,
.button-gradient-border:focus:hover span {
	background: var(--color-white);
}

@media (min-width: 2200px) {

	.button-default,
	.button-default:focus,
	.button-bg-gradient,
	.button-bg-gradient:focus {
		font-size: 1.5rem;
		padding: 15px 35px;
		border-radius: 40px;
	}

	.button-gradient-border,
	.button-gradient-border:focus {
		font-size: 1.5rem;
		border-radius: 40px;
	}

	.button-gradient-border span {
		padding: 15px 35px;
		border-radius: 40px;
	}
}


/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/

#preloader {
	position: fixed;
	inset: 0;
	z-index: 9999;
	overflow: hidden;
	background: var(--color-white);
	transition: all 0.6s ease-out;
	width: 100%;
	height: 100vh;
}

#preloader:before,
#preloader:after {
	content: "";
	position: absolute;
	border: 4px solid var(--color-primary);
	border-radius: 50%;
	-webkit-animation: animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
	animation: animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

#preloader:after {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}

@-webkit-keyframes animate-preloader {

	0% {
		width: 10px;
		height: 10px;
		top: calc(50% - 5px);
		left: calc(50% - 5px);
		opacity: 1;
	}

	100% {
		width: 72px;
		height: 72px;
		top: calc(50% - 36px);
		left: calc(50% - 36px);
		opacity: 0;
	}
}

@keyframes animate-preloader {

	0% {
		width: 10px;
		height: 10px;
		top: calc(50% - 5px);
		left: calc(50% - 5px);
		opacity: 1;
	}

	100% {
		width: 72px;
		height: 72px;
		top: calc(50% - 36px);
		left: calc(50% - 36px);
		opacity: 0;
	}
}


/*--------------------------------------------------------------
# Sections & Section Header
--------------------------------------------------------------*/

section {
	padding: 45px 0;
	overflow: hidden;
}

@media (min-width: 992px) {

	section {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.menu-button-container {
		display: none;
	}
}

@media (min-width: 1400px) {

	section {
		padding-top: 75px;
		padding-bottom: 75px;
	}
}

@media (min-width: 2200px) {

	section {
		padding-top: 85px;
		padding-bottom: 85px;
	}
}

.section-header {
	text-align: center;
	padding-bottom: 15px;
}

.section-header h2 {
	font-size: 1.57rem;
	margin-bottom: 15px;
	color: var(--color-secondary);
}

.section-header h3 {
	font-size: 1.13rem;
	font-weight: 500;
	text-transform: uppercase;
	color: var(--color-primary);
}

@media (min-width: 992px) {

	.section-header {
		padding-bottom: 25px;
	}

	.section-header h3 {
		margin-bottom: 15px;
	}
}

@media only screen and (max-width: 1440px) and (min-width: 1200px) {

	.section-header h2 {
		font-size: 1.11rem;
	}

	.section-header h3 {
		font-size: 0.93rem;
		margin-bottom: 10px;
	}
}

@media (min-width: 1450px) {

	.section-header h2 {
		font-size: 1.6rem;
	}
}

@media (min-width: 2200px) {

	.section-header {
		padding-bottom: 40px;
	}

	.section-header h3 {
		font-size: 1.45rem;
	}

	.section-header h2 {
		font-size: 2.3rem;
	}
}

@media (max-width: 1100px) {

	.section-header h2 {
		font-size: 1.4rem;
	}

	.section-header h3 {
		font-size: 1rem;
		margin-bottom: 10px;
	}
}


/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/

.breadcrumbs {
	padding: 15px 0;
	background: rgba(var(--color-secondary-rgb), 0.05);
	min-height: 40px;
	margin-top: 76px;
}

.breadcrumbs h2 {
	font-size: 30px;
	font-weight: 300;
	margin: 0;
}

.breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 14px;
}

.breadcrumbs ol li + li {
	padding-left: 10px;
}

.breadcrumbs ol li + li::before {
	display: inline-block;
	padding-right: 10px;
	color: var(--color-secondary-light);
	content: "/";
}

@media (max-width: 992px) {

	.breadcrumbs .d-flex {
		display: block !important;
	}

	.breadcrumbs h2 {
		margin-bottom: 10px;
		font-size: 24px;
	}

	.breadcrumbs ol {
		display: block;
	}

	.breadcrumbs ol li {
		display: inline-block;
	}
}


/*--------------------------------------------------------------
# Scroll top button
--------------------------------------------------------------*/

.scroll-top {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	right: 15px;
	bottom: 15px;
	z-index: 995;
	background: var(--color-primary);
	width: 40px;
	height: 40px;
	border-radius: 100%;
	transition: all 0.4s;
	z-index: 9999;
}

.scroll-top img {
	width: 19px;
}

.scroll-top:hover {
	background: rgba(var(--color-primary-rgb), 0.85);
	color: var(--color-white);
}

.scroll-top.active {
	visibility: visible;
	opacity: 1;
}

@media (max-width: 767px) {

	.scroll-top {
		display: none !important;
	}
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/* this css add by vidhi */
.top-header {
	text-align: center;
	background-color: #e58736;
	color: antiquewhite;
	padding: 10px 0;
	background-image: linear-gradient(to right, #ea5938, #f7a71a);
	font-size: 15px;
	font-weight: 700;   
	z-index: 2; 
}
.top-header p { 
    margin: 0;
}

.header {
	padding: 15px 58px;
	transition: all 0.5s;
	z-index: 997;
	background: transparent linear-gradient(15deg, #e74540 15%, #fdc60e 100%) 0% 0% no-repeat padding-box;
	border-bottom-right-radius: 0;
	margin-top: 40px;
}

.header:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: calc(100% - 2px);
	width: 100%;
	z-index: -1;
	background: transparent linear-gradient(0deg, #02092a 0%, #02092a 18%, #1d2c7b 100%) 0% 0% no-repeat padding-box;
	border-bottom-right-radius: 0;
}

.header.sticked {

	/*box-shadow: 0px 2px 20px rgba(var(--color-secondary-rgb), 0.1);*/
	padding-top: 0;
	padding-bottom: 0;
}

.header .botton-shap {
	content: "";
	position: absolute;
	bottom: -36px;
	left: 0;
	background: transparent linear-gradient(15deg, #e74540 0%, #e74540 100%) 0% 0% no-repeat padding-box;
	width: 250px;
	height: 38px;
	z-index: -1;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 30px;
	display: inline-block;
}

.header .botton-shap:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: calc(100% - 2px);
	width: calc(100% - 2px);
	z-index: -1;
	background: transparent linear-gradient(0deg, #02092a 100%, #1d2c7b 100%) 0% 0% no-repeat padding-box;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 32px;
}

.header .logo {
	margin-right: 10px;
	position: relative;
	top: 19px;
}

.header .logo .custom-logo-link {
	display: inline-block;
}

.header .logo img {
	max-height: 82px;
	width: auto;
	height: auto;
}

.header .logo h1 {
	font-size: 32px;
	font-weight: 300;
	color: var(--color-secondary);
}

.header .logo h1 span {
	color: var(--color-primary);
	font-weight: 500;
}

.header .btn-getstarted {
	margin-left: 30px;
	min-width: auto;
}

@media (min-width: 2200px) {

	.header {
		padding: 25px 100px 10px;
	}

	.header .logo img {
		max-height: 132px;
	}

	.header .botton-shap {
		bottom: -53px;
		width: 400px;
		height: 55px;
	}
}

@media (max-width: 1199px) {

	.header {
		background: transparent linear-gradient(15deg, #e74540 25%, #fdc60e 100%) 0% 0% no-repeat padding-box;

		/* border-bottom-right-radius: 35px; */
		padding: 5px 38px;
		transition: all 0.5s;
		z-index: 997;
	}

	/* .header:before {
        border-bottom-right-radius: 38px;
    } */
	.header .botton-shap {
		width: 190px;
	}

	.header.sticked {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.header .logo img {
		max-height: 68px;
	}
}

@media (max-width: 991px) {

	.header {
		padding-left: 30px;
		padding-right: 55px;
	}

	.header .botton-shap {
		width: 200px;
	}

	.header .btn-getstarted {
		margin-left: 20px;
	}
}

@media (max-width: 767px) {
	.header {
		background: transparent linear-gradient(15deg, #e74540 30%, #fdc60e 100%) 0% 0% no-repeat padding-box;
		padding: 0 50px 0 0;
		margin-top: 38px;
	}

	.header.sticked {
		padding-top: 0;
		padding-bottom: 0;
	}

	.header .botton-shap {
		bottom: -23px;
		width: 120px;
		height: 25px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 20px;
	}

	.header .botton-shap:before {
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 22px;
	}

	.header .logo {
		top: 13px;
	}

	.header .logo img {
		max-height: 68px;
	}

	.header .btn-getstarted {
		margin-left: 15px;
	}

	.top-header {
		font-size: 11px;
		padding: 11px 5px;
	}
}
/* @media (max-width: 570px) {
	.top-header {		
		font-size: 12px;
		padding: 11px 5px;
	}

	.top-header p {
		margin-bottom: 0;
	}

} */
@media (max-width: 640px) {

	.header .botton-shap {
		bottom: -23px;
	}
}


/*--------------------------------------------------------------
# Desktop Navigation
--------------------------------------------------------------*/

@media (min-width: 992px) {

	.navbar {
		padding: 0;
		position: relative;
	}

	.navbar ul {
		margin: 0;
		padding: 0;
		display: flex;
		list-style: none;
		align-items: center;
	}

	.navbar li {
		position: relative;
	}

	.navbar > ul > li {
		white-space: nowrap;
	}

	.navbar a,
	.navbar a:focus {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px 18px;
		font-size: 1.2rem;
		font-weight: 600;
		color: rgba(var(--color-white-rgb), 1);
		white-space: nowrap;
		transition: 0.3s;
		position: relative;
	}

	.navbar a i,
	.navbar a:focus i {
		font-size: 12px;
		line-height: 0;
		margin-left: 5px;
	}

	.navbar > ul > li > a:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 2px;
		bottom: 0;
		left: 0;
		background: transparent linear-gradient(93deg, #eb5a38 0%, #fdc60e 100%) 0% 0% no-repeat padding-box;
		visibility: hidden;
		transition: all 0.3s ease-in-out 0s;
		transform: scaleX(0);
		transition: all 0.3s ease-in-out 0s;
	}

	.navbar ul li.current-menu-item a::before,
	.navbar a:hover:before,
	.navbar li:hover > a:before,
	.navbar .active:before {
		visibility: visible;
		transform: scaleX(0.75);
	}

	.navbar a:hover,
	.navbar li:hover > a {
		color: var(--color-primary);
	}

	.navbar .dropdown a:hover:before,
	.navbar .dropdown:hover > a:before,
	.navbar .dropdown .active:before {
		visibility: hidden;
	}

	.navbar .dropdown a:hover,
	.navbar .dropdown .active,
	.navbar .dropdown .active:focus,
	.navbar .dropdown:hover > a {
		color: var(--color-white);
		background: var(--color-secondary);
	}

	.navbar .dropdown ul {
		display: block;
		position: absolute;
		left: 0;
		top: 100%;
		margin: 0;
		padding: 0 0 10px 0;
		z-index: 99;
		opacity: 0;
		visibility: hidden;
		background: var(--color-secondary);
		transition: 0.3s;
	}

	.navbar .dropdown ul li {
		min-width: 200px;
	}

	.navbar .dropdown ul a {
		padding: 10px 20px;
		font-size: 15px;
		text-transform: none;
		font-weight: 400;
		color: rgba(var(--color-white-rgb), 0.5);
	}

	.navbar .dropdown ul a i {
		font-size: 12px;
	}

	.navbar .dropdown ul a:hover,
	.navbar .dropdown ul .active,
	.navbar .dropdown ul .active:hover,
	.navbar .dropdown ul li:hover > a {
		color: var(--color-white);
		background: var(--color-primary);
	}

	.navbar .dropdown:hover > ul {
		opacity: 1;
		visibility: visible;
	}

	.navbar .megamenu {
		position: static;
	}

	.navbar .megamenu ul {
		right: 0;
		padding: 10px;
		display: flex;
	}

	.navbar .megamenu ul li {
		flex: 1;
	}

	.navbar .megamenu ul li a,
	.navbar .megamenu ul li:hover > a {
		color: rgba(var(--color-white-rgb), 0.5);
		background: none;
	}

	/* .navbar .megamenu ul li.current-menu-item a:hover,
    .navbar .megamenu ul li.current-menu-item a,
    .navbar .megamenu ul li.current-menu-item a:hover, */

	.navbar .megamenu ul li a:hover,
	.navbar .megamenu ul li .active,
	.navbar .megamenu ul li .active:hover {
		color: var(--color-white);
		background: var(--color-primary);
	}

	.navbar .dropdown .dropdown ul {
		top: 0;
		left: calc(100% - 30px);
		visibility: hidden;
	}

	.navbar .dropdown .dropdown:hover > ul {
		opacity: 1;
		top: 0;
		left: 100%;
		visibility: visible;
	}

	.navbar .shop-now-btn a {
		margin-left: 30px;
		min-width: auto;
		font-size: 1rem;
		color: var(--color-white);
		font-weight: 600;
		line-height: 1;
		background: transparent linear-gradient(15deg, #e74540 0%, #fdc60e 100%) 0% 0% no-repeat padding-box;
		border: none;
		border-radius: 25px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		padding: 15px 22px !important;
		box-shadow: -5px 5px 16px -7px rgba(var(--color-default-rgb), 0.7);
		transition: 0.4s;
		position: relative;
		text-transform: uppercase;
	}

	.navbar .shop-now-btn a::before {
		display: none;
	}

	.navbar .shop-now-btn a:hover,
	.navbar .shop-now-btn a:focus:hover {
		color: var(--color-white);
		background: transparent linear-gradient(-15deg, #e74540 0%, #fdc60e 100%) 0% 0% no-repeat padding-box;
	}
}

@media (min-width: 992px) and (max-width: 1366px) {

	.navbar .dropdown .dropdown ul {
		left: -90%;
	}

	.navbar .dropdown .dropdown:hover > ul {
		left: -100%;
	}
}

@media (min-width: 1200px) {

	.navbar a,
	.navbar a:focus {
		padding: 14px 20px;
	}
}

@media (min-width: 2200px) {

	.navbar > ul > li {
		margin-right: 55px;
	}

	.navbar > ul > li:last-child {
		margin-right: 0;
	}

	.navbar a,
	.navbar a:focus {
		font-size: 1.5rem;
	}

	.navbar .shop-now-btn a {
		font-size: 1.5rem;
		padding: 15px 35px !important;
		border-radius: 40px;
	}
}

@media only screen and (max-width: 1440px) and (min-width: 1200px) {

	.navbar a,
	.navbar a:focus {
		font-size: 1.11rem;
	}
}


/*--------------------------------------------------------------
# Mobile Navigation
--------------------------------------------------------------*/

@media (max-width: 991px) {

	.navbar {
		position: fixed;
		top: 0;
		left: -100%;
		width: calc(100% - 70px);
		height: 100%;
		bottom: 0;
		transition: 0.3s;
		z-index: 9997;
	}

	.navbar ul {
		position: absolute;
		inset: 0;
		padding: 10px 0;
		margin: 0;
		background: rgba(var(--color-secondary-rgb), 0.9);
		overflow-y: auto;
		transition: 0.3s;
		z-index: 9998;
	}

	.navbar a,
	.navbar a:focus {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 12px 20px;
		font-size: 16px;
		font-weight: 500;
		color: rgba(var(--color-white-rgb), 0.7);
		white-space: nowrap;
		transition: 0.3s;
	}

	.navbar a i,
	.navbar a:focus i {
		font-size: 12px;
		line-height: 0;
		margin-left: 5px;
	}

	.navbar .current-menu-item a,
	.navbar a:hover,
	.navbar .active,
	.navbar .active:focus,
	.navbar li:hover > a {
		color: var(--color-primary);
	}

	.navbar .dropdown ul,
	.navbar .dropdown .dropdown ul {
		position: static;
		display: none;
		padding: 10px 0;
		margin: 10px 20px;
		transition: all 0.5s ease-in-out;
		border: 1px solid rgba(var(--color-secondary-light-rgb), 0.3);
	}

	.navbar .dropdown > .dropdown-active,
	.navbar .dropdown .dropdown > .dropdown-active {
		display: block;
	}

	.mobile-nav-toggle {
		display: block !important;
		color: var(--color-primary);
		font-size: 30px;
		cursor: pointer;
		line-height: 0;
		transition: 0.5s;
		position: fixed;
		top: 23px;
		z-index: 9999;
		right: 20px;
	}

	.mobile-nav-toggle.bi-x {
		color: var(--color-white);
	}

	.mobile-nav-active {
		overflow: hidden;
		z-index: 9995;
		position: relative;
	}

	.mobile-nav-active .navbar {
		left: 0;
	}

	.primary-navigation-open .navbar:before,
	.mobile-nav-active .navbar:before {
		content: "";
		position: fixed;
		inset: 0;
		background: rgba(var(--color-secondary-rgb), 0.8);
		width: 100%;
		height: 100%;
		z-index: 9996;
	}
}

@media (max-width: 767px) {

	.mobile-nav-toggle {
		top: 20px;
		right: 15px;
	}
}


/*--------------------------------------------------------------
# Fullscreen Hero Section
--------------------------------------------------------------*/
.hero-fullscreen {
	padding: 151px 0 0 0;
}

.hero-fullscreen .item {
	width: 100%;
	/* display: flex;
	align-items: center;
	min-height: 720px; */
	position: relative;	
	background-size: cover;
	box-sizing: border-box;
	background-position: top center;
	background-repeat: no-repeat;
	padding: 0;
	/* margin-top: 40px; */
}

.hero-fullscreen .item img {
     height: 100%;
     width: 100%;
     object-fit: cover;
}

.hero-fullscreen .item h2 {
	font-size: 2.38rem;
	font-weight: bold;
	color: var(--color-white);
	margin: 0 0 15px;
}

.hero-fullscreen .item p {
	color: var(--color-white);
	margin: 0 0 30px 0;
	font-size: 1.19rem;
}

@media (min-width: 2200px) {   
	.hero-fullscreen {
		padding-top: 206px;
	}
}

@media (max-width: 1199px) {
    .hero-fullscreen {
        padding: 116px 0 0 0;
    } 
}

@media (max-width: 767px) {
    .hero-fullscreen {
        padding: 106px 0 0 0;
    }
}

@media (max-width: 480px) {
	.hero-fullscreen .item img {
		height: 220px;
	}
}

/* .hero-fullscreen .owl-dots {
     left: 0;
     right: 0;
     z-index: 1;
     bottom: 20px;
     position: absolute;
 }
 .hero-fullscreen .owl-theme .owl-dots button span {
     background: #fff !important;
 } */

/* @media (min-width: 2350px) {
     .hero-fullscreen .item {
         padding: 0;
         min-height: 1080px;
     }
 } */


/* @media (min-width: 2200px) {   
	.hero-fullscreen {
		padding-top: 167px;
	}
	.hero-fullscreen .item {
		padding: 0;		
	} 
	.hero-fullscreen .item h2 {
		font-size: 3.45rem;
		margin-bottom: 30px;
	}
	.hero-fullscreen .item p {
		font-size: 1.45rem;
		margin-bottom: 55px;
	}
}
 
@media (min-width: 2881px) and (max-width: 3840px) {   
    .hero-fullscreen .item {
     min-height: 1420px;
    } 
}
@media (min-width: 2561px) and (max-width: 2880px) {   
    .hero-fullscreen .item {
     min-height: 1070px;
    } 
}
@media (min-width: 2451px) and (max-width: 2560px) {   
    .hero-fullscreen .item {
     min-height: 950px;
    } 
}
@media (min-width: 2401px) and (max-width: 2450px) {   
    .hero-fullscreen .item {
     min-height: 950px;
    } 
}
@media (min-width: 2351px) and (max-width: 2400px) {   
    .hero-fullscreen .item {
     min-height: 890px;
    } 
}
@media (min-width: 2101px) and (max-width: 2150px) {   
    .hero-fullscreen .item {
     min-height: 790px;
    } 
}
 @media (max-width: 1440px) {
     .hero-fullscreen .item {
         min-height: 530px;
     }
     .hero-fullscreen .item h2 {
         font-size: 2rem;        
     }
 }
 
 @media (max-width: 1199px) {
    .hero-fullscreen {
        padding: 78px 0 0 0;
    } 
     .hero-fullscreen .item {
         min-height: 535px;
     }   
     .hero-fullscreen .item h2 {
         font-size: 1.7rem;
     }
     .hero-fullscreen .item p {
         font-size: 0.99rem;
     }
 }
 
 @media (max-width: 991px) {
     .hero-fullscreen .item {
         text-align: center;
     }
 }
 
 @media (max-width: 767px) {
    .hero-fullscreen {
        padding: 68px 0 0 0;
    }
     .hero-fullscreen .item {
         min-height: 350px;
     }
 }

@media (max-width: 480px) {
	.hero-fullscreen .item {
		min-height: 210px;
	}
} */

@-webkit-keyframes up-down {

	0% {
		transform: translateY(10px);
	}

	100% {
		transform: translateY(-10px);
	}
}

@keyframes up-down {

	0% {
		transform: translateY(10px);
	}

	100% {
		transform: translateY(-10px);
	}
}


/*--------------------------------------------------------------
 # Why Choose US Section
 --------------------------------------------------------------*/
.why-choose-us {
	padding-top: 50px;
}

.why-choose-us .section-header h2 {
	font-size: 1.94rem;
	font-weight: 800;
}

@media (max-width: 1440px) {

	.why-choose-us .section-header h2 {
		font-size: 1.6rem;
	}

	.about-us .container,
	.about-us .container-lg,
	.about-us .container-md,
	.about-us .container-sm,
	.about-us .container-xl,
	.about-us .container-xxl {
		max-width: 860px;
	}

	.about-content-section .container,
	.about-content-section .container-lg,
	.about-content-section .container-md,
	.about-content-section .container-sm,
	.about-content-section .container-xl,
	.about-content-section .container-xxl {
		max-width: 1100px;
	}

	.company-value .container,
	.company-value .container-lg,
	.company-value .container-md,
	.company-value .container-sm,
	.company-value .container-xl,
	.company-value .container-xxl {
		max-width: 1180px;
	}

	.onfocus .container-fluid {
		max-width: 1160px;
	}
}

.why-choose-us .section-header span {
	padding: 0 12px;
}

.why-choose-us .section-header span:before {
	content: "";
	position: absolute;
	bottom: 3px;
	background: var(--color-dark-tangerine);
	opacity: 0.47;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 8px;
}

.why-choose-us .why-choose-item {
	background: var(--color-white);
	height: 100%;
	transition: all ease-in-out 0.4s;
	padding: 10px 10px;
}

.why-choose-us .why-choose-item .icon {
	width: 80px;
	height: 80px;
	margin: 0 auto 10px;
}

.why-choose-us .why-choose-item .icon img {}

.why-choose-us .why-choose-item h4 {
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 15px;
	color: var(--color-secondary);
	transition: ease-in-out 0.3s;
}

.why-choose-us .why-choose-item:hover {
	transform: translateY(-10px);
	box-shadow: 0 0 60px 0 rgba(var(--color-secondary-rgb), 0.1);
}

.why-choose-us .why-choose-item:hover h4 {
	color: var(--color-primary);
}

@media (min-width: 1400px) {

	.why-choose-us .why-choose-item .icon {
		width: 130px;
		height: 130px;
	}
}

@media (min-width: 2200px) {

	.why-choose-us .section-header h2 {
		font-size: 2.5rem;
	}

	.why-choose-us .section-header span:before {
		bottom: 5px;
		height: 10px;
	}

	.why-choose-us .why-choose-item h4 {
		font-size: 1.76rem;
	}
}

@media (max-width: 1199px) {

	.why-choose-us .section-header h2 {
		font-size: 1.54rem;
	}

	.why-choose-us .why-choose-item h4 {
		font-size: 1.16rem;
	}

	.why-choose-us {
		padding-top: 30px;
	}
}


/*--------------------------------------------------------------
# Offer Listing Section
--------------------------------------------------------------*/

.offer-listing {
	padding: 0 0;
}

.offer-listing .slide-banner img {
	object-fit: cover;
	width: 100%;
}

.offer-listing .slide-content {
	background: var(--color-white);
	box-shadow: 2px 0.88px 7px #00000070;
	padding: 25px 25px;
	color: var(--color-secondary);
	font-size: 1.2rem;
	font-weight: 600;
}

.offer-listing .slide-content h4 {
	color: var(--color-primary);
	font-size: 1.2rem;
	font-weight: 700;
	padding-right: 35px;
}

.offer-listing .slide-content h4 a {
	background-image: url(../images/next-arrow.svg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 100%;
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
	height: 20px;
}

.offer-listing .swiper-pagination {
	margin-top: 15px;
	bottom: 0;
	position: relative;
}

.offer-listing .swiper-pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background-color: var(--color-onyx);
	opacity: 0.5;
}

.offer-listing .swiper-pagination .swiper-pagination-bullet-active {
	background-color: var(--color-onyx);
	opacity: 1;
}

@media (min-width: 768px) {

	.offer-listing .slide-content {
		position: absolute;
		bottom: 20px;
		left: 0;
		max-width: 310px;
	}
}

@media (max-width: 1440px) {

	.offer-listing .slide-content {
		font-size: 1rem;
	}
}

@media (min-width: 1450px) {

	.offer-listing .swiper-pagination {
		margin-top: 30px;
	}
}

@media (min-width: 2200px) {

	.offer-listing .slide-content {
		max-width: 510px;
		font-size: 1.45rem;
		bottom: 30px;
		padding: 30px 30px;
	}

	.offer-listing .slide-content h4 {
		font-size: 1.45rem;
	}

	.offer-listing .slide-content h4 a {
		width: 49px;
		height: 35px;
	}

	.offer-listing .swiper-pagination .swiper-pagination-bullet {
		width: 20px;
		height: 20px;
	}
}
@media (max-width: 767px) {

	.offer-listing .slide-content {
		margin-bottom: 10px;
	}
}


/*--------------------------------------------------------------
# About US Section
--------------------------------------------------------------*/

.about-us {
	font-weight: 500;
}

.about-us .img {
	border-radius: 15px;
}

.about-us .img img {
	object-fit: cover;
	flex-shrink: 0;
	min-width: 100%;
	min-height: 100%;
}

.about-us .about-img {
	margin-bottom: 30px;
}

@media (min-width: 2200px) {

	.about-us .container {
		max-width: 1915px;
	}

	.about-us .about-img {
		margin-top: 50px !important;
		margin-bottom: 50px;
	}
}


/*--------------------------------------------------------------
# Top Seller Section
--------------------------------------------------------------*/

.top-seller {
	background: var(--color-white-smoke);
}

.top-seller .top-seller-content {
	border-radius: 80px;
	padding: 50px 15px;
}

.top-seller .top-seller-info {
	padding: 0 35px;
}

.top-seller .nav-tabs {
	border: 1px solid var(--color-primary);
	border-radius: 25px;
}

.top-seller .nav-item {
	margin: 0 -1px -1px;
}

.top-seller .nav-item:not(:last-child) .nav-link {
	border-right: 1px solid var(--color-primary);
}

.top-seller .nav-link {
	border: 0;
	padding: 12px 20px;
	color: var(--color-secondary);

	/*box-shadow: 5px 5px 25px rgba(var(--color-secondary-rgb), 0.15);*/
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	transition: 0s;
	cursor: pointer;
	height: 100%;
}

.top-seller .nav-link h4 {
	font-size: 1.1rem;
	font-weight: 600;
	margin: 0 0;
}

.top-seller .nav-link:hover {
	color: var(--color-primary);
}

.top-seller .nav-link.active {
	transition: 0.3s;
	background: var(--color-secondary);
}

.top-seller .nav-link.active h4 {
	color: var(--color-white);
	font-weight: 600;
}

.top-seller .tab-content {
	margin: 30px 0;
	padding: 0 0;
}

.top-seller .tab-pane.active {
	-webkit-animation: fadein 0.5s ease-out;
	animation: fadeIn 0.5s ease-out;
}

.top-seller .tab-pane h3 {
	font-weight: 700;
	font-size: 36px;
	color: var(--color-secondary);
}

.top-seller .tab-pane ul {
	list-style: none;
	padding: 0;
}

.top-seller .tab-pane ul li {
	padding-bottom: 10px;
}

.top-seller .tab-pane ul i {
	font-size: 24px;
	margin-right: 4px;
	color: var(--color-primary);
}

.top-seller .tab-pane p:last-child {
	margin-bottom: 0;
}

.top-seller-listing {
	position: relative;
}

.top-seller-listing .swiper-button-next,
.top-seller-listing .swiper-button-prev {
	top: calc(50% - 40px);
	margin-top: 0;
	height: 40px;
	width: 40px;
	display: flex;
}

.top-seller-listing .swiper-button-next {
	right: 0;
	justify-content: flex-end;
}

.top-seller-listing .swiper-button-prev {
	left: 0;
	justify-content: flex-start;
}

.top-seller-listing .swiper-button-next:after,
.top-seller-listing .swiper-button-prev:after {
	background-size: 100%;
	width: 25px;
	height: 27px;
	background-repeat: no-repeat;
}

.top-seller-listing .swiper-button-next:after {
	content: "";
	background-image: url("../image/arrow-blue-next.svg");
}

.top-seller-listing .swiper-button-prev:after {
	content: "";
	background-image: url("../image/arrow-blue-prev.svg");
}

.top-seller-slider {
	overflow: hidden;
}

.top-seller-slider .swiper-slide {
	will-change: transform;
	box-sizing: border-box;
	height: auto;
}

.top-seller .top-seller-action .button-gradient-border span {
	background: var(--color-white);
	color: var(--color-secondary);
}

.top-seller .top-seller-action .button-gradient-border:hover span {
	background: var(--color-secondary);
	color: var(--color-white);
}

.top-seller .prodcut-carousel .owl-stage {
	display: flex;
}

@media (min-width: 768px) {

	.top-seller .prodcut-carousel {
		padding: 0 40px;
	}
}

@media (min-width: 1400px) {

	.top-seller .nav-link h4 {
		font-size: 1.2rem;
	}
}

@media (min-width: 2200px) {

	.top-seller .top-seller-content {
		max-width: 2241px;
		margin-left: auto;
		margin-right: auto;
		padding: 60px 30px;
	}

	.top-seller .nav-tabs {
		border-width: 3px;
		border-radius: 35px;
	}

	.top-seller .nav-item:not(:last-child) .nav-link {
		border-right-width: 3px;
	}

	.top-seller .nav-link {
		padding: 21px 35px;
	}

	.top-seller .nav-link h4 {
		font-size: 1.66rem;
	}

	.top-seller .tab-content {
		margin-top: 50px;
		margin-bottom: 50px;
	}

	.top-seller-listing {
		padding: 0 50px;
	}

	.top-seller-listing .swiper-button-next:after,
	.top-seller-listing .swiper-button-prev:after {
		width: 35px;
		height: 38px;
	}
}

@media only screen and (max-width: 1440px) and (min-width: 1200px) {

	.top-seller .nav-link h4 {
		font-size: 1rem;
	}
}

@media (max-width: 767px) {

	.top-seller .top-seller-content {
		border-radius: 50px;
		padding: 35px 15px;
	}

	.top-seller .top-seller-info {
		padding: 0 0;
	}

	.top-seller .nav-link {
		padding: 10px 15px;
	}

	.top-seller .nav-link h4 {
		font-size: 1rem;
	}

	.top-seller-listing .swiper-button-next,
	.top-seller-listing .swiper-button-prev {
		top: calc(50% - 19px);
		width: 19px;
		height: 19px;
	}

	.top-seller-listing .swiper-button-next:after,
	.top-seller-listing .swiper-button-prev:after {
		width: 19px;
		height: 19px;
	}
}

@media (max-width: 575px) {

	.top-seller .nav-tabs {
		border: none;
		border-radius: 0;
		display: inline-block;
		width: 100%;
	}

	.top-seller .nav-item {
		margin: 0;
		padding: 0;
		display: block;
		width: 100%;
	}

	.top-seller .nav-item .nav-link {
		border: none !important;
		border-bottom: 1px solid var(--color-primary) !important;
	}
}

@keyframes fadeIn {

	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}


/*--------------------------------------------------------------
# Product Item Section
--------------------------------------------------------------*/

.product-items {
	position: relative;
	padding: 0 15px 30px;
	height: 100%;
	width: 100%;
}

.product-items:before {
	content: "";
	background: #fdc60e;
	border-radius: 20px;
	position: absolute;
	top: 22px;
	left: 0;
	width: 100%;
	height: calc(100% - 22px);
	opacity: 0.16;
	z-index: -1;
}

.product-items .product-action {
	margin-top: 20px;
}

.product-items .product-name {
	padding: 0 10px;
	margin-bottom: 20px;
}

.product-items .product-name a {
	display: inline-block;
	background: var(--color-secondary);
	border-radius: 30px;
	color: var(--color-white);
	font-size: 1rem;
	font-weight: 500;
	text-transform: capitalize;
	padding: 10px 10px;
	min-width: 200px;
	width: auto;
	transition: 0.3s;
	min-height: inherit;
	display: flex;
	align-items: center;
	justify-content: center;
}

.product-items .product-name a:hover {
	background: var(--color-primary);
	color: var(--color-secondary);
}

.product-items .product-wishlist {
	padding: 0 0 6px;
}

.product-items .product-wishlist a {
	display: inline-block;
	color: var(--color-lust);
	font-size: 18px;
	width: 22px;
	height: 22px;
}

.product-items .product-img img {

	/* min-height: 200px;
    max-height: 200px; */
	width: 100%;
	margin: 0 auto;
	max-width: 100%;
}

.product-items .product-offer {
	background: var(--color-lust);
	position: absolute;
	left: 0;
	top: -10px;
	border-radius: 14px;
	font-size: 12px;
	color: var(--color-white);
	font-weight: 600;
	padding: 5px 12px;
}

.product-items .product-price {
	font-size: 1.32rem;
	font-weight: 600;
	color: var(--color-secondary);
	margin: 15px 0;
}

.product-items .product-price span {
	padding: 0 2px;
}

.product-items .product-price .offer-price {
	color: var(--color-lust);
}

.product-items .prod-action,
.product-items .prod-action:focus {
	background: var(--color-white);
	border: 1px solid var(--color-secondary);
	border-radius: 7px;
	font-size: 1.1rem;
	color: var(--color-default);
	font-weight: 700;
	display: flex;
	padding: 7px 12px;
	padding-right: 49px;
	position: relative;

	/* overflow: hidden; */
	width: 100%;
	max-width: 233px;
	margin: 0 auto;
	transition: none;
}

.product-items .prod-action:hover,
.product-items .prod-action:focus:hover {
	border-color: var(--color-primary);
}

.product-items .prod-action span {
	background-color: var(--color-secondary);
	background-image: url(../images/arrow-white-next.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 15px;
	border-radius: 0;
	position: absolute;
	top: 0;
	right: -1px;
	width: 37px;
	height: 100%;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
}

.product-items .prod-action:hover span {
	background-color: var(--color-primary);
}

@media (min-width: 2200px) {

	.product-items .product-name a {
		border-radius: 41px;
		font-size: 1.66rem;
		padding: 24px 40px;
	}

	.product-items .product-offer {
		border-radius: 33px;
		font-size: 1.44rem;
		padding: 10px 20px;
	}

	.product-items .product-price {
		font-size: 1.66rem;
		margin: 25px 0;
	}

	.product-items .prod-action,
	.product-items .prod-action:focus {
		border-width: 3px;
		border-radius: 12px;
		font-size: 1.54rem;
		max-width: 353px;

		/* overflow: inherit; */
	}

	.product-items .prod-action span {
		top: -1px;
		right: -2px;
		padding: 27px 27px;
		width: 62px;
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
	}
}

@media only screen and (max-width: 1440px) and (min-width: 1200px) {

	.product-items .product-name a {
		font-size: 0.9rem;
	}

	.product-items .product-price {
		font-size: 1.12rem;
	}
}

@media (max-width: 1440px) {

	.product-items .prod-action,
	.product-items .prod-action:focus {
		font-size: 1rem;
	}

	.product-items .product-name a {
		font-size: 1rem;
		padding: 7px 10px;
	}

	/* .product-items .product-img img {
        min-height: 150px;
        max-height: 150px;
    } */
}

@media (max-width: 991px) {

	.product-items .product-name a {
		font-size: 0.85rem;
	}
}


/*--------------------------------------------------------------
# Rewards Program Section
--------------------------------------------------------------*/

.rewards-program {
	background: var(--color-white-smoke);
	padding-top: 0;
}

.rewards-program .program-steps .step-img {
	border-radius: 8px;
	overflow: hidden;
}

.rewards-program .program-steps .member-info {
	padding: 30px 15px;
	text-align: center;
	box-shadow: 0 2px 15px rgba(var(--color-black-rgb), 0.1);
	background: var(--color-white);
	margin: -50px 20px 0 20px;
	position: relative;
	border-radius: 8px;
}

.rewards-program .program-steps .member-info h4 {
	font-weight: 400;
	margin-bottom: 5px;
	font-size: 24px;
	color: var(--color-secondary);
}

.rewards-program .program-steps .member-info span {
	display: block;
	font-size: 16px;
	font-weight: 400;
	color: var(--color-gray);
}

.rewards-program .program-steps .member-info p {
	font-style: italic;
	font-size: 14px;
	line-height: 26px;
	color: var(--color-gray);
}

.rewards-program .program-steps:hover .social {
	opacity: 1;
}

.rewards-program .program-steps .step-img {
	background: var(--color-secondary);
	width: 100px;
	height: 100px;
	border-radius: 100%;
	padding: 15px 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}

.rewards-program .program-steps .step-img img {
	flex-shrink: 0;
	max-height: 105px;
}

.rewards-program .step-info {
	margin-top: 15px;
}

.rewards-program .step-info span {
	color: var(--color-primary);
	font-size: 18px;
	font-weight: 600;
}

.rewards-program .step-info h4 {
	color: var(--color-black);
	font-weight: 800;
	margin-bottom: 0;
	margin-top: 5px;
}

.rewards-program .download-loyal {
	margin: 40px 0 25px;
}

.rewards-program .download-loyal h4 {
	color: var(--color-secondary);
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
}

.rewards-program .download-loyal .download-app {
	margin-top: 15px;
	margin-bottom: 15px;
}

.rewards-program .download-app img {
	width: 185px;
}

@media (min-width: 1450px) {

	.rewards-program .program-steps .step-img {
		width: 150px;
		height: 150px;
	}

	.rewards-program .download-app img {
		width: 240px;
	}
}

@media (min-width: 2200px) {

	.rewards-program .step-info span {
		font-size: 1.58rem;
	}

	.rewards-program .step-info h4 {
		font-size: 1.85rem;
	}

	.rewards-program .download-loyal h4 {
		font-size: 1.45rem;
	}

	.rewards-program .download-loyal {
		margin-top: 70px;
		margin-bottom: 45px;
	}
}

@media only screen and (max-width: 1440px) and (min-width: 1200px) {

	.rewards-program .step-info span {
		font-size: 1rem;
	}

	.rewards-program .step-info h4 {
		font-size: 1.1rem;
	}
}

@media (max-width: 1440px) {

	.rewards-program .step-info h4 {
		font-size: 1.2rem;
	}
}

@media (max-width: 767px) {

	.rewards-program .col-xs-6 {
		width: 50%;
		max-width: 50%;
	}
}


/*--------------------------------------------------------------
# Earn Team Reward Section
--------------------------------------------------------------*/

.earn-team-reward:before {
	content: "";
	background: var(--color-snow);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*--------------------------------------------------------------
# Reviews Section
--------------------------------------------------------------*/

.start-earning-reward .button-gradient-border {
	color: var(--color-secondary);
	font-weight: 700;
	min-width: 200px;
}

.start-earning-reward .button-gradient-border span {
	background: var(--color-white);
}

.start-earning-reward .button-gradient-border:hover,
.start-earning-reward .button-gradient-border:focus:hover {
	color: var(--color-white);
}

.start-earning-reward .button-gradient-border:hover span,
.start-earning-reward .button-gradient-border:focus:hover span {
	background: var(--color-secondary);
}

.start-earning-reward .download-app {
	margin-top: 15px;
	margin-bottom: 15px;
}

@media (min-width: 2200px) {

	.start-earning-reward .button-gradient-border span {
		padding: 17px 70px;
	}

	.start-earning-reward .download-app img {}
}


/*--------------------------------------------------------------
# Reviews Section
--------------------------------------------------------------*/

.start-earning-reward .download-loyal-app {
	max-width: 570px;
	margin: 0 auto;
}


/*--------------------------------------------------------------
# Reviews Section
--------------------------------------------------------------*/

.reviews {
	background: url("../image/reviews-bg.png") center center;
	background-size: cover;
}

.reviews h2 {
	color: var(--color-white);
}

.reviews .owl-stage {
	display: flex;
}

.reviews .owl-stage .item {
	height: 100%;
}


.testimonial-card {
	padding: 30px;
	height: 100%;
}

.testimonial-card .avatar {
	max-width: 52px;
}

.testimonial-card .card-body p {
	font-weight: 600;
}

.testimonial-card .card-name h4 {
	color: var(--color-primary);
	font-size: 20px;
}

@media (min-width: 2200px) {

	.testimonial-card {
		padding: 40px 70px;
	}

	.testimonial-card .card-name h4 {
		font-size: 1.66rem;
	}
}


/*--------------------------------------------------------------
# Clients Section
--------------------------------------------------------------*/

.clients .swiper-slide {
	max-width: 140px;
	margin: 0 auto;
}

.clients .swiper-slide img {
	opacity: 0.5;
	transition: 0.3s;
	filter: grayscale(100);
}

.clients .swiper-slide img:hover {
	filter: none;
	opacity: 1;
}

@media (min-width: 2200px) {

	.clients .swiper-slide {
		max-width: 230px;
	}
}

@media (max-width: 767px) {

	.clients .swiper-slide img {
		opacity: 1;
		transition: 0.3s;
		filter: inherit;
	}
}


/*--------------------------------------------------------------
# Stay Connect With Us Section
--------------------------------------------------------------*/

.cta .stay-connect {
	border-radius: 30px;
	padding: 40px 20px;

	/*background: transparent linear-gradient(15deg, #E74540 0%, #FDC60E 100%) 0% 0% no-repeat padding-box;*/
	background: var(--color-primary);
	position: relative;
}

.cta .stay-connect:before {
	content: "";
	background: transparent linear-gradient(0deg, #111c57 0%, #03092a 100%) 0% 0% no-repeat padding-box;
	position: absolute;
	top: 4px;
	left: 4px;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	border-radius: 28px;
}

.cta .stay-connect .stay-connect-data {
	margin: 0 0;
}

.cta .stay-connect-footer {
	margin-top: 25px;
}

.cta .stay-connect-footer h5 {
	color: var(--color-white);
	font-weight: 600;
}

.cta .stay-connect-footer a {
	color: var(--color-white);
}

.cta .stay-connect-footer a svg {
	width: 30px;
	height: 30px;
	margin-right: 15px;
	fill: var(--color-white);
}

.cta .stay-connect-footer a:hover svg {
	fill: var(--color-primary);
}

.cta .stay-connect-footer a:hover {
	color: var(--color-primary);
}

.cta .stay-connect-footer h5 i {
	font-size: 30px;
	margin-right: 15px;
}

@media (min-width: 2200px) {

	.cta .stay-connect {
		padding-top: 50px 30px;
	}

	.cta .stay-connect-footer a {
		font-size: 1.66rem;
	}

	.cta .stay-connect-footer h5 i {
		font-size: 1.86rem;
	}
}

@media (max-width: 992px) {

	.cta .stay-connect {
		padding: 40px 15px;
	}
}

.cta .section-header h2 {
	color: var(--color-white);
}


/*--------------------------------------------------------------
# Inner Banner Section
--------------------------------------------------------------*/

.inner-banner {
	width: 100%;
	min-height: 50vh;
	background: url(../images/inner-banner.jpg) center center;
	background-size: cover;
	position: relative;
	padding: 259px 0 172px;
}

.inner-banner .section-header h2 {
	color: var(--color-white);
}

@media (min-width: 1800px) {

	.inner-banner {
		padding-bottom: 207px;
	}
}

@media (min-width: 2200px) {

	.inner-banner {
		padding-top: 390px;
	}
}

@media (max-width: 1199px) {

	.inner-banner {
		padding: 200px 0 147px;
	}
}

@media (max-width: 991px) {

	.inner-banner {
		padding: 175px 0 132px;
	}
}

@media (max-width: 767px) {

	.inner-banner {
		padding: 127px 0 107px;
	}
}

@media (max-width: 575px) {

	.inner-banner .section-header h2 br {
		display: none;
	}
}


/*--------------------------------------------------------------
# Inner Banner Section
--------------------------------------------------------------*/

.inner-banner-bottom {
	margin-top: -62px;
}

.inner-banner-bottom .container {
	padding-top: 10px;
	padding-bottom: 10px;
}

.inner-banner-bottom .banner-bottom-content {
	background: transparent linear-gradient(15deg, #e74540 0%, #fdc60e 100%) 0% 0% no-repeat padding-box;
	border-radius: 30px;
	box-shadow: 1px 1px 7px #0000005c;
	padding: 0 30px 30px;
	width: auto;
}

.inner-banner-bottom .banner-bottom-content:before {
	content: "";
	background: var(--color-white);
	border-radius: 30px;
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
}

.inner-banner-bottom.rewards-banner-bottom {
	max-width: 636px;
	margin-left: auto;
	margin-right: auto;
}

.download-banner-bottom .banner-bottom-content {
	border-radius: 75px;
}

.download-banner-bottom .banner-bottom-content:before {
	border-radius: 75px;
}

.store-detail .store-detail-item {
	background: var(--color-secondary);
	border-radius: 58px;
	padding: 18px 15px;
}

.store-detail .store-icon {
	margin: 0 auto;
	margin-bottom: 13px;
	width: 24px;
}

.store-detail .store-content {
	color: var(--color-white);
}

.store-detail .store-content h3 {
	color: var(--color-white);
	font-size: 1.07rem;
}

.store-detail .store-content a {
	color: var(--color-white);
}

.store-detail .store-content a:hover {
	color: var(--color-primary);
}

.inner-banner-bottom.download-banner-bottom {
	max-width: 711px;
	margin-left: auto;
	margin-right: auto;
}

.inner-banner-bottom.download-banner-bottom .download-app {
	max-width: 480px;
}

.inner-banner-bottom.contact-banner-bottom {
	max-width: 775px;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 480px) {

	.store-detail .store-detail-item {
		border-radius: 37px;
		padding-left: 60px;
	}

	.store-detail .store-icon {
		position: absolute;
		top: 50%;
		left: 20px;
		transform: translateY(-50%);
		margin-bottom: 0;
		width: 32px;
	}

	.store-detail .store-content h3 {
		font-size: 1.16rem;
	}
}

@media (min-width: 767px) {

	.store-detail .store-icon {
		width: 41px;
	}
}

@media (min-width: 1800px) {

	.inner-banner-bottom {
		margin-top: -97px;
	}

	.inner-banner-bottom .banner-bottom-content {
		max-width: 1690px;
		padding: 25px 45px 40px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}

	.inner-banner-bottom.download-banner-bottom .banner-bottom-content {
		padding: 20px 40px 50px;
		margin-bottom: 10px;
	}
}

@media (min-width: 2200px) {

	.download-banner-bottom .banner-bottom-content,
	.download-banner-bottom .banner-bottom-content:before {
		border-radius: 90px;
	}

	.inner-banner-bottom.download-banner-bottom {
		max-width: 905px;
		margin-top: -76px;
	}

	.inner-banner-bottom.download-banner-bottom h4 {
		font-size: 2.1rem;
	}

	.store-detail .store-detail-item {
		border-radius: 67px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 90px;
		padding-right: 30px;
	}

	.store-detail .store-icon {
		left: 40px;
	}

	.store-detail .store-content h3 {
		font-size: 1.45rem;
	}

	.inner-banner-bottom.contact-banner-bottom {
		max-width: 1045px;
	}
}

@media only screen and (max-width: 1440px) and (min-width: 1200px) {

	.store-detail .store-content h3 {
		font-size: 1rem;
	}

	.inner-banner-bottom.download-banner-bottom h4 {
		font-size: 1.11rem;
	}
}

@media (max-width: 767px) {

	.inner-banner-bottom .banner-bottom-content {
		max-width: 400px;
		margin: 0 auto;
	}
}

@media (max-width: 374px) {

	.store-detail .store-content h3 {
		margin-bottom: 5px;
	}
}


/*--------------------------------------------------------------
# About Content Section
--------------------------------------------------------------*/

.about-content-section .about-content-img {
	background: transparent linear-gradient(15deg, #e74540 0%, #fdc60e 100%) 0% 0% no-repeat padding-box;
	padding: 2px 2px;
	border-radius: 30px;
}

.about-content-section .about-content-img img {
	object-fit: cover;
	flex-shrink: 0;
	min-width: 100%;
	min-height: 100%;
	border-radius: 30px;
}
@media (max-width:991px) {
    .about-content-section .about-content-img {
        max-width: 450px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 2200px) {

	.about-content-section {
		font-weight: 500;
	}
}


/*--------------------------------------------------------------
# On Focus Section
--------------------------------------------------------------*/

.onfocus .video-play {
	background: transparent linear-gradient(15deg, #e74540 0%, #fdc60e 100%) 0% 0% no-repeat padding-box;
	margin: 0 auto;
	max-width: 1140px;
	min-height: 400px;
	border-radius: 30px;
}

.onfocus .video-play span {
	background-position: center center;
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	border-radius: 30px;
	overflow: hidden;
}

.onfocus .video-play span:before {
	content: "";
	background: linear-gradient(rgba(var(--color-black-rgb), 0.4), rgba(var(--color-black-rgb), 0.4));
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.onfocus .play-btn {
	width: 104px;
	height: 104px;
	background: radial-gradient(var(--color-white) 50%, rgba(var(--color-white-rgb), 0.4) 52%);
	border-radius: 50%;
	display: block;
	position: absolute;
	left: calc(50% - 52px);
	top: calc(50% - 52px);
	overflow: hidden;
}

.onfocus .play-btn:before {
	content: "";
	position: absolute;
	width: 120px;
	height: 120px;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation: pulsate-btn 2s;
	animation: pulsate-btn 2s;
	-webkit-animation-direction: forwards;
	animation-direction: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: steps;
	animation-timing-function: steps;
	opacity: 1;
	border-radius: 50%;
	border: 5px solid rgba(var(--color-white-rgb), 0.7);
	top: -8%;
	left: -8%;
	background: rgba(198, 16, 0, 0);
}

.onfocus .play-btn:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-40%) translateY(-50%);
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 20px solid var(--color-secondary);
	z-index: 100;
	transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.onfocus .play-btn:hover:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-40%) translateY(-50%);
	width: 0;
	height: 0;
	border: none;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 20px solid var(--color-secondary);
	z-index: 200;
	-webkit-animation: none;
	animation: none;
	border-radius: 0;
}

.onfocus .play-btn:hover:after {
	border-left: 20px solid var(--color-white);
	transform: scale(20);
}

@-webkit-keyframes pulsate-btn {

	0% {
		transform: scale(0.6, 0.6);
		opacity: 1;
	}

	100% {
		transform: scale(1, 1);
		opacity: 0;
	}
}

@keyframes pulsate-btn {

	0% {
		transform: scale(0.6, 0.6);
		opacity: 1;
	}

	100% {
		transform: scale(1, 1);
		opacity: 0;
	}
}

@media (min-width: 1400px) {

	.onfocus .video-play {
		max-width: 1320px;
	}
}

@media (min-width: 2200px) {

	.onfocus .video-play {
		max-width: 1934px;
		min-height: 700px;
	}
}


/*--------------------------------------------------------------
# Company Value Section
--------------------------------------------------------------*/

.company-value .company-value-content {
	background: transparent linear-gradient(15deg, #e74540 0%, #fdc60e 100%) 0% 0% no-repeat padding-box;
	border-radius: 30px;
	padding: 8px 30px 30px;
	width: 100%;
}

.company-value .company-value-content h2 {
	color: var(--color-carrot-orange);
	font-size: 1.4rem;
	top: -13px;
	left: 0;
	margin: 0;
	width: 100%;
}

.company-value .company-value-content h2 span {
	display: inline-block;
	padding: 0 30px;
}

.company-value .company-value-content:before {
	content: "";
	background: var(--color-white);
	border-radius: 30px;
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
}

.company-value .value-item {
	font-weight: 500;
}

.company-value .value-icon {
	margin: 0 auto;
	width: 100px;
}

.company-value .value-content h3 {
	color: var(--color-carrot-orange);
	font-size: 1.16rem;
}

@media (min-width: 768px) {

	.company-value .value-item {
		padding-left: 115px;
	}

	.company-value .value-icon {
		position: absolute;
		top: 0;
		left: 0;
		width: 100px;
	}
}

@media (min-width: 2200px) {

	.company-value .container {
		max-width: 2200px;
	}

	.company-value .company-value-content {
		padding-top: 70px;
	}

	.company-value .company-value-content h2 {
		font-size: 2.04rem;
		top: -21px;
	}

	.company-value .value-content h3 {
		font-size: 1.45rem;
		margin-bottom: 20px;
	}

	.company-value .value-item {
		padding-left: 200px;
	}

	.company-value .value-icon {
		width: 180px;
	}

	.company-value .value-content h3 {
		font-size: 1.45rem;
	}
}

@media only screen and (max-width: 1440px) and (min-width: 1200px) {

	.company-value .company-value-content h2 {
		font-size: 1.11rem;
		top: -10px;
	}

	.company-value .value-content h3 {
		font-size: 1rem;
	}
}


/*--------------------------------------------------------------
# Join Community Section
--------------------------------------------------------------*/

.join-community .section-header h2 {
	color: var(--color-white);
}

.join-community .community-content-list {
	list-style: none;
}

.join-community .community-content-list li {
	background-image: url(../images/check-circle.png);
	background-repeat: no-repeat;
	background-size: 35px;
	background-position: left top;
	color: #fff;
	padding: 4px 0 4px 50px;
}

.join-community .community-content-list li:not(:first-child) {
	margin-top: 20px;
}

.join-community .community-action .button-default {
	color: var(--color-default);
}

.join-community .community-action .button-default:hover {
	color: var(--color-primary);
}

@media (min-width: 2200px) {

	.join-community .form-section {
		padding: 50px 50px;
	}

	.join-community .community-action {
		margin-top: 50px !important;
	}
}

.join-community .join-community-form iframe {
	position: relative;
	height: 325px;
	z-index: 1;
}
@media (max-width: 464px) {

	.join-community .join-community-form iframe {
		height: 510px;
	}
}



/*--------------------------------------------------------------
# Form Section
--------------------------------------------------------------*/

.form-section {
	background: transparent linear-gradient(15deg, #e74540 0%, #fdc60e 100%) 0% 0% no-repeat padding-box;
	padding: 25px 25px;
	border-radius: 30px;
	width: 100%;
}

.form-section:before {
	content: "";
	background-color: var(--color-white);
	position: absolute;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	top: 2px;
	left: 2px;
	border-radius: 30px;
	z-index: 0;
}

@media (min-width: 1200px) {

	.form-section {
		padding: 40px 40px;
	}
}


/*--------------------------------------------------------------
# Our Category Section
--------------------------------------------------------------*/

.community-categories-Section {
	background: transparent linear-gradient(0deg, #03092a 0%, #17246a 100%) 0% 0% no-repeat padding-box;
}

.our-categories {
	padding-top: 45px;
}

.our-categories .section-header h2 {
	color: var(--color-white);
}

.our-categories .our-categories-listing {
	margin-top: 30px;
	margin-bottom: 30px;
}

.our-categories .our-categories-action {
	display: inline-block;
	width: 100%;
}

@media (min-width: 992px) {

	.our-categories {
		padding-top: 50px;
	}
}

@media (min-width: 1400px) {

	.our-categories {
		padding-top: 75px;
	}

	.our-categories .our-categories-listing .category-item-box {
		margin-top: 75px;
	}
}

@media (min-width: 2200px) {

	.our-categories .section-header {
		padding-bottom: 10px;
	}

	.our-categories .our-categories-listing {
		margin-top: 0 !important;
		margin-bottom: 50px !important;
	}

	.our-categories .our-categories-listing .category-item-box {
		margin-top: 85px;
	}

	.our-categories {
		padding-top: 85px;
	}
}


/*--------------------------------------------------------------
# Category Items Section
--------------------------------------------------------------*/

.category-item .category-img {
	background-color: var(--color-white);
	border: 3px solid var(--color-white);
	padding: 15px 15px 36px;
	border-radius: 30px;
	min-height: 247px;
	height: 100%;
}

.category-item .category-name {
	padding: 0 15px;
	margin-top: -24px;
}

.category-item .category-name a,
.category-item .category-name a:focus {
	font-size: 1.2rem;
	color: var(--color-white);
	font-weight: 600;
	background: var(--color-secondary);
	border: 2px solid rgba(var(--color-white-rgb), 1);
	border-radius: 10px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 8px 23px;
	box-shadow: 0.88px 3px 9px #00000038;
	transition: 0.4s;
	min-width: 210px;
}

.category-item .category-name a:hover,
.category-item .category-name a:focus:hover {
	background: var(--color-primary);
}

@media (min-width: 2200px) {

	.category-item .category-item-box {}

	.category-item .category-name {
		margin-top: -46px;
	}

	.category-item .category-name a,
	.category-item .category-name a:focus {
		font-size: 1.5rem;
		min-width: 270px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

@media (max-width: 1440px) {

	.category-item .category-name a,
	.category-item .category-name a:focus {
		font-size: 1rem;
	}
}


/*--------------------------------------------------------------
# How It Works
--------------------------------------------------------------*/
.how-it-work .col-xl {
	flex: 1 0 0%;
}

.how-it-work .step-icon {
	background: transparent linear-gradient(15deg, #e74540 0%, #fdc60e 100%) 0% 0% no-repeat padding-box;
	border-radius: 25px;
	padding: 15px 15px;
	margin: 0 auto 15px;
	width: 100px;
	height: 100px;
}

.how-it-work .step-icon:before {
	content: "";
	background: var(--color-secondary);
	border-radius: 25px;
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
}

.how-it-work .step-info h4 {
	font-size: 1.2rem;
	margin-bottom: 10px;
}

.how-it-work .step-info p:last-child {
	margin-bottom: 0;
}

@media (min-width: 1450px) {

	.how-it-work .step-icon {
		margin-bottom: 20px;
		width: 140px;
		height: 140px;
	}

	.how-it-work .step-info h4 {
		margin-bottom: 15px;
	}
}

@media (min-width: 2200px) {

	.how-it-work .step-icon {
		margin-bottom: 35px;
	}

	.how-it-work .step-info h4 {
		font-size: 1.5rem;
	}
}

@media only screen and (max-width: 1440px) and (min-width: 1200px) {

	.how-it-work .step-info h4 {
		font-size: 1.08rem;
	}
}
@media (max-width: 576px) {

	.how-it-work .col-xl {
		flex: inherit;
	}

}

@media (max-width: 576px) {

	.how-it-work .section-header h2 br {
		display: none;
	}
}


/*--------------------------------------------------------------
# Reward Program Benefits
--------------------------------------------------------------*/

.reward-program-benefits {
	color: var(--color-white);
}

.reward-program-benefits:before {
	content: "";
	background: transparent linear-gradient(15deg, #e74540 0%, #fdc60e 100%) 0% 0% no-repeat padding-box;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.reward-program-benefits:after {
	content: "";
	background: transparent linear-gradient(0deg, #03092a 0%, #17246a 100%) 0% 0% no-repeat padding-box;
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 100%;
	height: calc(100% - 4px);
	z-index: 0;
}

.reward-program-benefits .container {
	z-index: 1;
}

@media (max-width: 1440px) {

	.reward-program-benefits .container {
		max-width: 1320px;
	}
}

.reward-program-benefits .section-header h2 {
	color: var(--color-white);
}

.reward-program-benefits .program-benefits-list {
	list-style: none;
}

.reward-program-benefits .program-benefits-list li {
	background-image: url(../images/check.png);
	background-repeat: no-repeat;
	background-size: 35px;
	background-position: left top;
	color: #fff;
	padding: 4px 0 4px 50px;
}

.reward-program-benefits .program-benefits-list li:not(:first-child) {
	margin-top: 20px;
}

.reward-program-benefits .reward-subscribe {
	margin-top: 15px;
	position: relative;
	max-width: 440px;
}

/* .reward-program-benefits .reward-subscribe:before {
    content: '';
    background: var(--color-white);
    border-radius: 35px;
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
}

.reward-program-benefits .reward-subscribe input[type=email] {
    font-size: 1.06rem;
    border: 0;
    outline: none;
    padding: 4px;
    width: 100%;
}

.reward-program-benefits .reward-subscribe input[type=submit] {
    position: absolute;
    top: 12px;
    right: 10px;
    bottom: 0;
    border: none;
    background-image: url(../images/subscribe-action.png);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center 5px;
    background-size: 100%;
    font-size: 0;
    width: 36px;
    height: 32px;
    transition: 0.3s;
} */

.reward-program-benefits .reward-subscribe iframe {
	height: 110px;
}

.reward-program-benefits .program-benefits-img {
	margin-bottom: 2px;
}

@media (min-width: 992px) {

	.reward-program-benefits {
		padding: 2px 0;
	}

	.reward-program-benefits:before {
		height: calc(100% - 80px);
	}

	.reward-program-benefits:after {
		height: calc(100% - 84px);
	}

	.reward-program-benefits .program-benefits-content .section-header {
		padding-top: 80px;
	}

	.reward-program-benefits .program-benefits-img img {
		height: 100%;
	}
}

@media (min-width: 1200px) {

	.reward-program-benefits .program-benefits-content .section-header {
		padding-top: 100px;
	}
}

@media (min-width: 1400px) {

	.reward-program-benefits .program-benefits-img img {
		max-width: 605px;
		width: 100%;
	}

	/* .reward-program-benefits .reward-subscribe {
        padding-right: 59px;
    } */
	.reward-program-benefits .reward-subscribe input[type=email] {
		font-size: 1.24rem;
	}

	.reward-program-benefits .reward-subscribe input[type=submit] {
		top: 11px;
		width: 48px;
	}
}

@media (min-width: 2200px) {

	.reward-program-benefits .program-benefits-list li {
		background-size: 55px;
		padding-left: 75px;
	}

	.reward-program-benefits .reward-subscribe {

		/* padding: 20px 25px;
        padding-right: 76px; */
		max-width: 460px;

		/* border-radius: 45px; */
	}

	.reward-program-benefits .reward-subscribe:before {
		border-radius: 45px;
		top: 3px;
		width: calc(100% - 4px);
		height: calc(100% - 5px);
	}

	.reward-program-benefits .reward-subscribe input[type=email] {
		font-size: 24px;
	}

	.reward-program-benefits .reward-subscribe input[type=submit] {
		top: 25px;
		right: 25px;
	}

	.reward-program-benefits .program-benefits-img img {
		max-width: 890px;
	}
}


/*--------------------------------------------------------------
# Reward Offer
--------------------------------------------------------------*/

.reward-offer .offer-detail h4 {
	color: var(--color-primary);
	font-size: 0.9rem;
}

.reward-offer .offer-detail h3 {
	font-size: 1.1rem;
}

.reward-offer .offer-detail a {
	color: var(--color-primary);
	font-size: 0.9rem;
	font-weight: 700;
	transition: 0.4s;
}

.reward-offer .offer-detail a:hover {
	color: var(--color-secondary);
}

.reward-offer .offer-detail a:after {
	content: "";
	background-image: url(../images/next-arrow.png);
	background-position: center center;
	background-size: 100%;
	background-repeat: no-repeat;
	width: 25px;
	height: 13px;
	display: inline-block;
	position: relative;
	top: 2px;
	margin-left: 10px;
}

@media (min-width: 576px) {

	.reward-offer .offer-item-content {
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
		position: relative;
		width: 100%;
	}

	.reward-offer .offer-item-content:before {
		content: "";
		display: block;
		padding-top: 85%;
	}

	.reward-offer .offer-detail {
		position: absolute;
		top: 50px;
		right: 45px;
		text-align: right;
		max-width: 229px;
	}

	.reward-offer .offer-item:nth-child(2) .offer-detail {
		left: 45px;
		text-align: left;
	}
}

@media (min-width: 576px) and (max-width: 767px) {

	.reward-offer .offer-detail {
		background: rgba(var(--color-white-rgb), 0.7);
		border-radius: 15px;
		max-width: 253px;
		padding: 15px 15px;
	}
}

@media (min-width: 1400px) {

	.reward-offer .offer-detail {
		top: 75px;
	}
}

@media (min-width: 2200px) {

	.reward-offer .offer-detail {
		top: 90px;
		right: 90px;
		max-width: 460px;
	}

	.reward-offer .offer-item:nth-child(2) .offer-detail {
		left: 90px;
	}

	.reward-offer .offer-detail h4,
	.reward-offer .offer-detail a {
		font-size: 1.5rem;
	}

	.reward-offer .offer-detail h3 {
		font-size: 1.9rem;
	}

	.reward-offer .offer-detail a:after {
		width: 45px;
		height: 22px;
		margin-left: 20px;
	}
}

@media only screen and (max-width: 1440px) and (min-width: 1200px) {

	.reward-offer .offer-detail h3 {
		font-size: 1rem;
	}
}

@media (max-width: 575px) {

	.reward-offer .offer-item-content {
		background-image: none !important;
		background: transparent linear-gradient(15deg, #e74540 0%, #fdc60e 100%) 0% 0% no-repeat padding-box !important;
		border-radius: 30px;
		padding: 20px 20px;
		width: 100%;
		height: 100%;
	}

	.reward-offer .offer-item-content:before {
		content: "";
		background: var(--color-munsell);
		border-radius: 30px;
		position: absolute;
		top: 2px;
		left: 2px;
		width: calc(100% - 4px);
		height: calc(100% - 4px);
		z-index: 0;
	}
}


/*--------------------------------------------------------------
# Earn Team Reward
--------------------------------------------------------------*/

.earn-team-reward:before {
	content: "";
	background: transparent linear-gradient(15deg, #e74540 0%, #fdc60e 100%) 0% 0% no-repeat padding-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 7rem);
	z-index: -1;
}

.earn-team-reward:after {
	content: "";
	background: var(--color-snow);
	position: absolute;
	top: -2px;
	left: 0;
	width: 100%;
	height: calc(100% - 7rem);
	z-index: 0;
}

.earn-team-reward .container {
	z-index: 1;
}

.earn-team-reward .earn-reward-content {
	max-width: 635px;
	margin: 0 auto;
}

@media (min-width: 1280px) {

	.earn-team-reward .earn-team-reward-bg {
		position: absolute;
		top: -2px;
		left: 0;
		height: calc(100% - 7rem);
		width: 100%;
		z-index: 1;
	}

	.earn-team-reward .earn-team-reward-bg:before {
		content: "";
		background-image: url(../images/earn-reward-bg1.png);
		background-size: cover;
		background-repeat: no-repeat;
		position: absolute;
		top: 0;
		left: -10px;
		width: 430px;
		height: 100%;
	}

	.earn-team-reward .earn-team-reward-bg:after {
		content: "";
		background-image: url(../images/earn-reward-bg2.png);
		background-size: cover;
		background-repeat: no-repeat;
		position: absolute;
		top: 0;
		right: -30px;
		width: 430px;
		height: 100%;
	}
}

@media (min-width: 2200px) {

	.earn-team-reward .earn-reward-content {
		max-width: 1085px;
	}
}


/*--------------------------------------------------------------
# Contact Us
--------------------------------------------------------------*/

.page-template-template-contact-us {
	background: var(--color-white-smoke);
}

.contact-form {
	max-width: 949px;
	margin: 0 auto;
}

.contact-form .form-section .button-default {
	min-width: 230px;
}

.contact-form.contact-fill-form {
	max-width: 903px;
	padding-left: 10px;
	padding-right: 10px;
}

.contact-fill-form .form-section {
	background: var(--color-white);
	box-shadow: -8px 8px 7px #00000024;
}

@media (min-width: 992px) {

	.contact-form.contact-fill-form {
		padding-top: 40px;
	}
}

@media (min-width: 1400px) {

	.contact-form.contact-fill-form {
		padding-top: 65px;
	}
}

@media (min-width: 2200px) {

	.contact-form .button-default {
		color: var(--color-default);
	}

	.contact-form .button-default:hover {
		color: var(--color-primary);
	}

	.contact-form.contact-fill-form {
		max-width: 1419px;
		padding-top: 75px;
	}

	.contact-fill-form .form-section {
		padding: 50px 60px;
	}
}

.contact-fill-form iframe {
	position: relative;
	height: 810px;
}

@media (min-width: 480px) {

	.contact-fill-form iframe {
		height: 580px;
	}
}

@media (min-width: 768px) {

	.contact-fill-form iframe {
		height: 565px;
	}
}


/*--------------------------------------------------------------
# Store Finder
--------------------------------------------------------------*/

.store-finder {
	background: transparent linear-gradient(0deg, #03092a 0%, #17246a 100%) 0% 0% no-repeat padding-box;
}

.store-finder .container-fluid {
	max-width: 1410px;
	margin: 0 auto;
}

.search-by-distance .form-label {
	color: var(--color-white);
}

.search-by-distance .current-loc:hover {
	background: var(--color-white);
	color: var(--color-primary);
}

.search-by-distance .current-loc:before {
	content: "";
	background-image: url(../images/location-icn-b.png);
	width: 13px;
	height: 25px;
	margin-right: 10px;
	background-size: 100%;
	background-repeat: no-repeat;
	position: relative;
	top: 3px;
}

.search-by-distance .current-loc:hover:before {
	background-image: url(../images/location-icn-y.png);
}

.search-by-distance .map-street .form-control {
	min-width: 251px;
	font-weight: 700;
}

.search-by-distance .map-srch-btn {
	min-width: 110px;
}

.search-by-distance .map-srch-btn:hover {
	background: var(--color-white);
	color: var(--color-primary);
}

.search-by-distance .mile-input {
	background-image: url(../images/select-down-arrow-b.png);
	background-size: 40px 100%;
	background-repeat: no-repeat;
	background-position: right top;
	font-weight: 700;
	padding-right: 50px;
	cursor: pointer;
}

.search-by-distance .button-default {
	color: var(--color-default);
	font-weight: 700;
	width: 100%;
}

.search-by-distance .map-srch .button-default {
	font-weight: 700;
}

.store-search-data .store-map {
	border-radius: 30px;
	overflow: hidden;
	height: 338px;
	width: 100%;
}

.store-search-data .store-map-panel {
	border-radius: 30px;
	overflow: hidden;
	height: 463px;
	width: 100%;
}

.store-search-data .store-search-locations {
	height: 100%;
}

.store-search-data .map-header {
	padding: 15px 15px;
}

.store-search-data .map-header h4 {
	color: var(--color-default);
}

.store-search-data .map-locations-list {
	position: relative;
	padding: 0 0;
	width: 100%;
	height: calc(100% - 59px);
	-ms-touch-action: auto;
	touch-action: auto;
	overflow-y: scroll;
	overflow-x: hidden;
}

.store-search-data .map-address-list {
	width: 100%;
	height: 100%;
}

.store-search-data .map-adress {
	font-weight: 600;
	border-bottom: 1px solid var(--color-primary);
	padding: 15px 15px;
}

.store-search-data .map-adress:last-child {
	border-bottom: none;
}

.store-search-data .map-adress address {
	background-image: url(../images/location-icn-y.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	background-size: 17px;
	margin: 0 0;
	padding-left: 28px;
}

.store-search-data .map-adress .hours {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 61px;
	position: relative;
}

.store-search-data .map-adress .hours li b {
	text-transform: capitalize;
}

.store-search-data .map-adress .hours:before {
	content: "Hours:";
	position: absolute;
	top: 0;
	left: 0;
}

@media (min-width: 992px) {

	.store-search-data .store-map {
		height: 463px;
	}
}

@media (min-width: 2200px) {

	.store-finder .container-fluid {
		max-width: 2010px;
	}

	.search-by-distance .map-street .form-control {
		min-width: 434px;
		font-size: 1.5rem;
	}

	.search-by-distance .mile-input {
		font-size: 1.5rem;
		background-size: 80px 80px;
		background-position: right -5px;
		padding-right: 90px;
		min-width: 260px;
	}

	.search-by-distance .current-loc:before {
		width: 23px;
		height: 37px;
		margin-right: 15px;
	}

	.store-search-data .store-map,
	.store-search-data .store-map-panel {
		height: 711px;
	}

	.store-search-data .map-header {
		padding: 25px 35px;
	}

	.store-search-data .map-header h4 {
		font-size: 1.5rem;
	}

	.store-search-data .map-adress {
		padding: 20px 35px;
	}

	.store-search-data .map-adress address {
		background-position: left 5px;
		background-size: 23px;
		padding-left: 39px;
	}

	.store-search-data .map-locations-list {
		height: calc(100% - 79px);
	}

	.store-search-data .map-adress .hours {
		padding-left: 103px;
	}
}

@media only screen and (max-width: 1440px) and (min-width: 1200px) {

	.store-search-data .map-locations-list {
		height: calc(100% - 52px);
	}
}

@media (max-width: 880px) {

	.search-by-distance {
		max-width: 409px;
		margin: 0 auto;
	}

	.curren-location-label-dis-none {
		display: none;
	}
}

@media (max-width: 575px) {

	.search-by-distance {
		width: 90%;
		margin: 0 auto;
	}

	.search-by-distance .map-current-loc,
	.search-by-distance .map-street {
		width: 100%;
	}

	.location-label-dis-none {
		display: none;
	}

	.search-by-distance .col-auto {
		width: 100%;
	}
}


/* Scrollbar Styling */

.store-search-data .map-locations-list::-webkit-scrollbar {
	width: 15px;
}

.store-search-data .map-locations-list::-webkit-scrollbar-track {
	background-color: rgba(var(--color-primary-rgb), 0.25);
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.store-search-data .map-locations-list::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: var(--color-primary);
	border: 5px solid transparent;
	background-clip: content-box;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer {
	color: var(--color-white);
	font-size: 14px;
	margin-top: -30px;
	background: transparent linear-gradient(180deg, #02092a 0%, #02092a 35%, #1d2c7b 100%) 0% 0% no-repeat padding-box;
}

.footer section {
	padding: 0;
}

.footer .footer-content {
	max-width: 1024px;
	padding: 80px 0 0;
	margin: 0 auto;
}

.footer .footer-content {}

.footer .footer-content .footer-info {
	margin-bottom: 30px;
}

.footer .footer-content .footer-logo {
	margin: 0 0 20px 0;
	max-width: 115px;
}

.footer .footer-content .footer-logo img {
	width: auto;
	height: auto;
}

.footer .footer-content .footer-info h3 span {
	color: var(--color-primary);
}

.footer .footer-content .footer-info p {
	font-size: 14px;
	line-height: 1.4;
	color: var(--color-white);
}

.footer .footer-content .footer-info a {
	color: var(--color-white);
}

.footer .footer-content .footer-info a:hover {
	color: var(--color-primary);
}

.footer .footer-content .widget-title,
.footer .footer-content h4 {
	font-size: 16px;
	font-weight: 700;
	color: var(--color-white);
	position: relative;
	padding-bottom: 12px;
	margin-bottom: 15px;
}

.footer .footer-content .widget-title::after,
.footer .footer-content h4::after {
	content: "";
	position: absolute;
	display: block;
	width: 20px;
	height: 2px;
	background: transparent linear-gradient(93deg, #eb5a38 0%, #fdc60e 100%) 0% 0% no-repeat padding-box;
	bottom: 0;
	left: 0;
}

.footer .footer-content .footer-links {
	margin-bottom: 30px;
}

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

.footer .footer-content .footer-links ul i {
	padding-right: 2px;
	color: var(--color-white);
	font-size: 12px;
	line-height: 1;
}

.footer .footer-content .footer-links ul li {
	padding: 10px 0;
	display: flex;
	align-items: center;
}

.footer .footer-content .footer-links ul li:first-child {
	padding-top: 0;
}

.footer .footer-content .footer-links ul a {
	color: rgba(var(--color-white-rgb), 0.7);
	transition: 0.3s;
	display: inline-block;
	line-height: 1;
	position: relative;
	padding-left: 15px;
}

.footer .footer-content .footer-links ul a::before {
	content: "\f054";
	font-family: "FontAwesome", sans-serif;
	font-weight: 500;
	margin-right: 5px;
	font-size: 12px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.footer .footer-content .footer-links ul a:hover {
	color: var(--color-white);
}

.footer .footer-content .footer-newsletter {
	margin-bottom: 30px;
}

.footer .footer-content .footer-newsletter iframe {
	height: 70px;
}

.footer .footer-content .footer-newsletter form {
	margin-top: 15px;
	background: var(--color-white);
	position: relative;
	border-radius: 25px;
	padding: 6px 10px;
	padding-right: 45px;
}

.footer .footer-content .footer-newsletter form input[type=email] {
	border: 0;
	outline: none;
	padding: 4px;
	width: 100%;
}

.footer .footer-content .footer-newsletter form input[type=email]:focus-visible {
	outline: none;
}

.footer .footer-content .footer-newsletter form input[type=submit] {
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: 0;
	border: none;
	background-image: url(../images/subscribe-action.png);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center 5px;
	background-size: 100%;
	font-size: 0;
	width: 25px;
	height: 21px;
	transition: 0.3s;
}

.footer .footer-content .footer-newsletter form input::-webkit-input-placeholder {

	/* Chrome/Opera/Safari */
	color: var(--color-silver);
}

.footer .footer-content .footer-newsletter form input::-moz-placeholder {

	/* Firefox 19+ */
	color: var(--color-silver);
}

.footer .footer-content .footer-newsletter form input:-ms-input-placeholder {

	/* IE 10+ */
	color: var(--color-silver);
}

.footer .footer-content .footer-newsletter form input:-moz-placeholder {

	/* Firefox 18- */
	color: var(--color-silver);
}

.footer .social-links {
	font-size: 18px;
	font-weight: 600;
	display: inline-block;
	color: var(--color-white);
	line-height: 1;
}

.footer .social-links span {
	margin-right: 8px;
}

.footer .social-links a {
	margin: 0;
}

.footer .social-links a svg {
	fill: var(--color-white);
	width: 30px;
	height: 30px;
}

.footer .social-links a:hover svg {
	fill: var(--color-primary);
}

.footer .social-links a {
	font-size: 26px;
	display: inline-block;
	color: var(--color-white);
	line-height: 1;
	margin-right: 5px;
	transition: 0.3s;
}

.footer .social-links a:hover {
	color: var(--color-primary);
	text-decoration: none;
}

.footer .footer-legal {
	padding: 0 0 30px;
}

.footer .footer-legal .copyright {
	color: var(--color-white);
}

.footer .footer-legal .copyright a {
	color: var(--color-white);
	font-weight: 700;
}

.footer .footer-legal .copyright a:hover {
	color: var(--color-primary);
}

@media (min-width: 2200px) {

	.footer,
	.footer .social-links {
		font-size: 1.44rem;
	}

	.footer .footer-content .footer-logo {
		max-width: 160px;
	}

	.footer .footer-content .footer-info p {
		font-size: 1.44rem;
	}

	.footer .footer-content .widget-title,
	.footer .footer-content h4 {
		padding-bottom: 15px;
		font-size: 26px;
		margin-bottom: 30px;
	}

	.footer .footer-content .widget-title,
	.footer .footer-content h4 {
		font-size: 1.66rem;
	}

	.footer .social-links a {
		font-size: 1.66rem;
	}

	.footer .footer-content .footer-newsletter form input[type=submit] {
		top: 12px;
		width: 39px;
		height: 34px;
	}

	.footer .footer-content {
		padding-top: 130px;
	}
}

@media (min-width: 1400px) {

	.footer .footer-content {
		max-width: 1155px;
	}

	.footer .footer-content .widget-title,
	.footer .footer-content h4 {
		font-size: 18px;
		margin-bottom: 27px;
	}
}

@media (min-width: 2200px) {

	.footer .footer-content .widget-title,
	.footer .footer-content h4 {
		padding-bottom: 15px;
		font-size: 26px;
		margin-bottom: 30px;
	}

	.footer .footer-content .footer-links ul a {
		font-size: 20px;
	}

	.footer .footer-content .footer-info p {
		font-size: 16px;
	}
}

@media (max-width: 767px) {

	.footer .social-links {
		text-align: center;
		width: 100%;
	}

	.footer .footer-legal .copyright {
		font-size: 13px;
	}
}


.page-template-template-contact-us .cta {
	padding-top: 45px !important;
}
@media (min-width: 992px) {

	.page-template-template-contact-us .cta {
		padding-top: 50px !important;
	}
}

@media (min-width: 1400px) {

	.page-template-template-contact-us .cta {
		padding-top: 75px !important;
	}
}

/* Menu css */
#primary-mobile-menu {
	position: fixed;
	top: 23px;
	z-index: 9999;
	right: 20px;
}

#primary-mobile-menu .dropdown-icon.close {
	display: none;
}

#primary-mobile-menu,
#primary-mobile-menu span,
#primary-mobile-menu svg {
	width: 30px;
	height: 108px;
	border: 0;
	padding: 0;
	background: transparent;
	display: inline-block;
}

#primary-mobile-menu svg path {
	fill: #f9af17;
}

.primary-navigation-open {
	overflow: hidden;
	z-index: 9995;
	position: relative;
}

.primary-navigation-open  #primary-mobile-menu .dropdown-icon.open {
	display: none;
}

.primary-navigation-open  #primary-mobile-menu .dropdown-icon.close {
	display: block;
}

.primary-navigation-open  #primary-mobile-menu .dropdown-icon.close svg path {
	fill: #fff;
}

.primary-navigation-open .navbar {
	left: 0;
}

.primary-navigation-open .navbar ul li.shop-now-btn {
	display: none;
}

.desk-hide-shop-now-btn ul > li > a {
	margin-left: 30px;
	min-width: auto;
	font-size: 1rem;
	color: var(--color-white);
	font-weight: 600;
	line-height: 1;
	background: transparent linear-gradient(15deg, #e74540 0%, #fdc60e 100%) 0% 0% no-repeat padding-box;
	border: none;
	border-radius: 25px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 15px 22px;
	box-shadow: -5px 5px 16px -7px rgba(var(--color-default-rgb), 0.7);
	transition: 0.4s;
	position: relative;
	text-transform: uppercase;
}

.desk-hide-shop-now-btn ul > li > a:hover,
.desk-hide-shop-now-btn ul > li > a:focus:hover {
	color: var(--color-white);
	background: transparent linear-gradient(-15deg, #e74540 0%, #fdc60e 100%) 0% 0% no-repeat padding-box;
}

@media (min-width: 992px) {

	.desk-hide-shop-now-btn {
		display: none;
	}
}
@media (max-width: 767px) {

	#primary-mobile-menu {
		top: 20px;
		right: 15px;
	}
}

/* .top-seller .owl-stage {
    display: flex;
} */
.top-seller .owl-stage .item {
	height: 100%;
}

.top-seller .owl-theme .owl-nav button {
	margin: 0 !important;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 40px;
	width: 40px !important;
	display: flex !important;
	padding: 0 !important;
	justify-content: center;
	align-items: center;
	background-color: transparent !important;
}

.top-seller .owl-theme .owl-nav button.owl-next {
	left: auto;
	right: 0;
}

.top-seller .owl-theme .owl-nav button span {
	display: none;
}

.top-seller .owl-theme .owl-nav button.owl-next:after,
.top-seller .owl-theme .owl-nav button.owl-prev:after {
	width: 25px;
	height: 27px;
	opacity: 0.35;
	background-size: 100%;
	background-repeat: no-repeat;
}

.top-seller .owl-theme .owl-nav button.owl-next:hover:after,
.top-seller .owl-theme .owl-nav button.owl-prev:hover:after {
	opacity: 1;
}

.top-seller .owl-theme .owl-nav button.owl-prev:after {
	content: "";
	background-image: url("../images/arrow-blue-prev.svg");
}

.top-seller .owl-theme .owl-nav button.owl-next:after {
	content: "";
	background-image: url("../images/arrow-blue-next.svg");
}

@media (max-width: 1199px) {

	.top-seller .owl-theme .owl-nav button {
		width: 30px !important;
		height: 30px;
	}

	.top-seller .owl-theme .owl-nav button.owl-next:after,
	.top-seller .owl-theme .owl-nav button.owl-prev:after {
		width: 20px;
		height: 22px;
	}
}

.reviews .owl-theme.review-carousel .owl-dots .owl-dot span {
	background-color: #fff !important;
}

/* Facebook  starts*/
.facebook-content {
	max-width: 650px;
	margin: 0 auto;
}

.other-recent-post,
.most-recent-post {
	padding: 0;
}

.other-recent-post .fb-feed-img {
	margin-bottom: 5px;
}

.other-recent-post .fb-feed-img img {
	width: 150px;
	height: 122px;
	object-fit: cover;
}

.fb-text {
	text-align: left;
	position: absolute;
	bottom: 0;
	z-index: 1;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.35);
	padding: 10px;
	font-size: 12px;
}

.most-recent-post .fb-feed-img {
	position: relative;
}

.other-recent-post .fb-feed-img img,
.most-recent-post .fb-feed-img img {
	border-radius: 3px;
}

@media (max-width: 767px) {

	.other-recent-post,
	.most-recent-post {
		padding: 0 15px;
	}

	.other-recent-post .fb-feed-img img {
		width: 100%;
		height: 100%;
		padding: 0 2px;
	}

	.other-recent-post,
	.most-recent-post {
		display: flex;
	}

	.most-recent-post {
		padding-bottom: 5px;
	}
}

/* Facebook  ends*/

#modal_screen {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1100;
	background: transparent linear-gradient(0deg, #02092a 0%, #02092a 18%, #1d2c7b 100%) 0% 0% no-repeat padding-box;
}

#modal_screen.nope {
	background-color: #1e0924;
}

#modal_content {
	position: fixed;
	z-index: 1101;
	margin: 0 auto;
	border-radius: 100%;
	width: 100%; /* if you adjust it from the original 290px, adjust the difference in the width of #modal_content nav too */
	height: 100%; /* if you adjust it from the original 290px, adjust the difference in the width of #modal_content nav too */

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

#modal_content .content_wrapper {
	width: 800px;
	max-width: 90%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: column;

	/* background: transparent linear-gradient(0deg,#02092A 0%,#02092A 18%,#1D2C7B 100%) 0% 0% no-repeat padding-box; */
	padding: 50px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	position: relative;
	color: #fff;
}

#modal_content .logo {
	margin: 20px 0;
}

#modal_content .content_text {
	font-size: 22px;
	margin-bottom: 0;
	line-height: 32px;
}

.age-verification-btn  ul {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.age-verification-btn ul .button-bg-gradient {
	min-width: 90px;
	margin: 0 5px 0;
	padding: 12px 20px;
}

nav.age-verification-btn {
	margin: 30px 0;
}

p.popup-disclaimer {
	font-size: 13px;
	line-height: 20px;
	margin: 0;
}
@media (max-width: 991px) {

	#modal_content .content_text {
		font-size: 18px;
	}
}
@media (max-width: 767px) {

	#modal_content .content_wrapper {
		padding: 30px;
	}

	#modal_content .content_text {
		font-size: 16px;
	}
}
@media (max-width: 600px) {

	#modal_content .content_wrapper {
		max-width: 96%;
	}

	#modal_content .logo {
		margin: 10px;
	}

	#modal_content .logo img {
		height: 100px;
		width: auto;
	}

	nav.age-verification-btn {
		margin: 10px 0;
	}

	.age-verification-btn ul .button-bg-gradient {
		min-width: 80px;
		margin: 0 10px;
		padding: 10px 20px;
	}
}
@media (max-width: 479px) {

	#modal_content .content_wrapper {
		padding: 20px;
	}
}

.footer-disclaimer p {
	font-size: 13px;
}

.footer-disclaimer {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding: 15px 0 0;
}

.footer-join-team {
	text-align: center;
	background: transparent linear-gradient(0deg, #02092a 0%, #02092a 18%, #1d2c7b 100%) 0% 0% no-repeat padding-box;
	padding: 30px;
	max-width: 400px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	border-radius: 10px;
	box-sizing: border-box;
	border: 2px solid #f9af18;
}

.footer-join-team button.close {
	top: -15px;
	right: -15px;
	position: absolute;
	opacity: 1;
	font-size: 35px;
	line-height: 38px;
	height: 38px;
	background: var(--color-primary);
	border-radius: 100%;
	width: 38px;
	border: 0;
	color: #000;
}

.footer-join-team button.close:focus {
	outline: 0 none;
}

.footer-join-team .modal-body {
	position: relative;
	padding: 0;
}

.footer-join-team h2 {
	font-size: 20px;
	line-height: normal;
	color: #fff;

	/* text-transform: capitalize; */
	margin-bottom: 15px;
}

/* .footer-join-team a {
    text-transform: uppercase;
} */
.footer-join-team a:hover {
	color: #fdc60e;
}

.glightbox-clean .gclose {
	width: 35px;
    height: 35px;
	padding: 0;
}
.glightbox-clean .gclose svg {
	width: 18px;
    height: 18px;
	padding: 0;
	margin: 0;
}

@media (max-width: 480px) {

	.footer-join-team {
		right: 0;
		margin: 10px;
		max-width: 100%;
	}

	.footer-join-team button.close {
		right: -10px;
		left: auto;
		padding: 0;
	}
}