/*
	CSS file for
*/

@font-face {
	font-family: 'Coolvetica';
	src: url('../fonts/Coolvetica-Regular.woff2') format('woff2'),
	url('../fonts/Coolvetica-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

:root {
	--button-primary: #BC9EBD;
	--button-primary-shadow: #826283;
	--button-primary-hover: #C990CB;

	--button-outline: #FFFDFB;
	--button-outline-foreground: #9A799B;
	--button-outline-border: #9A799B;
	--button-outline-border-accent: #BC9EBD;

	--button-disabled: #D9D9D9;
	--button-disabled-shadow: #B0B0B0;

	--color-white: #F4F4F4;
	--color-cream: #FFFDFB;
	--color-mallow-50: #FEF7FF;
	--color-mallow-200: #FECFE9;
	--color-mallow-300: #C990CB;
	--color-mallow-400: #BD9CBC;
	--color-mallow-500: #9A799B;
	--color-mallow-900: #3B1856;
	--color-mallow-950: #2D1244;
	--color-pink-100: #FECFE9;
	--color-pink-900: #731D44;
	--color-purple-300: #BBAAF5;
	--color-purple-400: #A48BFE;
	--color-indigo: #5E3DF0;
	--color-light: #F7F0F8;
	--color-mint: #7EF8A2;
	--color-sand: #DDDA8A;
	--color-sand-100: #EBEABC;
	--color-lime: #DEFF3C;
	--color-green: #B7EF57;
	--color-blue: #72B3E6;
	--color-violet: #5F63E5;
	--color-sky: #5FC4E5;
	--color-turquoise: #57EFD3;
	--color-purple-50: #F0EFF5;
	--color-purple-100: #CFC5F1;
	--color-purple-600: #704BF4;
	--color-pink-200: #E6D0DA;
	--color-pink-500: #E55F9D;
	--color-blue-500: #3DA2F0;
	--color-cyan: #57ECEF;
	--color-blue-100: #C8D9E6;
	--color-mint-100: #E4F9EA;
	--color-mint-200: #C1FFCC;
	--color-cyan-100: #C1F0FF;
	--color-rose: #FFC1D1;
}


/*	General
------------------------------*/

	* {
		padding: 0;
		margin: 0;
		outline: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		box-sizing: border-box;
	}

	*::selection {
		background: #BC9EBD;
	}

	body {
		font-family: 'Nunito', sans-serif;
		background: #fff;
	}

	img,
	svg {
		display: block;
		max-width: 100%;
		height: auto;
	}

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

	a img {
		border: 0;
	}

	a,
	svg,
	path,
	button {
		transition: all ease 0.4s;
	}

	.container {
		width: 94%;
		max-width: 1296px;
		margin: 0 auto;
	}

	.wrapper {
		position: relative;
		overflow: hidden;
	}

	section,
	footer {
		margin-top: 96px;
	}


/*	Common Elements
-------------------------------------------*/


	/*
	 *	Button
	 */
	.btn {
		height: 39px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: #FFF;
		font-family: Coolvetica, sans-serif;
		font-size: 16px;
		line-height: 100%;
		text-align: center;
		background: var(--button-primary);
		padding: 0 20px;
		border-radius: 100px;
		box-shadow: 0 5px 0 var(--button-primary-shadow);
	}

		.btn:hover {
			background: var(--button-primary-hover);
		}

		.btn:active {
			background: var(--button-primary-hover);
			box-shadow: 0 4px 2px rgba(154, 121, 155, 0.24);
			transform: translateY(5px);
		}

		.btn.outline {
			color: var(--button-outline-foreground);
			background: var(--button-outline);
			border: 1px solid var(--button-outline-border-accent);
			box-shadow: 0 5px 0 var(--button-outline), 0 5px 0 1px var(--button-outline-border);
		}

			.btn.outline:hover {
				color: #FFF;
				background: var(--button-primary-hover);
				border-color: var(--button-primary-hover);
				box-shadow: 0 5px 0 var(--button-primary-shadow);
			}

			.btn.outline:active {
				box-shadow: 0 4px 2px rgba(154, 121, 155, 0.24);
			}

		.btn.disabled {
			color: #FFF;
			background: var(--button-disabled);
			border-color: var(--button-disabled);
			box-shadow: 0 5px 0 var(--button-disabled-shadow);
			cursor: default;
		}


	/*
	 *	Section title
	 */
	.section-title {
		color: var(--color-mallow-900);
		font-family: Coolvetica, sans-serif;
		font-size: 38px;
		font-weight: 400;
		line-height: 48px;
	}

		.section-title .highlight {
			padding: 0 12px 4px 12px;
			position: relative;
			top: 2px;
		}


	/*
	 *	Highlight
	 */
	.highlight {
		--highlight-color: var(--color-lime);

		display: inline-block;
		line-height: 1.1;
		background: var(--highlight-color);
		border-radius: 100px;
		transform: rotate(-2deg);
	}

		.highlight.color-pink {
			--highlight-color: var(--color-pink-100);
		}

		.highlight.color-mallow {
			--highlight-color: var(--color-mallow-300);

			color: var(--color-cream);
		}

		.highlight.color-mallow-400 {
			--highlight-color: var(--color-mallow-400);

			color: var(--color-cream);
		}

		.highlight.color-purple {
			--highlight-color: var(--color-purple-300);

			color: var(--color-cream);
		}

		.highlight.color-green {
			--highlight-color: var(--color-green);
		}

		.highlight.color-mint {
			--highlight-color: var(--color-mint);
		}

		.highlight.color-blue {
			--highlight-color: var(--color-blue);

			color: var(--color-cream);
		}

		.highlight.color-turquoise {
			--highlight-color: var(--color-turquoise);
		}

		.highlight.color-cyan {
			--highlight-color: var(--color-cyan);
		}

		.highlight.color-kobaj {
			--highlight-color: #575AEF;

			color: var(--color-cream);
		}


	/*
	 *	Play icon
	 */
	.play-icon .shadow,
	.play-icon .face {
		transition: all ease 0.4s;
	}

	a:hover .play-icon .shadow {
		opacity: 0;
	}

	a:hover .play-icon .face {
		transform: translateY(8px);
	}


	/*
	 *	Masked photo
	 */
	.pic {
		aspect-ratio: 522 / 432;
		display: block;
		-webkit-mask: url('../img/mask-photo.svg') no-repeat center / 100% 100%;
		mask: url('../img/mask-photo.svg') no-repeat center / 100% 100%;
	}

		.pic img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			background: #eee;
		}


	/*
	 *	Background line
	 */
	.bg-line {
		top: 50%;
		left: 50%;
		z-index: -1;
		width: 1626px;
		color: #F5F5F5;
		position: absolute;
		pointer-events: none;
		transform: translate(-50%, -50%);
	}


	/*
	 *	Big tag
	 */
	.big-tag {
		display: inline-block;
		font-family: Coolvetica, sans-serif;
		font-size: 22px;
		font-weight: 400;
		line-height: 1;
		padding: 6px 8px;
		border-radius: 100px;
		transform: rotate(-2deg);
	}

		.big-tag.color-purple {
			color: #150E2F;
			background: var(--color-purple-400);
		}

		.big-tag.color-mint {
			color: #0E2F18;
			background: var(--color-mint);
			transform: rotate(1.58deg);
		}

		.big-tag.color-mallow {
			color: var(--color-cream);
			background: var(--color-mallow-300);
		}

		.big-tag.color-sand {
			color: #36350D;
			background: var(--color-sand);
			transform: rotate(1.58deg);
		}


	/*
	 *	Socials
	 */
	.socials {
		display: flex;
		flex-shrink: 0;
	}

		.socials .social {
			width: 42px;
			height: 42px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: var(--color-mallow-900);
			background: #fff;
			border-radius: 50%;
			border: 1px solid var(--color-mallow-900);
			box-shadow: 0 3px 0 var(--color-mallow-900);
			transition: all ease 0.4s;
		}

		.socials .social + .social {
			margin-left: 12px;
		}

			.socials .social svg {
				width: auto;
				height: 16px;
			}

		.socials .social:hover {
			color: #fff;
			background: var(--button-primary-hover);
		}

		.socials .social:active {
			color: #fff;
			background: var(--button-primary-hover);
			box-shadow: none;
			transform: translateY(3px);
		}


	/*
	 *	Slider head
	 */
	.slider-head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 32px;
	}

		.slider-head .arrows {
			display: flex;
			flex-shrink: 0;
		}

			.slider-head .arrows .arrow {
				width: 42px;
				height: 42px;
				display: flex;
				align-items: center;
				justify-content: center;
				color: var(--color-white);
				background: var(--button-primary);
				border-radius: 50%;
				box-shadow: 0 3px 0 var(--button-primary-shadow);
				transition: all ease 0.4s;
				cursor: pointer;
			}

			.slider-head .arrows .arrow + .arrow {
				margin-left: 12px;
			}

				.slider-head .arrows .arrow svg {
					width: 15px;
					height: 16px;
				}

				.slider-head .arrows .arrow.prev svg {
					transform: rotate(90deg);
				}

				.slider-head .arrows .arrow.next svg {
					transform: rotate(-90deg);
				}

			.slider-head .arrows .arrow:hover {
				background: var(--button-primary-hover);
			}

			.slider-head .arrows .arrow:active {
				background: var(--button-primary-hover);
				box-shadow: none;
				transform: translateY(3px);
			}

			.slider-head .arrows .arrow.swiper-button-disabled {
				opacity: 0.4;
				cursor: default;
			}


	/*
	 *	Form
	 */
	.gform_ajax_spinner,
	.gform_validation_errors,
	.gform_validation_container,
	.gform_required_legend,
	.validation_error {
		display: none;
	}

	/* A Gravity Forms a választós mezőket fieldsetbe teszi · a böngésző kerete nem kell */
	.gform_wrapper fieldset {
		min-width: 0;
		padding: 0;
		border: 0;
		margin: 0;
	}

	.validation_message {
		color: #fff;
		font-size: 12px;
		padding: 6px 16px;
		background: #d96499;
		border-radius: 12px;
		margin-top: 4px;
	}


	/*
	 *	Info box
	 */
	.info-box {
		padding: 9px 0;
		background: var(--color-mint-100);
		border-radius: 12px;
	}

		.info-box .question {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 24px;
			color: #0E2F18;
			font-family: Coolvetica, sans-serif;
			font-size: 32px;
			line-height: 1.1;
			padding: 0 24px;
			transition: all ease 0.4s;
			cursor: pointer;
		}

			.info-box .question svg {
				width: 15px;
				height: 16px;
				flex-shrink: 0;
				transform: rotate(-90deg);
			}

		.info-box .question:hover,
		.info-box.open .question {
			opacity: 0.6;
		}

		.info-box .answer {
			padding: 16px 24px 0;
			display: none;
		}


	/*
	 *	Tag
	 */
	.tag {
		color: var(--color-cream);
		font-size: 14px;
		font-weight: 500;
		line-height: 1.5;
		padding: 1.5px 12px;
		background: var(--color-mallow-300);
		border-radius: 100px;
	}

		.tag.color-violet {
			background: var(--color-violet);
		}

		.tag.color-sky {
			background: var(--color-sky);
		}


	/*
	 *	Overlay
	 */
	.overlay {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9998;
		background: rgba(45, 18, 68, 0.32);
		opacity: 0;
		visibility: hidden;
		transition: all ease 0.4s;
		position: fixed;
	}

	.overlay.show {
		opacity: 1;
		visibility: visible;
	}


	/*
	 *	Tab
	 */
	.tab {
		flex-shrink: 0;
		color: #21144E;
		font-family: Coolvetica, sans-serif;
		font-size: 16px;
		line-height: 1;
		white-space: nowrap;
		padding: 10px;
		background: var(--color-light);
		border-radius: 100px;
	}

		.tab:hover,
		.tab.active {
			color: var(--color-cream);
			background: var(--color-mallow-300);
		}


	/*
	 *	Pagination
	 */
	.screen-reader-text {
		width: 1px;
		height: 1px;
		clip-path: inset(50%);
		overflow: hidden;
		white-space: nowrap;
		position: absolute;
	}

	.pagination {
		margin-top: 40px;
	}

	.articles.infinite .pagination {
		display: none;
	}

	.load-more {
		height: 1px;
	}

	.load-more.loading {
		height: 48px;
		background: url('../img/icon-arrow-curve.svg') center / 32px no-repeat;
		opacity: 0.4;
	}

		.pagination .nav-links {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: center;
			gap: 12px;
		}

			.pagination .page-numbers {
				min-width: 42px;
				height: 42px;
				display: flex;
				align-items: center;
				justify-content: center;
				color: var(--color-mallow-900);
				font-family: Coolvetica, sans-serif;
				font-size: 16px;
				line-height: 1;
				padding: 0 12px;
				background: var(--color-light);
				border-radius: 100px;
			}

				.pagination .page-numbers svg {
					width: 15px;
					height: 16px;
				}

				.pagination .page-numbers.prev svg {
					transform: rotate(90deg);
				}

				.pagination .page-numbers.next svg {
					transform: rotate(-90deg);
				}

			.pagination a.page-numbers:hover,
			.pagination .page-numbers.current {
				color: var(--color-cream);
				background: var(--color-mallow-300);
			}

			.pagination .page-numbers.dots {
				background: none;
			}


	/*
	 *	Meta: author + date
	 */
	.meta {
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 14px;
		font-weight: 500;
		line-height: 1.5;
	}

		.meta .author {
			display: flex;
			align-items: center;
			gap: 12px;
			font-weight: 700;
		}

			.meta .avatar {
				width: 32px;
				height: 32px;
				flex-shrink: 0;
				border-radius: 50%;
				overflow: hidden;
			}

				.meta .avatar img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: top;
				}


	/*
	 *	Card: article
	 */
	.article-card {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}

		.article-card .image {
			aspect-ratio: 1 / 1;
			display: block;
			border-radius: 16px;
			overflow: hidden;
		}

			.article-card .image img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				background: #eee;
				transition: all ease 0.4s;
			}

		.article-card .image:hover img {
			transform: scale(1.03);
		}

		.article-card .text {
			display: flex;
			flex-direction: column;
			gap: 4px;
		}

			.article-card .meta {
				color: var(--color-mallow-300);
			}

				.article-card .meta .avatar {
					background: var(--color-mallow-200);
					border: 1px solid var(--color-mallow-500);
				}

					.article-card .meta .avatar img {
						background: none;
					}

				.article-card .author:hover {
					color: var(--color-mallow-900);
				}

			.article-card h3 {
				color: var(--color-mallow-900);
				font-family: Coolvetica, sans-serif;
				font-size: 28px;
				font-weight: 400;
				line-height: 1.1;
				padding-bottom: 3px;
			}

				.article-card h3 a:hover {
					color: var(--color-mallow-300);
				}


	/*
	 *	Card: team member
	 */
	.team-member {
		aspect-ratio: 416 / 552;
		display: block;
		border-radius: 24px;
		overflow: hidden;
		position: relative;
	}

		.team-member .image {
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			position: absolute;
		}

			.team-member .image img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				background: #eee;
				filter: grayscale(1);
				transition: all ease 0.4s;
			}

		.team-member:hover .image img {
			transform: scale(1.03);
		}

		.team-member .card {
			left: 24px;
			right: 24px;
			bottom: 24px;
			min-height: 164px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			gap: 12px;
			padding: 24px;
			background: var(--color-pink-100);
			border-radius: 12px;
			position: absolute;
		}

			.team-member .card .text {
				min-height: 84px;
			}

				.team-member .card .text h3 {
					color: var(--color-mallow-950);
					font-family: Coolvetica, sans-serif;
					font-size: 38px;
					font-weight: 400;
					line-height: 1.1;
				}

				.team-member .card .text p {
					color: var(--color-pink-900);
					font-size: 14px;
					font-weight: 500;
					line-height: 1.5;
				}

			.team-member .card .more {
				color: var(--color-mallow-900);
				font-family: Coolvetica, sans-serif;
				font-size: 16px;
				line-height: 1;
			}

		.team-member.color-blue .card {
			background: var(--color-blue-100);
		}

			.team-member.color-blue .card .text h3 {
				color: #10202D;
			}

			.team-member.color-blue .card .text p {
				color: #1F6AA4;
			}

			.team-member.color-blue .card .more {
				color: var(--color-blue-500);
			}

		.team-member.color-mint .card {
			background: var(--color-mint-100);
		}

			.team-member.color-mint .card .text h3 {
				color: #0E2F18;
			}

			.team-member.color-mint .card .text p,
			.team-member.color-mint .card .more {
				color: #155528;
			}


