@charset "utf-8";
/* CSS Document */

/* ============================================ */
/* FONT DECLARATIONS FOR STYLIST DESIGN        */
/* ============================================ */

@font-face {
    font-family: 'RobotoLight';
    src: url('../fonts/RobotoLight.eot');
    src: url('../fonts/RobotoLight.eot') format('embedded-opentype'),
         url('../fonts/RobotoLight.woff2') format('woff2'),
         url('../fonts/RobotoLight.woff') format('woff'),
         url('../fonts/RobotoLight.ttf') format('truetype'),
         url('../fonts/RobotoLight.svg#RobotoLight') format('svg');
}

@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/RobotoRegular.eot');
    src: url('../fonts/RobotoRegular.eot') format('embedded-opentype'),
         url('../fonts/RobotoRegular.woff2') format('woff2'),
         url('../fonts/RobotoRegular.woff') format('woff'),
         url('../fonts/RobotoRegular.ttf') format('truetype'),
         url('../fonts/RobotoRegular.svg#RobotoRegular') format('svg');
}

@font-face {
    font-family: 'RobotoMedium';
    src: url('../fonts/RobotoMedium.eot');
    src: url('../fonts/RobotoMedium.eot') format('embedded-opentype'),
         url('../fonts/RobotoMedium.woff2') format('woff2'),
         url('../fonts/RobotoMedium.woff') format('woff'),
         url('../fonts/RobotoMedium.ttf') format('truetype'),
         url('../fonts/RobotoMedium.svg#RobotoMedium') format('svg');
}

@font-face {
    font-family: 'RobotoSemiBold';
    src: url('../fonts/RobotoSemiBold.eot');
    src: url('../fonts/RobotoSemiBold.eot') format('embedded-opentype'),
         url('../fonts/RobotoSemiBold.woff2') format('woff2'),
         url('../fonts/RobotoSemiBold.woff') format('woff'),
         url('../fonts/RobotoSemiBold.ttf') format('truetype'),
         url('../fonts/RobotoSemiBold.svg#RobotoSemiBold') format('svg');
}

@font-face {
    font-family: 'RobotoBold';
    src: url('../fonts/RobotoBold.eot');
    src: url('../fonts/RobotoBold.eot') format('embedded-opentype'),
         url('../fonts/RobotoBold.woff2') format('woff2'),
         url('../fonts/RobotoBold.woff') format('woff'),
         url('../fonts/RobotoBold.ttf') format('truetype'),
         url('../fonts/RobotoBold.svg#RobotoBold') format('svg');
}

@font-face {
    font-family: 'OptimaNovaLTProRegular';
    src: url('../fonts/OptimaNovaLTProRegular.eot');
    src: url('../fonts/OptimaNovaLTProRegular.eot') format('embedded-opentype'),
         url('../fonts/OptimaNovaLTProRegular.woff2') format('woff2'),
         url('../fonts/OptimaNovaLTProRegular.woff') format('woff'),
         url('../fonts/OptimaNovaLTProRegular.ttf') format('truetype'),
         url('../fonts/OptimaNovaLTProRegular.svg#OptimaNovaLTProRegular') format('svg');
}

@font-face {
    font-family: 'OptimaNovaLTProLight';
    src: url('../fonts/OptimaNovaLTProLight.eot');
    src: url('../fonts/OptimaNovaLTProLight.eot') format('embedded-opentype'),
         url('../fonts/OptimaNovaLTProLight.woff2') format('woff2'),
         url('../fonts/OptimaNovaLTProLight.woff') format('woff'),
         url('../fonts/OptimaNovaLTProLight.ttf') format('truetype'),
         url('../fonts/OptimaNovaLTProLight.svg#OptimaNovaLTProLight') format('svg');
}

@font-face {
    font-family: 'OptimaNovaLTProMedium';
    src: url('../fonts/OptimaNovaLTProMedium.eot');
    src: url('../fonts/OptimaNovaLTProMedium.eot') format('embedded-opentype'),
         url('../fonts/OptimaNovaLTProMedium.woff2') format('woff2'),
         url('../fonts/OptimaNovaLTProMedium.woff') format('woff'),
         url('../fonts/OptimaNovaLTProMedium.ttf') format('truetype'),
         url('../fonts/OptimaNovaLTProMedium.svg#OptimaNovaLTProMedium') format('svg');
}

@font-face {
    font-family: 'OptimaNovaLTProDemi';
    src: url('../fonts/OptimaNovaLTProDemi.eot');
    src: url('../fonts/OptimaNovaLTProDemi.eot') format('embedded-opentype'),
         url('../fonts/OptimaNovaLTProDemi.woff2') format('woff2'),
         url('../fonts/OptimaNovaLTProDemi.woff') format('woff'),
         url('../fonts/OptimaNovaLTProDemi.ttf') format('truetype'),
         url('../fonts/OptimaNovaLTProDemi.svg#OptimaNovaLTProDemi') format('svg');
}

@font-face {
    font-family: 'OptimaNovaLTProBold';
    src: url('../fonts/OptimaNovaLTProBold.eot');
    src: url('../fonts/OptimaNovaLTProBold.eot') format('embedded-opentype'),
         url('../fonts/OptimaNovaLTProBold.woff2') format('woff2'),
         url('../fonts/OptimaNovaLTProBold.woff') format('woff'),
         url('../fonts/OptimaNovaLTProBold.ttf') format('truetype'),
         url('../fonts/OptimaNovaLTProBold.svg#OptimaNovaLTProBold') format('svg');
}

/* ============================================ */
/* CSS CUSTOM PROPERTIES (VARIABLES)           */
/* ============================================ */

