/* Container */

.container {
	padding-left: var(--wp--style--root--padding-right);
	padding-right: var(--wp--style--root--padding-left);
	margin-left: auto;
	margin-right: auto;
	max-width: var(--wp--style--global--content-size);
}

@media screen and (max-width: 1200px) {
	.container {
		padding: 0 40px;
	}
}

@media screen and (max-width: 991px) {
	.container {
		padding: 0 20px;
	}
}

.single-course .content.container,
.container.container-fullwidth {
	padding: 0;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	max-width: unset;
}

.container.stretch > * {
	grid-column: 1 / -1;
}

.container.stretch > *:not(.button) {
	width: 100%;
}

body:not(.single-course) > .content:not(.container-fullwidth) .container.stretch {
	max-width: unset;
	padding: 0;
}

/* Page */

.page-title {
	margin-bottom: 80px;
}

@media screen and (max-width: 1600px) {
	.page-title {
		margin-bottom: 60px;
	}
}

@media screen and (max-width: 991px) {
	.page-title {
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 480px) {
	.page-title {
		text-align: left;
	}
}

body.has-overlay::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 100;
	pointer-events: none;
}

/* Blocks. */

body .primary-inner > section:last-child {
	margin-bottom: 0;
}

@media (max-width: 480px) {
	.wp-block-separator {
		margin-top: 40px !important;
		margin-bottom: 40px !important;
	}
}

.primary-inner > section:not(:nth-child(1)) {
	margin: 160px auto;
}

@media (max-width: 1600px) {
	.primary-inner > section:not(:nth-child(1)) {
		margin: 120px auto;
	}
}

@media (max-width: 1440px) {
	.primary-inner > section:not(:nth-child(1)) {
		margin: 100px auto;
	}
}

@media (max-width: 768px) {
	.primary-inner > section:not(:nth-child(1)) {
		margin: 80px auto;
	}
}

.page-template-default .wp-block-list li a {
	display: inline-block;
	word-break: break-word;
}

/* No page type. */

body > .content {
	margin-top: 100px;
	margin-bottom: 160px;
}

body > .content:not(.container-fullwidth) #primary {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 0 20px;
}

body.search > .content:not(.container-fullwidth) #primary > * {
	grid-column: -1 / 1;
}

body > .content:not(.container-fullwidth) #primary > * {
	grid-column: -3 / 3;
}

body > .content:not(.container-fullwidth) #primary .page-title {
	font-size: clamp(32px, 4.5vw, var(--wp--custom--properties--h-1));
}

body.woocommerce-page > .content:not(.container-fullwidth) #primary > *,
body.single-post > .content:not(.container-fullwidth) #primary > * {
	grid-column: -2 / 2;
}

body > .content.container-default #primary > *,
body.single-course > .content #primary > * {
	grid-column: -1 / 1;
}

@media screen and (max-width: 1600px) {
	body > .content {
		margin-top: 80px;
		margin-bottom: 120px;
	}

	body.woocommerce-checkout > .content:not(.container-fullwidth) #primary > *,
	body.woocommerce-cart > .content:not(.container-fullwidth) #primary > * {
		grid-column: -1 / 1;
	}
}

@media screen and (max-width: 1440px) {
	body > .content {
		margin-bottom: 120px;
	}

	body.woocommerce-page > .content:not(.container-fullwidth) #primary > * {
		grid-column: -1 / 1;
	}
}

@media screen and (max-width: 991px) {
	body > .content:not(.container-fullwidth) #primary > *,
	body.single-post > .content:not(.container-fullwidth) #primary > * {
		grid-column: -1 / 1;
	}
}

@media screen and (max-width: 768px) {
	body > .content {
		margin-top: 60px;
		margin-bottom: 80px;
	}
}

body.single > .content {
	margin-top: 100px;
}

@media screen and (max-width: 1200px) {
	body.single > .content {
		margin-top: 60px;
	}
}

@media screen and (max-width: 768px) {
	body.single > .content {
		margin-top: 40px;
	}
}

@media screen and (max-width: 768px) {
	body.single > .content {
		margin-top: 20px;
	}
}

body.single-product .content {
	margin-top: 40px;
}

/* Menu. */

.no-scroll {
	overflow: hidden;
}

/* Text */

p a {
	text-decoration: underline;
}

.primary {
	color: var(--wp--preset--color--primary);
}

/* Content with Sidebar */

.with-sidebar .content {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 20px;
}

.with-sidebar .content > * {
	grid-column: span 12;
}

.with-sidebar .content > main {
	grid-column: 4 / 13;
}

