* {
	padding: 0;
	margin: 0;
}

::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	background-color: #eee;
}

::-webkit-scrollbar:hover {
	background-color: #ccc;
}

::-webkit-scrollbar-thumb {
	background-color: #999;
}

::-webkit-scrollbar-thumb:hover {
	background-color: #555;
}

/* :root {
	--site-pink: rgb(251, 0, 204);
	--site-light-pink: rgb(255, 244, 253);
} */

body {
	padding-top: 120px;
}

@media only screen and (max-width: 768px) {
	body {
		padding-top: 80px;
	}
}

* {
	font-family: Inter;
}

html {
	font-size: 62.5%;
}

h1 {
	font-size: 3rem;
}

h2 {
	font-size: 2.5rem;
}

h3 {
	font-size: 2rem;
}

h4 {
	font-size: 1.5rem;
}

h5 {
	font-size: 1rem;
}

h6 {
	font-size: .5rem;
}

div,
button,
input,
select {
	font-size: 1.4rem !important;
}

label {
	width: 100%;
}

.xl-font {
	font-size: 2.5rem !important;
}

.lg-font {
	font-size: 2.1rem !important;
}

.md-font {
	font-size: 1.4rem !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

@media only screen and (max-width: 768px) {
	html {
		font-size: 50%;
	}
}

.row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

@media only screen and (max-width: 400px) {
	html {
		font-size: 40%;
	}
}

p {
	margin: 0;
	padding: 0;
}

button,
input,
select,
textarea {
	outline: none !important;
	box-shadow: none !important;
}

.ck-editor__editable_inline {
	min-height: 210px;
	max-height: 340px;
}

.border-12 {
	border-radius: 12px;
}

.featured-brand {
	width: 20%;
}

@media only screen and (max-width: 768px) {
	.border-12 {
		border-radius: 8px;
	}

	.featured-brand {
		width: 50%;
	}
}

nav,
.secondary-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	z-index: 99999;
}

nav>div {
	height: 75px;
	background: white;
	position: relative;
	border-bottom: 1px solid #ededed;
}

.secondary-nav {
	top: 70px;
	z-index: 99998;
	box-shadow: 0 0 5px #cdcdcd;
	background-color: white;
}

.nav-item-parent {
	padding: 10px;
	cursor: pointer;
	font-weight: bold;
	z-index: 1;
}

.secondary-nav .nav-item-parent {
	font-weight: 500;
	color: #999;
	font-size: 14px;
}

.nav-other {
	padding: 10px;
}

.nav-item-parent:hover {
	color: var(--site-pink);
}

.overlay-dark,
.overlay-dark-overnav {
	display: none;
	position: fixed;
	width: 100vw;
	height: 100vh;
	left: 0;
	top: 0;
	z-index: 9999;
	background-color: #0005;
}

.overlay-dark-overnav {
	z-index: 999998;
}

.mega-menu {
	position: absolute;
	top: 80%;
	left: 50%;
	transform: translateX(-50%);
	background: white;
	width: 90vw;
	height: max-content;
	max-height: 85vh;
	border-radius: 12px;
	display: none;
	box-shadow: 0 0 12px #9995;
	overflow: auto;
}

.nav-item-parent:hover>.mega-menu {
	display: block;
}

.d-flex>.p-1:first-child,
.d-flex>.p-2:first-child,
.d-flex>.p-3:first-child,
.d-flex>.p-4:first-child,
.d-flex>.p-5:first-child {
	/* padding-left: 0px !important; */
}

.d-flex>.p-1:last-child,
.d-flex>.p-2:last-child,
.d-flex>.p-3:last-child,
.d-flex>.p-4:last-child,
.d-flex>.p-5:last-child {
	/* padding-right: 0px !important; */
}



.mobile-nav {
	height: 120px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
	background-color: white;
	box-shadow: 0 0 5px #999;
}

.mobile-nav * {
	font-size: 21px;
}

.mobile-nav::-webkit-placeholder {
	font-size: 21px;
}

.mobile-nav>div {
	height: 60px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px;
}

.sidebar-mobile {
	position: fixed;
	height: 100vh;
	width: 300px;
	background: white;
	z-index: 999999;
	top: 0;
	left: 0;
	box-shadow: 0 0 50px #999;
}

.cart-right {
	position: fixed;
	height: 100vh;
	width: 345px;
	background: white;
	z-index: 999999;
	top: 0;
	right: 0;
	box-shadow: 0 0 50px #999;
}

.active-mobile-sidebar {
	color: var(--site-pink);
	border-bottom: 2.1px solid var(--site-pink);
}

.inactive-mobile-sidebar {
	color: black;
	border-bottom: 1.2px solid #cdcdcd;
}


/* .sidebar-mobile-category-item {
	width: 100%;
} */

.sidebar-mobile-category-item>.main-ct-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sub-category-sidebar {
	display: none;
}

.brands-link-sidebar {
	text-decoration: none;
	color: inherit;
	font-size: 17px;
	display: block;
	text-align: center;
}