/*	Header
-------------------------------------------*/

	header {
		top: 22px;
		left: 16px;
		right: 16px;
		position: fixed;
		z-index: 9999;
	}

		header .container {
			width: 100%;
			max-width: 1296px;
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin: 0 auto;
			padding: 12px 24px;
			border-radius: 100px;
			background: rgba(255, 255, 255, 0.84);
			box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.12);
			backdrop-filter: blur(2px);
		}

		header .logo {
			width: 180px;
		}

		header nav {
			color: var(--color-mallow-900);
			font-family: Coolvetica, sans-serif;
			font-size: 16px;
			font-style: normal;
			font-weight: 400;
			line-height: 150%; /* 24px */
		}

			header nav ul {
				list-style: none;
				display: flex;
			}

			header nav ul li + li {
				margin-left: 24px;
			}

				header nav ul li a {

				}

				header nav ul li.menu-item-has-children > a {
					cursor: pointer;
				}


			/*
			 *	Dropdown menu
			 */
			header nav .dropdown {
				top: calc(100% + 12px);
				left: 0;
				right: 0;
				max-width: 1296px;
				padding: 44px 32px 42px;
				background: #fff;
				border-radius: 16px;
				box-shadow: 0 4px 63.8px rgba(229, 95, 157, 0.12);
				overflow: hidden;
				opacity: 0;
				visibility: hidden;
				transition: all ease 0.4s;
				margin: 0 auto;
				position: absolute;
			}

			header nav .menu-item-has-children.open .dropdown {
				opacity: 1;
				visibility: visible;
			}

				header nav .dropdown .bg-line {
					top: 129px;
					left: -156px;
					z-index: 0;
					width: 1606px;
					color: #EFDDF1;
					transform: none;
				}

				header nav .dropdown .title {
					display: block;
					font-size: 32px;
					line-height: 1.1;
					margin-left: 32px;
					position: relative;
				}

				header nav .dropdown .items {
					display: flex;
					justify-content: center;
					gap: 40px;
					margin-top: 45px;
					position: relative;
				}

					header nav .dropdown .item {
						width: 384px;
						display: flex;
						flex-direction: column;
						gap: 32px;
						transform: rotate(-2deg);
					}

					header nav .dropdown .item:nth-child(even) {
						transform: rotate(2deg);
					}

						header nav .dropdown .item .image {
							aspect-ratio: 384 / 324;
							background: var(--card-bg);
							border-radius: 16px;
							overflow: hidden;
						}

							header nav .dropdown .item .image img {
								width: 100%;
								height: 100%;
								object-fit: cover;
								transition: all ease 0.4s;
							}

						header nav .dropdown .item:hover .image img {
							transform: scale(1.03);
						}

						header nav .dropdown .item h3 {
							font-family: Coolvetica, sans-serif;
							font-size: 32px;
							font-weight: 400;
							line-height: 1.1;
						}

						header nav .dropdown .item p {
							font-size: 20px;
							font-weight: 500;
							line-height: 1.5;
							margin-top: 4px;
						}

					header nav .dropdown .item.color-pink {
						--card-bg: #FFCAE2;
					}

					header nav .dropdown .item.color-green {
						--card-bg: #D0FFDE;
					}

					header nav .dropdown .item.color-blue {
						--card-bg: #B6D0F6;
					}

		header .button {
			width: 180px;
		}

			header .button .btn {
				width: 100%;
				margin-top: -4px;
			}

		header .burger {
			display: none;
			gap: 2px;
			align-items: center;
			justify-content: flex-end;
			color: var(--color-mallow-900);
			font-family: Coolvetica, sans-serif;
			font-size: 16px;
			line-height: 1.5;
			cursor: pointer;
		}

			header .burger svg {
				width: 24px;
				height: 24px;
			}


/*	Mobile Menu
-------------------------------------------*/

	.mobile-menu {
		top: 22px;
		left: 16px;
		right: 16px;
		max-height: calc(100vh - 44px);
		z-index: 9999;
		background: var(--color-mallow-300);
		border-radius: 24px;
		opacity: 0;
		visibility: hidden;
		overflow-y: auto;
		transform: translate3d(0, -16px, 0);
		transition: all ease 0.4s;
		position: fixed;
	}

	.mobile-menu.show {
		opacity: 1;
		visibility: visible;
		transform: translate3d(0, 0, 0);
	}

		.mobile-menu .container {
			display: flex;
			flex-direction: column;
			gap: 12px;
			padding: 12px 0;
		}

			.mobile-menu .head {
				display: flex;
				align-items: center;
				justify-content: space-between;
				flex-shrink: 0;
			}

				.mobile-menu .head .logo {
					width: 96px;
				}

				.mobile-menu .head .close {
					display: flex;
					gap: 2px;
					align-items: center;
					color: var(--color-light);
					font-family: Coolvetica, sans-serif;
					font-size: 16px;
					line-height: 1.5;
					cursor: pointer;
				}

					.mobile-menu .head .close svg {
						width: 24px;
						height: 24px;
					}

			.mobile-menu nav ul {
				list-style: none;
				display: flex;
				flex-direction: column;
				padding: 24px 0;
			}

				.mobile-menu nav ul li {
					padding: 12px 0;
					border-bottom: 1px solid rgba(255, 255, 255, 0.24);
				}

					.mobile-menu nav ul li > a,
					.mobile-menu nav ul li .toggle {
						width: 100%;
						display: flex;
						align-items: center;
						justify-content: space-between;
						color: var(--color-mallow-900);
						font-family: Coolvetica, sans-serif;
						font-size: 24px;
						line-height: 1.1;
						text-align: left;
						background: none;
						border: none;
						cursor: pointer;
					}

						.mobile-menu nav ul li .toggle svg {
							width: 24px;
							height: 24px;
							flex-shrink: 0;
						}

					.mobile-menu nav ul li .children {
						display: none;
						flex-direction: column;
						gap: 16px;
						margin-top: 16px;
					}

					.mobile-menu nav ul li.open .children {
						display: flex;
					}

						.mobile-menu nav ul li .children .pill {
							width: 100%;
							padding: 8px 16px;
							color: var(--color-mallow-900);
							font-family: Coolvetica, sans-serif;
							font-size: 22px;
							line-height: 1.1;
							background: #fff;
							border-radius: 12px;
							display: block;
						}

						.mobile-menu nav ul li .children .pill:nth-child(1) {
							background: #FFCAE2;
						}

						.mobile-menu nav ul li .children .pill:nth-child(2) {
							background: #D0FFDE;
						}

						.mobile-menu nav ul li .children .pill:nth-child(3) {
							background: #B6D0F6;
						}

						.mobile-menu nav ul li .children .pill.color-pink {
							background: #FFCAE2;
						}

						.mobile-menu nav ul li .children .pill.color-green {
							background: #D0FFDE;
						}

						.mobile-menu nav ul li .children .pill.color-blue {
							background: #B6D0F6;
						}

			.mobile-menu .contact {
				margin-top: auto;
				flex-shrink: 0;
			}

			.mobile-menu .socials {
				padding-bottom: 24px;
			}


/*	Footer
-------------------------------------------*/

	footer {
		padding-bottom: 96px;
	}

		footer .box {
			background: var(--color-indigo);
			border-radius: 24px;
			overflow: hidden;
			position: relative;
		}


		/*
		 *	Decoration
		 */
		footer .bg img {
			top: 126px;
			left: -102px;
			width: 1626px;
			max-width: none;
			position: absolute;
		}

		footer .figure {
			position: absolute;
		}

		footer .figure.pink {
			top: 45px;
			left: 34.6%;
			width: 74px;
			transform: rotate(-25.25deg);
		}

		footer .figure.green {
			left: 136px;
			bottom: 92px;
			width: 92px;
			transform: rotate(23.12deg);
			z-index: 9999;
		}

		footer .figure.star {
			right: 23px;
			bottom: 103px;
			width: 69px;
			transform: rotate(-13.94deg);
		}


		/*
		 *	Head
		 */
		footer .head {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 64px 24px;
			position: relative;
		}

			footer .head .logo {
				width: 116px;
			}


		/*
		 *	Columns
		 */
		footer .columns {
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			padding: 0 24px;
			position: relative;
		}

			footer .columns .col {
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				gap: 16px;
			}

			footer .columns .col.wide {
				width: 560px;
				gap: 32px;
			}

				footer .columns .col ul {
					list-style: none;
					display: flex;
					flex-direction: column;
					gap: 16px;
				}

				footer .columns .col li a {
					color: var(--color-light);
					font-size: 20px;
					font-weight: 500;
					line-height: 1.5;
				}

				footer .columns .col li a:hover {
					opacity: 0.7;
				}

				footer .columns .col.services li a:hover {
					color: var(--color-mint);
					opacity: 1;
				}


		/*
		 *	Newsletter form
		 */
		footer .newsletter .gform_wrapper {
			display: flex;
			flex-direction: column;
			gap: 16px;
		}

			/* A Gravity Forms üres horgony-div-je ne kapjon flex gapet */
			footer .newsletter .gform_anchor {
				position: absolute;
			}

			footer .newsletter .gform_heading {
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				gap: 16px;
			}

				footer .newsletter .gform_title {
					display: inline-block;
					color: var(--color-cream);
					font-family: Coolvetica, sans-serif;
					font-size: 22px;
					font-weight: 400;
					line-height: 1;
					padding: 6px 8px;
					border-radius: 100px;
					background: var(--color-mallow-300);
					transform: rotate(-2deg);
				}

				footer .newsletter .gform_description {
					color: var(--color-light);
					font-size: 20px;
					font-weight: 500;
					line-height: 1.5;
				}

			footer .newsletter form {
				display: flex;
				align-items: flex-start;
				gap: 16px;
			}

				footer .newsletter .gform_fields {
					display: flex;
					flex-direction: column;
					gap: 12px;
				}

				footer .newsletter .gfield_label {
					display: none;
				}

				footer .newsletter .ginput_container {
					width: 296px;
				}

					footer .newsletter input {
						width: 100%;
						height: 44px;
						color: #272727;
						font-family: Coolvetica, sans-serif;
						font-size: 16px;
						padding: 0 12px;
						background: var(--color-light);
						border: 0;
						border-radius: 100px;
					}

					footer .newsletter input::placeholder {
						color: #272727;
						opacity: 1;
					}

				/*
				 *	Adatkezelési checkbox
				 */
				footer .newsletter .ginput_container_consent {
					display: flex;
					align-items: flex-start;
					gap: 8px;
				}

					footer .newsletter input[type="checkbox"] {
						width: 20px;
						height: 20px;
						flex-shrink: 0;
						margin-top: 1px;
						padding: 0;
						background: var(--color-light);
						border: 0;
						border-radius: 6px;
						appearance: none;
						cursor: pointer;
					}

					footer .newsletter input[type="checkbox"]:checked {
						background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none'%3E%3Cpath d='M1 5L4.5 8.5L11 1.5' stroke='%233B1856' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
						background-position: center;
						background-repeat: no-repeat;
					}

					footer .newsletter .gfield_consent_label {
						color: var(--color-light);
						font-size: 14px;
						font-weight: 500;
						line-height: 1.4;
						cursor: pointer;
					}

						footer .newsletter .gfield_consent_label a {
							text-decoration: underline;
						}

				footer .newsletter .gform_button {
					width: 213px;
				}


		/*
		 *	Contact
		 */
		footer .contact {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: 16px;
		}


		/*
		 *	Bottom
		 */
		footer .bottom {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin: 24px 24px 0;
			padding: 24px 0 32px;
			color: var(--color-light);
			font-size: 16px;
			font-weight: 500;
			line-height: 1.5;
			border-top: 1px solid var(--color-light);
			position: relative;
		}

			footer .bottom .legal {
				list-style: none;
				display: flex;
				gap: 12px;
			}

				footer .bottom .legal a:hover {
					opacity: 0.7;
				}


