/*
Theme Name: 1000میزان
Theme URI: https://webmouj.ir
Author: WebMouj
Author URI: https://webmouj.ir
Description:قالب فروشگاهی 1000 میزان
Version: 1.2.0
Text Domain: 1000mizan
*/

@font-face {
	font-family: fonts;
	font-style: normal;
	font-weight: 400;
	src: url('assets/fonts/Vazirmatn-Regular.woff2') format('woff2')
}

@font-face {
	font-family: fonts;
	font-style: normal;
	font-weight: 500;
	src: url('assets/fonts/Vazirmatn-Bold.woff2') format('woff2')
}

@font-face {
	font-family: fonts;
	font-style: normal;
	font-weight: 600;
	src: url('assets/fonts/Vazirmatn-Black.woff2') format('woff2')
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}

:root {
	--clr-1: #fd7e14;
	--max-width: 1420px;
}

::selection {
	color: #fff;
	background: #000
}

html {
	font-size: clamp(12px, 2vw, 16px);
	background-color: #fff;
	scrollbar-width: thin;
	scroll-behavior: smooth;
	scrollbar-color: #c3b4b4 #131212;
}

html.black-page {
	background-color: #fff
}

body {
	background-color: #fff
}

a {
	text-decoration: none!important
}

ul,
li {
	list-style: none;
}

#root * {
	font-family: fonts,serif!important;
}
.wrapper {
	max-width: var(--max-width);
	width: calc(100% - 24px);
	margin: 0 auto;
}