:root {
	--charcoal: #414042;
	--white: #fff;
	--linen: #EEEBEA;
	--linen-light: #FCFAFA;
	--ston-light: #A8A5A7;
	--stone: #776F74;
}

body {
	font-family: 'RobotoRegular';
	font-size: 14px;
	line-height: 150%;
	background-color: var(--white) !important;
	color: var(--charcoal) !important;
}

figure {
	margin: 0;
}

a,
input,
button,
textarea {
	outline: none !important;
}

a {
	color: inherit;
	text-decoration: none;
	transition: all ease-in-out 300ms;
	-webkit-transition: all ease-in-out 300ms;
	-ms-transition: all ease-in-out 300ms;
	-o-transition: all ease-in-out 300ms;
	-moz-transition: all ease-in-out 300ms;
}

a:hover {
	color: inherit;
	text-decoration: none;
}

p {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

p a {
	text-decoration: none;
	color: inherit;
}

p a:hover {
	text-decoration: none;
	color: inherit;
	opacity: 0.7;
}

ul li,
ol li {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

ul li a,
ol li a {
	text-decoration: none;
	color: inherit;
}

.user-detail-right ul li a,
.user-detail-right ol li a {
	color: var(--charcoal);
}

ul li a:hover,
ol li a:hover {
	text-decoration: none;
	color: inherit;
	opacity: 0.7;
}

/* ============================================ */
/* OVERRIDE LEGACY CSS FOR STYLIST DESIGN */
/* ============================================ */
/* Higher specificity to override global rules from legacy CSS */

/* Override legacy h1-h6 rules */
.stylist-design h1,
.stylist-design h2,
.stylist-design h3,
.stylist-design h4,
.stylist-design h5,
.stylist-design h6,
.stylist-container h1,
.stylist-container h2,
.stylist-container h3,
.stylist-container h4,
.stylist-container h5,
.stylist-container h6 {
	font-family: inherit;
	text-transform: none;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

/* Override legacy button height rules */
.stylist-design a.btn,
.stylist-design .btn,
.stylist-container a.btn,
.stylist-container .btn {
	height: auto;
	min-height: auto;
}

/* Override legacy row margin rules */
.stylist-design .row,
.stylist-container .row {
	margin-bottom: 0;
}

/* Override legacy header min-height rules */
.stylist-design #header,
.stylist-design .header,
.stylist-container #header,
.stylist-container .header {
	min-height: auto;
}

/* ============================================ */
/* STYLIST DESIGN TYPOGRAPHY CLASSES           */
/* ============================================ */

/* Common Style Start */
.main-title {
	font-family: 'OptimaNovaLTProRegular' !important;
	font-size: 24px !important;
	line-height: 150% !important;
	font-weight: normal !important;
	text-transform: none !important;
}

.main-title * {
	text-decoration: none;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
}

.section-title {
	font-family: 'OptimaNovaLTProBold' !important;
	font-size: 16px !important;
	line-height: 150% !important;
	font-weight: normal !important;
	letter-spacing: 0.32px !important;
	text-transform: uppercase !important;
}

.section-title * {
	text-decoration: none;
	font-family: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	font-weight: inherit !important;
	letter-spacing: inherit !important;
	text-transform: inherit !important;
	margin: 0;
}

.common-detail {
	font-family: 'RobotoMedium' !important;
	text-transform: none !important;
}

.common-detail * {
	text-decoration: none;
	font-family: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	font-weight: inherit !important;
	text-transform: inherit !important;
	margin: 0;
}

.small-title {
	font-size: 12px !important;
	line-height: 150% !important;
	font-weight: normal !important;
	text-transform: none !important;
}

.small-title * {
	text-decoration: none;
	font-family: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	font-weight: inherit !important;
	letter-spacing: inherit !important;
	text-transform: inherit !important;
	margin: 0;
}

/* Stylist design buttons - Only apply to elements with .stylist-btn class or inside .stylist-design containers */
.stylist-btn,
.stylist-design .btn,
.stylist-container .btn {
	font-family: 'OptimaNovaLTProMedium';
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 0.7px;
	text-transform: capitalize;
	padding: 6px;
	max-width: 139px;
	width: 100%;
	display: block;
	box-shadow: none;
	border-radius: 24px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-ms-border-radius: 24px;
	-o-border-radius: 24px;
}

.stylist-btn:focus,
.stylist-design .btn:focus,
.stylist-container .btn:focus {
	box-shadow: none !important;
}

.stylist-btn.btn-border,
.stylist-design .btn.btn-border,
.stylist-container .btn.btn-border {
	background-color: var(--white) !important;
	border: 1px solid var(--charcoal) !important;
}

.stylist-btn.btn-border:hover,
.stylist-design .btn.btn-border:hover,
.stylist-container .btn.btn-border:hover {
	background-color: var(--linen) !important;
}

.stylist-btn.btn-border-white,
.stylist-design .btn.btn-border-white,
.stylist-container .btn.btn-border-white {
	color: var(--white) !important;
	border: 1px solid var(--white) !important;
}

.activated {
	background-color: var(--linen);
}

.live {
	background-color: #D5F1DA;
}

.btn-grey {
	font-family: 'OptimaNovaLTProMedium';
	font-size: 20px;
	line-height: 150%;
	letter-spacing: 1px;
	color: var(--white);
	text-transform: capitalize;
	max-width: 100%;
	padding: 16px;
	background-color: var(--charcoal);
	border-radius: 41px;
	-webkit-border-radius: 41px;
	-moz-border-radius: 41px;
	-ms-border-radius: 41px;
	-o-border-radius: 41px;
}

.btn-grey:hover {
	background-color: #686868;
	color: var(--white);
}

/* Common Style End */


/*==================================================================*/
/*========== Header Start ==========*/
/*==================================================================*/

/* Vue.js App Wrapper Compatibility Fixes */
#app {
	/* Ensure app wrapper doesn't interfere with positioning contexts */
	position: relative;
	z-index: auto;
	/* Inherit body styles properly */
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	background: transparent;
}

/* Ensure header stacking context works with app wrapper */
#app .header {
	/* Maintain proper z-index hierarchy above sticky table headers */
	position: sticky !important;
	top: 0 !important;
	z-index: 1030 !important;
	/* Ensure proper isolation from app wrapper */
	isolation: isolate;
}

/* Ensure dropdown menus work correctly with app wrapper nesting */
#app .header .dropdown-menu {
	/* Maintain proper z-index above sticky table headers and header */
	z-index: 1060 !important;
	position: absolute !important;
}