/*	General Content
-------------------------------------------*/

	.general-content {
		color: var(--color-mallow-900);
		font-size: 20px;
		font-weight: 500;
		line-height: 1.5;
	}

		.general-content:after {
			display: table;
			clear: both;
			content: '';
		}

		.general-content > *:first-child {
			margin-top: 0;
			padding-top: 0;
		}

		.general-content h2,
		.general-content h3,
		.general-content h4 {
			font-family: Coolvetica, sans-serif;
			font-weight: 400;
			line-height: 1.1;
			margin-top: 32px;
		}

		.general-content h2 {
			font-size: 38px;
		}

		.general-content h3 {
			font-size: 28px;
		}

		.general-content h4 {
			font-size: 24px;
		}

		.general-content p {
			margin-top: 16px;
		}

		.general-content strong,
		.general-content b {
			font-weight: 700;
		}

		.general-content a {
			color: var(--color-mallow-300);
			text-decoration: underline;
		}

		.general-content a:hover {
			color: var(--color-mallow-900);
			text-decoration: none;
		}

		.general-content ul,
		.general-content ol {
			margin-top: 16px;
		}

		.general-content ul {
			list-style: none;
		}

			.general-content ul li {
				padding-left: 20px;
				position: relative;
			}

			.general-content ul li:before {
				top: 12px;
				left: 4px;
				width: 5px;
				height: 5px;
				background: var(--color-mallow-300);
				border-radius: 50%;
				position: absolute;
				content: '';
			}

		.general-content ol {
			padding-left: 24px;
		}

			.general-content ol li::marker {
				color: var(--color-mallow-300);
				font-weight: 700;
			}

			.general-content li + li {
				margin-top: 8px;
			}

		.general-content blockquote {
			padding-left: 24px;
			border-left: 4px solid var(--color-mallow-300);
			margin-top: 24px;
		}

			.general-content blockquote p:first-child {
				margin-top: 0;
			}

		.general-content img {
			display: block;
			border-radius: 12px;
			margin-top: 24px;
		}

		.general-content .wp-caption {
			width: 100% !important;
			height: auto;
			margin-top: 24px;
		}

			.general-content .wp-caption img {
				width: 100%;
				margin-top: 0;
			}

			.general-content .wp-caption .wp-caption-text {
				color: var(--color-mallow-500);
				font-size: 14px;
				font-weight: 500;
				line-height: 1.5;
				text-align: center;
				margin-top: 8px;
			}

		.general-content .alignleft {
			max-width: 50%;
			float: left;
			margin: 24px 24px 8px 0;
		}

		.general-content .alignright {
			max-width: 50%;
			float: right;
			margin: 24px 0 8px 24px;
		}

		.general-content .aligncenter {
			margin-left: auto;
			margin-right: auto;
		}




/*	Section: Cards Slider
-------------------------------------------*/

		.cards-slider .swiper-slide {
			width: min(416px, calc(97% - 46px));
			height: auto;
		}


		/*
		 *	Card: image (Fancybox lightbox)
		 */
		.cards-slider .card-image {
			aspect-ratio: 416 / 552;
			display: block;
			border-radius: 24px;
			overflow: hidden;
			position: relative;
		}

			.cards-slider .card-image img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				background: #eee;
				transition: all ease 0.4s;
			}

			.cards-slider .card-image:hover img {
				transform: scale(1.03);
			}


/*	Section: Blog
-------------------------------------------*/

		.blog .section-title {
			margin-bottom: 32px;
		}

		.blog .swiper-slide {
			width: min(416px, calc(97% - 46px));
			height: auto;
		}


/*	Section: Video Slider
-------------------------------------------*/

	.latest-articles + .slider-video {
		margin-top: 48px;
	}

	.slider-video .section-title {
		margin-bottom: 32px;
	}

	.slider-video .swiper-slide {
		width: min(306px, calc(97% - 46px));
		height: auto;
	}


		/*
		 *	Card: video
		 */
		.slider-video .video-card {
			aspect-ratio: 306 / 544;
			display: block;
			border-radius: 24px;
			overflow: hidden;
			position: relative;
		}

			.slider-video .video-card .image {
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				display: block;
				position: absolute;
			}

				.slider-video .video-card .image img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					background: #eee;
					transition: all ease 0.4s;
				}

			.slider-video .video-card:hover .image img {
				transform: scale(1.03);
			}

			.slider-video .video-card .play {
				top: 50%;
				left: 50%;
				width: 116px;
				display: block;
				position: absolute;
				transform: translate(-50%, -50%);
			}


/*	Section: Tabs
-------------------------------------------*/

	.page-header + .tabs {
		margin-top: 45px;
	}

	.tabs .items {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 16px;
	}