.with-sidebar .content > aside {
	grid-column: span 3;
	padding-right: 60px;
	align-self: start;
}

@media (max-width: 768px) {
	.with-sidebar .content {
		grid-template-columns: 1fr;
		grid-template-areas:
            "main"
            "sidebar";
	}
}

/* Nav bottom bar */

.nav-bottom-container {
	display: flex;
	flex-direction: column;
	width: 100%;
	position: fixed;
	z-index: 30;
	bottom: 0;
}

.nav-bottom-bar {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 20px;
	padding: 20px;
	background: var(--wp--preset--color--base);
	border-top: 1px solid var(--wp--preset--color--grey);
}

.nav-bottom-bar > * {
	display: flex;
}

.nav-bottom-bar .cart-contents .cart-count {
	height: 22px;
	width: 22px;
	top: -4px;
	right: -11px;
}

@media screen and (min-width: 992px) {
	.nav-bottom-bar {
		display: none;
	}
}

/* Video. */

.video {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 100%;
	width: 100%;
}

.video-cover {
	height: 100%;
	width: 100%;
	display: flex;
	position: relative;
}

.video.no-play .video-cover::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(17, 17, 17, 0.6);
	pointer-events: none;
	z-index: 1;
}

.video-cover iframe {
	height: 100%;
	width: 100%;
}

.video-play {
	height: 100%;
	width: 100%;
	align-items: center;
	justify-content: center;
	position: absolute;
	z-index: 2;
}

.video-play svg {
	transition: var(--wp--custom--properties--transition-element);
}

.video-play:hover svg {
	transform: scale(1.1);
}

@media screen and (max-width: 768px) {
	.video-play svg {
		height: 80px;
		width: 80px;
	}
}

@media screen and (max-width: 480px) {
	.video-play svg {
		height: 60px;
		width: 60px;
	}
}

/* Style swiper */

.swiper .swiper-wrapper {
	padding-bottom: 92px;
}

.swiper.swiper-initialized .swiper-button-next,
.swiper.swiper-initialized .swiper-button-prev {
	width: 30px;
	height: 30px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: var(--wp--custom--properties--transition-element);
	transform: none !important;
	left: unset !important;
	right: unset !important;
	top: unset !important;
	bottom: unset !important;
}

.swiper.swiper-initialized .swiper-button-next {
	background-image: url('../icons/arrow-right.svg');
}

.swiper.swiper-initialized .swiper-button-prev {
	background-image: url('../icons/arrow-left.svg');
}

.swiper .swiper-button-prev.swiper-button-disabled,
.swiper .swiper-button-next.swiper-button-disabled {
	opacity: .5;
}

.swiper .swiper-button-next::after,
.swiper .swiper-button-prev::after {
	content: '';
}

.swiper-horizontal.swiper .swiper-navigation {
	position: absolute;
	bottom: 0;
	padding: 0 32px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	z-index: 10;
}

.swiper-horizontal.swiper .swiper-navigation .swiper-pagination {
	position: relative;
	width: auto;
	display: flex;
	padding: 10px 32px;
	left: unset;
	right: unset;
	bottom: unset;
	top: unset;
}

.swiper-horizontal.swiper .swiper-buttons {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 16px;
}

.swiper-horizontal.swiper .swiper-buttons > * {
	position: relative;
	top: unset;
	left: unset;
	right: unset;
	bottom: unset;
	margin: 0;
}

.swiper-horizontal.swiper .swiper-slide-numbers {
	color: var(--wp--preset--color--grey-dark);
	display: flex;
	gap: 5px;
}

.swiper-horizontal.swiper .swiper-numbers-lock {
	display: none;
}

.swiper-horizontal.swiper .swiper-slide-current {
	color: var(--wp--preset--color--contrast)
}

.swiper-horizontal.swiper .swiper-navigation .swiper-pagination {
	width: 540px;
	bottom: unset;
	gap: 12px;
}

.swiper-horizontal.swiper .swiper-pagination .swiper-pagination-bullet {
	height: 2px;
	flex: 1;
	opacity: 30%;
	border-radius: 0;
	background: var(--wp--preset--color--contrast);
	transition: all 0.4s ease;
	transform: scale(1);
	margin: 0;
}

.swiper-horizontal.swiper .swiper-pagination .swiper-pagination-bullet-active {
	flex: 3;
	opacity: 100%;
}

.swiper-horizontal.swiper .swiper-navigation.light .swiper-pagination-bullet {
	background: var(--wp--preset--color--white);
}