/* Ensure sticky elements work with app wrapper */
#app .product-listing-sticky {
	/* Maintain sticky behavior through app wrapper */
	position: sticky;
	z-index: 998;
}

/* Vue.js Navigation Components Fix */
.navbar-nav > div {
	display: contents;
}

/* Fix dropdown menu items inside header-right - Override circular styling */
.header-right .dropdown-menu {
	width: auto !important;
	min-width: 220px !important;
	height: auto !important;
	border-radius: 0.25rem !important;
	background-color: white !important;
	color: inherit !important;
	letter-spacing: normal !important;
	font-family: inherit !important;
	font-weight: normal !important;
	text-align: left !important;
	padding: 0.5rem 0 !important;
	border: 1px solid rgba(0,0,0,.15) !important;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,.175) !important;
	position: absolute !important;
	top: 100% !important;
	right: 0 !important;
	z-index: 1000 !important;
}

/* Override .header-right ul li a styles for dropdown items */
.header-right .dropdown-menu .dropdown-item,
.header-right .dropdown-menu a {
	width: 100% !important;
	height: auto !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	color: #212529 !important;
	letter-spacing: normal !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	font-weight: 400 !important;
	font-size: 14px !important;
	text-align: left !important;
	padding: 0.5rem 1rem !important;
	margin: 0 !important;
	text-decoration: none !important;
	justify-content: flex-start !important;
	align-items: flex-start !important;
	flex-direction: row !important;
	white-space: nowrap !important;
	cursor: pointer !important;
	line-height: 1.5 !important;
}

.header-right .dropdown-menu .dropdown-item:hover,
.header-right .dropdown-menu a:hover {
	background-color: #f8f9fa !important;
	color: #16181b !important;
	text-decoration: none !important;
}

.header-right .dropdown-menu .dropdown-item:focus,
.header-right .dropdown-menu a:focus {
	background-color: #f8f9fa !important;
	color: #16181b !important;
	text-decoration: none !important;
	outline: none !important;
}

/* Hide Bootstrap caret on contact dropdown icon */
.header-right #contactDropdown.dropdown-toggle::after {
	display: none !important;
}

/* Make Teams dropdown container match headerDropdown styling */
.header .navbar-nav .nav-item.dropdown .dropdown-menu {
	background-color: #ffffff !important;
	border: 1px solid rgba(0,0,0,.15) !important;
	border-radius: 0.375rem !important;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,.175) !important;
	padding: 0.5rem 0 !important;
	margin: 0 !important;
	min-width: 220px !important;
}

/* Make Teams dropdown (navbarDropdownTerritory) items match headerDropdown styling */
.header .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item,
.header .navbar-nav .nav-item.dropdown .dropdown-menu a {
	width: 100% !important;
	height: auto !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	color: #212529 !important;
	letter-spacing: normal !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	font-weight: 400 !important;
	font-size: 14px !important;
	text-align: left !important;
	padding: 0.5rem 1rem !important;
	margin: 0 !important;
	text-decoration: none !important;
	justify-content: flex-start !important;
	align-items: flex-start !important;
	flex-direction: row !important;
	white-space: nowrap !important;
	cursor: pointer !important;
	line-height: 1.5 !important;
}

.header .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover,
.header .navbar-nav .nav-item.dropdown .dropdown-menu a:hover {
	background-color: #f8f9fa !important;
	color: #16181b !important;
	text-decoration: none !important;
}

.header .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:focus,
.header .navbar-nav .nav-item.dropdown .dropdown-menu a:focus {
	background-color: #f8f9fa !important;
	color: #16181b !important;
	text-decoration: none !important;
	outline: none !important;
}

/* Fix Teams dropdown alignment in main navigation - Override all margin rules */
.header .navbar-nav .nav-item.dropdown {
	margin: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding: 0 8px !important;
	display: flex !important;
	align-items: center !important;
	vertical-align: baseline !important;
}

.header .navbar-nav .nav-item.dropdown .nav-link {
	margin: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	vertical-align: baseline !important;
}

/* Override specific margin-top rule found in other CSS files */
.nav-item.dropdown {
	margin-top: 0 !important;
}

/* Ensure all dropdown menus in main navigation align properly */
.navbar-nav .dropdown-menu {
	margin-top: 0 !important;
}

/* Fix SsoApps dropdown alignment */
.navbar-nav .sso-apps {
	margin: 0 !important;
	padding: 0 !important;
	align-items: center;
	display: flex;
}

/* Fix SsoApps dropdown z-index to appear above sticky table headers */
.menu-grid .dropdown-menu {
	z-index: 1060 !important;
	position: absolute !important;
}

.menu-grid .list {
	z-index: 1060 !important;
	position: relative !important;
}

/* Fix links_icons z-index to stay below dropdown menus */
.links_icons {
	z-index: 10 !important;
}

.links_icons a {
	z-index: 10 !important;
}