/*	Section: Page Header
-------------------------------------------*/

	.page-header {
		margin-top: 122px;
	}

	.page-header .container {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

		.page-header .eyebrow {
			color: var(--color-mallow-300);
			font-size: 14px;
			font-weight: 500;
			line-height: 1.5;
			text-transform: uppercase;
		}

		.page-header h1 {
			color: var(--color-mallow-900);
			font-family: Coolvetica, sans-serif;
			font-size: 64px;
			font-weight: 400;
			line-height: 1.1;
		}

		.page-header .arrow {
			width: 48px;
			margin-top: 16px;
			transform: rotate(-36.39deg);
		}


/*	Section: Page Hero
-------------------------------------------*/

	.page-hero {
		--hero-bg: var(--color-indigo);
		--hero-fg: var(--color-light);
		--hero-tag: var(--color-cyan);
		--hero-tag-fg: var(--color-cream);
		--hero-message-bg: #fff;
		--hero-message-fg: var(--color-indigo);

		color: var(--hero-bg);
		margin-top: 0;
	}

	.page-hero + .page-hero {
		margin-top: 96px;
	}

		.page-hero .container {
			aspect-ratio: 1296 / 760;
			position: relative;
		}

			.page-hero .bg {
				top: 0;
				left: 50%;
				width: 100vw;
				height: 95.1%;
				max-width: none;
				position: absolute;
				pointer-events: none;
				transform: translateX(-50%);
			}

			.page-hero .content {
				z-index: 2;
				width: 44%;
				padding-top: 10.26%;
				position: relative;
			}

				.page-hero .mini {
					display: flex;
					align-items: center;
					gap: 6px;
					color: var(--hero-fg);
					font-size: 24px;
					font-weight: 700;
					line-height: 1.5;
					margin-bottom: -8px;
				}

					.page-hero .mini .highlight {
						--highlight-color: var(--hero-tag);

						color: var(--hero-tag-fg);
						font-weight: 700;
						padding: 0 12px;
					}

				.page-hero h1 {
					color: var(--hero-fg);
					font-family: Coolvetica, sans-serif;
					font-size: 96px;
					font-weight: 400;
					line-height: 1;
				}

			.page-hero .image {
				top: 16.05%;
				left: 17.66%;
				width: 65.7%;
				position: absolute;
			}

				.page-hero .image .pic {
					aspect-ratio: 851 / 614;
					-webkit-mask-image: url('../img/mask-hero.svg');
					mask-image: url('../img/mask-hero.svg');
				}

					.page-hero .image .pic img {
						object-position: top center;
					}

				.page-hero .image .figure {
					position: absolute;
				}

				.page-hero .image .figure.star {
					top: 68.1%;
					left: 1.3%;
					width: 8.3%;
					transform: rotate(-13.94deg);
				}

				.page-hero .image .figure.pink {
					top: 10.9%;
					left: 62.4%;
					width: 8.8%;
					transform: rotate(-24.03deg);
				}

				.page-hero .image .figure.blue {
					top: 56.7%;
					left: 31.9%;
					width: 11.5%;
					transform: rotate(-6.29deg);
				}

				.page-hero .image .figure.green {
					top: 82.4%;
					left: 75.3%;
					width: 11%;
					transform: rotate(-18.8deg);
				}

			.page-hero .message {
				top: 71.05%;
				left: 72.45%;
				width: 27.5%;
				color: var(--hero-message-fg);
				font-size: 16px;
				font-weight: 700;
				line-height: 1.5;
				padding: 24px;
				background: var(--hero-message-bg);
				border-radius: 24px;
				box-shadow: 0 11px 16px rgba(0, 0, 0, 0.24);
				position: absolute;
			}


		/*
		 *	Variants
		 */
		.page-hero.color-purple {
			--hero-bg: var(--color-purple-100);
			--hero-fg: #150E2F;
			--hero-tag: var(--color-purple-300);
		}

		.page-hero.color-purple-dark {
			--hero-bg: var(--color-purple-400);
			--hero-fg: #150E2F;
			--hero-tag: var(--color-purple-300);
		}

		.page-hero.color-purple-300 {
			--hero-bg: var(--color-purple-300);
			--hero-fg: #150E2F;
			--hero-tag: var(--color-purple-400);
			--hero-message-bg: var(--color-purple-400);
			--hero-message-fg: #21144E;
		}

		.page-hero.color-sand {
			--hero-bg: var(--color-sand-100);
			--hero-fg: #36350D;
			--hero-tag: var(--color-sand);
			--hero-tag-fg: #36350D;
			--hero-message-fg: #7E7D45;
		}


/*	Section: Flip Cards Slider
-------------------------------------------*/

	.section-head + .flip-cards-slider {
		margin-top: 0;
	}

	.flip-cards-slider .section-title {
		margin-bottom: 32px;
	}

		.flip-cards-slider .slider-head .section-title {
			margin-bottom: 0;
		}

	.flip-cards-slider .swiper {
		padding: 48px 0;
		margin: -48px 0;
	}

		.flip-cards-slider .swiper-slide {
			width: min(416px, calc(97% - 46px));
			height: auto;
			display: flex;
		}


		/*
		 *	Card
		 */
		.flip-cards-slider .card {
			width: 100%;
			min-height: 416px;
			display: flex;
			perspective: 1200px;
			cursor: pointer;
		}

			.flip-cards-slider .card .inner {
				width: 100%;
				display: flex;
				flex-direction: column;
				transition: transform ease 0.6s;
				transform-style: preserve-3d;
				position: relative;
			}

			.flip-cards-slider .card.flipped .inner {
				transform: rotateY(-180deg);
			}

				.flip-cards-slider .card .front,
				.flip-cards-slider .card .back {
					width: 100%;
					display: flex;
					flex-direction: column;
					padding: 24px;
					background: var(--card-bg);
					border-radius: 32px;
					backface-visibility: hidden;
				}

				.flip-cards-slider .card .front {
					flex: 1;
				}

				.flip-cards-slider .card .back {
					top: 0;
					left: 0;
					height: 100%;
					transform: rotateY(-180deg);
					position: absolute;
				}

					.flip-cards-slider .card .head {
						display: flex;
						flex-direction: column;
						align-items: flex-start;
						gap: 12px;
						margin-bottom: 24px;
					}

						.flip-cards-slider .card .tag {
							color: var(--card-tag-fg);
							font-size: 14px;
							font-weight: 500;
							line-height: 1.5;
							padding: 1.5px 12px;
							background: var(--card-tag);
							border-radius: 100px;
						}

						.flip-cards-slider .card h3 {
							color: var(--color-mallow-900);
							font-family: Coolvetica, sans-serif;
							font-size: 38px;
							font-weight: 400;
							line-height: 1.1;
						}

					.flip-cards-slider .card p {
						color: #272727;
						font-size: 20px;
						font-weight: 500;
						line-height: 1.5;
					}

					.flip-cards-slider .card .flip {
						display: flex;
						align-items: center;
						gap: 19px;
						font-size: 14px;
						font-weight: 700;
						line-height: 1.5;
						margin-top: auto;
						padding-top: 24px;
					}

						.flip-cards-slider .card .flip .button {
							width: 42px;
							height: 42px;
							display: flex;
							align-items: center;
							justify-content: center;
							flex-shrink: 0;
							color: #000;
							background: var(--card-flip);
							border-radius: 50%;
						}

							.flip-cards-slider .card .flip .button svg {
								width: 24px;
								height: 24px;
							}


		/*
		 *	Card colors
		 */
		.flip-cards-slider .card.color-yellow {
			--card-bg: #FFF9DA;
			--card-tag: #C990CB;
			--card-tag-fg: #FFFDFB;
			--card-flip: #F4CC00;
		}

		.flip-cards-slider .card.color-lime {
			--card-bg: #E8FFDA;
			--card-tag: #3D8313;
			--card-tag-fg: #E8FFDA;
			--card-flip: #A4E57C;
		}

		.flip-cards-slider .card.color-sky {
			--card-bg: #DAF9FF;
			--card-tag: #003E4A;
			--card-tag-fg: #DAF9FF;
			--card-flip: #56CCE3;
		}

		.flip-cards-slider .card.color-indigo {
			--card-bg: #DDDAFF;
			--card-tag: #0D047A;
			--card-tag-fg: #DDDAFF;
			--card-flip: #5D50EE;
		}

		.flip-cards-slider .card.color-orchid {
			--card-bg: #F7DAFF;
			--card-tag: #600878;
			--card-tag-fg: #F7DAFF;
			--card-flip: #C460E0;
		}

		.flip-cards-slider .card.color-peach {
			--card-bg: #FFE4DA;
			--card-tag: #822D0D;
			--card-tag-fg: #FFE4DA;
			--card-flip: #EE9371;
		}

		.flip-cards-slider .card.color-mint {
			--card-bg: #DAFFF8;
			--card-tag: #167663;
			--card-tag-fg: #DAFFF8;
			--card-flip: #6CD7C2;
		}

		.flip-cards-slider .card.color-rose {
			--card-bg: #FFDADB;
			--card-tag: #A31D20;
			--card-tag-fg: #FFDADB;
			--card-flip: #F76F72;
		}


/*	Section: Featured TWI
-------------------------------------------*/

	.featured-twi .container {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
	}

		.featured-twi .box {
			top: 0;
			left: 0;
			right: 3.63%;
			bottom: 10.75%;
			border-radius: 24px;
			position: absolute;
			transform: rotate(0.96deg);
		}

		.featured-twi .content {
			max-width: 615px;
			padding: 24px 64px 100px 64px;
			position: relative;
			z-index: 2;
		}

			.featured-twi .content h2 {
				font-family: Coolvetica, sans-serif;
				font-size: 48px;
				font-weight: 400;
				line-height: 1.1;
				margin-bottom: 32px;
			}

			.featured-twi .content p {
				font-size: 20px;
				font-weight: 500;
				line-height: 1.5;
				margin-bottom: 32px;
			}

			.featured-twi .buttons {
				display: flex;
				align-items: center;
				gap: 24px;
			}

				.featured-twi .buttons .btn {
					width: 213px;
				}

				.featured-twi .buttons .more {
					font-family: Coolvetica, sans-serif;
					font-size: 16px;
					line-height: 1;
				}

		.featured-twi .image {
			width: 50%;
			max-width: 566px;
			flex-shrink: 0;
			margin-top: 53px;
			position: relative;
			z-index: 2;
		}


		/*
		 *	Variant: purple
		 */
		.featured-twi.color-purple .box {
			background: var(--color-purple-100);
		}

		.featured-twi.color-purple .content {
			color: #150E2F;
		}

			.featured-twi.color-purple .buttons .more {
				color: #F6F7F8;
			}


		/*
		 *	Variant: pink
		 */
		.featured-twi.color-pink .box {
			background: var(--color-pink-200);
		}

		.featured-twi.color-pink .content {
			color: #2B121E;
		}

			.featured-twi.color-pink .buttons .more {
				color: var(--color-pink-500);
			}


		/*
		 *	Variant: blue
		 */
		.featured-twi.color-blue .box {
			background: var(--color-blue-100);
		}

		.featured-twi.color-blue .content {
			color: #10202D;
		}

			.featured-twi.color-blue .buttons .btn.outline {
				color: var(--color-cream);
				background: var(--color-blue);
				box-shadow: 0 5px 0 var(--color-blue), 0 5px 0 1px var(--button-outline-border);
			}

			.featured-twi.color-blue .buttons .more {
				color: var(--color-blue-500);
			}


		/*
		 *	Variant: blue solid
		 */
		.featured-twi.color-blue-solid .box {
			background: var(--color-blue-500);
		}

		.featured-twi.color-blue-solid .content {
			color: var(--color-light);
		}

			.featured-twi.color-blue-solid .buttons .more {
				color: #F6F7F8;
			}


		/*
		 *	Variant: sand
		 */
		.featured-twi.color-sand .box {
			background: var(--color-sand-100);
		}

		.featured-twi.color-sand .content {
			color: #36350D;
		}

			.featured-twi.color-sand .content p {
				color: #7E7D45;
			}

			.featured-twi.color-sand .buttons .more {
				color: #F6F7F8;
			}


/*	Section: Steps
-------------------------------------------*/

	.steps .box {
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: var(--color-mallow-50);
		border-radius: 32px;
		overflow: hidden;
	}

		.steps .content {
			width: 637px;
			padding: 64px 32px;
		}

			.steps .content .section-title {
				margin-bottom: 24px;
			}

			.steps .content .intro {
				color: #474747;
				font-size: 20px;
				font-weight: 500;
				line-height: 1.5;
				margin-bottom: 24px;
			}

		.steps .image {
			width: 680px;
			max-width: 50%;
			flex-shrink: 0;
		}


		/*
		 *	Items
		 */
		.steps .items {
			display: flex;
			flex-direction: column;
			gap: 16px;
		}

			.steps .item {
				min-height: 96px;
				display: flex;
				flex-direction: column;
				justify-content: center;
				padding: 24px;
				border-radius: 16px;
			}

			.steps .item.color-mallow {
				background: var(--color-pink-100);
			}

			.steps .item.color-pink {
				background: var(--color-pink-200);
			}

			.steps .item.color-blue {
				background: var(--color-blue-100);
			}

			.steps .item.color-mint {
				background: var(--color-mint-100);
			}

			.steps .item.color-rose {
				background: var(--color-rose);
			}

			.steps .item.color-cyan-100 {
				background: var(--color-cyan-100);
			}

			.steps .item.color-mint-200 {
				background: var(--color-mint-200);
			}

				.steps .item .question {
					display: flex;
					align-items: center;
					justify-content: space-between;
					gap: 24px;
					color: #150E2F;
					font-family: Coolvetica, sans-serif;
					font-size: 24px;
					font-weight: 400;
					line-height: 1.1;
					cursor: pointer;
				}

					.steps .item .question .icon {
						width: 32px;
						height: 32px;
						flex-shrink: 0;
					}

					.steps .item.open .question .icon {
						transform: rotate(45deg);
					}

				.steps .item .answer {
					padding-top: 16px;
					color: #150E2F;
					display: none;
				}


/*	Section: Video
-------------------------------------------*/

	.section-head + .video {
		margin-top: -10px;
	}

	.video .box {
		min-height: 774px;
		display: flex;
		align-items: flex-end;
		justify-content: flex-end;
		padding: 64px;
		background: var(--color-purple-600);
		border-radius: 24px;
		overflow: hidden;
		position: relative;
	}

		.video .box .bg {
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			opacity: 0.24;
			position: absolute;
			pointer-events: none;
		}

		.video .play {
			top: 32.5%;
			left: calc(50% - 83px);
			z-index: 2;
			width: 166px;
			display: block;
			position: absolute;
		}

			.video .play .ring {
				width: 100%;
				animation: spin 18s linear infinite;
			}

			.video .play .icon {
				top: 50%;
				left: 50%;
				width: 70%;
				position: absolute;
				transform: translate(-50%, -50%);
			}

		.video .text {
			max-width: 520px;
			color: var(--color-light);
			position: relative;
			z-index: 2;
		}

			.video .text h2 {
				font-family: Coolvetica, sans-serif;
				font-size: 38px;
				font-weight: 400;
				line-height: 1.1;
				margin-bottom: 24px;
			}

			.video .text p {
				font-size: 20px;
				font-weight: 500;
				line-height: 1.5;
			}

	@keyframes spin
	{
		from {
			transform: rotate(0deg);
		}

		to {
			transform: rotate(360deg);
		}
	}


/*	Section: TWI
-------------------------------------------*/

	.section-head + .twi {
		margin-top: -64px;
	}

	.twi + .twi {
		margin-top: 32px;
	}

		.twi .container {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 32px;
			position: relative;
		}

			.twi .figure {
				top: -38px;
				right: 13px;
				z-index: 2;
				position: absolute;
			}

			.twi .figure.pink {
				width: 80px;
				transform: rotate(-25.25deg);
			}

			.twi .figure.blue {
				width: 98px;
				transform: rotate(-6.29deg);
			}

			.twi .content {
				width: 636px;
				color: var(--color-mallow-900);
			}

				.twi .content h2 {
					font-family: Coolvetica, sans-serif;
					font-size: 32px;
					font-weight: 400;
					line-height: 1.1;
					margin-bottom: 32px;
				}

				.twi .content p {
					font-size: 20px;
					font-weight: 500;
					line-height: 1.5;
				}

				.twi .content p + p {
					margin-top: 16px;
				}

			.twi .image {
				width: 522px;
				max-width: 50%;
				flex-shrink: 0;
			}

		.twi.--img-left .figure {
			top: -30px;
			left: 10px;
			right: auto;
			width: 98px;
		}

		.twi.--img-left .image {
			order: -1;
		}

			.twi.--img-left .pic {
				transform: scaleX(-1);
			}

				.twi.--img-left .pic img {
					transform: scaleX(-1);
				}


/*	Section: Text Slider
-------------------------------------------*/

	.text-slider .swiper-slide {
		width: min(832px, calc(97% - 46px));
		height: auto;
	}


		/*
		 *	Card: text
		 */
		.text-slider .text-card {
			height: 100%;
			min-height: 416px;
			border-radius: 24px;
			overflow: hidden;
			position: relative;
		}

		.text-slider .text-card.color-mallow {
			color: var(--color-mallow-950);
			background: var(--color-pink-100);
		}

		.text-slider .text-card.color-purple {
			color: #150E2F;
			background: var(--color-purple-100);
		}

		.text-slider .text-card.color-blue {
			color: #10202D;
			background: var(--color-blue-100);
		}

		.text-slider .text-card.color-mint {
			color: #0E2F18;
			background: var(--color-mint-100);
		}

			.text-slider .text-card .text {
				max-width: 637px;
				display: flex;
				flex-direction: column;
				gap: 24px;
				padding: 64px;
				position: relative;
				z-index: 2;
			}

				.text-slider .text-card .text h3 {
					font-family: Coolvetica, sans-serif;
					font-size: 32px;
					font-weight: 400;
					line-height: 1.1;
				}

				.text-slider .text-card .text p {
					font-size: 20px;
					font-weight: 500;
					line-height: 1.5;
				}

			.text-slider .text-card .icon {
				right: 0;
				bottom: 0;
				width: 230px;
				height: 230px;
				display: block;
				overflow: hidden;
				position: absolute;
			}

				.text-slider .text-card .icon img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}


/*	Section: FAQ
-------------------------------------------*/

	.faq {
		position: relative;
	}

		.faq .bg-line {
			transform: translate(-50%, -50%) rotate(23.56deg);
		}

		.faq .container {
			position: relative;
		}

			.faq .figure {
				position: absolute;
			}

			.faq .figure.green {
				top: 31px;
				left: calc(50% + 484px);
				width: 92px;
				transform: rotate(-18.87deg);
			}

			.faq .figure.star {
				right: calc(50% + 569px);
				bottom: -22px;
				width: 69px;
				transform: rotate(-13.94deg);
			}

		.faq .section-title {
			text-align: center;
			margin-bottom: 32px;
		}

		.faq .items {
			max-width: 1070px;
			display: flex;
			flex-direction: column;
			gap: 12px;
			margin: 0 auto;
		}


		/*
		 *	Item
		 */
		.faq .item {
			padding: 9px 0;
			background: var(--color-light);
			border-radius: 12px;
		}

			.faq .item .question {
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 24px;
				color: var(--color-mallow-900);
				font-size: 20px;
				font-weight: 700;
				line-height: 1.5;
				padding: 0 24px;
				transition: all ease 0.4s;
				cursor: pointer;
			}

				.faq .item .question svg {
					width: 15px;
					height: 16px;
					flex-shrink: 0;
					transform: rotate(-90deg);
				}

			.faq .item .question:hover,
			.faq .item.open .question {
				color: var(--color-mallow-300);
			}

			.faq .item .answer {
				padding: 16px 32px 0;
				display: none;
			}

	.section-head {
		margin: 0;
		padding: 75px 0;
		text-align: center;
		position: relative;
	}

		.section-head .figure {
			position: absolute;
		}

		.section-head .figure.blue {
			top: 100px;
			right: calc(50% + 296px);
			width: 98px;
			transform: rotate(-6.29deg);
		}

		.section-head .figure.pink {
			left: calc(50% + 370px);
			bottom: 160px;
			width: 75px;
			transform: rotate(-24.03deg);
		}

		.section-head h2 {
			color: var(--color-mallow-900);
			font-family: Coolvetica, sans-serif;
			font-size: 58px;
			font-weight: 400;
			line-height: 78px;
			margin-bottom: 24px;
		}

			.section-head .highlight {
				padding: 4px 24px;
				transform: rotate(-4deg);
			}

			.section-head .highlight.alt {
				transform: rotate(4deg);
			}

		.section-head p {
			max-width: 712px;
			color: var(--color-mallow-900);
			font-size: 20px;
			font-weight: 500;
			line-height: 1.5;
			margin: 0 auto;
		}

		.hero-member + .section-head .bg-line,
		.page-hero + .section-head .bg-line {
			color: rgba(94, 61, 240, 0.05);
		}


		/*
		 *	Variant: small
		 */
		.section-head.small h2 {
			font-size: 48px;
			line-height: 60px;
		}

			.section-head.small .highlight {
				padding: 2px 22px;
				transform: rotate(-4.87deg);
			}

		.section-head.small p {
			max-width: 683px;
			color: #474747;
		}

		/*
		 *	Variant: After page hero
		 */
		.page-hero + .section-head {
			padding-top: 145px;
			margin-top: -70px;
		}