@media screen and (max-width: 1200px) {
	.swiper-horizontal.swiper .swiper-navigation .swiper-pagination {
		padding: 10px 12px;
	}

	.swiper-horizontal.swiper .swiper-pagination .swiper-pagination-bullet {
		width: 40px;
	}

	.swiper-horizontal.swiper .swiper-pagination .swiper-pagination-bullet-active {
		width: 100px;
	}
}

@media screen and (max-width: 991px) {
	.swiper-horizontal.swiper .swiper-navigation .swiper-pagination {
		width: 400px;
	}
}

@media screen and (max-width: 768px) {
	.swiper .swiper-wrapper {
		padding-bottom: 0;
	}

	.swiper-horizontal.swiper .swiper-navigation:not(.show-mobile) {
		display: none;
	}

	.swiper-horizontal.swiper .swiper-navigation.show-mobile {
		justify-content: space-between;
		gap: 12px;
	}

	.swiper-horizontal.swiper .swiper-navigation.show-mobile .swiper-button-next,
	.swiper-horizontal.swiper .swiper-navigation.show-mobile .swiper-button-prev {
		width: 20px;
		height: 32px;
	}

	.swiper-horizontal.swiper .swiper-navigation {
		padding: 0;
	}

	.swiper-horizontal.swiper .swiper-navigation.show-mobile .swiper-pagination {
		padding-left: 0;
		padding-right: 0;
		max-width: calc(100vw - 180px);
	}

	.swiper-horizontal.swiper .swiper-navigation .swiper-pagination {
		width: 100%;
	}

	.swiper-horizontal.swiper .swiper-pagination .swiper-pagination-bullet {
		width: 30px;
	}

	.swiper-horizontal.swiper .swiper-pagination .swiper-pagination-bullet-active {
		width: 100px;
	}
}

/* Remove spacing first element body content */

.no-margin-top {
	margin-top: 0;
}

/* Heading for blocks */

.heading {
	text-align: center;
	margin: 0 auto 60px auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 60px;
}

.heading.heading-columns__2 {
	justify-content: space-between;
}

.heading.heading-columns__2 .title {
	text-align: left;
}

/* Flex grid */

.col-5 {
	width: calc(100% / 12 * 5);
}

.col-7 {
	width: calc(100% / 12 * 7);
}

/* Video */

button.video-play {
	display: flex;
	padding: 0;
	border: none;
	box-shadow: none;
	background: none;
	cursor: pointer;
}

.video-cover img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	user-select: none;
	pointer-events: none;
}

/* Woo Icons */

.wc-block-mini-cart__button,
.wp-block-woocommerce-customer-account a {
	padding: 0
}

.wc-block-mini-cart__badge {
	font-size: 10px;
	font-weight: 600;
	height: 16px;
	min-width: 16px;
	margin-left: -30%;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	background: var(--wp--preset--color--primary);
}

/* Responsive */