.header {
	position: sticky !important;
	top: 0 !important;
	z-index: 1030 !important;
	padding: 25px 0 !important;
	background-color: var(--white) !important;
	-moz-box-shadow: 0 2px 18px 0 rgba(0, 0, 0, 0.30) !important;
	-webkit-box-shadow: 0 2px 18px 0 rgba(0, 0, 0, 0.30) !important;
	box-shadow: 0 2px 18px 0 rgba(0, 0, 0, 0.30) !important;
}

.header .navbar {
	padding: 0 !important;
}

.header .navbar-brand {
	max-width: 220px !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

.header-right ul {
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	align-items: center !important;
}

.header-right ul li {
	list-style-type: none !important;
	padding: 0 20px 0 0 !important;
}

.header-right ul li:last-child {
	padding-right: 0 !important;
}

.header-right ul li a {
	width: 40px !important;
	height: 40px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background-color: var(--linen) !important;
	border-radius: 50% !important;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	-ms-border-radius: 50% !important;
	-o-border-radius: 50% !important;
}

.header-right ul li a figure {
	display: flex;
}

.header .navbar-nav .nav-item {
	padding: 0 8px;
}

.header .navbar-nav .nav-item .nav-link {
	font-family: 'OptimaNovaLTProMedium';
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 0.7px;
	text-transform: uppercase;
	color: var(--charcoal);
	padding: 0;
}

/*==================================================================*/
/*========== Header End ==========*/
/*==================================================================*/



/*==================================================================*/
/*========== New Class Add Start ==========*/
/*==================================================================*/

/*========== Home Page Start ==========*/
.banner-wrp {
	padding: 31px 0 53px;
	background-repeat: no-repeat;
	background-size: cover;
}

.upcoming-schedule-wrp {
	background-color: var(--white);
	overflow: hidden;
	height: 100%;
	-moz-box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.25);
	box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.25);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}

.upcoming-schedule-main {
	padding: 4px 24px 20px;
}

.upcoming-schedule-wrp .section-title {
	padding: 11px 24px;
	color: var(--white);
	background-color: var(--charcoal);
}

.upcoming-schedule-wrp .section-title small {
	font-size: 14px;
	letter-spacing: 0.28px;
}

.upcoming-schedule-block {
	display: flex;
	align-items: center;
	padding: 10px 0;
	border-bottom: 1px solid var(--linen);
}

.schedule-time .small-title,
.schedule-details .small-title {
	color: var(--ston-light);
}

.schedule-btn {
	margin-left: auto;
	max-width: 139px;
	width: 100%;
}

.schedule-time {
	margin: 0 30px 0 0;
	flex: 0 0 auto;
}

.upcoming-schedule-btns {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 0 0;
}

.btn.add-more,
.btn.view-all {
	display: flex;
	align-items: center;
	border: 1px solid var(--linen);
	max-width: max-content;
}

.btn.add-more {
	padding: 0 27px 0 0;
}

.add-more:hover .btn-icon,
.view-all:hover .btn-icon {
	background-color: #686868;
}

.btn.view-all {
	padding: 0 0 0 24px;
	justify-content: flex-end;
}

.add-more .btn-icon {
	margin: 0 15px 0 0;
}

.view-all .btn-icon {
	margin: 0 0 0 20px;
}