/*	Section: Quote Cards
-------------------------------------------*/

	.section-head + .quote-cards {
		margin-top: 5px;
	}

	.quote-cards .section-title {
		margin-bottom: 32px;
	}

	.quote-cards .swiper {
		padding: 12px 0;
	}

		.quote-cards .swiper-slide {
			width: min(526px, calc(100% - 92px));
			height: auto;
		}


		/*
		 *	Card: quote
		 */
		.quote-cards .quote-card {
			height: 100%;
			display: flex;
			flex-direction: column;
			gap: 24px;
			padding: 24px;
			background: var(--color-light);
			border-radius: 24px;
			transform: rotate(-1deg);
		}

			.quote-cards .quote-card .header {
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 12px;
			}

				.quote-cards .quote-card .avatar {
					width: 64px;
					height: 64px;
					flex-shrink: 0;
					border-radius: 50%;
					overflow: hidden;
				}

					.quote-cards .quote-card .avatar img {
						width: 100%;
						height: 100%;
						object-fit: cover;
					}

			.quote-cards .quote-card .text {
				display: flex;
				flex-direction: column;
				gap: 24px;
				color: var(--color-mallow-900);
			}

				.quote-cards .quote-card .text h3 {
					max-height: 53px;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					font-family: Coolvetica, sans-serif;
					font-size: 24px;
					font-weight: 400;
					line-height: 1.1;
					overflow: hidden;
				}

				.quote-cards .quote-card .text p {
					max-height: 120px;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 4;
					font-size: 20px;
					font-weight: 500;
					line-height: 1.5;
					overflow: hidden;
				}

			.quote-cards .quote-card .more {
				margin-top: auto;
				color: var(--color-mallow-900);
				font-family: Coolvetica, sans-serif;
				font-size: 16px;
				line-height: 1;
			}

			.quote-cards .quote-card .more:hover {
				color: var(--color-mallow-300);
			}


/*	Section: Gallery Slider
-------------------------------------------*/

	.slider-gallery .swiper-slide {
		width: min(416px, calc(97% - 46px));
		height: auto;
	}


		/*
		 *	Card: gallery
		 */
		.slider-gallery .gallery-card {
			aspect-ratio: 416 / 552;
			display: block;
			background: var(--color-pink-100);
			border-radius: 24px;
			overflow: hidden;
		}

			.slider-gallery .gallery-card img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				transition: all ease 0.4s;
			}

			.slider-gallery .gallery-card:hover img {
				transform: scale(1.03);
			}


/*	Section: Price Category
-------------------------------------------*/

	.price-category .container {
		display: flex;
		flex-direction: column;
		gap: 32px;
	}


		/*
		 *	Head
		 */
		.price-category .head {
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			gap: 40px;
		}

			.price-category .head .section-title {
				line-height: 1.1;
			}

			.price-category .head p {
				width: 628px;
				flex-shrink: 0;
				color: var(--color-mallow-900);
				font-size: 20px;
				font-weight: 500;
				line-height: 1.5;
			}


		/*
		 *	Group
		 */
		.price-category .price-group {
			padding: 64px 128px;
			border-radius: 24px;
		}

			.price-category .price-group h3 {
				font-family: Coolvetica, sans-serif;
				font-size: 32px;
				font-weight: 400;
				line-height: 1.1;
			}

			.price-category .price-group .text {
				font-size: 20px;
				font-weight: 500;
				line-height: 1.5;
				margin-top: 12px;
			}

			.price-category .price-group .prices {
				display: flex;
				flex-direction: column;
				gap: 12px;
				list-style: none;
				margin-top: 24px;
			}

				.price-category .price-group .prices li {
					display: flex;
					align-items: center;
					justify-content: space-between;
					gap: 24px;
					font-family: Coolvetica, sans-serif;
					font-size: 24px;
					line-height: 1.1;
					padding-bottom: 12px;
					border-bottom: 2px dotted;
				}

					.price-category .price-group .prices .price {
						flex-shrink: 0;
					}

			.price-category .price-group .note {
				font-size: 20px;
				font-weight: 500;
				line-height: 1.5;
				margin-top: 24px;
			}


		/*
		 *	Group colors
		 */
		.price-category .price-group.color-sand {
			color: #36350D;
			background: var(--color-sand-100);
		}

		.price-category .price-group.color-pink {
			color: #2B121E;
			background: var(--color-pink-200);
		}

		.price-category .price-group.color-mallow {
			color: var(--color-mallow-950);
			background: var(--color-pink-100);
		}

			.price-category .price-group.color-mallow .text,
			.price-category .price-group.color-mallow .note {
				color: var(--color-pink-900);
			}

		.price-category .price-group.color-blue {
			color: #10202D;
			background: var(--color-blue-100);
		}


/*	Section: Hero Home
-------------------------------------------*/

	.hero-home {
		margin-top: 122px;
	}

	.hero-home .container {
		text-align: center;
		position: relative;
	}

		.hero-home .content {
			max-width: 744px;
			margin: 0 auto;
		}

			.hero-home .mini {
				display: block;
				color: var(--color-mallow-300);
				font-size: 14px;
				font-weight: 500;
				line-height: 1.5;
				text-transform: uppercase;
				margin-bottom: 4px;
			}

			.hero-home h1 {
				color: var(--color-mallow-900);
				font-family: Coolvetica, sans-serif;
				font-size: 64px;
				font-weight: 400;
				line-height: 1.1;
			}

			.hero-home .buttons {
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 24px;
				margin-top: 24px;
			}

				.hero-home .buttons .btn {
					width: 213px;
				}

				.hero-home .buttons .more {
					color: var(--button-outline-foreground);
					font-family: Coolvetica, sans-serif;
					font-size: 16px;
					line-height: 1;
				}

				.hero-home .buttons .more:hover {
					color: var(--color-mallow-900);
				}

		.hero-home .image {
			width: 803px;
			height: 621px;
			max-width: 100%;
			margin: 30px auto 0;
			position: relative;
		}

		.hero-home .figure {
			position: absolute;
		}

		.hero-home .figure.pink {
			top: 126px;
			right: calc(50% + 417px);
			width: 74px;
			transform: rotate(-24.03deg);
		}

		.hero-home .figure.green {
			top: 60px;
			left: calc(50% + 399px);
			width: 92px;
			transform: rotate(-18.87deg);
		}

		.hero-home .figure.star {
			top: 396px;
			right: calc(50% + 479px);
			width: 69px;
			transform: rotate(-13.94deg);
		}

		.hero-home .figure.blue {
			top: 452px;
			left: calc(50% + 430px);
			width: 97px;
			transform: rotate(-6.29deg);
		}


/*	Section: Service Slider
-------------------------------------------*/

	.hero-home + .service-slider {
		margin-top: -285px;
		margin-bottom: 24px;
		position: relative;
		z-index: 3;
	}

		.service-slider .slider-head {
			margin-bottom: 25px;
		}

		.service-slider .slider-head .message {
			color: var(--color-mallow-900);
			font-family: Coolvetica, sans-serif;
			font-size: 18px;
			line-height: 1.2;
			position: relative;
		}

			.service-slider .slider-head .message .icon {
				top: 30px;
				left: -43px;
				width: 48px;
				position: absolute;
				transform: rotate(-36.39deg);
			}

	.service-slider .swiper-slide {
		width: min(416px, calc(97% - 46px));
		height: auto;
	}


		/*
		 *	Card: service
		 */
		.service-slider .service-card {
			aspect-ratio: 1 / 1;
			display: flex;
			flex-direction: column;
			padding: 24px;
			background: var(--card-bg);
			border-radius: 16px;
			overflow: hidden;
			position: relative;
		}

		.service-slider .swiper-slide:nth-child(even) .service-card {
			justify-content: flex-end;
		}

			.service-slider .service-card:before {
				background-repeat: no-repeat;
				background-size: 100% 100%;
				position: absolute;
				content: '';
			}

			.service-slider .service-card .content {
				max-width: 300px;
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				gap: 10px;
				position: relative;
			}

				.service-slider .service-card .tags {
					display: flex;
					flex-wrap: wrap;
					gap: 12px;
				}

					.service-slider .service-card .tag {
						color: var(--card-tag-fg);
						font-size: 12px;
						line-height: 1.5;
						padding: 3px 6px;
						background: var(--card-tag);
					}

				.service-slider .service-card h3 {
					color: var(--card-title);
					font-family: Coolvetica, sans-serif;
					font-size: 32px;
					font-weight: 400;
					line-height: 1.2;
				}

				.service-slider .service-card p {
					color: var(--card-text);
					font-size: 14px;
					font-weight: 500;
					line-height: 1.5;
				}

				.service-slider .service-card .more {
					color: var(--card-title);
					font-size: 14px;
					font-weight: 700;
					line-height: 1.5;
				}

				.service-slider .service-card .more:hover {
					opacity: 0.7;
				}


		/*
		 *	Card colors
		 */
		.service-slider .service-card.color-pink {
			--card-bg: #FECFE9;
			--card-tag: #E55F9D;
			--card-tag-fg: var(--color-cream);
			--card-title: var(--color-mallow-900);
			--card-text: var(--color-pink-900);
		}

			.service-slider .service-card.color-pink:before {
				top: 28.97%;
				left: 34.44%;
				width: 74.28%;
				aspect-ratio: 309 / 386;
				background-image: url('../img/figure-card-pink.svg');
				transform: rotate(-22.58deg);
			}

		.service-slider .service-card.color-green {
			--card-bg: #D0FFDE;
			--card-tag: #2E643E;
			--card-tag-fg: #fff;
			--card-title: #0D772D;
			--card-text: #16682F;
		}

			.service-slider .service-card.color-green:before {
				top: -7.95%;
				left: 29.68%;
				width: 97.36%;
				aspect-ratio: 405 / 271.871;
				background-image: url('../img/figure-card-green.svg');
				transform: rotate(38.83deg);
			}

		.service-slider .service-card.color-sand {
			--card-bg: #FFF1BC;
			--card-tag: #EDCC45;
			--card-tag-fg: #655308;
			--card-title: #655308;
			--card-text: #6F6028;
		}

			.service-slider .service-card.color-sand:before {
				top: 47.32%;
				left: 37.4%;
				width: 72.14%;
				aspect-ratio: 300.092 / 290.782;
				background-image: url('../img/figure-card-sand.svg');
				transform: rotate(-13.94deg);
			}

		.service-slider .service-card.color-blue {
			--card-bg: #B6D0F6;
			--card-tag: #435CE6;
			--card-tag-fg: #fff;
			--card-title: #093A80;
			--card-text: #2357A2;
		}

			.service-slider .service-card.color-blue:before {
				top: -10.85%;
				left: 35.88%;
				width: 73.56%;
				aspect-ratio: 305.991 / 267.43;
				background-image: url('../img/figure-card-blue.svg');
				transform: rotate(14.91deg);
			}


/*	Section: Hero Member
-------------------------------------------*/

	.hero-member {
		margin-top: 138px;
		margin-bottom: 64px;
	}

	.hero-member .inner {
		max-width: 713px;
		margin: 0 auto;
	}

		.hero-member .title {
			color: var(--color-mallow-900);
			text-align: center;
		}

			.hero-member .title h1 {
				font-family: Coolvetica, sans-serif;
				font-size: 64px;
				font-weight: 400;
				line-height: 1.1;
			}

			.hero-member .title p {
				font-size: 14px;
				font-weight: 500;
				line-height: 1.5;
			}

		.hero-member .box {
			aspect-ratio: 713 / 493;
			margin-top: -9.26%;
			position: relative;
		}

			.hero-member .image {
				top: 14.02%;
				left: 6.87%;
				width: 82.14%;
				height: 86.02%;
				-webkit-mask: url('../img/mask-member.svg') no-repeat center / 100% 100%;
				mask: url('../img/mask-member.svg') no-repeat center / 100% 100%;
				position: absolute;
			}

				.hero-member .image img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: top;
					background: #eee;
					filter: grayscale(1);
				}

			.hero-member .figure {
				position: absolute;
			}

			.hero-member .figure.pink {
				top: -40px;
				right: calc(50% + 267px);
				width: 74px;
				transform: rotate(-24.03deg);
			}

			.hero-member .figure.green {
				top: 82px;
				left: calc(50% + 179px);
				width: 92px;
				transform: rotate(-18.87deg);
			}

			.hero-member .figure.blue {
				top: 263px;
				left: calc(50% + 260px);
				width: 97px;
				transform: rotate(-6.29deg);
			}

			.hero-member .figure.star {
				top: 425px;
				right: calc(50% + 216px);
				width: 69px;
				transform: rotate(-13.94deg);
			}