@media screen and (max-width: 1440px) {
	:root :where(.is-layout-constrained) > * {
		margin-block-start: 120px;
	}

	.heading {
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 480px) {
	.heading {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 991px) {
	:root :where(.is-layout-constrained) > * {
		margin-block-start: 90px;
	}
}

/* Footer */

.footer {
	color: var(--wp--preset--color--base);
	padding: 55px 0;
	background: var(--wp--preset--color--contrast);
}

.footer a {
	color: var(--wp--preset--color--white);
}

.footer-content {
	display: flex;
	flex-direction: column;
	gap: 46px 20px;
	margin-left: auto;
	margin-right: auto;
	max-width: var(--wp--style--global--content-size);
}

.footer-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}

.footer-row:not(:first-child) {
	align-items: flex-start;
}

.footer-row > *:last-child:not(:first-child) {
	justify-content: flex-end;
}

.footer-row .column {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.footer-row .socials {
	flex-direction: row;
	gap: 12px;
}

.footer-info .socials {
	display: none;
}

.footer-info .menu {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 0 60px;
}

.footer-top .logo {
	display: flex;
	align-items: center;
}

.footer-info .logo img {
	max-width: 435px;
}

.footer-info svg path,
.footer-contacts svg path {
	fill: var(--wp--preset--color--white);
}

.footer-info .text {
	gap: 12px 0;
}

.footer-info .text > * {
	width: max-content;
	max-width: 550px;
}

.footer-info .text p {
	margin: 0;
}

.footer-info .text .title {
	color: var(--wp--preset--color--grey-dark)
}

.footer-info .navigation {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 40px 60px;
	width: 100%;
}

.footer-info ul.menu {
	font-weight: 300;
	text-transform: uppercase;
	list-style: none;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 20px;
	margin: 0;
	padding: 0;
}

.footer-info ul.menu li {
	margin: 0;
}

.footer-payments {
	display: flex;
	justify-content: flex-end;
	flex-direction: row;
	gap: 20px 30px;
	margin-top: 30px;
}

.footer-contacts {
	display: none;
}

.footer-bottom {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
	padding-top: 60px;
	margin-top: 60px;
	border-top: 1px solid rgba(128, 128, 128, .5);
}

.footer-bottom .developer a {
	color: var(--wp--preset--color--grey);
	text-decoration: underline;
}

.footer-bottom .developer a:hover {
	color: var(--wp--preset--color--white);
}

.footer-bottom ul.privacy-menu {
	display: flex;
	align-items: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 20px 40px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-bottom ul.privacy-menu li {
	margin: 0;
}

.footer-bottom ul.privacy-menu li a {
	text-decoration: underline;
}

@media screen and (max-width: 1600px) {
	.footer-content .text > * {
		width: auto;
	}
}

@media screen and (max-width: 1440px) {
	.footer-info .navigation {
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 60px 20px;
	}

	.footer-info .navigation > * {
		flex: 1 1 45%;
	}
}

@media screen and (max-width: 1200px) {
	.footer-info .navigation > :first-child {
		flex-basis: 100%;
	}
}

@media screen and (max-width: 768px) {
	.footer {
		padding: 60px 0 40px;
	}

	.footer-content {
		gap: 40px 20px;
	}

	.footer-row {
		flex-direction: column;
	}

	.footer-row .socials {
		padding-bottom: 40px;
		width: 100%;
		border-bottom: 1px solid rgba(128, 128, 128, .5);
	}

	.footer-row .socials .social {
		height: 56px;
		width: 56px;
	}

	.footer-row .socials .social svg {
		height: 50%;
		width: 50%;
	}

	.footer-top .logo,
	.footer-top .logo img {
		width: 100%;
		max-width: 600px;
	}

	.footer-top .socials {
		display: none;
	}

	.footer-info {
		padding-top: 60px;
		border-top: 1px solid rgba(128, 128, 128, .5);
		gap: 40px;
	}

	.footer-info .navigation {
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 60px 20px;
	}

	.footer-info .navigation > :first-child {
		flex-basis: 100%;
	}

	.footer-info .navigation > * {
		flex: 1 1 45%;
	}

	.footer-info .text {
		order: 2
	}

	.footer-info .socials {
		display: flex;
	}

	.footer-info .contacts {
		display: none;
	}

	.footer-payments {
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
		gap: 30px;
		margin-top: 0;
	}

	.footer-contacts {
		display: flex;
	}

	.footer-bottom {
		padding-top: 40px;
		margin-top: 40px;
	}

	.footer-bottom,
	.footer-bottom ul.privacy-menu {
		flex-direction: column;
	}

	.footer-bottom > * {
		order: 2;
	}

	.footer-bottom > .privacy-menu {
		order: 1;
	}
}

/* Widgets */

.widget-title {
	font-size: 24px;
	line-height: 150%;
	font-weight: 500;
	text-transform: uppercase;
}

.widget-area .widget:not(:last-child) {
	margin-bottom: 60px;
}

.widget-area .clear-filter {
	margin: 40px 0 20px 0;
}

/* Widgets - Product Categories */

.widget_product_categories ul {
	list-style: none;
}

.widget_product_categories > ul {
	padding-left: 0;
}

.widget_product_categories ul a {
	text-decoration: none;
}

/* Header */

.header {
	top: 0;
	position: sticky;
	background: var(--wp--preset--color--white);
	z-index: 20;
}

.header .header-inner {
	margin-left: auto;
	margin-right: auto;
	max-width: var(--wp--style--global--content-size);
}

.header .header-middle {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 0;
}

.header .header-bottom {
	padding: 16px 0;
	border-top: 1px solid rgba(128, 128, 128, .5);
}

.header .menu-icon {
	display: flex;
	position: absolute;
	right: 16px;
}

.header .menu-icon::after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	background-image: url('data:image/svg+xml;utf8,<svg fill="none" xmlns="http://www.w3.org/2000/svg" width="15" height="14"><path d="m3.232 4-.899.892 4.9 4.86a.845.845 0 0 0 .923.184.845.845 0 0 0 .275-.183l4.902-4.86L12.434 4 7.833 8.563 3.232 4Z" fill="%2313100D"/></svg>');
	background-repeat: no-repeat;
	background-size: contain;
	transition: transform .2s ease
}

.header .header-column {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 40px;
	flex: 1;
}

.header .header-column:first-child {
	justify-content: flex-start;
}

.header .header-column:last-child {
	justify-content: flex-end;
}

.header .site-branding {
	display: flex
}

.header .site-branding > a {
	display: flex;
	align-items: center;
	justify-content: center;
}

.header .header-column-actions {
	display: flex;
	flex-direction: row;
	gap: 24px;
}

.header .header-column-actions > * {
	display: flex;
}

.header .header-column-actions .cart-contents {
	padding-top: 1px;
}

.header .header-column-actions svg {
	height: 24px;
	width: 24px;
}

.header .header-column-actions path {
	transition: var(--wp--custom--properties--transition-element)
}

.header .header-column-actions .site-search path,
.header .header-column-actions .cart-contents path,
.header .header-column-actions .account path {
	stroke-width: 2
}

.header .header-column-actions > svg:hover path {
	stroke: var(--wp--preset--color--primary);
}

.header .menu-toggle {
	display: none;
}

.menu-toggle .burger {
	width: 24px;
	height: 24px;
	position: relative;
	margin: 0 auto;
	transform: rotate(0deg);
	transition: .5s ease-in-out;
	cursor: pointer;
	z-index: 20;
}

.menu-toggle .burger span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: var(--wp--preset--color--contrast);
	border-radius: 0;
	opacity: 1;
	left: 0;
	transform: rotate(0deg);
	transition: .25s ease-in-out;
}

.menu-toggle .burger span:nth-child(1) {
	top: 4px;
	transform-origin: left center;
}

.menu-toggle .burger span:nth-child(2) {
	top: 12px;
	transform-origin: left center;
}

.menu-toggle .burger span:nth-child(3) {
	top: 20px;
	transform-origin: left center;
}

.header.open .burger span:nth-child(1) {
	transform: rotate(45deg);
	top: 3px;
	left: 4px;
}

.header.open .burger span:nth-child(2) {
	width: 0;
	opacity: 0;
}

.header.open .burger span:nth-child(3) {
	transform: rotate(-45deg);
	top: 20px;
	left: 4px;
}

.header ul.menu .sub-menu > li.menu-back,
.header ul.menu .sub-menu > li.menu-parent-title {
	display: none;
}

.header ul.menu .submenu-open > .sub-menu > li.menu-back,
.header ul.menu .submenu-open .sub-menu > li.menu-parent-title {
	display: flex;
}

.header-mobile-contact {
	display: none;
}

@media screen and (min-width: 992px) and (max-width: 1440px) {
	.header .social {
		height: 30px;
		width: 30px;
	}

	.header .social svg {
		height: 16px;
		width: 16px;
	}
}

@media screen and (min-width: 992px) {
	.main-navigation ul.menu li:hover > a,
	.main-navigation ul.menu li:hover > span {
		color: var(--wp--preset--color--primary)
	}

	.header:not(.open) li.menu-item-has-children:hover > a > .menu-icon::after,
	.header:not(.open) li.menu-item-has-children:hover > span > .menu-icon::after {
		transform: rotate(180deg);
		background-image: url('data:image/svg+xml;utf8,<svg fill="none" xmlns="http://www.w3.org/2000/svg" width="15" height="14"><path d="m3.232 4-.899.892 4.9 4.86a.845.845 0 0 0 .923.184.845.845 0 0 0 .275-.183l4.902-4.86L12.434 4 7.833 8.563 3.232 4Z" fill="%237C1A14"/></svg>');
	}
}

@media screen and (max-width: 1440px) {
	.header .header-column {
		gap: 30px;
	}
}

@media screen and (max-width: 1200px) {
	.header .contact-item .contact-text {
		display: none;
	}
}

@media screen and (max-width: 991px) {
	.header.open {
		height: 100vh;
	}

	.header.open .header-middle {
		position: fixed;
		top: 0;
		width: 100%;
		border-bottom: 1px solid rgba(128, 128, 128, .5);
		background: var(--wp--preset--color--base);
		z-index: 1;
	}

	.header.open #site-navigation {
		display: flex;
	}

	.header.open #site-navigation .nav-menu {
		flex-direction: column;
	}

	.header .header-bottom {
		display: none;
		border: 0;
		padding: 30px 0 40px 0;
	}

	.header .header-column {
		gap: 12px;
	}

	.header .header-middle {
		padding: 20px;
		margin: 0 -20px;
	}

	.header .header-column:nth-child(1) {
		display: none;
	}

	.header .header-column:nth-child(2) {
		justify-content: flex-start;
	}

	.header .header-column-actions > *:not(.menu-toggle) {
		display: none;
	}

	.header .menu-toggle {
		display: flex;
	}

	.header .menu-toggle > svg,
	.header .contact-item .contact-icon > svg {
		height: 32px;
		width: 32px;
	}

	.header .menu-icon {
		height: 20px;
		width: 20px;
		justify-content: center;
		align-items: center;
		right: 32px;
	}

	.header .menu > li > a > .menu-icon,
	.header .menu > li > span > .menu-icon {
		right: 0;
		position: relative;
	}

	.header .nav-menu {
		display: flex;
		align-items: flex-start;
		gap: 30px;
	}

	.main-navigation ul.menu .sub-menu > li > a,
	.main-navigation ul.menu .sub-menu > li > span {
		font-size: 20px;
		font-weight: 600;
		padding: 20px 32px 20px 16px;
	}

	.header li.menu-item-has-children > ul.sub-menu {
		width: 100%;
		max-width: unset;
		padding: 20px;
		top: 0;
		right: 0;
		bottom: 0;
		box-shadow: none;
		box-sizing: border-box;
		transform: translate(100%, 0px);
	}

	.header li.menu-item-has-children.submenu-open > ul.sub-menu {
		opacity: 1;
		visibility: visible;
		transform: translate(0%, 0px);
	}

	.header.open .header-inner {
		height: inherit;
		position: relative;
		overflow-x: hidden;
		padding-top: 73px;
		padding-bottom: 103px;
	}

	.header.open .menu,
	.header.open .menu-item {
		position: initial;
	}

	.menu-back {
		display: flex;
		align-items: center;
		cursor: pointer;
	}

	.main-navigation ul.menu .sub-menu .menu-back a.menu-back,
	.main-navigation ul.menu .sub-menu .menu-back span.menu-back {
		font-size: 16px;
		font-weight: 500;
		text-transform: uppercase;
		padding: 4px 0 24px;
		border: none;
	}

	.main-navigation ul.menu .sub-menu > .menu-back {
		align-items: flex-start;
		flex-direction: row;
	}

	.main-navigation ul.menu .sub-menu > .menu-back .burger {
		margin-top: 4px;
	}

	.main-navigation ul.menu .sub-menu .menu-parent-title a,
	.main-navigation ul.menu .sub-menu .menu-parent-title span {
		font-size: 24px;
		font-weight: 500;
		text-transform: uppercase;
		padding: 0 16px 20px 16px;
	}

	.main-navigation ul.menu .sub-menu .menu-back a::before,
	.main-navigation ul.menu .sub-menu .menu-back span::before {
		content: '';
		height: 14px;
		width: 14px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0218 2.07522L9.124 1.19188L4.23408 6.00605C4.15526 6.08319 4.0927 6.17492 4.05002 6.27596C4.00733 6.377 3.98535 6.48536 3.98535 6.5948C3.98535 6.70424 4.00733 6.81259 4.05001 6.91364C4.0927 7.01468 4.15526 7.10641 4.23408 7.18355L9.124 12.0002L10.0209 11.1169L5.43139 6.59605L10.0218 2.07522Z' fill='%2313100D'/%3E%3C/svg%3E%0A");
	}

	.header.open .header-mobile-contact {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 40px;
	}

	.header-mobile-contact .contact-item .contact-text {
		font-size: 20px;
		display: flex;
	}

	.main-navigation ul.menu li a,
	.main-navigation ul.menu li span {
		font-size: 20px;
	}
}