.btn-icon {
	width: 36px;
	height: 36px;
	background-color: var(--charcoal);
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.btn-icon figure {
	display: flex;
}

.latest-hoc-block {
	display: flex;
	align-items: center;
	padding: 10px 0;
	border-bottom: 1px solid var(--linen);
}

.latest-icon {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 18px 0 0;
	flex: 0 0 auto;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}

.latest-icon .latest-news-img {
	width: 50px;
	height: 50px;
	object-fit: cover;
	border-radius: 6px;
}

.latest-details .small-title {
	color: var(--ston-light);
}

.latest-arrow {
	margin-left: auto;
}

.latest-hoc-inner {
	padding: 6px 0 0;
}

.btn-arrow {
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	border: 1px solid var(--linen);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.btn-arrow:hover {
	border-color: var(--charcoal);
}

.banner-section .row {
	margin: 0 -12px !important;
}

.banner-section .row>* {
	padding: 0 12px !important;
}

.user-detail-wrp {
	margin: 0 0 50px;
}

.user-detail-right ul {
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.user-detail-right ul li {
	list-style-type: none;
	padding: 0 11px;
}

.user-detail-right ul li:last-child {
	padding-right: 0;
}

.user-detail-right ul li a {
	font-family: 'OptimaNovaLTProDemi';
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 0.42px;
	position: relative;
	display: flex;
}

.user-detail-right ul li a::before {
	content: "";
	background-image: url("../img/new-design/external-link.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 16px;
	height: 16px;
	flex: 0 0 auto;
	margin: 2px 5px 0 0;
}

.user-detail-left {
	display: flex;
	align-items: center;
}

.user-detail-left .main-title {
	font-family: 'OptimaNovaLTProDemi';
}

.user-img {
	width: 110px;
	height: 110px;
	overflow: hidden;
	border: 3px solid var(--white);
	flex: 0 0 auto;
	margin: -14px 20px -14px 0;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.user-img figure {
	width: 100%;
	height: 100%;
}

.user-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.user-detail-top {
	padding: 0 56px 0 35px;
	background-color: var(--white);
	-moz-box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.25);
	box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.25);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}

.announcement-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px;
	background-color: var(--charcoal);
	max-width: 755px;
	width: 100%;
	margin: 0 auto;
	border-radius: 0 0 12px 12px;
	-webkit-border-radius: 0 0 12px 12px;
	-moz-border-radius: 0 0 12px 12px;
	-ms-border-radius: 0 0 12px 12px;
	-o-border-radius: 0 0 12px 12px;
}

.announcement-bar .common-detail {
	font-size: 13px;
	margin: 0 auto;
	color: var(--white);
	letter-spacing: 0.26px;
}

.announcement-bar .common-detail p {
	display: flex;
	align-items: center;
}

.announcement-bar .common-detail p::before {
	content: "";
	background-image: url("../img/new-design/info.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 20px;
	height: 20px;
	margin: 0 5px 0 0;
	flex: 0 0 auto;
}

.close-icon {
	flex: 0 0 auto;
}

.close-icon:hover {
	filter: invert(1);
	-webkit-filter: invert(1);
}

.help-wrp {
	background-color: var(--linen);
	padding: 40px 0 61px;
}

.help-main .main-title {
	margin: 0 0 24px;
	text-align: center;
}

.help-row {
	max-width: 886px;
	width: 100%;
	margin: 0 auto;
}

.help-block {
	display: flex;
	align-items: center;
	background-color: var(--white);
	padding: 0 18px 0 0;
	max-width: max-content;
	border-radius: 24px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-ms-border-radius: 24px;
	-o-border-radius: 24px;
}

.help-block:hover .help-block-icon {
	background-color: #686868;
}

.help-block .common-detail {
	font-family: 'OptimaNovaLTProMedium';
	letter-spacing: 0.7px;
	text-transform: capitalize;
}

.help-block-icon {
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--charcoal);
	margin: 0 15px 0 0;
	flex: 0 0 auto;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.help-block-icon figure {
	display: flex;
}

.new-bookings-wrp {
	padding: 48px 0 92px;
}

.sales-graph-wrp {
	padding: 22px 26px 26px;
}

.sales-graph-main {
	padding: 12px 14px 18px;
	margin: 0 0 17px;
	background-color: var(--linen-light);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}

.sales-graph-img img {
	width: 100%;
}

.sales-graph-main .common-detail {
	padding: 0 0 14px;
	text-align: center;
}

.sales-graph-block {
	text-align: center;
	padding: 8px 0 0;
}

.sales-graph-block .small-title {
	font-family: 'RobotoMedium';
	margin: 0 0 8px;
}

.graph-number {
	width: 72px;
	height: 72px;
	margin: 0 auto 21px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.graph-number * {
	font-family: 'OptimaNovaLTProRegular' !important;
	font-size: 30px !important;
	line-height: 150% !important;
	margin: 0 !important;
}

.sales-graph-block .btn {
	max-width: 118px;
	margin: 0 auto;
	padding: 7px;
}

.sales-graph-details .row>*:nth-child(2) .sales-graph-block {
	border-left: 1px solid var(--linen);
	border-right: 1px solid var(--linen);
}

.new-bookings-main .row {
	margin: 0 -12px;
}

.new-bookings-main .row>* {
	padding: 0 12px;
}
/*========== Home Page End ==========*/

/*========== Category Page Start ==========*/
.category-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 30px;
	margin: 0 0 50px;
	background-color: var(--charcoal);
	-moz-box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.25);
	box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.25);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}

.back-btn {
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--charcoal);
	border: 1px solid var(--stone);
	flex: 0 0 auto;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.back-btn:hover {
	background-color: #686868;
}

.category-title .back-btn {
	margin: 0 14px 0 0;
}

.category-title .main-title {
	font-family: 'OptimaNovaLTProDemi';
	color: var(--white);
}

.category-title {
	display: flex;
	align-items: center;
}

.category-top-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex: 0 0 auto;
}

.category-top-right .form-group {
	margin: 0;
}

.category-list {
	flex: 0 0 auto;
}

.category-list .nav-tabs {
	border: none;
}

.category-list .nav-tabs .nav-link {
	border: 1px solid var(--stone);
	background-color: transparent;
	padding: 0;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.category-list .nav-tabs .nav-link:hover,
.category-list .nav-tabs .nav-link.active {
	border-color: var(--white);
	opacity: 1;
}

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

.category-list ul li {
	list-style-type: none;
	padding: 0 11px 0 0;
}

.category-list ul li:last-child {
	padding-right: 14px;
}

.category-list ul li a {
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--stone);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.category-list ul li a:hover {
	background-color: #686868;
}

.category-list ul li a.active {
	border-color: var(--white);
}

.category-list ul li a figure {
	display: flex;
}

.category-list-view {
	padding: 20px 30px;
	background-color: var(--white);
	-moz-box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.25);
	box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.25);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}

.category-list-view .category-block {
	display: flex;
	align-items: center;
	padding: 10px 0;
	background-color: transparent;
	box-shadow: none;
	height: auto;
	margin: 0;
	border-bottom: 1px solid var(--linen);
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}

.category-list-view .category-block:first-child {
	padding-top: 0;
}

.category-list-view .category-block:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.category-list-view .category-img {
	width: 100px;
	height: 100px;
	min-height: auto;
	margin: 0 20px 0 0;
	flex: 0 0 auto;
}

.category-list-view .category-detail {
	width: 100%;
	padding: 0;
	border-top: none;
}

.search-product {
	max-width: 260px;
	width: 100%;
	position: relative;
	flex: 0 0 auto;
}

.search-product .form-control {
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 0.14px;
	padding: 7px 17px;
	height: auto;
	box-shadow: none;
	background-color: var(--white);
	border: 1px solid var(--linen);
	border-radius: 24px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-ms-border-radius: 24px;
	-o-border-radius: 24px;
}

.search-product .serach-icon {
	position: absolute;
	right: 1px;
	top: 50%;
	transform: translate(0, -51.5%);
	-webkit-transform: translate(0, -51.5%);
	-moz-transform: translate(0, -51.5%);
	-ms-transform: translate(0, -51.5%);
	-o-transform: translate(0, -51.5%);
}