/*	Section: Blog Hero
-------------------------------------------*/

	.blog-hero {
		margin-top: 122px;
	}

	.blog-hero .box {
		height: 766px;
		background: #6340AE;
		border-radius: 16px;
		overflow: hidden;
		position: relative;
	}

		.blog-hero .image {
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			position: absolute;
		}

			.blog-hero .image img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				background: #eee;
			}

		.blog-hero .content {
			left: 0;
			bottom: 0;
			width: 637px;
			max-width: 100%;
			display: flex;
			flex-direction: column;
			gap: 4px;
			padding: 64px;
			background: var(--color-mallow-300);
			border-radius: 16px;
			position: absolute;
		}

			.blog-hero .meta {
				color: var(--color-mallow-950);
			}

				.blog-hero .meta .avatar {
					background: var(--color-mallow-950);
					border: 1px solid var(--color-mallow-950);
				}

			.blog-hero h1 {
				color: var(--color-mallow-950);
				font-family: Coolvetica, sans-serif;
				font-size: 38px;
				font-weight: 400;
				line-height: 1.1;
			}


/*	Section: Blog Single
-------------------------------------------*/

	.blog-single {
		margin-top: 122px;
	}

	.blog-single .columns {
		display: flex;
		gap: 118px;
	}


		/*
		 *	Content
		 */
		.blog-single .content {
			flex: 1;
			min-width: 0;
		}

			.blog-single .head {
				max-width: 648px;
				margin-bottom: 24px;
			}

				.blog-single .head .meta {
					justify-content: flex-start;
					gap: 12px;
					color: #272727;
					margin-bottom: 4px;
				}

					.blog-single .head .meta .avatar {
						background: var(--color-pink-100);
					}

					.blog-single .head .meta .date {
						color: #AAA;
						font-weight: 500;
					}

				.blog-single .head h1 {
					color: var(--color-mallow-900);
					font-family: Coolvetica, sans-serif;
					font-size: 38px;
					font-weight: 400;
					line-height: 1.1;
				}

			.blog-single .lead {
				color: #272727;
				font-size: 20px;
				font-weight: 700;
				line-height: 1.5;
				padding-left: 120px;
				margin-bottom: 24px;
				position: relative;
			}

				.blog-single .lead:before {
					top: 13px;
					left: 10px;
					width: 86px;
					height: 1px;
					background: var(--color-mallow-900);
					position: absolute;
					content: '';
				}

			.blog-single .general-content {
				color: #272727;
				font-size: 18px;
				padding-left: 120px;
			}

				.blog-single .general-content > img,
				.blog-single .general-content > .wp-caption {
					width: calc(100% + 120px) !important;
					max-width: none;
					margin-left: -120px;
				}

					.blog-single .general-content > img,
					.blog-single .general-content .wp-caption img {
						aspect-ratio: 757 / 440;
						object-fit: cover;
						border-radius: 24px;
					}

				.blog-single .general-content h2 {
					font-size: 32px;
				}

				.blog-single .general-content blockquote {
					color: var(--color-mallow-500);
					font-size: 28px;
					font-weight: 700;
					padding: 0;
					border: 0;
					margin: 32px 0;
				}

				.blog-single .general-content ul li {
					padding-left: 0;
				}

				.blog-single .general-content ul li:before {
					top: 11px;
					left: -11px;
				}


		/*
		 *	Sidebar
		 */
		.blog-single .sidebar {
			width: 416px;
			flex-shrink: 0;
			display: flex;
			flex-direction: column;
			gap: 24px;
		}


		/*
		 *	Widget: CTA
		 */
		.blog-single .widget-cta {
			--widget-background: #F5DDA1;

			min-height: 416px;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			padding: 40px;
			text-align: center;
			background: var(--widget-background);
			border-radius: 24px;
		}

		.blog-single .widget-cta.color-green {
			--widget-background: #AFE1C4;
		}

		.blog-single .widget-cta.color-cyan {
			--widget-background: #D6FFFA;
		}

		.blog-single .widget-cta.color-pink {
			--widget-background: var(--color-pink-100);
		}

			.blog-single .widget-cta .tags {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				gap: 12px;
				margin-bottom: 12px;
			}

			.blog-single .widget-cta h3 {
				color: var(--color-mallow-900);
				font-family: Coolvetica, sans-serif;
				font-size: 32px;
				font-weight: 400;
				line-height: 1.1;
			}

			.blog-single .widget-cta p {
				color: var(--color-mallow-900);
				font-size: 18px;
				font-weight: 500;
				line-height: 1.5;
				margin-top: 24px;
			}

			.blog-single .widget-cta .btn {
				width: 213px;
				max-width: 100%;
				margin-top: 24px;
			}


		/*
		 *	Widget: latest articles
		 */
		.blog-single .widget-latest {
			display: flex;
			flex-direction: column;
			gap: 24px;
		}

			.blog-single .widget-latest .item {
				display: flex;
				flex-direction: column;
				gap: 4px;
			}

				.blog-single .widget-latest .meta {
					color: #272727;
				}

					.blog-single .widget-latest .meta .avatar {
						background: var(--color-pink-100);
						border: 1px solid var(--color-mallow-500);
					}

					.blog-single .widget-latest .meta .date {
						color: #AAA;
						font-weight: 500;
					}

				.blog-single .widget-latest h3 {
					color: var(--color-mallow-900);
					font-family: Coolvetica, sans-serif;
					font-size: 28px;
					font-weight: 400;
					line-height: 1.1;
				}

					.blog-single .widget-latest h3 a:hover {
						color: var(--color-mallow-300);
					}


		/*
		 *	Widget: appointment
		 */
		.blog-single .widget-appointment {
			min-height: 416px;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 40px;
			text-align: center;
			background: var(--color-pink-100);
			border-radius: 24px;
			overflow: hidden;
			position: relative;
		}

			.blog-single .widget-appointment .image {
				top: 0;
				left: 50%;
				width: 426px;
				height: 100%;
				position: absolute;
				transform: translateX(-50%);
				pointer-events: none;
			}

				.blog-single .widget-appointment .image img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: top;
					opacity: 0.12;
				}

			.blog-single .widget-appointment .text {
				position: relative;
			}

				.blog-single .widget-appointment h3 {
					color: var(--color-mallow-900);
					font-family: Coolvetica, sans-serif;
					font-size: 54px;
					font-weight: 400;
					line-height: 1.1;
				}

					.blog-single .widget-appointment .highlight {
						--highlight-color: #fff;

						padding: 4px 24px;
						transform: rotate(-4deg);
					}

				.blog-single .widget-appointment .btn {
					width: 213px;
					max-width: 100%;
					margin-top: 24px;
				}


/*	Section: Categories
-------------------------------------------*/

	.blog-hero + .categories {
		margin-top: 48px;
	}

	.categories .container {
		width: 100%;
		max-width: none;
	}

		.categories .items {
			display: flex;
			align-items: center;
			gap: 16px;
			padding: 0 max(3%, calc((100% - 1296px) / 2));
			overflow-x: auto;
			scrollbar-width: none;
		}

		.categories .items::-webkit-scrollbar {
			display: none;
		}


/*	Section: Articles
-------------------------------------------*/

	.banners + .articles,
	.page-header + .articles {
		margin-top: 48px;
	}

	.articles .section-title {
		margin-bottom: 32px;
	}

	.articles .items {
		display: flex;
		flex-wrap: wrap;
		gap: 24px;
	}

		.articles .article-card {
			width: calc((100% - 48px) / 3);
		}


/*	Section: Latest Articles
-------------------------------------------*/

	.categories + .latest-articles {
		margin-top: 48px;
	}

	.latest-articles .section-title {
		margin-bottom: 32px;
	}

	.latest-articles .items {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		gap: 24px;
	}

		.latest-articles .items > .article-card,
		.latest-articles .list {
			width: calc((100% - 48px) / 3);
		}

		.latest-articles .list {
			display: flex;
			flex-direction: column;
			gap: 24px;
		}


/*	Section: Banners
-------------------------------------------*/

	.section-head + .banners {
		margin-top: -20px;
	}

	.slider-video + .banners {
		margin-top: 48px;
	}

	.banners .swiper-wrapper {
		display: flex;
		flex-wrap: wrap;
		gap: 24px;
	}

	.banners .swiper-pagination {
		display: none;
	}


		/*
		 *	Banner
		 */
		.banners .banner {
			--banner-background: var(--color-pink-100);

			width: calc((100% - 48px) / 3);
			height: auto;
			min-height: 416px;
			display: flex;
			align-items: center;
			background: var(--banner-background);
			border-radius: 24px;
			overflow: hidden;
			position: relative;
		}

		.banners .banner.color-sand {
			--banner-background: #F5DDA1;
		}

		.banners .banner.color-green {
			--banner-background: #AFE1C4;
		}

		.banners .banner.color-cyan {
			--banner-background: #D6FFFA;
		}

			.banners .banner .image {
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				position: absolute;
				pointer-events: none;
			}

				.banners .banner .image img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: top;
					opacity: 0.16;
					mix-blend-mode: luminosity;
				}

			.banners .banner .content {
				width: 100%;
				display: flex;
				flex-direction: column;
				align-items: center;
				padding: 40px 64px;
				text-align: center;
				position: relative;
			}

				.banners .banner .tags {
					display: flex;
					flex-wrap: wrap;
					justify-content: center;
					gap: 12px;
					margin-bottom: 12px;
				}

				.banners .banner h3 {
					color: var(--color-mallow-900);
					font-family: Coolvetica, sans-serif;
					font-size: 32px;
					font-weight: 400;
					line-height: 1.1;
				}

				.banners .banner p {
					color: var(--color-mallow-900);
					font-size: 18px;
					font-weight: 500;
					line-height: 1.5;
					margin-top: 24px;
				}

				.banners .banner .btn {
					width: 213px;
					max-width: 100%;
					margin-top: 24px;
				}


		/*
		 *	Variant: wide
		 */
		.banners .banner.wide {
			width: calc((100% - 48px) / 3 * 2 + 24px);
		}

			.banners .banner.wide .image {
				left: 50%;
				width: 50%;
			}

				.banners .banner.wide .image img {
					opacity: 1;
					mix-blend-mode: normal;
				}

			.banners .banner.wide .content {
				width: 50%;
				align-items: flex-start;
				text-align: left;
			}

				.banners .banner.wide .tags {
					justify-content: flex-start;
				}


		/*
		 *	Variant: featured
		 */
		.banners .banner.featured .content {
			align-items: center;
			text-align: center;
		}

			.banners .banner.featured h3 {
				font-size: 54px;
			}

				.banners .banner.featured .highlight {
					--highlight-color: #fff;

					color: var(--banner-background);
					padding: 4px 24px;
					transform: rotate(-4deg);
				}