@media screen and (max-width: 480px) {
	.custom-logo {
		width: 220px;
	}
}

/* Breadcrumbs */

.breadcrumbs {
	font-size: 14px;
	line-height: 140%;
	margin: 16px 0 40px;
	padding: 10px 30px;
	background: var(--wp--preset--color--secondary);
}

.breadcrumbs a {
	color: var(--wp--preset--color--grey);
}

.breadcrumbs > span {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

@media screen and (max-width: 991px) {
	.breadcrumbs-wrap {
		background: var(--wp--preset--color--secondary);
	}

	.breadcrumbs {
		margin-top: 0;
		padding-left: 0;
		padding-right: 0;
		background: none;
	}
}

@media screen and (max-width: 768px) {
	.breadcrumbs-wrap {
		padding-left: 0;
		padding-right: 0;
	}

	.breadcrumbs > span {
		flex-wrap: nowrap;
		padding-left: 20px;
		padding-right: 20px;
		white-space: nowrap;
		overflow-x: auto;
	}

	.breadcrumbs > span::-webkit-scrollbar {
		display: none;
	}
}

/* Socials */

.socials {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 12px;
}

.social {
	height: 40px;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--wp--preset--color--contrast);
	transition: var(--wp--custom--properties--transition-element);
}

.social:hover {
	background: var(--wp--preset--color--primary);
}