.serach-icon {
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--charcoal);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.select-season {
	max-width: 215px;
	width: 100%;
	margin: 0 26px 0 0;
	flex: 0 0 auto;
}

.select-season .form-control {
	font-size: 14px;
	line-height: 150%;
	padding: 7px 12px;
	box-shadow: none;
	background-color: transparent;
	border: 1px solid var(--stone);
	color: var(--white);
	background-image: url("../img/new-design/arrow-down-circle.svg");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 97% 7px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}

.select-season .form-control option {
	color: var(--charcoal);
}

.category-wrp {
	padding: 31px 0 327px;
	background-repeat: no-repeat;
	background-size: cover;
}

.category-block {
	display: block;
	background-color: var(--white);
	padding: 0 22px 18px;
	overflow: hidden;
	margin: 0 0 36px;
	height: calc(100% - 36px);
	-moz-box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.25);
	box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.25);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}

.category-img {
	min-height: 267px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.category-detail {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0 0;
	border-top: 1px solid var(--linen);
}

.category-detail .btn-arrow {
	margin: 0 0 0 20px;
}

.category-row {
	margin: 0 -12px;
}

.category-row .row>* {
	padding: 0 12px;
}

.category-row.active {
	padding: 20px 30px;
    background-color: var(--white);
    -moz-box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.25);
    box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.category-row.active .row>* {
	flex: 0 0 100%;
    max-width: 100%;
}

.category-row.active .category-block {
	display: flex;
	align-items: center;
	padding: 10px 0;
	background-color: transparent;
	box-shadow: none;
	height: auto;
	margin: 0;
	border-bottom: 1px solid var(--linen);
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}

.category-row.active .row>*:last-child .category-block {
	border-bottom: none;
}

.category-row.active .category-img {
	min-height: auto;
	width: 100px;
    height: 100px;
	margin: 0 20px 0 0;
    flex: 0 0 auto;
}

.category-row.active .category-detail {
	width: 100%;
    padding: 0;
    border-top: none;
}
/*========== Category Page End ==========*/

/*========== Attendees Page Start ==========*/
.attendees-wrp {
	padding: 30px 0 30px;
	background-repeat: no-repeat;
	background-size: cover;
}

.attendees-main {
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}

.attendees-title {
	padding: 20px;
	background-color: var(--charcoal);
	text-align: center;
	margin: 0 0 26px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}

.attendees-title .main-title {
	font-family: 'OptimaNovaLTProDemi';
	color: var(--white);
}

.attendees-title .main-title span {
	font-family: 'OptimaNovaLTProLight';
}

.attendees-faq {
	padding: 8px 24px 32px;
}

.attendees-faq .card {
	border: none;
}

.attendees-faq .card-header {
	background-color: transparent;
	border-bottom: none;
	padding: 0;
	margin: 0 !important;
}

.attendees-faq button:focus {
    outline: none !important;
}

/* Ensure no focus border/shadow on targeted buttons */
.attendees-faq .no-focus-outline:focus{
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

.attendees-faq .card-header button {
	font-family: 'RobotoMedium';
	font-size: 14px;
	line-height: 150%;
	color: var(--charcoal);
	background-color: transparent;
	border: none;
	padding: 12px 0;
    display: block;
	max-width: 100%;
    width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid var(--linen);
}

.attendees-faq .card-header button:not(.collapsed) {
	border-bottom: none;
}

.attendees-faq .card-header button::after {
	content: "";
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url("../img/new-design/plus-circle-black.svg");
	background-repeat: no-repeat;
	background-size: 17px 17px;
	background-position: center center;
	border: 1px solid var(--linen);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.attendees-faq .card-header button:not(.collapsed):after {
	background-color: var(--linen);
	background-image: url("../img/new-design/minus-circle-black.svg");
}

.attendees-faq .card-body {
	padding: 0;
}

.inner-faq .card {
	margin: 0 0 12px;
	padding: 2px 12px;
	background-color: var(--linen);
	border-radius: 6px !important;
	-webkit-border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	-ms-border-radius: 6px !important;
	-o-border-radius: 6px !important;
}

.inner-faq .card-header button::after {
	display: none;
}

.inner-faq .card-header button {
	font-family: 'OptimaNovaLTProBold';
	font-size: 12px;
	line-height: 150%;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	padding: 12px 0 8px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}

.inner-faq .card-header button.collapsed {
	padding: 21px 0;
}

.inner-faq .card-header button:not(.collapsed) {
	border-bottom: 1px solid var(--white);
}

.inner-faq .card-body {
	padding: 17px 5px;
}

.btn-white {
	background-color: var(--white);
	border-color: var(--linen);
}

.inner-faq .form-group {
	margin-bottom: 19px;
}

.inner-faq .form-group label {
	font-size: 11px;
	line-height: 150%;
	letter-spacing: 0.55px;
	color: var(--stone);
	text-transform: capitalize;
	margin: 0 0 4px;
}

.inner-faq .form-control {
	font-size: 14px;
	line-height: 150%;
	color: var(--charcoal);
	padding: 7px 9px;
	height: auto;
	border: none;
	box-shadow: none;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}

.inner-faq .customcontrol {
    border: 1px solid var(--stone);
    background-image: url("../img/new-design/arrow-down-circle-dark.svg");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    padding-right: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.inner-faq .card-body .row {
	margin: 0 -11px;
}

.inner-faq .card-body .row>* {
	padding: 0 11px;
}

.inner-faq .form-btn {
	padding: 11px 0 0;
}

.shopping-btns {
	display: flex;
	align-items: center;
	justify-content: space-between;
    padding: 13px 12px;
    background-color: var(--linen);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
/*========== Attendees Page End ==========*/

/*========== Product Listing Page Start ==========*/
.listing-wrp {
	padding: 31px 0 68px;
	background-repeat: no-repeat;
	background-size: cover;
}

.listing-table {
	padding: 20px 30px 50px;
	background-color: var(--white);
	-moz-box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.25);
	box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.25);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}

.listing-wrp .category-top {
	margin: 0 0 15px;
}

.product-block {
	display: flex;
	align-items: center;
}

.product-img {
	width: 73px;
	height: 73px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	margin: 0 16px 0 0;
	flex: 0 0 auto;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}

.product-block span {
	font-family: 'RobotoMedium';
	font-size: 18px;
	line-height: 150%;
	display: block;
}

.listing-table thead th {
	font-family: 'RobotoSemiBold';
	font-size: 14px;
	line-height: 150%;
	font-weight: normal;
	padding: 0 12px 6px;
	color: var(--ston-light);
	border-top: none;
	border-bottom: 1px solid var(--linen);
}

.listing-table thead th:first-child {
	padding-left: 0;
}

.listing-table tbody th {
	font-weight: normal;
	color: var(--charcoal);
	border-top: none;
	vertical-align: middle;
	padding: 0;
	border-bottom: 1px solid var(--linen);
}

.listing-table tbody td {
	font-size: 16px;
	line-height: 150%;
	color: var(--charcoal);
	text-align: center;
	border-top: none;
	vertical-align: middle;
	padding: 10px;
	border-bottom: 1px solid var(--linen);
}

.listing-table tbody td strong {
	font-family: 'RobotoSemiBold';
	font-weight: normal;
}

.listing-table tbody td:first-child {
	padding-left: 0;
}

.product-quantity {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 117px;
	width: 100%;
	margin: 0 auto;
	padding: 9px 11px;
	background-color: var(--linen);
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
}

.product-quantity .form-control {
	background-color: transparent;
	border: none;
	width: auto;
	height: auto;
	box-shadow: none;
	padding: 0;
	text-align: center;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}

.product-quantity .form-control::-webkit-outer-spin-button,
.product-quantity .form-control::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.product-quantity .form-control[type=number] {
  	-moz-appearance: textfield;
}

.quantity-btn {
	background-color: transparent;
	border: none;
	padding: 0;
	display: flex;
	flex: 0 0 auto;
}

.listing-actions {
	display: flex;
	align-items: center;
}

.listing-actions .btn {
	max-width: 233px;
	width: 100%;
	margin: 0 17px 0 0;
}

.favourite-btn {
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	border: 1px solid var(--linen);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.favourite-btn svg path {
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.favourite-btn:hover,
.favourite-btn.active {
	border-color: #DC3545;
}

.favourite-btn:hover svg path,
.favourite-btn.active svg path {
	stroke: #DC3545;
	fill: #FFBEC4;
}

.listing-details-wrp {
	background-color: var(--charcoal);
	padding: 54px 0;
}

.btn-border-white {
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-border-white span {
	width: 20px;
	height: 20px;
	/*display: flex;*/
	align-items: center;
	justify-content: center;
	margin: 0 0 0 8px;
	flex: 0 0 auto;
}

.listing-details-left {
	display: flex;
	align-items: center;
	gap: 24px;
}

.listing-details-left .btn {
	max-width: 170px;
}

.listing-details-left .btn:hover {
	color: var(--white);
	opacity: 0.7;
}

.listing-details-right .common-detail {
	font-family: 'RobotoLight';
	color: var(--white);
	letter-spacing: 0.8px;
	text-transform: capitalize;
	margin: 0 24px 0 0;
	flex: 0 0 auto;
}

.listing-details-right .common-detail span {
	font-family: 'RobotoSemiBold';
	font-size: 20px;
	letter-spacing: 0;
}

.listing-details-right .btn {
	max-width: 266px;
}

.listing-details-right .btn-white:hover {
	background-color: var(--linen);
}

.listing-details-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.product-listing-sticky {
	position: sticky;
	left: 0;
	right: 0;
	bottom: 0;
}
/*========== Product Listing Page End ==========*/

/*========== Shopping Cart Page Start ==========*/
.common-form label {
	font-family: 'RobotoSemiBold';
	font-size: 14px;
	line-height: 150%;
	color: #20262E;
	margin: 0 0 5px;
}

.common-form .form-control {
	font-size: 14px;
	line-height: 150%;
	color: var(--charcoal);
	border: none;
	background-color: var(--linen);
	padding: 10px 11px;
	height: auto;
	box-shadow: none;
}

.common-form .form-select .form-control {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	background-image: url("../img/new-design/arrow-down-circle.svg");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 97% 11px;
}

.common-form .row {
	margin: 0 -12px;
}

.common-form .row>* {
	padding: 0 12px;
}

.voucher-details-wrp {
	margin: 35px 0 0;
	border: 2px solid var(--linen);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}

.voucher-details-left {
	padding: 18px 22px;
}

.voucher-details-left .form-group {
    display: inline-block;
}

.voucher-details-right {
	position: relative;
	height: 100%;
}

.voucher-details-right figure,
.voucher-details-right figure img {
	width: 100%;
	height: 100%;
	border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	-ms-border-radius: 0 4px 4px 0;
	-o-border-radius: 0 4px 4px 0;
}

.voucher-details-right span {
	font-family: 'OptimaNovaLTProRegular';
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.32px;
	text-transform: uppercase;
	color: var(--white);
	max-width: 147px;
	width: 100%;
	display: block;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}

.discount-main {
	padding: 37px 20px 50px;
}

.upcoming-schedule-wrp.discount-wrp {
	margin: 19px 0 32px;
}
/*.delivery-details-left .form-group {*/
/*    display: inline-block;*/
/*}*/

.delivery-details-left .common-form .form-select .form-control {
	background-color: transparent;
	border: 1px solid var(--stone);
	background-image: url("../img/new-design/arrow-down-circle-dark.svg");
}

.delivery-details-main {
	padding: 37px 97px 54px;
}

/*.delivery-details-main .form-group {*/
/*	margin: 0 0 10px;*/
/*}*/

.delivery-details-block .section-title {
	background-color: transparent;
	padding: 0;
	color: var(--charcoal);
	margin: 0 0 3px;
}

.delivery-details-block ul {
	padding: 0;
	margin: 0;
}

.delivery-details-block ul li {
	list-style-type: none;
	color: var(--stone);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 0 6px;
}

.delivery-details-block ul li:last-child {
	padding-bottom: 0;
}

.delivery-details-block ul li strong {
	font-weight: normal;
	font-family: 'RobotoSemiBold';
}

.delivery-details-block {
	padding: 13px 0;
	border-bottom: 1px solid var(--charcoal);
}

.delivery-details-right {
	max-width: 331px;
	width: 100%;
	margin-left: auto;
	padding: 33px 36px 25px;
	border: 2px solid var(--linen);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}

.total-amount {
	padding: 22px 0 0;
}

.total-amount .section-title {
	background-color: transparent;
    padding: 0;
    color: var(--charcoal);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.delivery-details-left {
	margin: 0 -19px 0 0;
}

.discount-inner {
	max-width: 752px;
	width: 100%;
	margin: 0 auto;
}

.discount-row {
	display: flex;
	align-items: center;
	justify-content: center;
	/* margin: 0 -12px; */
}

.discount-row .form-group {
    display: inline-block;
	flex: 0 0 auto;
	max-width: 36%;
	width: 100%;
	margin: 0 12px;
}

.discount-row .form-group:nth-child(2) {
	max-width: 21%;
}
/*========== Shopping Cart Page End ==========*/

/*========== Checkout Page Start ==========*/
.checkout-wrp {
	padding: 31px 0 72px;
}

.checkout-main {
	max-width: 558px;
	width: 100%;
	margin: 0 auto;
}

.checkout-inner {
	padding: 26px 97px 45px;
}

.checkout-inner .form-group {
	margin: 0 0 12px;
}

.checkout-comments .form-group .form-control {
	background-color: transparent;
	border: 1px solid var(--stone);
	padding: 12px;
}

.total-payable-amount {
	padding: 11px 0 5px;
	margin: 0 0 12px;
	border-bottom: 1px solid var(--charcoal);
}

.total-payable-amount .common-detail {
	font-family: 'RobotoSemiBold';
}

.total-payable-amount .main-title {
	font-family: 'RobotoBold';
	font-size: 30px;
	letter-spacing: 0.6px;
}

.payment-method-block .common-form .form-select .form-control {
	background-color: transparent;
    border: 1px solid var(--stone);
    background-image: url("../img/new-design/arrow-down-circle-dark.svg");
	padding: 8px 12px;
}

.payment-method-block .form-group {
	margin: 0 0 17px;
}

.confirm-payment-btn {
	padding: 17px 0 0;
}

.remainder-payable-block {
	padding: 57px 0 0;
}

/*========== Checkout Page End ==========*/

/*========== Confirmation Page Start ==========*/
.checkout-wrp.stylist-design {
	font-family: 'OptimaNovaLTProDemi';
}

.confirmation-block {
	padding: 45px 97px 83px;
	text-align: center;
}

.confirmation-block .main-title {
	font-family: 'OptimaNovaLTProDemi';
}

.detail p {
	font-size: 18px;
	line-height: 26px;
	margin: 0;
}

.confirmation-btns {
	display: flex;
	align-items: center;
	gap: 25px;
	padding: 60px 0 57px;
}

.confirmation-btns .btn {
	max-width: 170px;
}
/*========== Confirmation Page End ==========*/

/*==================================================================*/
/*========== New Class Add End ==========*/
/*==================================================================*/


/*==================================================================*/
/*========== Footer Start ==========*/
/*==================================================================*/
.footer {
	background-color: var(--linen) !important;
}

.footer-logo {
	max-width: 220px;
	width: 100%;
	display: block;
	margin: 0 0 75px;
}

.footer-icons ul {
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
}

.footer-icons ul li {
	list-style-type: none;
	padding: 0 16px 0 0;
}

.footer-icons ul li:last-child {
	padding-right: 0;
}

.footer-icons ul li a {
	width: 36px;
	height: 36px;
	background-color: var(--white);
	border: 1px solid var(--linen);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.footer-icons ul li a figure {
	display: flex;
}

.footer-icons ul li a:hover {
	border-color: var(--charcoal);
	opacity: 1;
}

.footer-links ul {
	margin: 0;
	padding: 0;
}

.footer-links ul li {
	list-style-type: none;
	font-size: 12px;
	line-height: 150%;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	padding: 0 0 21px;
}

.footer-links ul li:last-child {
	padding-bottom: 0;
}

.footer-block .section-title {
	margin: 0 0 24px;
}

.footer-top {
	padding: 68px 0 64px;
}

.footer-bottom {
	padding: 35px 0 42px;
	border-top: 1px solid var(--white);
}

.copyright {
	font-size: 10px;
	line-height: 150%;
	letter-spacing: 0.7px;
	color: var(--ston-light);
	text-align: center;
}

.copyright p {
	margin: 0;
}
/*==================================================================*/
/*========== Footer End ==========*/
/*==================================================================*/