/*	Section: About Team
-------------------------------------------*/

	.page-header + .about-team {
		margin-top: 36px;
		margin-bottom: 40px;
	}

	.about-team .container {
		width: 100%;
		max-width: 1408px;
		position: relative;
	}

	.about-team .items {
		display: flex;
		gap: 24px;
		padding: 16px;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.about-team .items::-webkit-scrollbar {
		display: none;
	}

		.about-team .item {
			min-width: 320px;
			flex: 1;
		}

			.about-team .team-member {
				width: 91.7%;
				margin: 0 auto;
				transform: rotate(-4deg);
			}

			.about-team .item:nth-child(even) .team-member {
				transform: rotate(4deg);
			}

	.about-team .figure {
		position: absolute;
	}

		.about-team .figure.pink {
			top: -52px;
			left: 4.97%;
			width: 73px;
			transform: rotate(-24.03deg);
		}

		.about-team .figure.green {
			top: -44px;
			right: 5.75%;
			width: 92px;
			transform: rotate(-18.87deg);
		}

		.about-team .figure.star {
			left: 61.65%;
			bottom: -80px;
			width: 69px;
			transform: rotate(-13.94deg);
		}


/*	Section: Eselyprogram
-------------------------------------------*/

	.eselyprogram .box {
		min-height: 653px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-between;
		padding: 74px 66px 64px 65px;
		background: var(--color-mallow-300);
		border-radius: 32px;
		position: relative;
		overflow: hidden;
	}

		.eselyprogram .bg {
			top: -316px;
			left: 48px;
			width: 1062px;
			position: absolute;
			pointer-events: none;
		}

			.eselyprogram .bg img {
				width: 100%;
			}

		.eselyprogram h2 {
			color: var(--color-light);
			font-family: Coolvetica, sans-serif;
			font-size: 96px;
			font-weight: 400;
			line-height: 1;
			position: relative;
		}

		.eselyprogram .content {
			width: 552px;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: 32px;
			align-self: flex-end;
			position: relative;
		}

			.eselyprogram .content p {
				color: var(--color-light);
				font-size: 20px;
				font-weight: 500;
				line-height: 1.5;
			}

			.eselyprogram .content .btn {
				width: 213px;
			}


/*	Section: Text
-------------------------------------------*/

	.page-header + .general-text {
		margin-top: 48px;
	}

	.general-text .container {
		max-width: 960px;
	}

		.general-text.--center .general-content {
			text-align: center;
		}


/*	Section: Map
-------------------------------------------*/

	.map iframe {
		width: 100%;
		height: 516px;
		border: 0;
	}


/*	Section: Contact Form
-------------------------------------------*/

	.contact-form {
		margin-top: 32px;
		position: relative;
	}

		.contact-form .bg-shape {
			top: -336px;
			left: 50%;
			z-index: -1;
			max-width: none;
			width: 1440px;
			height: 1043px;
			position: absolute;
			transform: translateX(-50%);
		}

		.contact-form .figure {
			z-index: 1;
			position: absolute;
		}

		.contact-form .figure.pink {
			bottom: calc(100% + 57px);
			right: calc(50% + 612px);
			width: 74px;
			transform: rotate(-24.03deg);
		}

		.contact-form .figure.green {
			bottom: calc(100% + 42px);
			left: calc(50% + 418px);
			width: 92px;
			transform: rotate(-18.87deg);
		}

		.contact-form .figure.blue {
			bottom: -33px;
			left: calc(50% + 377px);
			width: 97px;
			transform: rotate(-6.29deg);
		}

		.contact-form .container {
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			gap: 80px;
		}

			.contact-form .gform_wrapper {
				width: 100%;
				max-width: 621px;
			}

				.contact-form .gform_fields {
					display: flex;
					flex-direction: column;
					gap: 12px;
				}

				.contact-form .gfield_label {
					display: none;
				}

				.contact-form input,
				.contact-form select,
				.contact-form textarea {
					width: 100%;
					color: #272727;
					font-family: 'Coolvetica', sans-serif;
					font-size: 16px;
					padding: 12px 20px;
					background: var(--color-light);
					border: 0;
					border-radius: 100px;
					appearance: none;
				}

				.contact-form textarea {
					height: 172px;
					border-radius: 12px;
					resize: none;
				}

				.contact-form select {
					background-image: url('../img/icon-select-plus.svg');
					background-position: right 12px center;
					background-repeat: no-repeat;
					padding-right: 44px;
					cursor: pointer;
				}

				.contact-form ::placeholder {
					color: #272727;
					opacity: 1;
				}

				.contact-form .gform_footer {
					margin-top: 16px;
					text-align: center;
				}

					.contact-form .gform_button {
						width: 213px;
					}

			.contact-form .contact {
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				gap: 16px;
				width: 100%;
				max-width: 560px;
				padding-top: 8px;
			}

				.contact-form .contact ul {
					list-style: none;
				}

				.contact-form .contact ul li + li {
					margin-top: 16px;
				}

				.contact-form .contact ul li a {
					color: #272727;
					font-family: 'Nunito', sans-serif;
					font-size: 20px;
					font-weight: 500;
					line-height: 1.5;
				}


/*	Popup
-------------------------------------------*/

	.popup {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9999;
		overflow: auto;
		background: rgba(45, 18, 68, 0.32);
		opacity: 0;
		visibility: hidden;
		transition: all ease 0.4s;
		position: fixed;
	}

	.popup.show {
		opacity: 1;
		visibility: visible;
	}

		.popup .inner {
			width: 100%;
			height: 100vh;
			display: table;
			vertical-align: middle;
		}

		.popup .inner .tr {
			padding: 24px;
			display: table-cell;
			vertical-align: middle;
		}

		.popup .box {
			max-width: 1440px;
			margin: 0 auto;
			background: var(--color-cream);
			border-radius: 16px;
			opacity: 0;
			transform: translate3d(0, 50px, 0);
			transition: all ease 0.5s;
			position: relative;
		}

		.popup.show .box {
			opacity: 1;
			transform: translate3d(0, 0, 0);
		}

		.popup .close {
			width: 36px;
			height: 36px;
			flex-shrink: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			background: var(--color-mallow-500);
			border: 1px solid #E6E6E6;
			border-radius: 8px;
			transition: all ease 0.4s;
			cursor: pointer;
		}

		.popup .close:hover {
			background: var(--color-mallow-900);
		}


/*	Popup: Teszt
-------------------------------------------*/

	.popup-teszt .box {
		min-height: 786px;
		display: flex;
		align-items: stretch;
		overflow: hidden;
	}


		/*
		 *	Visual
		 */
		.popup-teszt .visual {
			width: 49.16%;
			flex-shrink: 0;
			padding: 24px;
		}

			.popup-teszt .visual .card {
				height: 100%;
				display: flex;
				align-items: center;
				overflow: hidden;
				background: var(--color-mallow-200);
				border-radius: 24px;
			}

				.popup-teszt .visual .card img {
					width: 100%;
					height: auto;
					flex-shrink: 0;
				}


		/*
		 *	Content
		 */
		.popup-teszt .content {
			flex: 1;
			min-width: 0;
			display: flex;
			flex-direction: column;
			margin: 0 5% 0 1.66%;
		}


			/*
			 *	Head
			 */
			.popup-teszt .head {
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 24px;
				padding: 24px 0;
			}


			/*
			 *	Steps
			 */
			.popup-teszt .steps {
				flex: 1;
				display: flex;
				flex-direction: column;
				transition: opacity ease 0.3s;
			}

			.popup-teszt .steps.fading {
				opacity: 0;
			}

				.popup-teszt .step {
					flex: 1;
					display: none;
					flex-direction: column;
				}

				.popup-teszt .step.active {
					display: flex;
				}

					.popup-teszt .step-body {
						flex: 1;
						display: flex;
						flex-direction: column;
						align-items: center;
						justify-content: center;
						gap: 32px;
						text-align: center;
					}

					.popup-teszt .step.--question .step-body {
						align-items: stretch;
						padding: 0 64px;
						text-align: left;
					}

					.popup-teszt .step-body > .btn {
						width: 367px;
						max-width: 100%;
					}

					.popup-teszt .step-body .nl-form {
						width: 100%;
						max-width: 367px;
					}

						.popup-teszt .nl-form .gform_fields {
							display: none;
						}

						.popup-teszt .nl-form .gform_footer {
							margin: 0;
						}

							.popup-teszt .nl-form .gform_button {
								width: 100%;
								border: 0;
							}


			/*
			 *	Step: start
			 */
			.popup-teszt .step-head {
				display: flex;
				flex-direction: column;
				gap: 24px;
				color: var(--color-mallow-900);
			}

				.popup-teszt .step-head h2 {
					font-family: Coolvetica, sans-serif;
					font-size: 58px;
					font-weight: 400;
					line-height: 1.1;
				}

				.popup-teszt .step-head p {
					font-size: 20px;
					font-weight: 500;
					line-height: 1.5;
				}

			.popup-teszt .form {
				width: 100%;
				max-width: 367px;
				display: flex;
				flex-direction: column;
				gap: 16px;
			}

				.popup-teszt .form input {
					width: 100%;
					height: 44px;
					color: #272727;
					font-family: Coolvetica, sans-serif;
					font-size: 16px;
					padding: 0 12px;
					background: var(--color-light);
					border: 0;
					border-radius: 100px;
				}

				.popup-teszt .form input::placeholder {
					color: #272727;
					opacity: 1;
				}

				.popup-teszt .form .btn {
					width: 100%;
				}

				.popup-teszt .form .validation_message {
					display: none;
				}

				.popup-teszt .form .validation_message.show {
					display: block;
				}


			/*
			 *	Question
			 */
			.popup-teszt .question {
				color: var(--color-mallow-900);
				font-family: Coolvetica, sans-serif;
				font-size: 28px;
				line-height: 1.1;
				position: relative;
			}

				.popup-teszt .question .num {
					top: 0;
					left: -31px;
					color: var(--color-mallow-200);
					font-size: 34px;
					transform: translateY(-50%);
					position: absolute;
				}

				.popup-teszt .question h3 {
					font-size: inherit;
					font-weight: 400;
				}


			/*
			 *	Options
			 */
			.popup-teszt .options {
				display: flex;
				flex-direction: column;
				gap: 12px;
			}

				.popup-teszt .option {
					display: flex;
					align-items: center;
					gap: 12px;
					padding: 16px;
					background: var(--color-light);
					border: 1px solid var(--color-mallow-100);
					border-radius: 12px;
					transition: all ease 0.4s;
					cursor: pointer;
					position: relative;
				}

				.popup-teszt .option:hover,
				.popup-teszt .option:has(input:checked) {
					border-color: var(--color-mallow-300);
				}

					.popup-teszt .option input {
						opacity: 0;
						position: absolute;
					}

					.popup-teszt .option .radio {
						width: 32px;
						height: 32px;
						flex-shrink: 0;
						display: flex;
						align-items: center;
						justify-content: center;
						background: #FFF;
						border: 2px solid var(--color-mallow-100);
						border-radius: 50%;
						box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
						transition: all ease 0.4s;
					}

						.popup-teszt .option .radio:before {
							content: "";
							width: 16px;
							height: 16px;
							background: var(--color-mallow-300);
							border-radius: 50%;
							opacity: 0;
							transform: scale(0.4);
							transition: all ease 0.4s;
						}

					.popup-teszt .option input:checked + .radio {
						border-color: var(--color-mallow-300);
					}

						.popup-teszt .option input:checked + .radio:before {
							opacity: 1;
							transform: scale(1);
						}

					.popup-teszt .option .text {
						flex: 1;
						color: var(--color-mallow-900);
						font-size: 18px;
						font-weight: 500;
						line-height: 1.5;
					}

					.popup-teszt .option .icon {
						width: 64px;
						height: 64px;
						flex-shrink: 0;
						object-fit: contain;
					}


			/*
			 *	Nav
			 */
			.popup-teszt .nav {
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 24px;
				padding: 24px 0;
			}

				.popup-teszt .nav .btn {
					width: 184px;
				}


			/*
			 *	Text button
			 */
			.popup-teszt .nav .back,
			.popup-teszt .skip {
				color: var(--color-mallow-500);
				font-family: Coolvetica, sans-serif;
				font-size: 16px;
				line-height: 1;
				background: none;
				border: 0;
				transition: all ease 0.4s;
				cursor: pointer;
			}

			.popup-teszt .nav .back:hover,
			.popup-teszt .skip:hover {
				color: var(--color-mallow-900);
			}


			/*
			 *	Bottom
			 */
			.popup-teszt .bottom {
				display: flex;
				flex-direction: column;
				align-items: center;
				gap: 14px;
				color: var(--color-mallow-300);
				font-size: 16px;
				font-weight: 500;
				line-height: 1.5;
				text-align: center;
				padding-bottom: 24px;
			}

				.popup-teszt .bottom .legal {
					display: flex;
					gap: 12px;
					list-style: none;
				}

					.popup-teszt .bottom .legal a:hover {
						color: var(--color-mallow-500);
					}


/*	Section: Embed
-------------------------------------------*/

	.page-header + .embed {
		margin-top: 0 !important;
	}


/*	Responsive
-------------------------------------------*/

@media (max-width: 1499px)
{
	.tabs .container { width: 100%; max-width: none; }
	.tabs .items { justify-content: safe center; padding: 0 max(3%, (100% - 1296px) / 2); overflow-x: auto; scrollbar-width: none; }
	.tabs .items::-webkit-scrollbar { display: none; }
}

@media (max-width: 1279px)
{
	.popup-teszt .step-head h2 { font-size: 48px; }
	.popup-teszt .step-head p { font-size: 18px; }
}

@media (max-width: 1240px)
{
	.banners .banner .content { padding-left: 32px; padding-right: 32px; }
}

@media (max-width: 1180px)
{
	header .button { width: 150px; }

	footer .columns .col.wide { width: 510px; }
	footer .columns .col.services { padding-left: 64px; padding-right: 32px; }
	footer .newsletter .gform_button { width: 150px; }

	.team-member .card { padding: 12px 24px 16px 24px; }
	.team-member .card .text h3 { font-size: 32px; }

	.blog-hero .box { height: 600px; }
	.blog-single .sidebar { width: 380px; }
	.blog-single .columns { gap: 64px; }
	.blog-single .general-content { padding-left: 24px; }
	.blog-single .lead { padding-left: 42px; }
	.blog-single .lead::before { left: 0; width: 30px; top: 14px; }

	.blog-single .general-content > img, .blog-single .general-content > .wp-caption { margin-left: -24px; width: calc(100% + 24px) !important; }
}

@media (max-width: 1023px)
{
	header nav { display: none; }
	header .button { display: none; }
	header .burger { display: flex; }

	.about-team .team-member .card .text h3 { font-size: 28px; }

	.blog-single .columns { flex-direction: column; gap: 48px; }
	.blog-single .sidebar { width: 100%; }

	.blog-hero .box { height: 600px; }
	.blog-hero .content { padding: 40px; }
	.blog-hero h1 { font-size: 32px; }

	.articles .article-card, .latest-articles .items > .article-card { width: calc((100% - 24px) / 2); }

	.latest-articles .list { width: 100%; }

	.banners .banner, .banners .banner.wide { width: 100%; }
	.banners .banner .content { padding: 32px; }

	section { margin-top: 48px; }

	footer { padding-bottom: 48px; margin-top: 48px; }
	footer .head { flex-direction: column; gap: 24px; padding: 24px 16px; }
	footer .columns { flex-wrap: wrap; row-gap: 40px; padding: 0 16px; }
	footer .columns .col.pages, footer .columns .col.services { display: none; }
	footer .columns .col { width: 100%; align-items: center; text-align: center; }
	footer .columns .col ul { align-items: center; }
	footer .columns .col.wide { width: 100%; }
	footer .newsletter { max-width: 520px; }
	footer .newsletter .gform_heading, footer .contact { align-items: center; text-align: center; }
	footer .newsletter form { flex-direction: column; align-items: stretch; }
	footer .newsletter .ginput_container, footer .newsletter .gform_footer, footer .newsletter .gform_button { width: 100%; }
	footer .newsletter .gfield_consent_label { text-align: left; }
	footer .bottom { flex-direction: column; gap: 12px; margin: 24px 16px 0; text-align: center; }
	footer .bottom p { font-size: 20px; }
	footer .bottom .legal { flex-wrap: wrap; justify-content: center; gap: 4px; max-width: 300px; }
	footer .bg img { left: -590px; }
	footer .figure.pink { top: -4px; left: -9px; transform: rotate(-25.25deg); }
	footer .figure.green { left: -18px; bottom: 368px; }
	footer .figure.star { right: -35px; bottom: 350px; }

	.hero-home .figure.green { top: 240px; left: calc(50% + 230px); }
	.hero-home .figure.pink { top: 230px; right: calc(50% + 240px); }
	.hero-home .figure.star { right: calc(50% + 40px); z-index: -1; }
	.hero-home .figure.blue { top: 100px; left: calc(50% + 360px); }

	.video .play { margin-top: -48px; }
	.video .text { text-align: center; margin-left: auto; margin-right: auto; }

	.twi .figure { top: -20px; }
	.twi.--img-left .figure { top: -10px; }

	.steps .container { width: 100%; max-width: none; }
	.steps .box { display: block; background: var(--color-mallow-50); position: relative; }
	.steps .content { width: 100%; text-align: center; position: relative; z-index: 2; }
	.steps .image { top: 64px; left: -111px; width: 680px; max-width: none; opacity: 0.06; position: absolute; pointer-events: none; }

	.featured-twi .container { flex-direction: column; }
	.featured-twi .box { top: 400px; right: 0; bottom: 0; transform: rotate(1.07deg); }
	.featured-twi .content, .featured-twi .image { width: 100%; max-width: 560px; }
	.featured-twi .content { padding: 24px 16px 48px 16px; text-align: center; }
	.featured-twi .content h2 { font-size: 26px; }
	.featured-twi .buttons { flex-wrap: wrap; justify-content: center; }
	.featured-twi .image { order: -1; margin-top: 0; }

	.price-category .head { flex-direction: column; gap: 24px; }
	.price-category .head .section-title { text-align: left; }
	.price-category .head .section-title br { display: none; }
	.price-category .head p { width: 100%; }
	.price-category .price-group { padding: 32px 48px; }

	.blog-single .columns { gap: 0; }
	.blog-single .sidebar { margin-top: 48px; gap: 32px; }

	.map iframe { height: 350px; }

	.contact-form .bg-shape { display: none; }
	.contact-form { padding: 0 0 24px 0; }
	.contact-form .figure { display: none; }
	.contact-form .container { flex-direction: column; gap: 48px; }
	.contact-form .gform_wrapper { max-width: 580px; margin-left: auto; margin-right: auto; }
	.contact-form .contact { max-width: none; align-items: center; text-align: center; }

	.popup-teszt .box { min-height: 0; flex-direction: column; }
	.popup-teszt .visual { width: 100%; }
	.popup-teszt .visual .card { height: auto; }
	.popup-teszt .content { margin: 0 24px; }
	.popup-teszt .step-head h2 { font-size: 42px; }
	.popup-teszt .step.--question .step-body { padding: 0; }
	.popup-teszt .question .num { display: block; margin-bottom: 4px; transform: none; position: static; }
	.popup-teszt .question { font-size: 24px; }
}

@media (max-width: 767px)
{
	.popup .inner .tr { padding: 12px; }
	.popup-teszt .box { overflow: visible; padding-top: 54px; }
	.popup-teszt .head { position: absolute; top: -8px; left: 12px; right: 12px; }
	.popup-teszt .head .logo img { height: 36px; width: auto; }
	.popup-teszt .visual { padding: 12px; }
	.popup-teszt .visual .card { height: 300px; border-radius: 12px; margin-bottom: 12px; }
	.popup-teszt .content { margin: 0 16px; }
	.popup-teszt .step-body { gap: 24px; }
	.popup-teszt .step-head { gap: 16px; }
	.popup-teszt .step-head h2 { font-size: 32px; }
	.popup-teszt .step-head p { font-size: 16px; }
	.popup-teszt .question { font-size: 22px; }
	.popup-teszt .option { padding: 12px; gap: 8px; }
	.popup-teszt .option .text { font-size: 16px; }
	.popup-teszt .option .icon { width: 48px; height: 48px; }
	.popup-teszt .form input { text-align: center; }
	.popup-teszt .nav .btn { width: 140px; }
	.popup-teszt .bottom { font-size: 14px; padding-top: 32px; }
	.popup-teszt .bottom p { display: none; }
	.popup-teszt .bottom .legal { flex-wrap: wrap; justify-content: center; row-gap: 4px; }
	.container { width: calc(100% - 32px); }

	.section-title { font-size: 30px; line-height: 1.1; text-align: center }
	.section-title .highlight { z-index: -1; }

	.slider-head { justify-content: center; gap: 20px; }
	.slider-head .arrows { display: none; }

	.page-header h1 { font-size: 38px; }

	.page-hero .container { width: 100%; max-width: none; aspect-ratio: auto; }
	.page-hero .bg { height: 100%; }
	.page-hero .content { width: 100%; padding: 72px 16px 24px; }
	.page-hero .mini { font-size: 20px; }
	.page-hero h1 { font-size: 42px; line-height: 1.1; }
	.page-hero .image { top: auto; left: auto; width: 100%; margin-top: 24px; position: relative; }
	.page-hero .message { display: none; }

	.steps .box { border-radius: 16px; }
	.steps .content { padding: 64px 32px; }
	.steps .content .section-title { margin-bottom: 16px; }
	.steps .content .intro { margin-bottom: 24px; }
	.steps .item { min-height: 84px; padding: 16px; text-align: left; }
	.steps .item .question { font-size: 18px; }

	.video .box { min-height: 0; flex-direction: column; align-items: center; justify-content: center; gap: 16px; padding: 16px; border-radius: 16px; }
	.video .play { top: auto; left: auto; width: 123px; position: relative; margin-top: 24px; margin-bottom: 16px; }
	.video .play .icon { width: 63%; }
	.video .text { max-width: 345px; text-align: center; padding-bottom: 16px; }
	.video .text h2 { font-size: 28px; margin-bottom: 16px; }

	.twi .container { flex-direction: column; gap: 24px; }
	.twi + .twi { margin-top: 40px; }
	.twi .content { text-align: center; }
	.twi .content, .twi .image { width: 100%; max-width: none; }
	.twi .content h2 { margin-bottom: 16px; }
	.twi .image { order: -1; }

	.quote-cards .quote-card { gap: 16px; padding: 20px; }
	.quote-cards .quote-card .header .tag { text-align: right; }
	.quote-cards .quote-card .text { gap: 16px; }
	.quote-cards .quote-card .text h3 { max-height: 44px; font-size: 20px; }

	.section-head { padding: 40px 0; }
	.section-head .bg-line { left: calc(50% + 144px); top: 0; transform: translateX(-50%); }
	.section-head .figure { display: none; }
	.section-head h2, .section-head.small h2 { font-size: 32px; line-height: 1.1; margin-bottom: 16px; }
	.section-head h2 br { display: none; }
	.section-head p, .section-head.small p { font-size: 24px; }

	.section-head + .banners { margin-top: 0; }

	.text-slider .section-title { text-align: center; }
	.text-slider .section-title .highlight { width: fit-content; display: block; font-size: 28px; margin: 0 auto; }
	.text-slider .slider-head .arrows { display: none; }
	.text-slider .text-card .text { gap: 16px; padding: 32px 24px; }
	.text-slider .text-card .icon { opacity: 0.24; }

	.info-box .question { font-family: 'Nunito', sans-serif; font-size: 20px; font-weight: 700; line-height: 1.5; }

	.price-category .head .section-title { font-size: 28px; }
	.price-category .price-group { padding: 32px 16px; }
	.price-category .price-group h3 { font-size: 22px; }
	.price-category .price-group .prices li { gap: 16px; font-size: 18px; }

	.eselyprogram .box { min-height: 768px; align-items: center; justify-content: center; gap: 24px; padding: 40px 16px; border-radius: 24px; }
	.eselyprogram .bg { top: -163px; left: -421px; width: 1078px; opacity: 0.24; }
	.eselyprogram h2 { max-width: 283px; font-size: 42px; line-height: 1.1; text-align: center; }
	.eselyprogram .content { width: 100%; align-items: center; gap: 24px; align-self: auto; text-align: center; }

	header nav .dropdown { padding: 24px 16px; }
	header nav .dropdown .title { margin-left: 0; }
	header nav .dropdown .items { flex-direction: column; align-items: center; gap: 24px; margin-top: 24px; }
	header nav .dropdown .item { width: 100%; max-width: 384px; gap: 16px; transform: none; }
	header nav .dropdown .item:nth-child(even) { transform: none; }

	.hero-home { margin-top: 110px; }
	.hero-home .mini { max-width: 300px; margin-left: auto; margin-right: auto; }
	.hero-home h1 { font-size: 32px; max-width: 300px; margin-left: auto; margin-right: auto; }
	.hero-home .buttons { flex-direction: column; gap: 24px; }
	.hero-home .image { margin-top: 44px; margin-left: -55px; width: auto; margin-right: -65px; max-width: none; height: auto; }
	.hero-home .image img { max-width: none; width: 100%; }
	.hero-home .figure.pink { width: 60px; right: calc(50% + 125px); top: 200px; }
	.hero-home .figure.green { width: 74px; top: 275px; left: calc(50% + 100px); z-index: -1; }
	.hero-home .figure.star { width: 55px; top: 358px; right: calc(50% + 10px); }
	.hero-home .figure.blue { width: 74px; left: calc(50% + 110px); }
	.hero-home + .service-slider { margin-top: -80px; margin-bottom: 0; }
	.hero-home + .service-slider .slider-head { display: none; }

	.service-slider .service-card { aspect-ratio: unset; }
	.service-slider .swiper-slide { width: calc(100% - 48px); }

	.service-slider .slider-head .message .icon { display: none; }

	.hero-member { margin-bottom: 12px; margin-top: 122px; }
	.hero-member .title h1 { font-size: 42px; }
	.hero-member .image { top: auto; left: 0; right: 0; width: auto; margin-top: 36px; position: relative; }
	.hero-member .box { margin-top: 0; }
	.hero-member .figure.pink { top: -20px; right: auto; left: 2.18%; width: 51px; }
	.hero-member .figure.green { top: 14px; left: auto; right: -10px; width: 95px; }
	.hero-member .figure.blue { top: auto; bottom: -40px; left: auto; right: -16px; width: 73px; }
	.hero-member .figure.star { top: 185px; right: auto; left: 15px; width: 66px; }

	.blog .swiper-slide { width: calc(100% - 48px); }

	.article-card .image { aspect-ratio: 317/416; }
	.article-card h3 { font-size: 20px; }

	.blog-single .head h1 { font-size: 28px; }
	.blog-single .lead { padding-left: 0; }
	.blog-single .lead:before { display: none; }
	.blog-single .general-content { padding-left: 0; }
	.blog-single .general-content > img, .blog-single .general-content > .wp-caption { width: 100% !important; margin-left: 0; }
	.blog-single .general-content h2 { font-size: 22px; }
	.blog-single .general-content blockquote { font-size: 22px; }
	.blog-single .general-content ul li { padding-left: 11px; }
	.blog-single .general-content ul li:before { left: 0; }
	.blog-single .widget-appointment h3 { font-size: 42px; }

	.blog-hero .box { height: 568px; }
	.blog-hero .content { width: 100%; padding: 16px; }
	.blog-hero h1 { font-size: 28px; }

	.articles .article-card, .latest-articles .items > .article-card { width: 100%; }

	.banners .swiper { overflow: visible; }
	.banners .swiper-wrapper { flex-wrap: nowrap; gap: 0; }
	.banners .banner { box-shadow: 0 11px 16px rgba(0, 0, 0, 0.24); }
	.banners .banner .content { padding: 24px 16px; }
	.banners .banner.wide .image { left: 0; width: 100%; }
	.banners .banner.wide .image img { opacity: 0.16; mix-blend-mode: luminosity; }
	.banners .banner.wide .content { width: 100%; align-items: center; text-align: center; }
	.banners .banner.wide .tags { justify-content: center; }
	.banners .swiper-pagination { width: fit-content; display: flex; align-items: center; gap: 12px; padding: 16px; background: var(--color-mallow-500); border-radius: 100px; margin: 80px auto 0; position: relative; }
	.banners .swiper-pagination .swiper-pagination-bullet { width: 6px; height: 6px; background: var(--color-light); border-radius: 100px; opacity: 1; margin: 0; }
	.banners .swiper-pagination .swiper-pagination-bullet-active { width: 28px; }

	.faq .bg-line { display: none; }
	.faq .item .answer { padding-left: 24px; padding-right: 24px; }

	.page-header + .about-team { margin-top: 16px; margin-bottom: 0; }
	.about-team .items { gap: 0; }
	.about-team .team-member { aspect-ratio: 295/464; transform: rotate(-2deg); }
	.about-team .item:nth-child(2n) .team-member { transform: rotate(2deg); }
	.about-team .figure.star, .about-team .figure.pink, .about-team .figure.green { display: none; }

	.cards-slider .team-member { aspect-ratio: 295/464; }

	.page-header { margin-top: 110px; }
	.page-header .eyebrow { max-width: 300px; margin-left: auto; margin-right: auto; margin-bottom: 8px; }
	.page-header .arrow { margin-top: 24px; }

	.featured-twi .box { top: 205px; }

	footer { padding-bottom: 24px; }
	footer .newsletter input { text-align: center; }

	.map iframe { height: 320px; }

	.contact-form .contact ul li a { font-size: 18px; }
}

@media (max-width: 479px)
{
	.team-member .card { left: 16px; right: 16px; bottom: 16px; padding: 20px; }
}