hr {
	border: none;
	margin-block: 2rem;
	background-image: linear-gradient(to right, #fff , transparent 50px calc(100% - 50px), #fff), linear-gradient(to right, rgba(0,0,0,0.2) 50%, transparent 50%);
	background-size: 100%, 8px 1px ;
	height: 1px;
}

/**************** header ****************/
.notif-wrappre a,
.notif-wrappre {
	padding: 0 1rem;
	height: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	width: 100%;
	text-align: center;
	background-image: linear-gradient(45deg, color-mix(in srgb, var(--clr-1) 70%, #eedb2f), var(--clr-1));
	color: #fff;
	position: relative;
	overflow: hidden;
	transition: 0.3s;
}
.notif-wrappre.hidden {
	height: 0;
}
.notif-wrappre a > svg {
	width: 1.5rem;
	height: 1.5rem;
}
.notif-wrappre button {
	all: unset;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 0.3rem;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
	position: absolute;
	right: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.notif-wrappre button svg {
	width: 1.2rem;
	height: 1.2rem;
}
.primary-header {
	position: sticky;
	top: 0;
	z-index: 10000;
	padding: 1rem 0;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
	background-color: #fff;
}
.open-story .primary-header {
	z-index: 1;
}
.header-wrapper {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.top-header {
	background-color: color-mix(in srgb, var(--clr-1) 10%, #000);
	padding: 0.5rem 0 0.5rem 0.5rem;
}
.open-menu-mobile .top-header {
	display: none;
}
.top-header .wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.top-header ul {
	display: flex;
	align-items: center;
	gap: 1rem;
}
.top-header ul a {
	display: flex;
	align-items: center;
	padding: 0.5rem 0;
	color: #fff;
	font-size: 0.8rem;
	font-weight: 500;
}
.top-header div > a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	background-color: #fff;
	border-radius: 50em;
	color: var(--clr-1);
}
.top-header div > a svg {
	width: 1.5rem;
	height: 1.5rem;
}
.logo-box {
	display: flex;
	align-items: center;
	justify-content: center;
}
.logo-box img {
	width: auto;
	height: 3rem;
	display: block;
}
.manu-wrapper {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex: 1;
}
.manu-wrapper > ul > li > ul {
	display: none;
	position: absolute;
	background-color: #fff;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
	top: calc(100% + 1px);
}
.manu-wrapper > ul > li:hover > ul {
	display: flex;
}
.user-action {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex: 1;
}
.user-action > * {
	all: unset;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border-radius: 50em;
	cursor: pointer;
	color: #111;
}
.user-action > *:hover {
	color: #797676;
}
.user-action > * svg {
	width: 1.7rem;
	height: 1.7rem;
}
.profile-btn {
	background-image: linear-gradient(45deg, color-mix(in srgb, var(--clr-1) 70%, #eedb2f), var(--clr-1));
	color: #fff;
	cursor: pointer;
	margin-right: 1rem;
}
.profile-btn svg {
	width: 2rem;
	height: 2rem;
	color: #fff !important;
}
.manu-wrapper > ul {
	display: flex;
	align-items: center;
}
.manu-wrapper > ul > li > a {
	font-size: 1rem;
	font-weight: 500;
	color: #797979;
	padding: 0.5rem 1rem;
}
.manu-wrapper > ul > li:hover > a {
	color: #111;
}
.hamburger-menu {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	background: transparent;
	border: none;
	outline: none;
	color: #000;
	font-size: 1rem;
	font-weight: 500;
	cursor: pointer;
	padding: 0.5rem 0 0.5rem 1rem;
}
.hamburger-menu:hover {
	color: #797979;
}
.hamburger-menu svg {
	width: 24px;
	height: 24px;
}
.hamburger-menu svg:nth-child(2) {
	display: none;
}
.profile-modal {
	position: absolute;
	top: calc(100% + 1rem + 1px);
	left: 0;
	background-color: #fff;
	width: 100%;
	max-width: 20rem;
	box-shadow: 0 0 0 1px #e2e2ea, 0 4px 8px rgba(0, 0, 0, 0.1);
	padding: 0.5rem 0;
	border-radius: 0 0 0.5rem 0.5rem;
	display: none;
}
.open-profile .profile-modal {
	display: block;
}
.profile-modal a {
	display: flex;
	align-items: center;
	gap: 1rem;
	width: 100%;
	max-width: 20rem;
	height: 3rem;
	padding: 0 1rem;
	color: #131212;
}
.profile-modal a:hover {
	background-color: rgba(0, 0, 0, 0.05);
}
.profile-modal svg {
	width: 1.5rem;
	height: 1.5rem;
	color: var(--clr-1);
}
.profile-modal hr {
	margin-block: 4px
}
.profile-modal .profile-login {
	height: auto !important;
	flex-direction: column;
	align-items: flex-start !important;
	padding-bottom: 1rem;
	gap: 0;
	font-weight: 500;
	background-color: transparent !important;
	font-size: 0.8rem;
}
.profile-modal .profile-login div {
	display: flex;
	align-items: center;
	gap: 1rem;
}
.profile-modal .profile-login svg {
	color: #fff;
	background-image: linear-gradient(45deg, color-mix(in srgb, var(--clr-1) 70%, #eedb2f), var(--clr-1));
	padding: 0.5rem;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50em;
}
.profile-modal .profile-login section {
	margin-right: 3.5rem;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-shadow: 0 0 0 1px #c1c1c8;
	font-size: 0.9rem;
	font-weight: 400;
	color: #48484f;
	padding: 0.5rem 2rem;
	border-radius: 50em;
}
.profile-modal .profile-login:hover section {
	background-color: rgba(0, 0, 0, 0.05);
}
.search-modal {
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: stretch;
	justify-content: center;
	padding-top: 6rem;
}
.search-modal[hidden] {
	display: none;
}
.search-modal-box {
	background-color: #fff;
	border-radius: 2rem 2rem 0 0;
	position: relative;
	display: flex;
	flex-direction: column;
}
.search-modal-close span {
	font-size: 2rem;
}
.search-modal-form {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 1rem;
}
.search-modal-form > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	width: 100%;
}
.search-modal-form div input {
	all: unset;
	width: 100%;
	height: 100%;
	padding: 0 2rem 0 0;
	height: 3rem;
	font-size: 1rem;
	font-weight: 500;
	color: #111;
	border-radius: 50em;
	background-color: #f5f5f5;
}
.search-modal-form div button {
	all: unset;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	cursor: pointer;
}
.search-tabs {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	max-width: 20rem;
	width: 100%;
	margin: 0 auto;
}
.search-tabs button {
	all: unset;
	flex: 1;
	height: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	background-color: #f5f5f5;
	border-radius: 50em;
	cursor: pointer;
}
.search-tabs button svg {
	width: 1.5rem;
	height: 1.5rem;
}
.search-tab.is-active {
	background-color: var(--clr-1);
	color: #fff;
}
.search-modal-box section {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 0 2rem;
}
.search-result-head h3 {
	font-size: 1.2rem;
	font-weight: 500;
	color: var(--clr-1);
}
.search-show-all {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-top: auto;
	padding: 2rem 0;
	color: #000;
	font-size: 1rem;
	font-weight: 500;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.search-result-count {
	font-size: 0.9rem;
	font-weight: 400;
	display: flex;
	margin-top: 0.5rem;
}
.search-results {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 1rem;
	width: 100%;
}
.search-result-item {
	display: flex;
	align-items: center;
	width: 100%;
	color: #000;
	gap: 1rem;
}
.search-result-media {
	width: 4rem;
	height: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.8rem;
	overflow: hidden;
	border-radius: 1rem;
	background-color: rgba(0, 0, 0, 0.1);
}
.search-result-content {
	display: flex;
	flex-direction: column;
}
.search-result-content strong {
	color: var(--clr-1);
}

/**************** main ****************/
.primary-main {
	padding-bottom: 5rem;
}
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.hero-slider {
	border-radius: 2rem;
	overflow: hidden;
	position: relative;
	isolation: isolate;
}
.hero-slider .swiper-slide {
	width: 100% !important;
}
.hero-slider a {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	width: 100%;
}
.hero-slider figure,
.hero-slider img {
	display: flex;
	width: 100%;
	height: auto;
	min-height: 18rem;
	border-radius: 2rem;
	object-fit: cover;
}
.swiper-pagination {
	bottom: 0 !important;
	background-color: transparent !important;
	width: max-content !important;
	right: 50% !important;
	left: auto !important;
	transform: translateX(50%) !important;
	display: flex !important;
	align-items: flex-end !important;
	justify-content: center !important;
	height: 3rem !important;
	padding: 1rem 2rem 0 2rem !important;
	border-radius: 1.6rem 1.6rem 0 0;
	isolation: isolate !important;
}
.swiper-pagination::before {
	position: absolute;
/* 	content: ''; */
	width: 1.5rem;
	height: 1.5rem;
	background-color: transparent;
	border-radius: 0 0 100% 0;
	bottom: 0;
	left: -1.5rem;
	box-shadow: 1rem 1rem 0 1rem #fff;
	z-index: -1;
}
.swiper-pagination::after {
	position: absolute;
/* 	content: ''; */
	width: 1.5rem;
	height: 1.5rem;
	background-color: transparent;
	border-radius: 0 0 0 100%;
	bottom: 0;
	right: -1.5rem;
	box-shadow: -1rem 1rem 0 1rem #fff;
	z-index: -1;
}
.swiper-pagination-bullet {
	opacity: 1 !important;
	background-color: var(--clr-1) !important;
	width: 8px !important;
	height: 8px !important;
	border-radius: 50em !important;
	transition: 0.3s;
}
.swiper-pagination-bullet-active {
	height: 2rem !important;
}
.swiper-pagination-bullet-active ~ .swiper-pagination-bullet {
	height: 1rem !important;
	transition: 0.8s !important;
}
.swiper-pagination-bullet-active ~ .swiper-pagination-bullet ~ .swiper-pagination-bullet {
	height: 8px !important;
}
.category-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 1rem;
	margin-top: 3rem;
	position: relative;
}
.category-wrapper a {
	position: relative;
	display: flex;
	width: 100%;
	isolation: isolate;
	transition: 0.3s;
}
.category-wrapper a:hover {
	transform: scale(1.02);
}
.category-wrapper h2 {
	grid-column: 1 / -1;
	width: 100%;
	text-align: center;
}
.category-wrapper h3 {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.category-wrapper img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 2rem;
	aspect-ratio: 350/ 450;
	object-fit: cover;
}
.bannser-wrapper {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	position: relative;
	z-index: 1;
	margin-top: 3rem;
}
.bannser-wrapper > a:only-child {
	grid-column: 1 / -1;
}
.bannser-wrapper a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.bannser-wrapper img {
	display: flex;
	width: 100%;
	height: auto;
	border-radius: 2rem;
}
.roodmap-wrapper {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-block: 3rem;
}
.roodmap-wrapper h2 {
	font-size: 2rem;
	font-weight: 500;
	text-wrap: balance;
}
.roodmap-wrapper section {
	display: flex;
	gap: 1rem;
}
.roodmap-wrapper a {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	background-color: #f1f1f1;
	border-radius: 2rem;
	padding: 1rem;
	position: relative;
	isolation: isolate;
	box-shadow: 0 0 2px 1px #fff, 2px 4px 12px #00000014, -2px 4px 12px #00000014;
}
.roodmap-wrapper a:nth-child(1) {
	--clr-item: var(--clr-1)
}
.roodmap-wrapper a:nth-child(2) {
	--clr-item: #e96262
}
.roodmap-wrapper a:nth-child(3) {
	--clr-item: #0c92d4
}
.roodmap-wrapper bdi {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	background-color: #fff;
	border-radius: 50em;
}
.roodmap-wrapper bdi svg {
	width: 2rem;
	height: 2rem;
	color: var(--clr-item);
}
.roodmap-wrapper h3 {
	font-size: 1.4rem;
	font-weight: 500;
	color: color-mix(in srgb, var(--clr-1) 10%, #000);
}
.roodmap-wrapper p {
	font-size: 1.1rem;
	color: #000;
	line-height: 2;
}
.roodmap-wrapper span {
	display: inline-flex;
	width: fit-content;
	padding: 0.5rem 2rem 0.5rem 1rem;
	align-items: center;
	gap: 1rem;
	font-size: 1rem;
	font-weight: 500;
	color: color-mix(in srgb, var(--clr-item) 70%, #000);
	border-radius: 50em;
	background-color: #fff;
	margin-top: auto;
	position: relative;
	transition: gap 0.3s;
}
.roodmap-wrapper a:hover span {
	color: var(--clr-item);
}
.roodmap-wrapper a:hover span {
	gap: 2rem;
}
.roodmap-wrapper span svg {
	width: 1.5rem;
	height: 1.5rem;
}
.faq-wrapper section {
	flex: 1.2;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.faq-wrapper h2 {
	font-size: 2rem;
	font-weight: 500;
	color: #383842;
	width: 100%;
	position: relative;
	isolation: isolate;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-block: 3rem;
}
.faq-wrapper h2 span {
	background-color: #ffffff;
	padding: 0.75rem 2.5rem;
	border-radius: 50em;
	box-shadow: inset 0 0 0 2px #dedede;
}
.faq-wrapper h2::before {
	position: absolute;
	content: '';
	inset: calc(50% - 2px) 0;
	background-image: linear-gradient(to right, #dedede 50%, transparent 50%);
	background-size: 12px 2px;
	background-repeat: repeat-x;
	border-radius: 50em;
	z-index: -1;
}
.faq-wrapper h2::after {
	position: absolute;
	content: '';
	inset: calc(50% - 1px) 0 auto 0;
	background-image: radial-gradient(100% 100% at 50% 0%, var(--clr-1), transparent);
	z-index: -2;
	background-size: 100% 100%;
	height: 20rem;
	opacity: 0.1;
	pointer-events: none;
}
.faq-wrapper section > div {
	overflow: hidden;
	box-shadow: inset 0 0 0 2px #dedede;
	border-radius: 2rem;
	position: relative;
	z-index: 1;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr;
	counter-reset: menu-item;
	list-style: none;
	background-color: #fff;
}
.faq-wrapper details {
	padding: 0 1rem 0 0;
	outline: 1px solid #dedede;
	transition: 0.3s;
}
.faq-wrapper details[open] {
	background-color: rgba(0, 0, 0, 0.05);
}
.faq-wrapper summary {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 1rem;
	min-height: 5rem;
	padding: 1rem 1.25rem;
	cursor: pointer;
	list-style: none;
}
.faq-wrapper summary::-webkit-details-marker {
	display: none;
}
.faq-wrapper summary > span {
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.7;
	color: #5b5c5d;
	counter-increment: menu-item;
}
.faq-wrapper details span:before {
	content: "0" counter(menu-item);
	font-size: 0.7rem;
	font-weight: 400;
	font-variant-numeric: tabular-nums;
	margin-left: 1rem;
	padding-right: 16px;
	background-image: linear-gradient(to right, var(--clr-1), var(--clr-1));
	background-size: 8px 8px;
	background-repeat: no-repeat;
	background-position: right 4px;
}
.faq-wrapper details[open] summary > span,
.faq-wrapper summary:hover > span {
	color: #131212;
}
.faq-wrapper summary i {
	position: relative;
	width: 2rem;
	height: 2rem;
}
.faq-wrapper summary i::before,
.faq-wrapper summary i::after {
	content: "";
	position: absolute;
	inset: 50% auto auto 50%;
	width: 0.75rem;
	height: 1px;
	background: currentColor;
	transform: translate(-50%, -50%);
	transition: transform 0.3s ease;
}
.faq-wrapper summary i::after {
	transform: translate(-50%, -50%) rotate(90deg);
}
.faq-wrapper details[open] summary i::after {
	transform: translate(-50%, -50%) rotate(90deg) scaleX(0);
}
.faq-wrapper details > div {
	padding: 0.5rem 1.5rem 2.5rem;
}
.faq-wrapper details {
	interpolate-size: allow-keywords;
}
.faq-wrapper details::details-content {
	block-size: 0;
	opacity: 0;
	overflow: hidden;
	transition: block-size 0.4s ease, opacity 0.3s ease, content-visibility 0.4s allow-discrete;
}
.faq-wrapper details[open]::details-content {
	block-size: auto;
	opacity: 1;
}
.faq-wrapper details[open] > div {
	animation: faq-reveal 0.35s ease both;
}
.faq-wrapper details:not([open]) > div {
	animation: none;
}

@keyframes faq-reveal {
	from {
		opacity: 0;
		transform: translateY(-0.5rem);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.faq-wrapper > div div p {
	text-align: justify;
	line-height: 2;
}
.faq-wrapper aside {
	flex: 1;
	background-color: var(--clr-1);
	padding: 4px;
	border-radius: 2rem;
	color: #fff;
	position: relative;
	isolation: isolate;
}
.faq-wrapper aside div {
	display: flex;
	flex-direction: column;
	padding: 1rem;
	border-radius: calc(2rem - 4px);
	background-color: #fff;
	color: #000;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.faq-wrapper aside svg {
	width: 4rem;
	height: 4rem;
}
.faq-wrapper aside h3 {
	font-size: 1.2rem;
	font-weight: 500;
	color: #131212;
	margin-top: 1rem;
	line-height: 1.5;
}
.faq-wrapper aside a {
	position: absolute;
	inset: 0;
	opacity: 0;
}
.faq-wrapper aside span {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 1rem;
	font-weight: 500;
	padding: 0.5rem 0;
}
.course-wrapper,
.product-wrapper {
	overflow: hidden;
	padding: 0 0 3rem 0;
}
.header-section {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	margin-block: 3rem;
	position: relative;
	isolation: isolate;
}
.header-section h2 {
	font-size: 1.5rem;
	font-weight: 500;
	text-wrap: balance;
}
.header-section a {
	font-size: 1rem;
	font-weight: 400;
	color: color-mix(in srgb, var(--clr-1) 10%, #000);
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 1rem;
	padding: 0.5rem 2rem 0.5rem 1rem;
	border-radius: 2rem;
	background-color: #f1f1f1;
}
.header-section svg {
	width: 1.5rem;
	height: 1.5rem;
}
.course-wrapper .swiper-container,
.product-wrapper .swiper-container {
	overflow: visible !important;
}
.course-wrapper .swiper-slide {
	width: 25rem !important;
	margin-left: 1.2rem !important;
}
.product-wrapper .swiper-slide {
	width: 22rem !important;
	margin-left: 1.2rem !important;
}
.course-wrapper article,
.product-wrapper article {
	width: 100%;
	display: flex;
}
.product-slider {
	position: relative;
	aspect-ratio: 9/16;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 2px 4px 12px #00000014, -2px 4px 12px #00000014;
	border-radius: 2rem;
	transition: 0.3s;
}
.product-slider:hover {
	box-shadow: 2px 4px 12px #00000022, -2px 4px 12px #00000022;
}
.product-slider:hover {
	transform: scale(1.01);
}
.product-slider figure {
	position: absolute;
	display: flex;
	inset: 0;
	width: 100%;
	height: 100%;
}
.product-slider img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
	border-radius: 2rem;
}
.product-slider section {
	position: absolute;
	inset: 0;
	z-index: 1;
	padding: 2rem;
	color: #fff;
	mix-blend-mode: difference;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.product-slider h3 {
	font-size: 1.2rem;
	font-weight: 400;
	text-wrap: balance;
}
.product-slider .price ins {
	font-size: 1.5rem;
	font-weight: 500;
	text-decoration: none;
	line-height: 1;
}
.product-slider bdi span {
	font-size: 0.8rem;
	font-weight: 400;
}
.product-slider svg {
	margin-top: auto;
	background-color: #fff;
	color: #000;
	text-shadow: none;
	display: flex;
	width: fit-content;
	padding: 0.75rem;
	border-radius: 50em;
	position: absolute;
	bottom: 0.5rem;
	left: 0.5rem;
	width: 3rem;
	height: 3rem;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}
.course-box {
	display: flex;
	width: 100%;
	position: relative;
	isolation: isolate;
	box-shadow: 2px 4px 12px #00000014, -2px 4px 12px #00000014;
	border-radius: 2rem;
	transition: 0.3s;
}
.course-box:hover {
	transform: scale(1.01);
	box-shadow: 2px 4px 12px #00000022, -2px 4px 12px #00000022;
}
.course-box img {
	width: 100%;
	height: auto;
	display: block;
	aspect-ratio: 4/3;
	object-fit: cover;
	border-radius: 2rem;
}
.course-box h3 {
	position: absolute;
	top: 1rem;
	right: 1rem;
	border-radius: 2rem;
	color: #fff;
	mix-blend-mode: difference;
	padding: 0 1rem;
	font-size: 1rem;
	font-weight: 500;
	width: fit-content;
	text-wrap: balance;
}
.course-box svg {
	background-color: #fff;
	color: #000;
	text-shadow: none;
	display: flex;
	width: fit-content;
	padding: 0.75rem;
	border-radius: 50em;
	position: absolute;
	bottom: 0.5rem;
	left: 0.5rem;
	width: 3rem;
	height: 3rem;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}
.article-wrapper {
	display: flex;
	flex-direction: column;
}
.article-wrapper section {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 1rem;
}
.article-wrapper article {
	display: flex;
	width: calc(100% / 4 - 0.75rem);
}
.article-item {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	aspect-ratio: 3/4;
	overflow: hidden;
	position: relative;
	border-radius: 2rem;
	box-shadow: 2px 4px 12px #00000014, -2px 4px 12px #00000014;
	transition: 0.3s;
}
.article-item:hover {
	transform: scale(1.01);
	box-shadow: 2px 4px 12px #00000022, -2px 4px 12px #00000022;
}
.article-item img,
.article-item figure {
	width: 100%;
	height: auto;
	display: flex;
}
.article-wrapper img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.article-item div {
	position: absolute;
	z-index: 1;
	inset: auto 0.5rem 0.5rem auto;
	max-width: calc(100% - 1rem);
	filter: drop-shadow(0 0 2px rgba(0,0,0,0.3));
}
.article-item h3 {
	font-size: 1rem;
	font-weight: 500;
	color: #000;
	border-radius: 1.5rem 0 1.5rem 1.5rem;
	background-color: #fff;
	padding: 0.5rem 1rem;
	position: relative;
	z-index: 1;
}
.article-item span {
	background-color: #fff;
	color: #000;
	font-size: 1rem;
	font-weight: 500;
	padding: 0.5rem 1rem 0 1rem;
	border-radius: 1.5rem 1.5rem 0 0;
	position: relative;
	isolation: isolate;
	min-height: 2.5rem;
	display: block;
	width: fit-content;
	box-shadow: 0 4px 0 0 #fff;
}
.article-item span::before {
	position: absolute;
	content: '';
	z-index: -1;
	width: 1rem;
	height: 1rem;
	box-shadow: 5px 5px 0 4px #fff;
	left: -1rem;
	bottom: 0;
	border-radius: 0 0 2rem 0;
}
.article-item svg {
	width: 3rem;
	height: 3rem;
	background-color: #fff;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.5);
	border-radius: 50em;
	position: absolute;
	z-index: 1;
	top: 8px;
	left: 8px;
	padding: 0.75rem;
	color: #000;
	transform: rotate(45deg);
}

/**************** footer ****************/
.primary-footer {
	background-color: #10121d;
	padding: 2rem 0 0 0;
	overflow: hidden;
	position: relative;
	isolation: isolate;
}
.primary-footer::before {
	position: absolute;
	content: '';
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: 900px;
	z-index: -1;
	background-image: url(assets/img/footer-bg.webp);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom left;
	opacity: 0.2;
	margin-right: auto;
}
.footer-wrapper {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: clamp(2rem, 5vw, 6rem);
	padding-block: clamp(2rem, 7vw, 4rem);
}
.footer-brand {
	display: flex;
	flex-direction: column;
	gap: 3rem;
	flex: 3;
}
.footer-brand img {
	height: 4rem;
	width: auto;
	display: block;
}
.footer-brand p {
	font-size: 1.2rem;
	text-align: justify;
	color: #fff;
	line-height: 2;
}
.footer-brand section {
	display: flex;
	align-items: center;
	gap: 1.5rem;
}
.footer-brand section a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	color: #fff;
}
.footer-brand svg {
	width: 2rem;
	height: 2rem;
}
.footer-wrapper nav {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.footer-wrapper h3 {
	font-size: 1.2rem;
	color: #fff;
	font-weight: 500;
}
.footer-wrapper nav a {
	display: flex;
	padding: 0.5rem 0;
	color: #fff;
	font-size: 0.9rem;
	font-weight: 400;
	opacity: 0.7;
}
.footer-wrapper nav a:hover {
	opacity: 1;
}
.copy-r {
	background-color: var(--clr-1);
	padding: 0.5rem 0;
}
.copy-r .wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}
.copy-r p {
	font-size: 1rem;
	font-weight: 500;
	color: #10121d;
}
.copy-r a {
	color: #000;
}

/**************** mobile ****************/
@media (min-width: 1921px) {
}

@media (max-width: 1440px) {
}

@media (max-width: 1232px) {
}

@media (min-width: 1025px) {
	.faq-wrapper {
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
		margin-top: 3rem;
	}
	.faq-wrapper .wrapper {
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
		gap: 1rem;
		margin-top: 3rem;
	}
	.faq-wrapper aside {
		position: sticky;
		top: 6rem;
	}
	.nav-page > ul {
		display: flex;
		align-items: center;
	}
	.nav-page > ul > li > a {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 44px;
		padding: 0 12px;
		font-size: 13px;
		font-weight: 600;
		color: #383842;
		position: relative;
		opacity: 0.7;
		transition: opacity 0.5s;
	}
	.nav-page > ul > li:hover > a {
		opacity: 1;
	}
	.nav-page > ul > li > a::before {
		position: absolute;
		content: '';
		width: 100%;
		right: 0;
		bottom: 0;
		height: 2px;
		background-color: var(--clr-1);
		transform-origin: left;
		transform: scaleX(0);
		transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	}
	.nav-page > ul > li:hover > a::before {
		transform: scaleX(1);
		transform-origin: right;
	}
	.nav-page > ul > li > ul {
		position: absolute;
		background-color: #fff;
		border: 1px solid #e2e2ea;
		pointer-events: none;
		opacity: 0;
		transform: translateY(10px);
		transition: 0.7s cubic-bezier(0.19, 1, 0.22, 1);
	}
	.nav-page > ul > li:hover > ul {
		pointer-events: all;
		opacity: 1;
		transform: translateY(0);
	}
	.nav-page > ul > li > ul a {
		color: #383842;
		font-size: 13px;
		font-weight: 600;
		padding: 4px 12px 4px 24px;
		min-width: 200px;
		display: flex;
		opacity: 0;
		transition: calc(0.1s * var(--anim) + 0.3s);
		transform: scaleY(0) scaleX(0.5);
		height: 2px;
		transform-origin: top;
		border-left: 3px solid transparent;
	}
	.nav-page > ul > li:hover > ul a {
		transform: scaleY(1) scaleX(1);
		height: 32px;
		opacity: 0.7;
	}
	.nav-page > ul > li > ul a:hover {
		transition: 0.3s !important;
		opacity: 1;
		border-color: var(--clr-1);
	}
	.menu-bar {
		position: relative;
	}
	.menu-section {
		background-color: #fff ;
	}
	.menu-item-wrapper {
		position: absolute;
		top: calc(100% + 1rem );
		background-color: #fff;
		border: 1px solid #e2e2ea;
		display: none;
	}
	.menu-item-wrapper.is-open {
		display: flex;
	}
	.head-category {
		display: flex;
		flex-direction: column;
		max-height: 500px;
		overflow-y: auto;
		direction: ltr;
		scrollbar-width: thin;
		scrollbar-color: #8a8a8a #f5f5f583;
		background-color: #f5f5f5;
	}
	.head-category a {
		direction: rtl;
		padding: 12px;
		display: flex;
		align-items: center;
		min-width: 200px;
		font-size: 13px;
		font-weight: 600;
		border: 1px solid transparent;
		border-left: 1px solid #e2e2ea;
		color: #383842;
	}
	.head-category a.is-active {
		border: 1px solid #e2e2ea;
		border-left: 1px solid #fff;
		background-color: #fff;
	}
	.sub-menu {
		max-height: 500px;
		padding: 24px;
		direction: ltr;
		overflow-y: auto;
		scrollbar-width: thin;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		scrollbar-color: #c3b4b4 #ffffff;
	}
	.sub-menu a {
		direction: rtl;
		padding: 4px 12px;
		display: flex;
		font-size: 0.8rem;
		font-weight: 600;
		color: var(--clr-1);
	}
	.sub-menu > ul {
		direction: rtl;
	}
	.sub-menu > ul > li {
		break-inside: avoid;
		-webkit-column-break-inside: avoid;
		-moz-column-break-inside: avoid;
		page-break-inside: avoid;
		display: flex;
		flex-direction: column;
	}
	.sub-menu > ul > li > a {
		font-size: 14px;
		font-weight: 600;
		color: #383842;
		border-right: 3px solid var(--clr-1);
		display: flex;
		align-items: center;
		height: 16px;
		margin: 12px 0 4px 0;
	}
	.sub-menu > ul > li > a:hover {
		color: var(--clr-1);
	}
	.sub-menu > ul > li > ul > li > a {
		font-size: 13px;
		font-weight: 600;
		color: #78788b;
	}
	.sub-menu > ul > li > ul > li > a:hover {
		color: var(--clr-1);
	}
}

@media (max-width: 1024px) {
	.faq-wrapper {
		margin-top: 6rem;
		display: block;
	}
	.faq-wrapper .wrapper {
		display: flex;
		flex-direction: column;
		gap: 2rem;
	}
	.logo-box {
		order: -1;
	}
	.hamburger-menu span,
	.manu-wrapper > ul {
		display: none;
	}
	.user-action {
		flex: none;
	}
	.manu-wrapper {
		flex: none;
		margin-right: auto;
	}
	.hamburger-menu {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 3rem;
		height: 3rem;
		border-radius: 50em;
		cursor: pointer;
		color: #000;
		padding: 0;
	}
	.hamburger-menu svg {
		width: 1.8rem !important;
		height: 1.8rem !important;
	}
	.menu-item-wrapper {
		position: fixed;
		inset: 5rem 0 0 0;
		z-index: 10000;
		background-color: #fff;
		display: none;
		transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
	}
	.menu-item-wrapper.is-open {
		display: flex;
	}
	.head-category {
		display: flex;
		flex-direction: column;
		overflow-y: scroll;
		scrollbar-width: none;
		background-color: rgba(0, 0, 0, 0.05);
	}
	.head-category a {
		display: flex;
		justify-content: center;
		text-align: center;
		padding: 24px 24px 24px 12px;
		width:124px;
		text-wrap: balance;
		color: #383842;
		font-weight: 600;
		font-size: 12px;
		border-bottom: 1px solid #e2e2ea;
		border-left: 1px solid #e2e2ea;
	}
	.head-category a.is-active {
		border-left: 1px solid transparent;
		background-color: #fff;
		color: var(--clr-1);
	}
	.sub-menus {
		display: flex;
		width: calc(100% - 124px);
	}
	.sub-menu {
		display: flex;
		flex-direction: column;
		padding: 24px 12px;
		width: 100%;
		overflow-y: auto;
		scrollbar-width: none ;
	}
	.sub-menu > ul>li>a {
		color: #383842;
		font-size: 14px;
		font-weight: 600;
		border-right: 3px solid var(--clr-1);
		padding-right: 12px;
		height: 24px;
		margin:24px 0 12px 0;
		display: flex;
		align-items: center;
	}
	.sub-menu > ul>li>ul a {
		font-size: 1.1rem;
		font-weight: 600;
		color: #383842;
		opacity: 0.8;
		padding: 4px 12px;
		display: flex;
		align-items: center;
	}
	.show-all {
		direction: rtl;
		padding: 4px 12px;
		display: flex;
		font-size: 1.2rem;
		font-weight: 600;
		color: var(--clr-1);
	}
	.open-menu-mobile .notif-wrappre {
		display: none;
	}
	.open-menu-mobile .primary-header {
		box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
		position: sticky;
		top: 0;
	}
	.open-menu-mobile .logo-box img {
		height: 3rem;
	}
	.open-menu-mobile .hamburger-menu svg:nth-child(1) {
		display: none;
	}
	.open-menu-mobile .hamburger-menu svg:nth-child(2) {
		display: flex;
	}
	.category-wrapper {
		grid-template-columns: 1fr 1fr;
	}
	.article-wrapper article {
		width: calc(100% / 2 - 0.5rem);
	}
}

@media (max-width: 768px) {
	.roodmap-wrapper section {
		flex-direction: column;
	}
	.header-section a {
		position: absolute;
		inset: 0;
		z-index: -1;
	}
	.header-section h2 {
		padding: 1rem 2rem;
		pointer-events: none;
	}
	.footer-brand {
		flex: 1 1 100%;
	}
}

@media (max-width: 592px) {
}

@media (max-width: 425px) {
}
.menu-item-wrapper {
	position:absolute;
	top:calc(100% + 1rem);
	right:0;
	min-width:280px;
	max-width:min(92vw,460px);
	background:#fff;
	border:1px solid #e2e2ea;
	border-radius:.75rem;
	box-shadow:0 18px 45px rgba(0,0,0,.12);
	padding:.55rem;
	display:none;
	z-index:10020
}
.menu-item-wrapper.is-open {
	display:block
}
.menu-item-wrapper>ul {
	display:flex!important;
	flex-direction:column;
	align-items:stretch!important;
	width:100%;
	max-height:70vh;
	overflow:auto
}
.menu-item-wrapper li {
	position:relative;
	width:100%
}
.menu-item-wrapper li>a {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:.75rem;
	width:100%;
	padding:.78rem .9rem;
	color:#383842;
	font-size:.92rem;
	font-weight:500;
	border-radius:.55rem
}
.menu-item-wrapper li>a:hover {
	background:rgba(0,0,0,.04);
	color:var(--clr-1)
}
.menu-item-wrapper li.menu-item-has-children>a::after {
	content:'‹';
	font-size:1.2rem;
	line-height:1;
	transform:rotate(0deg);
	transition:.2s
}
.menu-item-wrapper li>ul {
	display:none;
	position:absolute;
	right:calc(100% + .35rem);
	top:-.5rem;
	min-width:250px;
	background:#fff;
	border:1px solid #e2e2ea;
	border-radius:.75rem;
	padding:.5rem;
	box-shadow:0 16px 36px rgba(0,0,0,.1)
}
.menu-item-wrapper li:hover>ul,
.menu-item-wrapper li.is-submenu-open>ul {
	display:block
}
.menu-item-wrapper li.is-submenu-open>a::after {
	transform:rotate(-90deg)
}
.menu-overlay {
	position:fixed;
	inset:0;
	background:rgba(0,0,0,.18);
	z-index:9999
}
.menu-overlay[hidden] {
	display:none!important
}
.menu-item-wrapper .sub-menu,
.menu-item-wrapper .children {
	max-height:70vh;
	overflow:auto
}
.screen-reader-text {
	border:0;
	clip:rect(1px,1px,1px,1px);
	clip-path:inset(50%);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute!important;
	width:1px;
	word-wrap:normal!important
}
.aligncenter {
	display:block;
	margin-inline:auto
}
.alignleft {
	float:left;
	margin:0 1rem 1rem 0
}
.alignright {
	float:right;
	margin:0 0 1rem 1rem
}
.wp-caption {
	max-width:100%
}
.wp-caption-text {
	font-size:.85rem;
	opacity:.7
}
.pagination,
.nav-links {
	display:flex;
	flex-wrap:wrap;
	gap:.5rem;
	align-items:center;
	justify-content:center;
	margin-top:2rem
}
.page-numbers {
	min-width:2.6rem;
	height:2.6rem;
	padding:.4rem .75rem;
	border:1px solid #e5e5e5;
	border-radius:.65rem;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color:#282833;
	background:#fff
}
.page-numbers.current,
.page-numbers:hover {
	background:var(--clr-1);
	color:#fff;
	border-color:var(--clr-1)
}
.notice,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	padding:1rem 1.2rem;
	border-radius: 1rem 0 0 1rem;
	margin:1rem 0;
	background:#fff;
	border:1px solid #e2e2ea;
	line-height:1.9
}
.woocommerce-error {
	border-right:4px solid #d63638
}
.woocommerce-message {
	border-right:4px solid #00a32a
}
.woocommerce-info {
	border-right:4px solid var(--clr-1)
}

@media (max-width:1024px) {
	.menu-item-wrapper {
		position:fixed;
		inset:5rem 0 0 0!important;
		max-width:none;
		border-radius:0;
		border:0;
		border-top:1px solid #eee;
		padding:1rem;
		overflow:auto
	}
	.menu-item-wrapper>ul {
		max-height:none
	}
	.menu-item-wrapper li>ul {
		position:static;
		box-shadow:none;
		border:0;
		border-right:2px solid #eee;
		border-radius:0;
		margin:.2rem .75rem .4rem 0;
		padding:.2rem .6rem .2rem 0;
		min-width:0;
		background:#fafafa
	}
	.menu-item-wrapper li:hover>ul {
		display:none
	}
	.menu-item-wrapper li.is-submenu-open>ul {
		display:block
	}
}
.manu-wrapper {
	position:relative;
	display:flex;
	align-items:center;
	min-width:0
}
.mobile-menu-toggle {
	display:none;
	align-items:center;
	justify-content:center;
	width:42px;
	height:42px;
	padding:0;
	border:0;
	background:transparent;
	color:#111;
	cursor:pointer
}
.mobile-menu-toggle svg {
	width:24px;
	height:24px
}
.mobile-menu-toggle svg:nth-child(2) {
	display:none
}
.menu-item-wrapper {
	position:static!important;
	display:block!important;
	min-width:0!important;
	max-width:none!important;
	background:transparent!important;
	border:0!important;
	border-radius:0!important;
	box-shadow:none!important;
	padding:0!important;
	z-index:auto!important
}
.menu-item-wrapper>ul {
	display:flex!important;
	align-items:center!important;
	gap:.1rem;
	width:auto!important;
	max-height:none!important;
	overflow:visible!important
}
.menu-item-wrapper li {
	position:relative;
	width:auto!important
}
.menu-item-wrapper li>a {
	display:flex;
	align-items:center;
	gap:.35rem;
	width:auto!important;
	padding:.55rem .8rem;
	color:#5c5c64;
	font-size:.95rem;
	font-weight:500;
	border-radius:.45rem;
	white-space:nowrap
}
.menu-item-wrapper li>a:hover {
	background:rgba(0,0,0,.04);
	color:#111
}
.menu-item-wrapper li.menu-item-has-children>a::after,
.menu-item-wrapper li.page_item_has_children>a::after {
	content:'⌄';
	font-size:.75rem;
	margin-right:.15rem;
	transition:.2s
}
.menu-item-wrapper li>ul {
	display:none;
	position:absolute;
	right:0;
	top:100%;
	min-width:220px;
	background:#fff;
	border:1px solid #e5e5ea;
	border-radius:.65rem;
	padding:.4rem;
	box-shadow:0 12px 30px rgba(0,0,0,.1);
	z-index:10030
}
.menu-item-wrapper li:hover>ul {
	display:block
}
.menu-item-wrapper li>ul li {
	width:100%!important
}
.menu-item-wrapper li>ul li>a {
	width:100%!important;
	padding:.65rem .75rem
}
.menu-item-wrapper li>ul ul {
	right:100%;
	top:0
}
.menu-overlay {
	display:none
}
.search-result-media {
	flex:0 0 4rem;
	margin:0
}
.search-result-media img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover
}
.search-result-content {
	min-width:0;
	gap:.25rem
}
.search-result-content strong {
	display:block;
	color:#222;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.search-result-content small {
	display:block;
	color:#777;
	font-size:.8rem;
	line-height:1.6
}
.search-result-item:hover .search-result-content strong {
	color:var(--clr-1)
}

@media(max-width:1024px) {
	.mobile-menu-toggle {
		display:flex
	}
	.open-menu-mobile .mobile-menu-toggle svg:nth-child(1) {
		display:none
	}
	.open-menu-mobile .mobile-menu-toggle svg:nth-child(2) {
		display:block
	}
	.menu-item-wrapper {
		display:none!important;
		position:fixed!important;
		inset:5rem 0 auto 0!important;
		max-height:calc(100dvh - 5rem)!important;
		overflow:auto!important;
		background:#fff!important;
		border-top:1px solid #eee!important;
		padding:.75rem 1rem 1.25rem!important;
		z-index:10030!important
	}
	.menu-item-wrapper.is-open {
		display:block!important
	}
	.menu-item-wrapper>ul {
		display:flex!important;
		flex-direction:column;
		align-items:stretch!important;
		gap:0;
		width:100%!important;
		overflow:visible!important
	}
	.menu-item-wrapper li {
		width:100%!important
	}
	.menu-item-wrapper li>a {
		width:100%!important;
		justify-content:space-between;
		padding:.85rem .5rem;
		border-radius:0;
		border-bottom:1px solid #f0f0f2
	}
	.menu-item-wrapper li:hover>ul {
		display:none
	}
	.menu-item-wrapper li>ul {
		position:static!important;
		min-width:0!important;
		box-shadow:none!important;
		border:0!important;
		border-right:2px solid #eee!important;
		border-radius:0!important;
		margin:0 .8rem 0 0!important;
		padding:.2rem .6rem .4rem 0!important;
		background:#fafafa!important
	}
	.menu-item-wrapper li.is-submenu-open>ul {
		display:block!important
	}
	.menu-item-wrapper li.is-submenu-open>a::after {
		transform:rotate(180deg)
	}
	.menu-overlay {
		display:block;
		position:fixed;
		inset:0;
		background:rgb(255, 255, 255)
	}
	.menu-overlay[hidden] {
		display:none
	}
}
.manu-wrapper>ul.primary-menu {
	display:flex!important;
	align-items:center;
	gap:.1rem;
	width:auto;
	overflow:visible;
	margin:0;
	padding:0;
	list-style:none
}
.manu-wrapper>ul.primary-menu>li {
	position:relative;
	list-style:none
}
.manu-wrapper>ul.primary-menu li>a {
	display:flex;
	align-items:center;
	gap:.35rem;
	padding:.55rem .8rem;
	color:#5c5c64;
	font-size:.95rem;
	font-weight:500;
	border-radius:.45rem;
	white-space:nowrap
}
.manu-wrapper>ul.primary-menu li>a:hover {
	background:rgba(0,0,0,.04);
	color:#111
}
.manu-wrapper>ul.primary-menu li.menu-item-has-children>a::after,
.manu-wrapper>ul.primary-menu li.page_item_has_children>a::after {
	content:'⌄';
	font-size:.75rem;
	margin-right:.15rem;
	transition:.2s
}
.manu-wrapper>ul.primary-menu li>ul {
	display:none;
	position:absolute;
	right:0;
	top:100%;
	min-width:220px;
	background:#fff;
	border:1px solid #e5e5ea;
	border-radius:.65rem;
	padding:.4rem;
	box-shadow:0 12px 30px rgba(0,0,0,.1);
	z-index:10030;
	list-style:none
}
.manu-wrapper>ul.primary-menu li:hover>ul {
	display:block
}
.manu-wrapper>ul.primary-menu li>ul li {
	position:relative;
	width:100%
}
.manu-wrapper>ul.primary-menu li>ul li>a {
	width:100%;
	padding:.65rem .75rem
}
.manu-wrapper>ul.primary-menu li>ul ul {
	right:100%;
	top:0
}

@media(max-width:1024px) {
	.manu-wrapper>ul.primary-menu {
		display:none!important;
		position:fixed;
		inset:5rem 0 auto 0;
		max-height:calc(100dvh - 5rem);
		overflow:auto;
		background:#fff;
		border-top:1px solid #eee;
		padding:.75rem 1rem 1.25rem;
		z-index:10030;
		flex-direction:column;
		align-items:stretch;
		width:100%
	}
	.manu-wrapper>ul.primary-menu.is-open {
		display:flex!important
	}
	.manu-wrapper>ul.primary-menu>li {
		width:100%
	}
	.manu-wrapper>ul.primary-menu li>a {
		width:100%;
		justify-content:space-between;
		padding:.85rem .5rem;
		border-radius:0;
		border-bottom:1px solid #f0f0f2
	}
	.manu-wrapper>ul.primary-menu li:hover>ul {
		display:none
	}
	.manu-wrapper>ul.primary-menu li>ul {
		position:static;
		min-width:0;
		box-shadow:none;
		border:0;
		border-right:2px solid #eee;
		border-radius:0;
		margin:0 .8rem 0 0;
		padding:.2rem .6rem .4rem 0;
		background:#fafafa
	}
	.manu-wrapper>ul.primary-menu li.is-submenu-open>ul {
		display:block
	}
	.manu-wrapper>ul.primary-menu li.is-submenu-open>a::after {
		transform:rotate(180deg)
	}
}
.simple-page-main {
	padding:2.5rem 0 5rem
}
.simple-page-wrapper {
	display:block
}
.simple-page-content {
	width:100%;
	min-width:0
}
.simple-page-content> :first-child {
	margin-top:0
}
.simple-page-content> :last-child {
	margin-bottom:0
}

@media(max-width:720px) {
	.simple-page-main {
		padding:1.25rem 0 3rem
	}
	.bannser-wrapper {
		grid-template-columns:1fr
	}
	.bannser-wrapper>a:only-child {
		grid-column:auto
	}
}
.roodmap-wrapper section {
	flex-wrap:wrap
}
.roodmap-wrapper section>a {
	flex:1 1 min(290px,100%)
}
.roodmap-wrapper a:nth-child(4n+1) {
	--clr-item:var(--clr-1)
}
.roodmap-wrapper a:nth-child(4n+2) {
	--clr-item:#e96262
}
.roodmap-wrapper a:nth-child(4n+3) {
	--clr-item:#0c92d4
}
.roodmap-wrapper a:nth-child(4n+4) {
	--clr-item:#7f62d9
}
.page-404 {
	min-height:calc(100dvh - 180px);
	display:flex;
	flex-direction: column;
	align-items:center;
	justify-content: center;
	min-height: 50svh;
	padding:4rem 0 6rem;
	background:linear-gradient(180deg,#fff 0%,#fafafa 100%)
}
.page-404 span {
	font-size: 10rem;
	font-weight: 600;
	line-height: 1;
}
.page-404 div {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 320px;
	width: 100%;
	gap: 1rem;
	margin-top: 2rem;
}
.page-404 a {
	flex: 1;
	background-color: #f1f1f1;
	font-size: 0.9rem;
	font-weight: 400;
	color: var(--clr-1);
	padding: 0.5rem;
	text-align: center;
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img {
	object-fit: cover;
}
:root :where(.wp-element-button, .wp-block-button__link) {
	background-color: var(--clr-1) !important;
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
	color: var(--clr-1) !important;
}
.empty-cart {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2rem;
	padding: 5rem 0 3rem 0;
}
.float-banner{
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	z-index: 999;
	width: min(12rem, calc(100vw - 2rem));
	display: flex;
	flex-direction: column;
	gap: .75rem;
}
.float-banner-item {
	display: block;
	width: 100%;
}
.float-banner img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 2rem;
	box-shadow: 0 4px 12px #00000052;
}
.float-contact {
	position: fixed;
	z-index: 30;
	bottom: 1rem;
	left: 1rem;
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-end;
}
.float-contact-toggle {
	all: unset;
	cursor: pointer;
}
.float-contact img {
	display: flex;
	width: auto;
	min-width: 4rem;
	height: 4rem;
	object-fit: contain;
	object-position: left;
}
.float-contact-list{
	display: none;
}
.float-contact-list.active {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
}
.namad-box {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem 0;
}
.wp-playlist-tracks,
.wp-playlist-current-item {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	opacity: 0;
	clip-path: inset(50%)
}
.woocommerce-message {
	display: none
}
.woocommerce-info::before {
	display: none !important;
}