body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	/* background-color: #f5f5f5; */
}

body::-webkit-scrollbar {
	width: 7px;
	/* background-color: #f5f5f5; */
}

body::-webkit-scrollbar-thumb {
	/* border-radius: 10px; */
	background-color: #000000;
	/* border: 2px solid #555555; */
}
/* body::-webkit-scrollbar {
	display: none;
}
body {
	-ms-overflow-style: none;
	scrollbar-width: none;
} */
a[rel="next"],
a[rel="prev"] {
	font-family: "tb-icon";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 40px;
	letter-spacing: 0;
}
a[rel="next"]::before {
	content: "\e936";
}
a[rel="prev"]::before {
	content: "\e935";
}

.upload-foto-profile {
	margin-inline: 0 !important;
	border: 2px solid #dbdbdb !important;
}

.avatar-upload .avatar-edit .edit-icon {
	padding: 0 !important;
}

.avatar-upload {
	margin-top: 0 !important;
}

.input-lower {
	text-transform: lowercase;
}
.input-upper {
	text-transform: uppercase;
}
::-webkit-input-placeholder {
	/* WebKit browsers */
	text-transform: none;
}
:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	text-transform: none;
}
::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	text-transform: none;
}
:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	text-transform: none;
}
::placeholder {
	/* Recent browsers */
	text-transform: none;
}

input[readonly],
input[disabled] {
	background-color: #f0f0f0 !important;
}

.field {
	text-align: left !important;
	margin-bottom: 20px !important;
}
.col-1:has(.field),
.col-2:has(.field) {
	margin-bottom: 0 !important;
}

.select2 {
	width: 100% !important;
}

rs-layer-wrap.rs-parallax-wrap:has(.rev_slider_bg) {
	left: 0 !important;
	top: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
}
.rev_slider_bg {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
}

.rev_slider_bg img {
	object-fit: cover !important;
	height: 100% !important;
}

.rev_slider_bg img.mobile {
	display: block;
}
.rev_slider_bg img.default {
	display: none;
}

.vertical-menu-sidebar div.overlay,
.ts-floating-sidebar div.overlay {
	z-index: 999;
}
.vertical-menu-sidebar .ts-sidebar-content,
.ts-floating-sidebar .ts-sidebar-content {
	z-index: 999;
}

[data-field] {
	display: block !important;
	opacity: 1;
	margin-top: 7px;
	transition: all 1.3s cubic-bezier(0.19, 1, 0.22, 1);
}

[data-field]:empty {
	opacity: 0;
	margin-top: 0;
	transition: all 1.3s cubic-bezier(0.19, 1, 0.22, 1);
}

.text-end {
	text-align: end;
}
.text-start {
	text-align: start;
}
.text-center {
	text-align: center;
}
.text-justify {
	text-align: justify;
}

.toastify {
	border-radius: 0 !important;
}

.text-success {
	color: hsla(134, 89%, 64%, 1);
}
.text-danger {
	color: hsla(0, 89%, 64%, 1);
}
.text-primary {
	color: hsla(220, 39%, 22%, 1);
}
.text-warning {
	color: hsla(27, 89%, 64%, 1);
}
.text-info {
	color: hsla(206, 89%, 64%, 1);
}

.bg-success {
	background-color: hsla(134, 89%, 64%, 1);
	color: white;
}
.bg-danger {
	background-color: hsla(0, 89%, 64%, 1);
	color: white;
}
.bg-primary {
	background-color: hsla(220, 39%, 22%, 1);
	color: white;
}
.bg-warning {
	background-color: hsla(27, 89%, 64%, 1);
	color: white;
}
.bg-info {
	background-color: hsla(206, 89%, 64%, 1);
	color: white;
}
.bg-gray{
	background-color: rgb(97, 113, 124);
	color: white;
}
.bg-pink{
	background-color: rgb(233, 129, 219);
	color: rgb(5, 3, 3);
}
.bg-orange{
	background-color: rgb(231, 176, 125);
	color: rgb(5, 3, 3);
}

.gradient-danger {
	background: hsla(0, 100%, 73%, 1);

	background: linear-gradient(
		135deg,
		hsla(0, 100%, 73%, 1) 0%,
		hsla(0, 89%, 64%, 1) 100%
	);

	background: -moz-linear-gradient(
		135deg,
		hsla(0, 100%, 73%, 1) 0%,
		hsla(0, 89%, 64%, 1) 100%
	);

	background: -webkit-linear-gradient(
		135deg,
		hsla(0, 100%, 73%, 1) 0%,
		hsla(0, 89%, 64%, 1) 100%
	);

	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#FF7373", endColorstr="#F55353", GradientType=1 );
}