/* Contact item */

.contact-item {
	display: flex;
	gap: 8px;
}

.contact-item .contact-icon {
	display: flex;
}

a.contact-item:hover path {
	fill: var(--wp--preset--color--primary);
	transition: var(--wp--custom--properties--transition-element);
}

/* Contact Form 7 */

.wpcf7 .wpcf7-form {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.wpcf7 .form-field {
	position: relative;
}

.wpcf7 .label {
	font-size: 12px;
	font-weight: normal;
	line-height: 12px;
	padding: 0 5px;
	height: 12px;
	position: absolute;
	top: -7px;
	left: 16px;
	z-index: 1;
	background-color: var(--wp--preset--color--white);
}

.wpcf7 .wpcf7-not-valid {
	box-shadow: inset 0 0 0 1px var(--wp--preset--color--primary);
}

.wpcf7-not-valid-tip {
	color: var(--wp--preset--color--primary);
}

div.wpcf7 .wpcf7-response-output {
	border-width: 1px;
	padding: 16px 24px;
	margin: 0;
}

.wpcf7 .form-field .checkbox {
	align-items: flex-start;
	padding: 0;
}

.wpcf7 .form-field .checkbox a {
	text-decoration: underline;
}

.wpcf7 .wpcf7-form-control-wrap,
.wpcf7 .form-field span  {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="password"],
.wpcf7 input[type="email"],
.wpcf7 input[type="number"],
.wpcf7 input[type="search"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="range"] {
	width: 100%;
}

.wpcf7 .form-field .checkbox .wpcf7-form-control-wrap {
	margin-top: 1px;
}

@media screen and (max-width: 480px) {
	.wpcf7 .form-field .checkbox {
		font-size: 14px;
		gap: 12px
	}

	.wpcf7 .form-field .checkbox .text {
		margin-top: 2px;
	}
}

/* Tabs */

.tabs {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 40px;
	width: 100%;
}

.tabs > * {
	width: 100%;
	grid-column: 1 / -1;
}

.tabs-list {
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 12px 40px;
}

.tabs-list::-webkit-scrollbar {
	display: none;
}

.tab {
	color: var(--wp--preset--color--grey-dark);
	font-size: 20px;
	font-weight: 600;
	text-transform: none;
	white-space: normal;
	padding: 8px 0;
	cursor: pointer;
	border: none;
	background: none;
	box-shadow: inset 0 -2px 0 0 transparent;
	transition: var(--wp--custom--properties--transition-element);
}

.tab:hover {
	color: var(--wp--preset--color--grey-dark);
	background: none;
}

.tab.active:hover {
	color: var(--wp--preset--color--primary);
}

.tab.active {
	color: var(--wp--preset--color--primary);
	box-shadow: inset 0 -2px 0 0 var(--wp--preset--color--primary);
}

.tabs-content > .content {
	display: none;
}

.tabs-content > .content.active {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

@media screen and (max-width: 991px) {
	.tabs-list {
		grid-column: span 12;
		justify-content: flex-start;
		overflow-x: auto;
		white-space: nowrap;
		flex-wrap: nowrap;
	}

	.tab {
		max-width: max-content;
		white-space: nowrap;
	}
}

@media screen and (min-width: 769px) {
	.tab:hover {
		color: var(--wp--preset--color--primary);
		box-shadow: inset 0 -2px 0 0 var(--wp--preset--color--primary);
	}
}

@media screen and (max-width: 768px) {
	.tabs {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
}

/* Pagination */

ul.page-numbers {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0;
	margin: 140px 0 0;
	gap: 4px;
}

ul.page-numbers li {
	margin: 0;
}

ul.page-numbers span.page-numbers,
ul.page-numbers a.page-numbers,
ul.page-numbers .next.page-numbers,
ul.page-numbers .prev.page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px;
	height: 40px;
	min-width: 40px;
	box-sizing: border-box;
	transition: var(--wp--custom--properties--transition-element);
}

ul.page-numbers .prev {
	margin-right: 22px
}

ul.page-numbers .next {
	margin-left: 22px
}

ul.page-numbers span.page-numbers.current,
ul.page-numbers a.page-numbers:hover {
	color: var(--wp--preset--color--base);
	background-color: var(--wp--preset--color--contrast);
	text-decoration: none;
}

ul.page-numbers path {
	transition: var(--wp--custom--properties--transition-element);
}

ul.page-numbers span.page-numbers.current path,
ul.page-numbers a.page-numbers:hover path {
	fill: var(--wp--preset--color--base);
}

ul.page-numbers .page-numbers.disabled path {
	fill: var(--wp--preset--color--grey);
}

@media screen and (max-width: 1440px) {
	ul.page-numbers {
		margin: 80px 0 0;
	}
}

@media screen and (max-width: 768px) {
	ul.page-numbers {
		margin: 60px 0 0;
	}
}

/* Articles */

.articles {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 20px;
}

.articles > * {
	width: 100%;
	grid-column: span 3;
}

.articles .article {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.article:hover .article-image img {
	transform: scale(1.05);
}

.article-image {
	display: flex;
	width: 100%;
	aspect-ratio: 16 / 15;
	overflow: hidden;
}

.article-image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: var(--wp--custom--properties--transition-item);
}

.article-content {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.article-title {
	font-size: 16px;
	font-weight: 500;
}

.article-date {
	color: var(--wp--preset--color--grey-dark);
	font-size: 14px;
}

.article-more {
	margin-top: auto;
}

@media screen and (max-width: 1440px) {
	.articles > * {
		width: 100%;
		grid-column: span 4;
	}
}

@media screen and (max-width: 991px) {
	.articles > * {
		width: 100%;
		grid-column: span 6;
	}
}

@media screen and (max-width: 480px) {
	.articles {
		display: flex;
		flex-direction: column;
		gap: 40px;
	}

	.articles .article {
		gap: 12px;
	}

	.article-image {
		aspect-ratio: 4 / 3
	}
}

/* Article */

.primary-inner > .single-article {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 60px;
}

.single-article > * {
	width: 100%;
	grid-column: 2 / -2;
}

.single-article-thumbnail {
	grid-column: 1 / -1;
	display: flex;
	width: 100%;
	aspect-ratio: 16 / 4;
	overflow: hidden;
}

.single-article-thumbnail img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.single-article-date {
	color: var(--wp--preset--color--grey-dark);
	font-size: 14px;
}

.single-article-title {
	font-size: clamp(32px, 4vw, var(--wp--custom--properties--h-2));
	line-height: 120%;
	font-weight: 500;
	margin-top: 24px;
}

.single-article-content {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid var(--wp--preset--color--grey-dark);
}

.single-article-content > * {
	margin-top: 30px;
	margin-bottom: 30px;
}

.single-article-content > *:first-child {
	margin-top: 0;
}

.single-article-content > *:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 1440px) {
	.single-article-thumbnail {
		aspect-ratio: 16 / 6;
	}
}

@media screen and (max-width: 768px) {
	.primary-inner > .single-article {
		display: flex;
		flex-direction: column;
		gap: 40px;
	}

	.single-article-thumbnail {
		aspect-ratio: 2;
	}

	.single-article-content > * {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.single-article-title {
		font-size: 24px;
		line-height: 130%;
		font-weight: 700;
	}
}

@media screen and (max-width: 480px) {
	.primary-inner > .single-article {
		gap: 20px;
	}

	.single-article-thumbnail {
		aspect-ratio: 1;
	}

	.single-article-title {
		margin-top: 20px;
	}

	.single-article-content {
		margin-top: 20px;
		padding-top: 20px;
	}
}

/* 404 */

.error404 .breadcrumbs-wrap {
	display: none;
}

.error404 > .content {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 900px;
	max-width: unset;
	margin: 0;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.error404 > .content::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(17, 17, 17, 0.7);
	pointer-events: none;
	z-index: 1;
}

.error404 > .content > * {
	z-index: 2;
}

.error404 .content-not-found {
	color: var(--wp--preset--color--base);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 120px 60px;
	gap: 40px;
}

.error404 .content-not-found .image {
	max-width: 742px;
	margin-bottom: 20px;
}

.error404 .content-not-found .text {
	font-size: 24px;
	font-weight: 500;
	text-align: center;
}

@media screen and (max-width: 1600px) {
	.error404 > .content {
		min-height: 70vh;
	}

	.error404 .content-not-found .image {
		max-width: 80%;
	}
}

@media screen and (max-width: 991px) {
	.error404 .content-not-found {
		padding: 0;
	}

	.error404 .content-not-found .image {
		max-width: 70%;
	}

	.error404 > .content {
		min-height: 800px;
	}
}

@media screen and (max-width: 768px) {
	.error404 .content-not-found .image {
		max-width: 100%;
		margin: 0;
	}
}