.gradient-success {
	background: hsla(129, 100%, 73%, 1);

	background: linear-gradient(
		135deg,
		hsla(129, 100%, 73%, 1) 0%,
		hsla(134, 89%, 64%, 1) 100%
	);

	background: -moz-linear-gradient(
		135deg,
		hsla(129, 100%, 73%, 1) 0%,
		hsla(134, 89%, 64%, 1) 100%
	);

	background: -webkit-linear-gradient(
		135deg,
		hsla(129, 100%, 73%, 1) 0%,
		hsla(134, 89%, 64%, 1) 100%
	);

	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#73FF88", endColorstr="#53F579", GradientType=1 );
}

.gradient-warning {
	background: hsla(37, 100%, 73%, 1);

	background: linear-gradient(
		135deg,
		hsla(37, 100%, 73%, 1) 0%,
		hsla(27, 89%, 64%, 1) 100%
	);

	background: -moz-linear-gradient(
		135deg,
		hsla(37, 100%, 73%, 1) 0%,
		hsla(27, 89%, 64%, 1) 100%
	);

	background: -webkit-linear-gradient(
		135deg,
		hsla(37, 100%, 73%, 1) 0%,
		hsla(27, 89%, 64%, 1) 100%
	);

	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#FFC973", endColorstr="#F59C53", GradientType=1 );
}

.gradient-primary {
	background: hsla(222, 42%, 11%, 1);

	background: linear-gradient(
		0deg,
		hsla(222, 42%, 11%, 1) 0%,
		hsla(220, 39%, 22%, 1) 100%
	);

	background: -moz-linear-gradient(
		0deg,
		hsla(222, 42%, 11%, 1) 0%,
		hsla(220, 39%, 22%, 1) 100%
	);

	background: -webkit-linear-gradient(
		0deg,
		hsla(222, 42%, 11%, 1) 0%,
		hsla(220, 39%, 22%, 1) 100%
	);

	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#101727", endColorstr="#22304D", GradientType=1 );
}

.gradient-info {
	background: hsla(194, 100%, 73%, 1);

	background: linear-gradient(
		135deg,
		hsla(194, 100%, 73%, 1) 0%,
		hsla(206, 89%, 64%, 1) 100%
	);

	background: -moz-linear-gradient(
		135deg,
		hsla(194, 100%, 73%, 1) 0%,
		hsla(206, 89%, 64%, 1) 100%
	);

	background: -webkit-linear-gradient(
		135deg,
		hsla(194, 100%, 73%, 1) 0%,
		hsla(206, 89%, 64%, 1) 100%
	);

	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#73DEFF", endColorstr="#53AFF5", GradientType=1 );
}

.toast-message {
	position: fixed;
	opacity: 0;
	top: 0;
	width: 100%;
	text-align: center;
	z-index: 99992;
	visibility: hidden;
	overflow: hidden;
	line-height: 26px;
	transform: translate(0, -100%);
	transition: transform 200ms ease-out;
	right: 0;
	padding: 8px 20px;
}

.toast-message.success {
	color: #ffffff !important;
	background-color: #40bf52 !important;
}

.toast-message.danger {
	color: #ffffff !important;
	background-color: #d43811 !important;
}

.toast-message.show {
	transform: translate(0, 0);
	opacity: 1;
	visibility: visible;
	display: block;
}

.popup-message {
	display: none;
	font-weight: 700;
	line-height: 50px;
	text-align: center;
	background: #fff;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -100px;
	padding: 7px 40px;
	z-index: 10000;
	transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.popup-message.show {
	display: block;
}

a.wishlist-added::after {
	content: "\e95c" !important;
}

#fab_wa {
	transform: translateX(100%);
	transition: 350ms ease 0s;
	height: 50px;
	width: 50px;
	background-color: #24bd5d;
	position: fixed;
	bottom: 60px;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 99999;
	text-decoration: none;
}
#fab_wa.on {
	transform: translateX(0);
}

.products figure img {
	height: 420px !important;
	object-fit: cover;
}

.products figure:has(svg) {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 420px !important;
}

.product-label .featured {
	display: inline-block !important;
}

/* C_CARD */
.card {
	background-color: white !important;
	box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
}

.card .card-title {
	font-size: 1.2em !important;
	text-align: center !important;
}

/* C_OTP */
.otp-guide.ts-popup-modal .overlay {
	background: rgba(0, 0, 0, 0.2) !important;
}

.ap-otp-inputs {
	justify-content: center;
	display: flex;
	gap: 10px;
}

.ap-otp-input {
	border: 3px solid #ebebeb;
	padding-inline: 0 !important;
	height: 50px !important;
	width: 50px !important;
	/* width: 10%;
	height: 50px; */
	font-size: 30px !important;
	text-align: center;
	font-size: 20px !important;
}

.ap-otp-input:focus {
	outline: none !important;
	border: 1px solid black;
	transition: 0.12s ease-in;
}

/* C_PRODUCT */
.woocommerce
	.products
	.product
	.product-wrapper
	.meta-wrapper
	.heading-title
	a {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.woocommerce
	.products
	.product.empty:not(.product-category)
	.thumbnail-wrapper {
	background-color: rgb(251 251 255);
}
.woocommerce .products .product .product-wrapper .thumbnail-wrapper img {
	/* height: auto !important; */
	/* height: 270px !important; */
	height: 230px !important;
	object-fit: cover;
}
.woocommerce .products .product.empty .product-wrapper .thumbnail-wrapper img {
	object-fit: none;
}
.woocommerce
	.woocommerce-product-gallery__image.flex-active-slide
	.wp-post-image {
	max-height: 870px;
	object-fit: contain;
}
.woocommerce div.product div.images,
.woocommerce div.product div.summary {
	margin-bottom: 30px;
}

/* C_VIDEO_GUIDE */
.video-guide iframe {
	width: 100%;
	height: 220px;
}
#video_guide::before {
	content: "\e927" !important;
}

/* C_ABOUT */
.about-sekilas {
	line-height: 30px !important;
	color: black !important;
	/* letter-spacing: 1px; */
	word-spacing: 1px !important;
}

/* C_HERO_HOME */
.slider_hero .slider_hero_info {
	display: none !important;
}
.slider_hero .slider_hero_info .info-title {
	text-wrap: balance !important;
}
/* .slider_hero rs-slide rs-group-wrap:has(.slider_hero_info) {
	top: 100px !important;
} */
/* C_BANNER_HOME */
.slider_banner_info .info-title {
	text-wrap: balance !important;
}
rs-group-wrap:has(.slider_banner_info) {
	width: 100%;
}

.slider_banner_info {
	width: 100% !important;
}

/* C_OUTLET */
.outlet {
	gap: 30px !important;
}

.outlet .outlet-item {
	display: flex;
	gap: 30px !important;
	flex-wrap: wrap;
}

.outlet .outlet-image {
	width: 100%;
	height: 250px;
}

.outlet .outlet-info {
	--width: 100% !important;
}

.outlet .outlet-info .title {
	text-align: center;
}

.cart-content {
	cursor: auto;
}

.swal2-actions button {
	margin-inline: 7px;
	min-width: 110px;
}

.swal2-content {
	padding-inline: 30px !important;
}

div:where(.swal2-container) div:where(.swal2-popup) {
	padding: 0 0 2.25em !important;
}

.cart-empty {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.cart-empty img {
	height: 170px;
}

.cart-empty p {
	color: var(--nooni-breadcrumb-link-color);
}

.cart-info {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.ic-cart:before {
	content: "\e9af";
}

.header-middle {
	border-bottom: 1px solid var(--nooni-middle-border) !important;
}

.ts-header .header-right .menu-wrapper {
	flex: 1;
	text-align: center;
}

.form-error {
	color: red;
	margin-top: 7px;
	display: inline-block;
}

.menu-wrapper-dropdown {
	padding-inline: 7px !important;
	/* padding: 0 !important; */
}
.menu-wrapper-dropdown .menu {
	display: block !important;
}
.menu-wrapper-dropdown .sub-menu {
	top: 23px !important;
	max-width: 200px !important;
	/* max-width: 280px !important; */
	margin-left: -170px !important;
	/* top: 30px !important; */
	padding-top: 65px !important;
	padding-bottom: 30px !important;
}
.menu-wrapper-dropdown .menu a {
	color: #000;
}

.menu-wrapper-dropdown .menu a:hover {
	color: var(--nooni-middle-link-hover-color);
}

.profile-user {
	padding: 0 !important;
	padding-bottom: 3px !important;
}
.profile-user img {
	border-radius: 100%;
	width: 35px !important;
	height: 35px !important;
	object-fit: cover;
}

.ts-search-sidebar .ts-sidebar-content {
	height: 200px !important;
	width: 100%;
	transform: translateX(100%);
}
.ts-search-sidebar.active .ts-sidebar-content {
	transform: translateX(0);
}

.header-store-notice {
	width: 100% !important;
	text-align: center !important;
}

.logo img {
	height: 50px;
	width: auto !important;
}

.woocommerce.style-img-large
	.products:not(.swiper)
	> .product.product-category {
	/* margin-bottom: 0; */
}

.woocommerce .products .product {
	/* padding: 0 0; */
}

.ts-header .header-right .menu-wrapper {
	margin-right: 230px;
}
@media only screen and (max-width: 1279px) {
	.ts-header .header-right .menu-wrapper {
		margin-right: 40px;
	}
}