/*
	CSS file for Autista Mintaház
*/


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

	*::selection {
		background: #2D94DC;
		color: #ffffff;
	}

	body {
		color: #171717;
		font-family: 'Rubik', 'Open Sans', sans-serif;
		font-size: 18px;
		line-height: 27px;
		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 {
		padding-top: 140px;
		position: relative;
		overflow: hidden;
	}

	body:not(.silent-mode) .show-on-silent,
	.silent-mode .hide-on-silent {
		display: none;
	}


	/*
	 *	Colors
 	 */
	:root {
		--containerOffset: 3vw;
		--color-mute-green: #CBE5CB;
		--color-dark-green: #516251;
		--color-mute-mint: #CBE5E2;
		--color-dark-mint: #749F9A;
		--color-mute-grayblue: #D3DFE4;
		--color-dark-grayblue: #617177;
		--color-mute-ivory: #EDE6D3;
		--color-dark-ivory: #7B7565;
		--color-mute-tune: #F3CDD1;
		--color-dark-tune: #695254;
		--color-mute-lavander: #F3E0FF;
		--color-dark-lavander: #715D7D;
		--color-yellowish: #BEC560;
		--color-pink: #C57BF0;
		--color-blue: #2D94DC;
	}


	.silent-mode [style*="#bec560"] {
		color: #74CBEF !important;
	}



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

	/*
	 *	Button
	 */
	.btn {

	}


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

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


	/*
	 *	Section Titles
	 */
	.section-title {
		font-size: 42px;
		font-weight: 400;
		line-height: 50px;
		text-align: center;
	}


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

		.slider-head .section-title {
			width: calc(100% - 120px);
			max-width: 600px;
			text-align: left;
			margin-bottom: 40px;
		}

			.silent-mode .slider-head .section-title [style*="color"] {
				color: #171717 !important;
			}

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

			.slider-head .arrows div {
				display: flex;
				width: 42px;
				height: 42px;
				border-radius: 50%;
				background: #2D94DC;
				align-items: center;
				justify-content: center;
				cursor: pointer;
				transition: all ease 0.3s;
			}

				.slider-head .arrows div:hover {
					background: #24A7DE;
					box-shadow: 0 8px 12px 0 rgba(45, 148, 220, 0.24);
				}

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


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

		.general-content h2 {
			font-size: 32px;
			line-height: 48px;
			margin-top: 36px;
		}

		.general-content h3 {
			font-size: 24px;
			font-weight: bold;
			line-height: 36px;
			margin-bottom: -5px;
			margin-top: 30px;
		}

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

		.general-content a {
			text-decoration: underline;
		}

			.general-content a:hover {

			}

		.general-content ul {
			list-style: none;
			margin-top: 18px;
		}

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

			.general-content ul li::before {
				content: "•";
				left: 0;
				width: 27px;
				text-align: center;
				position: absolute;
			}

		.general-content ol {
			margin-top: 18px;
			margin-left: 30px;
		}

		.general-content img {
			width: 100%;
			height: auto;
			border-radius: 32px;
			margin-top: 40px;
		}

		.general-content .wp-caption {
			width: 100% !important;
			height: auto;
			padding-bottom: 14px;
		}

			.general-content .wp-caption .wp-caption-text {
				color: #ABABAB;
				font-size: 14px;
				line-height: 21px;
				text-align: center;
				margin-top: 8px;
			}

		.general-content blockquote {
			color: #2D94DC;
			font-size: 32px;
			line-height: 48px;
			padding-top: 60px;
			margin-top: 40px;
			background: url('../img/quote.svg') no-repeat left top;
		}

			.general-content blockquote p {
				font-size: inherit;
				line-height: inherit;
			}

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


	/*
	 *	Select
	 */
	body .select2-container {
		display: block;
		width: auto !important;
	}

		body .select2-container--default .select2-selection--single {
			height: auto;
			border: 0;
			background: none !important;
			position: relative;
		}

		body .select2-container .select2-selection--single .select2-selection__rendered {
			display: block;
			width: 100%;
			color: #171717;
			border-radius: 12px;
			padding: 9px 50px 9px 24px;
			background: #F4F4F4;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			border: 0;
		}

		body .select2-container.select2-container--open .select2-selection__rendered {
			border-color: #3D1FF7 !important;
		}

		body .select2-container--default .select2-selection--single .select2-selection__arrow {
			top: 17px;
			right: 24px;
			bottom: 0;
			width: 13px;
			height: 12px !important;
			background: url('../img/icon-caret-black.svg') no-repeat center center / 13px 12px;
		}

		body .select2-container--open .select2-selection--single .select2-selection__arrow {
			transform: rotate(180deg);
		}

		body .select2-container--default .select2-selection--single .select2-selection__arrow b {
			display: none;
		}

		body .select2-dropdown {
			z-index: 1;
			white-space: nowrap;
			border: 0 !important;
			border-radius: 12px !important;
			background: #ffffff;
			box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25) !important;
			transform: translate3d(0, 15px, 0);
			overflow: hidden;
		}

			body .select2-container--open .select2-dropdown--below {
				margin-top: -8px;
			}

			body .select2-container--open .select2-dropdown--above {
				margin-top: -15px;
			}

			body .select2-search--dropdown {
				display: none !important;
			}

			body .select2-dropdown ul {
				margin: 0px !important;
			}

			body .select2-results__option {
				color: #171717;
				padding: 9px 24px;
				box-sizing: border-box;
			}

			body .select2-container--default .select2-results__option--selected {
				background-color: #F4F4F4;
			}

			body .select2-container--default .select2-results__option--highlighted[aria-selected] {
				color: #ffffff;
				background-color: #2D94DC !important;
			}


	/*
	 *	Breadcrumbs
	 */
	.breadcrumbs {
		font-size: 14px;
		line-height: 21px;
	}

	.breadcrumbs .container {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 30px;
	}

		.breadcrumbs .homepage {
			display: none;
			padding: 10px 0;
			background: #ffffff;
			position: absolute;
			z-index: 2;
		}

			.breadcrumbs .homepage:after {
				content: "";
				top: 0;
				bottom: 0;
				left: 100%;
				width: 20px;
				position: absolute;
				background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
			}

		.breadcrumbs .left {
			display: flex;
			align-items: center;
		}

			.breadcrumbs .left .where {
				display: flex;
				align-items: center;
				margin-right: 12px;
				cursor: pointer;
				position: relative;
			}

				.breadcrumbs .left .where:after {
					content: "";
					top: 0;
					left: 0;
					width: 100vw;
					height: 100vh;
					z-index: 10;
					opacity: 0;
					visibility: hidden;
					position: fixed;
					background: rgba(0, 0, 0, 0.25);
					transition: all ease 0.3s;
				}

					.breadcrumbs .left .where.opened:after {
						opacity: 1;
						visibility: visible;
					}

				.breadcrumbs .left .where > svg {
					margin-right: 8px;
				}

				.breadcrumbs .left .where .popover {
					position: absolute;
					display: flex;
					top: 100%;
					left: 0;
					right: 0;
					width: 420px;
					height: 144px;
					z-index: 15;
					margin-top: 24px;
					align-items: center;
					background: #F4F4F4;
					border-radius: 12px;
					padding: 24px;
					box-shadow: 0 4px 34px rgba(36, 167, 222, 0.24);
					transition: all ease 0.4s;
					transform: translate3d(0, 15px, 0);
					opacity: 0;
					visibility: hidden;
				}

					.breadcrumbs .left .where.opened .popover {
						opacity: 1;
						visibility: visible;
						transform: translate3d(0, 0, 0);
					}

					.breadcrumbs .left .where .popover .arrow {
						top: -20px;
						left: 24px;
						position: absolute;
					}

					.breadcrumbs .left .where .popover .close {
						position: absolute;
						display: flex;
						align-items: center;
						top: 16px;
						right: 16px;
						cursor: pointer;
						font-size: 14px;
						line-height: 21px;
					}

						.breadcrumbs .left .where .popover .close svg {
							margin-left: 7px;
						}

					.breadcrumbs .left .where .popover p {
						font-size: 18px;
						font-weight: bold;
						line-height: 27px;
						padding-top: 10px;
					}

			.breadcrumbs .links strong {
				color: #2D94DC;
			}

			.breadcrumbs .links a:hover {
				color: #2D94DC;
			}


		.breadcrumbs .back {
			display: flex;
			color: #ABABAB;
			align-items: center;
		}

			.breadcrumbs .back svg {
				margin-right: 8px;
			}

		.breadcrumbs .back:hover {
			color: #2D94DC;
		}

			.breadcrumbs .back:hover svg {
				fill: #2D94DC;
			}



	
/*	Header
-------------------------------------------*/
	
	header {
		top: 0;
		left: 0;
		right: 0;
		z-index: 5;
		padding-top: 60px;
		position: fixed;
		transition: all ease 0.4s;
		background: #fff;
	}

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

		header .right {
			width: calc(100% - 140px);
			display: flex;
			align-items: center;
			justify-content: flex-end;
		}

		/*
		 *	Navigation
		 */
		header nav ul {
			display: flex;
			align-items: center;
			list-style: none;
		}

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

			header nav ul li a {
				font-size: 14px;
				font-weight: bold;
				line-height: 21px;
			}

				header nav ul li.menu-item-has-children > a {
					padding-right: 20px;
					background: url('../img/icon-caret.svg') no-repeat right center;
				}

				header nav .dropdown {
					top: 0px;
					left: 0;
					right: 0;
					height: 100vh;
					z-index: 20;
					overflow: auto;
					padding-bottom: 25px;
					position: fixed;
					transition: all ease 0.4s;
					visibility: hidden;					
					opacity: 0;
				}

					header nav .dropdown.show {
						visibility: visible;
						opacity: 1;
					}

						header nav .dropdown.show .box {
							transform: translate3d(0, 0, 0);
						}

					header nav .overlay {
						top: 0;
						left: 0;
						width: 100vw;
						height: 100vh;
						z-index: 1;
						position: fixed;
						background: rgba(0, 0, 0, 0.25);
					}

					header nav .dropdown .box {
						z-index: 2;
						width: 94%;
						max-width: 1440px;
						margin: 122px auto 0 auto;
						padding: 42px 72px;
						background: #F4F4F4;
						border-radius: 32px;
						position: relative;
						transition: all ease 0.4s;
						transform: translate3d(0, 15px, 0);
					}

						header nav .dropdown .box h3 {
							color: #ABABAB;
							font-size: 42px;
							font-weight: 400;
							line-height: 51px;
							padding-bottom: 40px;
							margin-bottom: 18px;
							border-bottom: 1px solid #BED2E0;
						}

						header nav .dropdown .box .links {
							display: flex;
							flex-wrap: wrap;
							margin: 0 -12px;
						}

							header nav .dropdown .box .links a {
								width: calc(33.333% - 24px);
								margin: 24px 12px 0 12px;
							}

								body:not(.silent-mode) header nav .dropdown .box .links a:hover {
									color: #24A7DE;
								}

								header nav .dropdown .box .links a .image {
									display: block;
									width: 100%;
									height: 200px;
									border-radius: 12px;
									overflow: hidden;
								}

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

										header nav .dropdown .box .links a:hover .image img {
											transform: scale(1.1);
										}

								header nav .dropdown .box .links a h4 {
									font-size: 18px;
									font-weight: bold;
									line-height: 27px;
									margin-top: 16px;
									padding-right: 32px;
									background: url('../img/icon-arrow-link.svg') no-repeat right center / 18px 18px;
								}

	/*
     *	Silent mode
     */
	header .silent-mode {
		margin: 0 42px 0 80px;
	}

		.silent-mode .toggle {
			width: 64px;
			height: 32px;
			border-radius: 100px;
			background: #ADADAD;
			position: relative;
			cursor: pointer;
			transition: all ease 0.4s;
		}

			.silent-mode .toggle div {
				top: 4px;
				right: 6px;
				width: 24px;
				height: 24px;
				border: 1px solid #444;
				background: #F4F4F4 url('../img/icon-silent-inactive.svg') no-repeat center center;
				box-shadow: 0 2px 5px rgba(118, 118, 118, 0.85);
				border-radius: 50%;
				position: absolute;
				transition: right ease 0.4s, border ease 0.4s, box-shadow ease 0.4s;
			}

		.silent-mode .toggle.active {
			background: #2D94DC;
		}

			.silent-mode .toggle.active div {
				right: calc(100% - 30px);
				border: 1px solid #2852A1;
				background: #F4F4F4 url('../img/icon-silent-heart.svg') no-repeat center 6px;
				box-shadow: 0 2px 5px rgba(43, 56, 142, 0.85);
			}

		/*
		 *	Contact
		 */
		header .contact {
			display: flex;
			color: #ffffff;
			font-size: 14px;
			font-weight: bold;
			line-height: 21px;
			height: 42px;
			padding: 0 24px;
			background: #2D94DC;
			border-radius: 32px;
			align-items: center;
			transition: all ease 0.4s;
		}

			header .contact:hover {
				background: #24A7DE;
				box-shadow: 0 8px 12px 0 rgba(45, 148, 220, 0.24);
			}

	/*
	 *	Tiny
	 */
	header.tiny {
		padding-top: 25px;
		padding-bottom: 20px;
		background: #fff;
		box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
	}
	
		header.tiny nav .dropdown .box {
			margin-top: 87px;
		}

	/*
	 *	Menu trigger
	 */
	header .mobile-menu-trigger {
		display: none;
		cursor: pointer;
		padding-top: 5px;
	}

		header .mobile-menu-trigger img {
			transition: all ease 0.3s;
		}

		header .mobile-menu-trigger .close {
			top: 5px;
			opacity: 0;
			position: absolute;
		}

	/*
	 *	Mobile Menu
	 */
	.mobile-menu {
		top: 60px;
		right: -15px;
		width: 320px;
		position: absolute;
		padding: 24px 0 32px 0;
		background: #ffffff;
		border-radius: 12px;
		box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
		opacity: 0;
		visibility: hidden;
		transition: all ease 0.4s;
	}

		.mobile-menu .arrow {
			right: 17px;
			top: -18px;
			position: absolute;
		}

		.mobile-menu .silent-container {
			font-size: 16px;
		}

		.mobile-menu .menu {
			padding: 32px 48px 0 48px;
		}

		.mobile-menu nav ul {
			display: block;
		}

			.mobile-menu nav  ul li + li {
				margin-left: 0;
			}

			.mobile-menu nav > ul > li + li {
				margin-top: 24px;
			}

			.mobile-menu nav ul li a {
				font-size: 20px;
				line-height: 24px;
			}

				.mobile-menu nav ul li.menu-item-has-children > a {
					padding-right: 28px;
				}

			.mobile-menu nav ul.sub-menu {
				display: none;
				padding: 6px 0 0 0;
			}

				.mobile-menu nav ul.sub-menu li a {
					display: block;
					font-size: 16px;
					font-weight: 400;
					line-height: 24px;
					padding: 12px 0 12px 16px;
				}

		.mobile-menu .contact {
			height: 48px;
			margin-top: 24px;
			margin-left: 46px;
			display: inline-flex;
		}

		.mobile-menu .socials {
			display: flex;
			margin: 32px 48px 0 48px;
		}

			.mobile-menu .socials a + a {
				margin-left: 24px;
			}

		.mobile-menu .info {
			display: none;
			font-size: 16px;
			line-height: 24px;
			padding: 32px 48px 16px 48px;
		}

			.mobile-menu .info p + p {
				margin-top: 8px;
			}

	.opened-nav .mobile-menu {
		opacity: 1;
		visibility: visible;
	}

		.opened-nav .mobile-menu-trigger .bars {
			opacity: 0;
		}

		.opened-nav .mobile-menu-trigger .close {
			opacity: 1 !important;
		}



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

	footer {
		color: #F4F4F4;
		margin-top: 100px;
		padding-top: 50px;
		background: #2D94DC;
		position: relative;
		overflow: hidden;
	}

	footer .bg {
		top: -20px;
		right: -22px;
		z-index: 0;
		position: absolute;
		mix-blend-mode: multiply;
	}

	/*
	 *	Logo
	 */
	footer .logo {
		z-index: 1;
		position: relative;
		margin-bottom: 22px;
	}

		footer .logo img {
			width: auto;
			height: 64px;
		}

	/*
	 *	Inner
	 */
	footer .inner {
		display: flex;
		position: relative;
		z-index: 1;
	}

		footer .left {
			width: 415px;
			margin-right: 15px;
		}
		
		footer .columns {
			display: flex;
			flex-grow: 1;
			justify-content: flex-end;
		}

			footer .columns .col {
				padding: 0 19px;
			}

				footer .columns h4 {
					color: #74CBEF;
					margin-bottom: 24px;
				}

				footer .columns ul {
					list-style: none;
				}

					footer .columns ul li + li {
						margin-top: 27px;
					}

					footer .columns ul li a:hover {
						text-decoration: underline;
					}

			footer .columns .col:last-child {
				min-width: 160px;
				font-weight: bold;
				padding-right: 0;
			}
		
	/*
	 *	Contacts
	 */		
	footer .contacts {
		font-size: 14px;
		line-height: 21px;
		margin-top: 64px;
		padding-top: 4px;
		border-top: 1px solid #ffff;
	}

		footer .contacts .item {
			display: inline-flex;
			align-items: center;
			margin-top: 12px;
			margin-right: 24px;
		}

			footer .contacts .label {
				display: flex;
				font-weight: bold;
				align-items: center;
			}

				footer .contacts h5 {
					display: inline;
					font-size: inherit;
					line-height: inherit;
				}

				footer .contacts .item .icon {
					display: flex;
					width: 24px;
					height: 24px;
					min-width: 24px;
					margin-right: 12px;
					border-radius: 50%;
					background: #F4F4F4;
					align-items: center;
					justify-content: center;
				}

			footer .contacts .item a:hover {
				text-decoration: underline;
			}

		footer .left .contacts .item + .item {
			margin-top: 16px;
		}

		

	/*
	 *	Contact
	 */
	footer .contact {
		display: none;
		justify-content: center;
		position: relative;
		margin-top: 50px;
		z-index: 2;
	}

		footer .contact a {
			color: #ffffff;
			font-size: 14px;
			font-weight: bold;
			line-height: 21px;
			padding: 12px 32px;
			border-radius: 32px;
			border: 1px solid #ffffff;
		}
		
		footer .left .socials {
			display: flex;
			justify-content: flex-start;
			margin-top: 24px;
		}


	/*
	 *	Socials
	 */
	footer .socials {
		display: none;
		align-items: center;
		justify-content: center;
		position: relative;
		z-index: 2;
		margin-top: 32px;
	}

		footer .socials a + a {
			margin-left: 24px;
		}

	/*
	 *	Bottom
	 */
	footer .bottom {
		z-index: 1;
		display: flex;
		font-size: 14px;
		line-height: 21px;
		margin-top: 16px;
		padding: 16px 0 18px 0;
		border-top: 1px solid #ffff;
		justify-content: space-between;
		position: relative;
	}

		footer .bottom .links {
			display: flex;
		}

			footer .bottom .links a + a {
				margin-left: 24px;
			}

			footer .bottom .links a:hover {
				text-decoration: underline;
			}



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

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

		.page-header .head {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			margin-bottom: 50px;
		}

			.page-header h1 {
				width: calc(100% - 470px);
				font-size: 56px;
				line-height: 67px;
				margin-top: -10px;
			}

			.page-header p {
				width: 100%;
				max-width: 416px;
			}

		.page-header .image {
			width: 100%;
			height: 648px;
			overflow: hidden;
			border-radius: 32px;
		}

			.page-header .image img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center;
			}



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

	.hero {
		padding-top: 10px;
	}

		.hero h1 {
			color: #2D94DC;
			font-size: 64px;
			font-weight: bold;
			line-height: 77px;
			text-align: center;
		}

			.silent-mode .hero h1 {
				color: #171717;
			}

		.hero p {
			max-width: 420px;
			text-align: center;
			margin: 16px auto 32px auto;
		}

		.silent-container {
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 14px;
			line-height: 21px;
		}

				.silent-container .silent-mode {
					margin: 0 12px;
				}

			.silent-container .label-loud {
				width: 62px;
				text-align: right;
				cursor: pointer;
			}

			.silent-container .label-silent {
				width: 62px;
				font-weight: bold;
				text-align: left;
				cursor: pointer;
			}

			.silent-container:has(.active) .label-loud {
				color: #2D94DC;
				font-weight: bold;
			}

			.silent-container:has(.active) .label-silent {
				font-weight: 400;
			}

		.hero .image {
			margin-top: 10px;
		}

			.hero .image img {
				width: 100%;
				height: auto;
			}

			.hero .image:before {
				content: "";
				left: calc(50% - 627px);
				right: 0;
				z-index: -1;
				height: 700px;
				margin-top: -70px;
				position: absolute;
				background: url('../img/bg-heart.jpg') no-repeat top left / auto 700px;
			}

			.silent-mode .hero .image:before {
				display: none;
			}

		.hero .video-wrapper {
			border-radius: 32px;
			overflow: hidden;
			position: relative;
		}

			.hero .video-wrapper video {
				display: block;
				width: 100%;
				height: auto;
			}

			.hero .video-wrapper .overlay {
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 2;
				position: absolute;
				background: linear-gradient(180deg, #6D94AF 5.09%, #29326B 105.09%);
				mix-blend-mode: hard-light;
			}

				.silent-mode .hero .video-wrapper .overlay {
					background: linear-gradient(180deg, #909090 5.09%, #424242 105.09%);
				}

			.hero .video-wrapper .play {
				display: flex;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 3;
				position: absolute;
				cursor: pointer;
				align-items: center;
				justify-content: center;
			}

				.hero .video-wrapper .play .icon {
					width: 42px;
					height: 42px;
					background: #f4f4f4;
					border-radius: 50%;
					box-shadow: 0 4px 24px 0 #2B388E;
					margin-right: 20px;
				}

				.hero .video-wrapper .play span {
					color: #ffffff;
					font-size: 24px;
					font-weight: bold;
					line-height: 29px;
				}



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

	.about {
		margin-top: 120px;
	}

	.about .container {
		display: flex;
		justify-content: space-between;
	}

		.about .left {
			width: calc(100% - 490px);
			max-width: 700px;
			margin-top: -10px;
		}

			.about .left .intro {
				font-size: 38px;
				line-height: 57px;
			}

			.about .left .stat-items {
				margin-top: 60px;
				justify-content: flex-start;
			}

				.about .left .stat-items .item {
					width: auto;
					min-width: 150px;
					padding: 0;
				}

					.about .left .stat-items .item p {
						font-weight: bold;
					}

					.about .left .stat-items .item + .item {
						margin-left: 25px;
					}

		.about .right {
			width: 415px;
		}

			.about .right .links {
				display: flex;
				margin-top: 30px;
			}

				.about .right .links a {
					display: flex;
					align-items: center;
					font-size: 14px;
					font-weight: bold;
					line-height: 21px;
				}

					.about .right .links a img {
						width: auto;
						height: 12px;
						margin-left: 18px;
					}

				.about .right .links a + a {
					margin-left: 40px;
				}



/*	Section: Testimonials
-------------------------------------------*/

	.testimonials {
		margin-top: 100px;
		position: relative;
	}

		.page-id-38 .testimonials:before {
			content: "";
			top: -270px;
			left: 0;
			right: 0;
			z-index: -1;
			height: 700px;
			position: absolute;
			background: url('../img/bg-heart.jpg') no-repeat 36% top / auto 700px;
		}

			.silent-mode .testimonials:before {
				display: none;
			}

	.testimonials .section-title {
		z-index: 2;
		position: relative;
	}

		.testimonials .swiper {
			width: 100%;
			padding: 30px 0;
			margin-top: 30px;
		}

			.testimonials .swiper:before {
				content: "";
				top: 2px;
				z-index: 2;
				left: 50%;
				width: 73px;
				height: 48px;
				position: absolute;
				background: url('../img/quote.svg') no-repeat center center;
				transform: translateX(-50%);
			}

		.testimonials .swiper-slide {
			display: flex;
			width: 420px;
			height: auto;
			flex-direction: column;
			justify-content: center;
			text-align: center;
			background: #F4F4F4;
			border-radius: 12px;
			border: 1px solid #EBEBEB;
			padding: 45px 35px 45px 35px;
			box-shadow: 0 4px 34px rgba(36, 167, 222, 0.24);
		}

			.testimonials .swiper-slide h4 {
				color: #000;
				font-size: 24px;
				font-weight: 700;
				line-height: 29px;
				margin-bottom: 14px;
			}

			.testimonials .swiper-slide p {
				font-size: 14px;
				line-height: 24px;
			}

			.testimonials .swiper-slide .rating {
				display: flex;
				justify-content: center;
				margin-top: 14px;
			}

				.testimonials .swiper-slide .rating svg + svg {
					margin-left: 4px;
				}


/*	Section: News
-------------------------------------------*/

	.news:has(.section-title) {
		margin-top: 120px;
	}

	.news .section-title {
		text-align: left;
		margin-bottom: 36px;
	}

	.news .items {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -12px;
	}

		/*
		 *	Featured item
		 */
		.news .items .featured {
			width: 100%;
			height: 550px;
			margin: 0 12px 40px 12px;
			border-radius: 32px;
			position: relative;
			overflow: hidden;
		}

			.news .items .featured .image {
				width: 100%;
				height: 550px;
				z-index: 1;
				overflow: hidden;
				position: relative;
				transition: all ease 0.4s;
			}

				.news .items .featured .image:before {
					content: "";
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 0.8;
					z-index: 2;
					background: linear-gradient(180deg, rgba(89, 122, 144, 0) 10%, #080E36 100%);
					mix-blend-mode: hard-light;
					position: absolute;
				}

				.news .items .featured .image img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}

					.silent-mode .news .image img {
						filter: grayscale(100%);
					}

				.news .items .featured:hover .image {
					transform: scale(1.1);
				}

			.news .items .featured h2 {
				max-width: 500px;
				z-index: 2;
				left: 30px;
				bottom: 40px;
				position: absolute;
				color: #F4F4F4;
				font-size: 42px;
				font-weight: 700;
				line-height: 50px;
			}

		/*
		 *	Normal item
		 */
		.news .item {
			width: calc(25% - 24px);
			margin: 0 12px 24px 12px;
		}

			.news .item .image {
				display: block;
				width: 100%;
				padding-bottom: 65.35947712%;
				border-radius: 12px;
				overflow: hidden;
				position: relative;
			}

				.news .item .image img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					position: absolute;
					transition: all ease 0.4s;
				}

					.news .item:hover .image img {
						transform: scale(1.1);
					}

			.news .item h3 {
				color: #000;
				font-size: 18px;
				font-weight: bold;
				line-height: 27px;
				margin-top: 20px;
			}

				body:not(.silent-mode) .news .item:hover h3 {
					color: #2D94DC;
				}

			.news .item p {
				color: #000;
				font-size: 14px;
				line-height: 21px;
				margin-top: 12px;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 3;
				overflow: hidden;
			}

	.news .bottom {
		display: none;
		justify-content: center;
	}

		.news .bottom .link {
			display: flex;
			font-size: 16px;
			font-weight: bold;
			line-height: 24px;
			align-items: center;
		}

		.news .bottom .link img {
			width: 11px;
			height: 12px;
			margin-left: 18px;
		}

		.news .bottom .link:hover {
			color: #2D94DC;
		}


/*	Section: Post
-------------------------------------------*/

	.post-single {
		margin-top: 40px;
	}

		.post-single .head {
			max-width: 636px;
			margin: 0 auto 40px auto;
		}

			.post-single .head .date {
				color: #ABABAB;
				font-size: 14px;
				line-height: 21px;
				margin-bottom: 0px;
			}

			.post-single .head h1 {
				font-size: 42px;
				line-height: 50px;
			}

			.post-single .head .intro {
				font-weight: bold;
				margin-top: 12px;
			}

		.post-single .featured-image {
			width: 100%;
			height: 560px;
			margin-bottom: 48px;
			border-radius: 32px;
			overflow: hidden;
			position: relative;
		}

			.post-single .featured-image img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center;
			}

		.post-single .general-content {
			max-width: 636px;
			margin: 0 auto;
		}

			.post-single .general-content a {
				color: #2D94DC;
			}

				.post-single .general-content a:hover {
					text-decoration: none;
				}


/*	Section: CTA Banner
-------------------------------------------*/

	.cta-banner {
		margin-top: 120px;
	}

		.member-single + .cta-banner {
			margin-top: 70px;
		}

	.cta-banner .container {
		display: flex;
		height: 550px;
		align-items: center;
		justify-content: center;
		background: #EDE6D3;
		border-radius: 32px;
		overflow: hidden;
		position: relative;
	}

		.silent-mode .cta-banner .container {
			background: #BED2E0 !important;
		}

			.silent-mode .cta-banner .container > img {
				display: none !important;
			}

		.cta-banner .content {
			z-index: 2;
			text-align: center;
			position: relative;
		}

			.cta-banner .content h2 {
				color: #000;
				font-size: 32px;
				font-weight: 700;
				line-height: 38px;
				margin-bottom: 22px;
			}

			.cta-banner .content p {
				max-width: 370px;
				font-size: 18px;
				line-height: 27px;
				margin: 0 auto;
			}

			.cta-banner .buttons {
				display: flex;
				align-items: center;
				justify-content: center;
				margin-top: 32px;
			}

				.cta-banner .buttons .btn {
					color: #ffffff;
					font-size: 14px;
					line-height: 20px;
					padding: 11px 24px;
					border-radius: 32px;
					background: #2D94DC;
					transition: all ease 0.4s;
				}

					.cta-banner .buttons .btn:hover {
						background: #24A7DE;
						box-shadow: 0 8px 12px 0 rgba(45, 148, 220, 0.24);
					}

				.cta-banner .buttons .link {
					display: flex;
					font-size: 14px;
					line-height: 20px;
					margin-left: 40px;
					align-items: center;
				}

					.cta-banner .buttons .link img {
						width: 11px;
						height: 12px;
						margin-left: 18px;
					}

					.cta-banner .buttons .link:hover {
						color: #2D94DC;
					}

		.cta-banner .img-left {
			width: auto;
			height: 341px;
			left: 0;
			bottom: 0;
			z-index: 1;
			position: absolute;
		}

		.cta-banner .img-right {
			width: auto;
			height: 473px;
			top: 0;
			right: 0;
			z-index: 1;
			position: absolute;
		}

	.cta-banner.alt .container {
		background: #f3e0fe;
	}

		.cta-banner.alt .img-left {
			height: 353px;
		}

		.cta-banner.alt .img-right {
			height: 415px;
		}



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

	.toggle-item {
		border-radius: 12px;
		background: #F4F4F4;
		border: 1px solid #F4F4F4;
		transition: all ease 0.4s;
		cursor: pointer;
	}

		.toggle-item .title {
			display: flex;
			font-size: 18px;
			font-weight: 400;
			line-height: 28px;
			padding: 9px 24px 9px 24px;
			justify-content: space-between;
		}

			.toggle-item .title span {
				width: calc(100% - 44px);
				transition: all ease 0.4s;
			}

			.toggle-item .title svg {
				width: 16px;
				height: 16px;
				margin-top: 6px;
				transition: all ease 0.4s;
			}

		.toggle-item .content {
			display: none;
			padding: 12px 24px 32px 24px;
		}

		.toggle-item:hover,
		.toggle-item.opened {
			border-color: #2D94DC;
			box-shadow: 0 4px 4px 0 rgba(45, 148, 220, 0.24);
		}

			.toggle-item:hover .title,
			.toggle-item.opened .title {
				color: #2D94DC;
			}

			.toggle-item:hover .title svg,
			.toggle-item.opened .title svg {
				fill: #2D94DC;
			}

			.toggle-item.opened .title svg {
				transform: rotate(-90deg);
			}

	.toggle-item + .toggle-item {
		margin-top: 24px;
	}


	/*
	 * Section: Questions
	 */
	.questions {
		margin-top: 120px;
	}

		.faq-categories + .questions,
		.questions + .questions {
			margin-top: 60px;
		}

		.questions .container {
			max-width: 664px;
		}

		.questions .section-title {
			margin-bottom: 30px;
		}

			.questions .section-title strong {
				color: #695254;
			}

				.silent-mode .questions .section-title strong {
					color: #BED2E0 !important;
				}

			.questions .section-title.alignleft {
				font-weight: bold;
				text-align: left;
			}

		.questions .bottom {
			display: flex;
			justify-content: center;
			margin-top: 40px;
		}

			.questions .bottom .link {
				display: flex;
				font-size: 14px;
				line-height: 20px;
				align-items: center;
			}

				.questions .bottom .link img {
					width: 11px;
					height: 12px;
					margin-left: 18px;
				}

				.questions .bottom .link:hover {
					color: #2D94DC;
				}

	/*
	 *	FAQ
	 */
	.questions.faq .container {
		max-width: 1296px;
	}

		.questions.faq .section-title {
			text-align: left;
		}

		.questions.faq .section-title strong {
			color: inherit;
		}

		.questions.faq .items {
			display: flex;
			flex-wrap: wrap;
			align-items: flex-start;
			justify-content: space-between;
		}

			.questions.faq .col {
				width: calc(50% - 12px);
			}

			.questions.faq .toggle-item:first-child {
				margin-top: 0;
			}


	/*
	 *	FAQ Categories
	 */
	.faq-categories .container {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

		.faq-categories .link-item {
			width: 196px;
		}



/*	Section: Downloads
-------------------------------------------*/

	.downloads {
		margin-top: 120px;
	}

		.downloads + .downloads {
			margin-top: 60px;
		}

		.downloads .container {
			max-width: 664px;
		}

		.downloads .section-title {
			font-weight: bold;
			margin-bottom: 30px;
			text-align: left;
		}

	.download-item {
		display: flex;
		font-size: 18px;
		font-weight: 400;
		line-height: 28px;
		padding: 9px 24px 9px 24px;
		align-items: center;
		justify-content: space-between;
		border-radius: 12px;
		background: #F4F4F4;
		border: 1px solid #F4F4F4;
		transition: all ease 0.4s;
		cursor: pointer;
	}

		.download-item .title span {
			width: calc(100% - 64px);
		}

		.download-item .title svg {
			width: 24px;
			height: 24px;
			transition: all ease 0.4s;
		}

		.download-item:hover {
			color: #2D94DC;
			border-color: #2D94DC;
			box-shadow: 0 4px 4px 0 rgba(45, 148, 220, 0.24);
		}

			.download-item:hover svg {
				fill: #2D94DC;
			}

	.download-item + .download-item {
		margin-top: 24px;
	}



/*	Section: Services (Slider)
-------------------------------------------*/

	.services {
		margin-top: 120px;
		margin-bottom: -20px;
	}

		.services .swiper-slide {
			width: 306px;
			padding-bottom: 20px;
		}

	/*
	 *	Service item
	 */
	.service-item {
		display: block;
		border-radius: 12px;
		padding: 24px 12px 12px 12px;
		background: var(--color-mute-green);
		box-shadow: 0 8px 12px 0 rgba(23, 23, 23, 0);
		transition: all ease 0.4s;
	}

		.service-item:hover {
			box-shadow: 0 8px 12px 0 rgba(23, 23, 23, 0.16);
		}

		.silent-mode .service-item {
			background: #F4F4F4 !important;
		}

		.service-item .icon {
			display: flex;
			width: 64px;
			height: 64px;
			border-radius: 50%;
			background: var(--color-dark-green);
			justify-content: center;
			align-items: center;
			margin-bottom: 38px;
		}

			.silent-mode .service-item .icon {
				background: #BED2E0 !important;
			}

			.service-item .icon img {
				max-width: 32px;
				max-height: 32px;
			}

		.service-item .title {
			display: flex;
			align-items: center;
			justify-content: space-between;

		}

			.service-item h2 {
				display: flex;
				align-items: center;
				max-width: calc(100% - 32px);
				min-height: 72px;
				font-size: 24px;
				line-height: 28px;
				transition: all ease 0.4s;
			}

				.service-item:hover h2 {
					line-height: 36px;
				}

			.service-item .title svg {
				fill: var(--color-dark-green);
			}

				.silent-mode .service-item .title svg {
					fill: #BED2E0 !important;
				}

		.service-item p {
			font-size: 14px;
			line-height: 21px;
			margin-top: 14px;
		}

		.service-item .image {
			height: 200px;
			margin-top: 30px;
			overflow: hidden;
			position: relative;
			border-radius: 12px;
		}

			.service-item .image img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center;
				transition: all ease 0.4s;
			}

				.service-item:hover .image img {
					transform: scale(1.1);
				}

	.service-item.color-grayblue { background-color: var(--color-mute-grayblue); }
	.service-item.color-grayblue .icon { background-color: var(--color-dark-grayblue); }
	.service-item.color-grayblue .title svg { fill: var(--color-dark-grayblue); }

	.service-item.color-ivory { background-color: var(--color-mute-ivory); }
	.service-item.color-ivory .icon { background-color: var(--color-dark-ivory); }
	.service-item.color-ivory .title svg { fill: var(--color-dark-ivory); }

	.service-item.color-tune { background-color: var(--color-mute-tune); }
	.service-item.color-tune .icon { background-color: var(--color-dark-tune); }
	.service-item.color-tune .title svg { fill: var(--color-dark-tune); }

	.service-item.color-lavander { background-color: var(--color-mute-lavander); }
	.service-item.color-lavander .icon { background-color: var(--color-dark-lavander); }
	.service-item.color-lavander .title svg { fill: var(--color-dark-lavander); }

	.service-item.color-mint { background-color: var(--color-mute-mint); }
	.service-item.color-mint .icon { background-color: var(--color-dark-mint); }
	.service-item.color-mint .title svg { fill: var(--color-dark-mint); }



/*	Section: Autism Slider
-------------------------------------------*/

	.autism-slider {
		margin-top: 120px;
		margin-bottom: -20px;
	}

	.autism-slider .swiper-wrapper {
		padding-bottom: 20px;
	}

	.autism-slider .swiper-slide {
		width: 416px;
		min-height: 416px;
		color: #516251;
		background: #CBE5CB;
		border-radius: 12px;
		position: relative;
		cursor: pointer;
		transition: all ease 0.4s;
	}

		.silent-mode .autism-slider .swiper-slide {
			background: #2D94DC !important;
			color: #ffffff !important;
		}

		.autism-slider .swiper-slide:hover {
			box-shadow: 0 8px 12px 0 rgba(23, 23, 23, 0.16);
		}

		.autism-slider .swiper-slide .front {
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			position: absolute;
			border-radius: 12px;
			padding: 40px 24px 90px 24px;
			background: #CBE5CB url('../img/pattern-eye.svg') no-repeat top left;
			transition: all ease 0.4s;
		}

			.silent-mode .autism-slider .swiper-slide .front {
				background-color: #2D94DC !important;
				background-image: url('../img/pattern-eye-white.svg') !important;
			}

			.autism-slider .swiper-slide.flipped .front {
				opacity: 0;
			}

			.autism-slider .swiper-slide .front h3 {
				font-size: 32px;
				font-weight: 400;
				line-height: 38px;
			}

		.autism-slider .swiper-slide .back {
			padding: 40px 24px 90px 24px;
		}

			.autism-slider .swiper-slide .back h3 {
				font-size: 28px;
				font-weight: bold;
				line-height: 34px;
				margin-bottom: 20px;
			}

		.autism-slider .swiper-slide .flip {
			display: flex;
			z-index: 10;
			right: 24px;
			bottom: 24px;
			font-size: 14px;
			line-height: 21px;
			position: absolute;
			align-items: center;
		}

			.autism-slider .swiper-slide .flip span:before {
				content: "Fordítsd meg";
				font-weight: bold;
			}

			.autism-slider .swiper-slide .flip .icon {
				display: flex;
				width: 42px;
				height: 42px;
				align-items: center;
				justify-content: center;
				border-radius: 50%;
				background: #516251;
				margin-left: 20px;
				transform: rotate(90deg);
				transition: all ease 0.4s;
			}

				.silent-mode .autism-slider .swiper-slide .flip .icon {
					background: #2852A1 !important;
				}

				.silent-mode .autism-slider .swiper-slide .flip .icon svg {
					fill: #ffffff !important;
				}

			.autism-slider .swiper-slide:hover .flip .icon {
				transform: rotate(180deg);
			}

			.autism-slider .swiper-slide.flipped .flip .icon {
				transform: rotate(360deg);
			}

			.autism-slider .swiper-slide.flipped .flip span:before {
				content: "Fordítsd vissza";
			}


	.autism-slider .swiper-slide.color-speech { background-color: var(--color-mute-ivory); color: var(--color-dark-ivory); }
	.autism-slider .swiper-slide.color-speech .front { background-color: var(--color-mute-ivory); background-image: url('../img/pattern-speech.svg'); }
	.autism-slider .swiper-slide.color-speech .icon { background-color: var(--color-dark-ivory); }
	.autism-slider .swiper-slide.color-speech .icon svg { fill: var(--color-mute-ivory); }
	.silent-mode .autism-slider .swiper-slide.color-speech .front { background-image: url('../img/pattern-speech-white.svg') !important; }

	.autism-slider .swiper-slide.color-move { background-color: var(--color-mute-lavander); color: var(--color-dark-lavander); }
	.autism-slider .swiper-slide.color-move .front { background-color: var(--color-mute-lavander); background-image: url('../img/pattern-move.svg'); }
	.autism-slider .swiper-slide.color-move .icon { background-color: var(--color-dark-lavander); }
	.autism-slider .swiper-slide.color-move .icon svg { fill: var(--color-mute-lavander); }
	.silent-mode .autism-slider .swiper-slide.color-move .front { background-image: url('../img/pattern-move-white.svg') !important; }

	.autism-slider .swiper-slide.color-contact { background-color: var(--color-mute-grayblue); color: var(--color-dark-grayblue); }
	.autism-slider .swiper-slide.color-contact .front { background-color: var(--color-mute-grayblue); background-image: url('../img/pattern-contact.svg'); background-position: left 18px; }
	.autism-slider .swiper-slide.color-contact .icon { background-color: var(--color-dark-grayblue); }
	.autism-slider .swiper-slide.color-contact .icon svg { fill: var(--color-mute-grayblue); }
	.silent-mode .autism-slider .swiper-slide.color-contact .front { background-image: url('../img/pattern-contact-white.svg') !important; }




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

	.steps {
		margin-top: 80px;
	}

		.twi + .steps {
			margin-top: 40px;
		}

		.steps .slider-head .section-title {
			margin-bottom: 30px;
		}

		.steps nav {
			display: flex;
			overflow-x: auto;
			white-space: nowrap;
			-webkit-overflow-scrolling: touch;
			scrollbar-width: none;
			-ms-overflow-style: none;
			padding-bottom: 12px;
			margin-bottom: 12px;
			padding-left: var(--containerOffset);
		}

			.steps nav::-webkit-scrollbar {
				display: none;
			}

			.steps nav span {
				float: left;
				font-size: 14px;
				line-height: 20px;
				padding: 6px 24px;
				border-radius: 32px;
				background: #F4F4F4;
				cursor: pointer;
				flex: 0 0 auto;
				margin-right: 24px;
			}

				.steps nav span:first-child {
					margin-left: 0;
				}

				.steps nav span:hover {
					color: #ffffff;
					background: #2D94DC;
				}

		.steps nav span.active {
			color: #ffffff;
			font-weight: 600;
			background: #2D94DC;
		}

	.steps .swiper {
		clear: both;
	}

		.steps .swiper-slide {
			width: 96%;
			max-width: 1186px;
			display: flex;
			height: auto;
			position: relative;
		}

			.steps .swiper-slide .step-item {
				display: flex;
				height: 100%;
			}

	.steps .step-item-wrapper {
		margin: 0 auto;
		max-width: 1186px;
		position: relative;
	}

		.steps .step-item-wrapper + .step-item-wrapper {
			margin-top: 42px;
		}

		.silent-mode .steps .step-item-wrapper .step-item {
			background: #D3DFE4 !important;
		}

	/*
	 *	Step item
	 */
	.step-item {
		display: flex;
		width: calc(100% - 550px);
		min-height: 504px;
		align-items: center;
		border-radius: 12px;
		padding: 24px 30px;
		background: var(--color-mute-green);
	}

		.silent-mode .step-item {
			background: #F4F4F4 !important;
		}

		.step-item .title {
			display: flex;
			align-items: flex-start;
		}

			.step-item .title .nr {
				min-width: 44px;
				color: var(--color-dark-green);
				font-size: 32px;
				font-weight: 700;
				line-height: 48px;
				margin-right: 12px;
			}

				.silent-mode .step-item .title .nr {
					color: #BED2E0 !important;
				}

			.step-item .title h2 {
				font-size: 32px;
				font-weight: 400;
				line-height: 48px;
			}

				.step-item .title h2 strong {
					font-weight: bold;
				}

		.step-item .general-content {
			margin: 12px 0 0 56px;
		}

			.step-item .general-content ul {
				margin-top: 0;
			}

		.step-item .image {
			top: 0;
			right: 0;
			width: 526px;
			height: 100%;
			border-radius: 12px;
			position: absolute;
			overflow: hidden;
		}

			.step-item .image img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center;
				transition: all ease 0.4s;
			}

			.step-item:hover .image img {
				transform: scale(1.1);
			}

	.step-item.color-grayblue { background-color: var(--color-mute-grayblue); }
	.step-item.color-grayblue .title .nr { olor: var(--color-dark-grayblue); }

	.step-item.color-ivory { background-color: var(--color-mute-ivory); }
	.step-item.color-ivory .title .nr { color: var(--color-dark-ivory); }

	.step-item.color-tune { background-color: var(--color-mute-tune); }
	.step-item.color-tune .title .nr { color: var(--color-dark-tune); }

	.step-item.color-lavander { background-color: var(--color-mute-lavander); }
	.step-item.color-lavander .title .nr { color: var(--color-dark-lavander); }

	.step-item.color-mint { background-color: var(--color-mute-mint); }
	.step-item.color-mint .title .nr { color: var(--color-dark-mint); }



/*	Section: Text with image
-------------------------------------------*/

	.twi {
		margin-top: 120px;
	}

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

		.page-header + .twi {
			margin-top: 60px;
		}

	.twi .container {
		display: flex;
		min-height: 678px;
		align-items: center;
		position: relative;
	}

		.twi .content {
			width: calc(100% - 660px);
			max-width: 526px;
		}

			.twi .content .section-title {
				text-align: left;
				margin-bottom: 12px;
			}

				.silent-mode .twi .content .section-title [style*="color:"] {
					color: inherit !important;
				}

			.twi .content .intro {
				font-weight: bold;
				margin-bottom: 18px;
			}

		.twi .image {
			top: 50%;
			right: 0;
			width: 636px;
			position: absolute;
			transform: translateY(-50%);
		}

	.twi.img-left .container {
		justify-content: flex-end;
	}

		.twi.img-left .content {
			order: 2;
		}

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



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

	.team-slider {
		margin-top: 120px;
	}

		.team-slider .swiper-slide {
			width: 308px;
		}

	/*
	 *	Team Member
	 */
	.team-member {

	}

		.team-member .image {
			display: block;
			width: 100%;
			overflow: hidden;
			position: relative;
			padding-bottom: 65%;
			border-radius: 12px;
			margin-bottom: 14px;
		}

			.team-member .image img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center;
				position: absolute;
				transition: all ease 0.4s;
			}

			.silent-mode .team-member .image img {
				filter: grayscale(100%);
			}

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

		.team-member h3 {
			color: #000;
			font-size: 28px;
			font-weight: 700;
			line-height: 42px;
		}

			body:not(.silent-mode) .team-member:hover h3 {
				color: #24A7DE;
			}

			.team-member h3 small {
				display: block;
				color: #000;
				font-size: 14px;
				font-weight: 400;
				line-height: 21px;
				margin-top: -7px;
			}

		.team-member p {
			color: #000;
			font-size: 14px;
			line-height: 21px;
			margin-top: 12px;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			hyphens: auto;
		}



	/*
	 *  Team Listing
	 */
	.team-members .list {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -12px -24px -12px;
	}

		.team-members .filters {
			display: none;
			flex-wrap: wrap;
			padding: 6px 0 24px 0;
		}

			.team-members .filters a {
				display: block;
				font-size: 14px;
				line-height: 21px;
				background: #F4F4F4;
				padding: 13px 24px;
				margin: 0 8px 8px 0;
				border-radius: 32px;
			}

				.team-members .filters a.active {
					color: #ffffff;
					font-weight: bold;
					background: #2D94DC;
				}

		.team-members .team-member {
			width: calc(25% - 24px);
			margin: 0 12px 24px 12px;
		}


	/*
	 *	Team Single
	 */
	.member-single {
		margin-top: 55px;
	}

	.member-single .container {
		display: flex;
		justify-content: space-between;
	}

		.member-single .image {
			width: 50%;
			height: 430px;
			overflow: hidden;
			border-radius: 32px;
		}

			.member-single .image img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center;
			}

			.silent-mode .member-single .image img {
				filter: grayscale(100%);
			}

		.member-single .content {
			width: calc(50% - 50px);
			max-width: 526px;
		}

			.member-single h1 {
				color: #000;
				font-size: 42px;
				font-weight: bold;
				line-height: 50px;
			}

			.member-single h4 {
				font-size: 18px;
				font-weight: 700;
				line-height: 27px;
				margin-top: 12px;
			}

			.member-single .content .image {
				display: none;
				width: 100%;
				height: 400px;
			}

				.member-single .content .image img {
					object-position: top center;
				}

			.member-single .general-content {
				margin-top: 18px;
			}



/*	Section: Stats
-------------------------------------------*/

	/*
	 *	Stat Items
	 */
	.stat-items {
		display: flex;
		justify-content: center;
	}

		.stat-items .item {
			width: 33.333%;
			max-width: 260px;
			padding: 0 8px;
		}

		.stat-items .item h5 {
			font-size: 31px;
			line-height: 37px;
		}

		.stat-items .item p {
			margin-top: 4px;
		}

	.stats {
		margin-top: 120px;
	}

		.stats .container {
			text-align: center;
			max-width: 860px;
		}

		.stats .text {
			font-size: 28px;
			line-height: 42px;
			margin-bottom: 18px;
		}
		
			.stats .section-title {
				margin-bottom: 12px;
			}



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

	.featured-text {
		margin-top: 120px;
	}

		.featured-text .container {
			max-width: 860px;
			font-size: 28px;
			line-height: 42px;
			text-align: center;
		}



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

	.gallery {
		margin-top: 100px;
	}

		.gallery .images {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			margin: 0 -12px -24px -12px;
		}

			.gallery a {
				display: block;
				width: calc(33.333% - 24px);
				margin: 0 12px 24px 12px;
				border-radius: 12px;
				overflow: hidden;
				position: relative;
			}

				.gallery a .image {
					width: 100%;
					height: 0;
					padding-bottom: 92%;
					overflow: hidden;
					position: relative;
				}

				.gallery a img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center;
					position: absolute;
					transition: all ease 0.4s;
				}

					.gallery a:hover img {
						transform: scale(1.1);
					}



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

    .contact-form {
		padding-top: 25px;
	}

	.contact-form .container {
		display: flex;
		justify-content: space-between;
	}

	.contact-form .contacts {
		width: 526px;
	}

		.contact-form .contacts .item {
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

			.contact-form .contacts .label {
				display: flex;
				font-weight: bold;
				align-items: center;
			}

				.contact-form .contacts .label h5 {
					max-width: 160px;
					font-size: inherit;
					line-height: inherit;
				}

				.contact-form .contacts .item .icon {
					display: flex;
					width: 42px;
					height: 42px;
					min-width: 42px;
					margin-right: 12px;
					border-radius: 50%;
					background: #BED2E0;
					align-items: center;
					justify-content: center;
				}

			.contact-form .contacts .item a:hover {
				text-decoration: underline;
			}

		.contact-form .contacts .item + .item {
			margin-top: 25px;
		}

	/*
	 *	Form
	 */
	.contact-form .form {
		width: calc(100% - 550px);
	}

		.gfield {
			width: 100%;
			margin-bottom: 24px;
		}

			.gfield .gfield_label {
				display: block;
				font-weight: bold;
				margin-bottom: 4px;
			}

				.gfield .gfield_required {
					display: none;
					color: #FF0000;
					font-weight: 400;
					margin-left: 2px;
				}

			.gfield input,
			.gfield textarea {
				display: block;
				width: 100%;
				color: #171717;
				font-family: Rubik, sans-serif;
				font-size: 18px;
				font-weight: 400;
				line-height: 27px;
				background: #F4F4F4;
				border-radius: 12px;
				border: 0;
				padding: 9px 24px;
			}

				.gfield textarea {
					height: 272px;
					resize: none;
				}

		.gform_footer {
			margin-top: 18px;
		}

			.gform_footer .btn {
				height: 42px;
				color: #ffffff;
				font-size: 14px;
				font-weight: bold;
				line-height: 21px;
				background: #2D94DC;
				padding: 0 24px;
				border-radius: 32px;
				border: 0;
				cursor: pointer;
			}

				.gform_footer .btn:hover {
					background: #24A7DE;
					box-shadow: 0 8px 12px 0 rgba(45, 148, 220, 0.24);
				}

		.gform_confirmation_wrapper {
			padding: 36px;
			border-radius: 24px;
			background: #F4F4F4;
		}

			.gform_confirmation_wrapper h3 {
				/*color: #2D94DC;*/
				font-size: 32px;
				line-height: 38px;
				margin-bottom: 24px;
			}


/*	Section: Useful links
-------------------------------------------*/

	.links {

	}

	.links .container {
		max-width: 856px;
	}

		.links .items {
			display: flex;
			flex-wrap: wrap;
			margin: 0 -12px -24px -12px;
		}

			.link-item {
				display: flex;
				flex-direction: column;
				width: calc(25% - 24px);
				min-height: 196px;
				padding: 24px 12px;
				margin: 0 12px 24px 12px;
				background: #f4f4f4;
				border-radius: 12px;
				align-items: center;
				justify-content: center;
				text-align: center;
			}

				.link-item .icon {
					display: flex;
					width: 64px;
					height: 64px;
					border-radius: 50%;
					background: #BED2E0;
					align-items: center;
					justify-content: center;
					margin-bottom: 24px;
				}

				.link-item span {
					font-size: 18px;
					font-weight: bold;
					line-height: 26px;
				}


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

@media (max-width: 1460px)
{
	header nav .dropdown { left: -1.5vw; right: -1.5vw; }
	header nav .dropdown .box { padding: 36px; }
	header nav .dropdown .box h3 { margin-bottom: 10px; padding-bottom: 24px; }
}

@media (max-width: 1320px)
{
	header .silent-mode { margin-left: 30px; margin-right: 15px; }
	header nav ul li + li { margin-left: 24px; }

	footer .columns { padding-left: 20px; }
	footer .columns .col:last-child { display: none; }
	footer .columns .col:nth-child(3) { padding-right: 0; }

	.cta-banner .img-left { height: 300px; left: -30px; }
	.cta-banner .img-right { height: 380px; right: -30px; }

	.cta-banner .container { height: 480px; }
	.cta-banner.alt .img-left { height: 280px; bottom: 35px; }
	.cta-banner.alt .img-right { height: 350px;  }

	.page-header p { max-width: 380px; }
	.page-header h1 { font-size: 52px; line-height: 64px; }
}

@media (max-width: 1240px)
{
	.twi .container { min-height: calc(55vw - 20px); }
	.twi .image { width: calc(55% - 20px); }
	.twi .content { width: calc(45% - 20px); }
	.twi + .twi { margin-top: 20px; }

	.page-header .image { height: 520px; }
	.page-header + .twi { margin-top: 30px; }

	.steps .swiper-slide { width: 86%; }
	.step-item { width: calc(100% - 480px); }
	.step-item .image { width: 460px; }
}

@media (max-width: 1139px)
{
	.wrapper { padding-top: 120px; }
	header { padding-top: 40px; }
	header .right nav { display: none; }
	header .right .silent-mode { display: none; }
	header .right .contact { display: none; }
	header .right .mobile-menu-trigger { display: block; }

	footer { margin-top: 70px; }
	footer .columns .col:first-child { display: none; }

	.section-title { font-size: 36px; line-height: 45px; }

	.page-header .head { margin-bottom: 40px; }
	.page-header h1 { font-size: 48px; line-height: 60px; }

	.about { margin-top: 80px; }
	.about .left .intro { font-size: 34px; line-height: 48px; }
	.about .left .stat-items { flex-wrap: wrap; margin-top: 40px; margin-bottom: -20px; }
	.about .left .stat-items .item { margin-bottom: 20px; }
	.about .left .stat-items .item:last-child { margin-left: 0; }

	.twi { margin-top: 50px; }

	.twi .container { min-height: calc(52vw - 20px); }
	.twi .image { width: calc(52% - 20px); }
	.twi .content { width: calc(48% - 20px); }
	.twi .content .section-title br { display: none; }

	.stats + .twi { margin-top: 70px; }

	.services { margin-top: 70px; }

	.cta-banner { margin-top: 70px; }

	.questions { margin-top: 70px; }

	.news:has(.section-title) { margin-top: 70px; }
	.news:has(.section-title) .items .item:last-child { display: none; }
	.news .item { width: calc(33.3333% - 24px); }

	.testimonials { margin-top: 70px; }

	.team-slider { margin-top: 70px; }
	.team-members .team-member { width: calc(33.333% - 24px); }

	.autism-slider { margin-top: 70px; }

	.featured-text { margin-top: 70px; }
	.featured-text .container { font-size: 26px; line-height: 39px; }
	.featured-text .container br { display: none; }

	.stats { margin-top: 70px; }
	.stats .text { font-size: 26px; line-height: 39px; }
	.stat-items .item h5 { font-size: 28px; line-height: 34px; }

	.faq-categories + .questions { margin-top: 40px; }

	.downloads { margin-top: 70px; }

	.page-header + .steps { margin-top: 50px; }

	.gallery { margin-top: 50px; }

	.member-single { margin-top: 20px; }

	.step-item .title { display: block; }
	.step-item .title h2 { line-height: 42px; }
	.step-item .general-content { margin-left: 0; }

	.member-single + .cta-banner { margin-top: 60px; }

	.contact-form .contacts { width: 475px; }
	.contact-form .form { width: calc(100%  - 500px); }
}

@media (max-width: 1023px)
{
	footer .columns .col:nth-child(3) { display: none; }

	.section-title { font-size: 32px; line-height: 42px; }

	.hero h1 br { display: none; }

	.about { margin-top: 60px; }
	.about .container { display: block; }
	.about .left { width: 100%; }
	.about .left .intro { font-size: 28px; line-height: 42px; }
	.about .left { max-width: 100%; }
	.about .left .stat-items .item { width: auto; min-width: 0; max-width: 230px; }
	.about .left .stat-items .item:last-child { margin-left: 25px; }
	.about .right { width: 100%; margin-top: 32px; }

	.news .items .featured { height: 420px; }
	.news .items .featured .image { height: 420px; }
	.news .items .featured h2 { font-size: 36px; line-height: 44px; }
	.news .item { width: calc(50% - 24px); }
	.news:has(.section-title) .items .item:last-child { display: block; }

	.cta-banner .img-left { height: 205px; bottom: -50px; }
	.cta-banner .img-right { height: 280px; }

	.page-header .head { display: block; margin-bottom: 24px; }
	.page-header h1 { width: 100%; font-size: 44px; line-height: 56px; }
	.page-header h1 br { display: none; }
	.page-header p { width: 100%; max-width: 100%; margin-top: 12px; }
	.page-header .image { height: 420px; }

	.page-header + .twi { margin-top: 40px; }
	.twi { margin-top: 80px; }
	.twi .container { min-height: 0; }
	.twi .content { width: 100%; max-width: 100%; }
	.twi .image { width: 100%; max-width: 480px; margin: 0 auto; position: relative; top: auto; left: auto; right: auto; bottom: auto; transform: none; }

	.twi + .steps { margin-top: 50px; }
	.steps { margin-top: 55px; }
	.step-item { width: 100%; min-height: 0; }
	.step-item .image { width: 100%; height: 400px; position: relative; top: auto; left: auto; right: auto; bottom: auto; margin-top: 18px; }
	.step-item .image img { width: 100%; position: absolute; }
	.step-item .general-content { margin-top: 24px; }
	.steps .step-item-wrapper + .step-item-wrapper { margin-top: 24px; }
	.page-header + .steps { margin-top: 30px; }

	.services { margin-top: 60px; }

	.cta-banner { margin-top: 50px; }

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

	.featured-text { margin-top: 50px;  }
	.featured-text .container { text-align: left; }

	.questions { margin-top: 60px; }
	.questions .container { max-width: 100%; }
	.questions.faq .col { width: 100%; }
	.questions.faq .col + .col { margin-top: 24px; }

	.faq-categories .container { margin: 0 0 -24px 0; width: 100%; padding: 0 3%; overflow-x: auto; justify-content: flex-start; scrollbar-width: none; -ms-overflow-style: none; display: flex; white-space: nowrap; flex-wrap: nowrap; -webkit-overflow-scrolling: touch; }
	.faq-categories .container::-webkit-scrollbar { display: none; }
	.faq-categories .link-item { width: 196px; flex: 0 0 auto; margin-left: 0; }
	.faq-categories + .questions, .questions + .questions { margin-top: 50px; }

	.team-slider { margin-top: 60px; }
	.team-members .team-member { width: calc(50% - 24px); }

	.member-single { margin-top: 0; }
	.member-single .image { display: none; }
	.member-single .content { width: 100%; max-width: 100%; }
	.member-single .content h4 { margin-top: 4px; }
	.member-single .content .image { display: block; margin-top: 24px; }
	.member-single .general-content { margin-top: 24px; }

	.member-single + .cta-banner { margin-top: 50px; }

	.post-single { margin-top: 0; }
	.post-single .head { max-width: 100%; }
	.post-single .general-content { max-width: 100%; }

	.stats { margin-top: 50px; }
	.stats .text { text-align: left; }
	.stat-items .item { text-align: left; width: auto; }
	.stat-items .item:first-child { padding-left: 0; }
	.stat-items .item:last-child { padding-right: 0; }
	.stat-items .item p br { display: none; }

	.stats + .twi { margin-top: 50px; }

	.cta-banner.alt .container { height: auto; padding-top: 110px; padding-bottom: 100px;  }
	.cta-banner.alt .img-left { display: none; }
	.cta-banner.alt .img-right { display: none; }

	.gallery { margin-top: 40px; }
	.gallery a { width: calc(50% - 24px); }

	.links .items .link-item { width: calc(33.3333% - 24px); }

	.downloads { margin-top: 50px; }
	.downloads .container { max-width: 100%; }
	.downloads + .downloads { margin-top: 50px; }

	.contact-form { padding-top: 10px; }
	.contact-form .container { flex-direction: column; }
	.contact-form .contacts { width: 100%; order: 1; }
	.contact-form .form { width: 100%; order: 2; margin-top: 32px; }
}

@media (max-width: 767px)
{
	body { font-size: 16px; line-height: 24px; }

	.wrapper { padding-top: 86px; }

	.container { width: auto; margin-left: 16px; margin-right: 16px; }

	header { padding-top: 16px; padding-bottom: 12px; background: #ffffff; }
	header.tiny { padding-top: 16px; padding-bottom: 12px;  }

	footer { padding-top: 45px; margin-top: 48px; }
	footer .logo { margin-bottom: 40px; }
	footer .logo img { margin-left: auto; margin-right: auto; }
	footer .left { display: none; }
	footer .columns { padding-left: 0; }
	footer .columns .col { width: 100%; font-size: 18px; line-height: 27px; text-align: center}
	footer .columns ul li + li { margin-top: 24px; }
	footer .bg { top: 5px; left: -80px; right: auto; width: auto; max-width: none; height: 800px; opacity: 0.9; }
	footer .contacts { display: none; }
	footer .contact { display: flex; }
	footer .socials { display: flex; }
	footer .bottom { border-top: 0; padding-top: 0; margin-top: 48px; flex-direction: column; align-items: center; padding-bottom: 32px; }
	footer .bottom .copyright { margin-bottom: 12px; }

	.mobile-menu { left: 0; right: 0; top: 0; bottom: 0; z-index: -1; padding-top: 94px; width: auto; border-radius: 0; position: fixed; box-shadow: none; overflow: auto; background: #fff url('../img/bg-heart.jpg') no-repeat 42% 48% / auto 460px; }
	.mobile-menu .arrow { display: none; }
	.mobile-menu .info { display: block; }
	.mobile-menu .menu { padding-top: 48px; }
	.mobile-menu nav > ul > li + li { margin-top: 36px; }

	.opened-nav header:before { content: ""; position: fixed; top: 0; left: 0; right: 0; height: 70px; background: #fff; }
	.opened-nav header:after { content: ""; position: fixed; top: 70px; left: 0; right: 0; height: 24px; background: linear-gradient(0deg, rgba(255, 255, 255, 0), #ffffff); }

	.breadcrumbs { margin-top: -10px; }
	.breadcrumbs .container { margin-bottom: 15px; }
	.breadcrumbs .homepage { display: block; }
	.breadcrumbs .left .where { display: none; }
	.breadcrumbs .left .links { max-width: calc(100vw - 120px); padding: 10px 0 10px 24px; display: flex; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; white-space: nowrap; flex-wrap: nowrap; -webkit-overflow-scrolling: touch; }
	.breadcrumbs .left .links::-webkit-scrollbar { display: none; }

	.hero { padding-top: 5px; }
	.hero h1 { font-size: 32px; line-height: 38px; max-width: 342px; margin: 0 auto; }
	.hero p { max-width: 342px; margin-bottom: 24px; }
	.hero .image { margin-left: -14px; margin-right: -20px; }
	.hero .image:before { height: 250px; background-size: auto 250px; left: -22px; margin-top: -28px; }
	.hero .video-wrapper { border-radius: 8px; }
	.hero .video-wrapper .play .icon { width: 24px; height: 24px; margin-right: 8px; }
	.hero .video-wrapper .play span { font-size: 14px; line-height: 17px; }

	.page-header { margin-top: 26px; }
	.page-header h1 { font-size: 28px; line-height: 34px; }
	.page-header .head { margin-bottom: 20px; }
	.page-header .image { border-radius: 16px; height: 50vw; }

	.about { margin-top: 24px; }
	.about .left { margin-top: 0; }
	.about .left .intro { font-size: 24px; line-height: 36px; }
	.about .left .stat-items { display: block; margin-top: 24px; margin-bottom: 0; }
	.about .left .stat-items .item + .item { margin-left: 0; }
	.about .right { margin-top: 24px; }

	.section-title { font-size: 24px; line-height: 28px; }

	.slider-head .arrows { display: none; }
	.slider-head .section-title { width: 100%; margin-bottom: 26px; }

	.services { margin-top: 42px; }

	.cta-banner { margin-top: 48px; }
	.cta-banner .container { margin-left: 0; margin-right: 0; }
	.cta-banner:not(.alt) .container { height: auto; padding-top: 170px; padding-bottom: 135px; }
	.cta-banner .img-left { height: 140px; left: 0; bottom: -30px; }
	.cta-banner .img-right { height: 205px; right: 0; }
	.cta-banner .content h2 { font-size: 24px; line-height: 28px; margin-bottom: 20px; }
	.cta-banner .content p { font-size: 16px; line-height: 24px; max-width: 340px; }
	.cta-banner .buttons { justify-content: center; flex-direction: column; margin-top: 24px; }
	.cta-banner .buttons .btn { padding: 14px 32px; font-size: 16px; line-height: 24px; font-weight: bold; }
	.cta-banner .buttons .link { margin-left: 0; margin-top: 26px; font-size: 16px; line-height: 24px; font-weight: bold; }
	.cta-banner .buttons .link img { margin-left: 15px; }

	.questions { margin-top: 48px; }
	.questions .section-title { margin-bottom: 26px; }
	.questions .bottom { margin-top: 32px; }
	.questions .bottom .link { font-weight: bold; font-size: 16px; line-height: 24px; }
	.questions.faq .col + .col { margin-top: 8px; }

	.toggle-item .title { font-size: 14px; line-height: 21px; padding: 12px 16px; }
	.toggle-item .title svg { margin-top: 3px; }
	.toggle-item .content { padding: 4px 16px 24px 16px; font-size: 14px; line-height: 21px; }
	.toggle-item + .toggle-item { margin-top: 8px; }

	.news:has(.section-title) { margin-top: 40px; }
	.news .section-title { margin-bottom: 26px; }
	.news .items { margin-bottom: -32px; }
	.news .items .featured { height: 520px; margin-bottom: 32px; }
	.news .items .featured .image { height: 520px; }
	.news .items .featured h2 { max-width: 100%; left: 16px; right: 16px; bottom: 32px; font-size: 24px; line-height: 28px; }
	.news .item { width: 100%; margin-bottom: 32px; }
	.news .item h3 { font-size: 16px; line-height: 24px; margin-top: 14px; }
	.news .bottom { display: flex; margin-top: 32px; }

	.testimonials { margin-top: 40px; margin-bottom: -30px; }
	.testimonials .swiper-slide { width: calc(100% - 56px); box-shadow: 0 4px 34px rgba(36, 167, 222, 0.20); font-size: 14px; line-height: 21px; }
	.page-id-38 .testimonials:before { background-size: auto 630px; left: -205px; top: -230px; }

	.post-single .head { margin-bottom: 30px; }
	.post-single .head h1 { font-size: 24px; line-height: 28px; margin-top: 8px; }
	.post-single .head .intro { margin-top: 20px; }
	.post-single .featured-image { height: 45vw; border-radius: 8px; margin-bottom: 24px; }

	.general-content blockquote { background-size: 60px 40px; font-size: 24px; line-height: 28px; }
	.general-content h2 { font-size: 28px; line-height: 36px; }
	.general-content h3 { font-size: 20px; line-height: 24px; }
	.general-content img { margin-top: 32px; }
	.general-content .wp-caption { padding-bottom: 4px; }

	.gallery { margin-top: 32px; }
	.gallery a { width: 100%; height: auto; margin-bottom: 16px; display: block; }
	.gallery a .image { padding-bottom: 0; height: auto; }
	.gallery a img { object-fit: unset; width: 100%; height: auto; position: relative; }
	.gallery a:last-child { margin-bottom: 0; }

	.link-item { padding: 16px; }
	.link-item span { font-size: 16px; line-height: 22px; }
	.link-item .icon { width: 48px; height: 48px; min-width: 48px; }
	.link-item .icon img { width: 24px; height: 24px; }

	.links .items { margin-bottom: -16px; }
	.links .items .link-item { width: 100%; min-height: 0 !important; flex-direction: row; align-items: center; justify-content: flex-start; margin-bottom: 16px; }
	.links .items .link-item .icon { margin-bottom: 0; margin-right: 8px; }
	.links .items .link-item span { text-align: left; }

	.faq-categories + .questions { margin-top: 48px; }
	.questions + .questions { margin-top: 40px; }
	.faq-categories .link-item { width: 144px; min-height: 144px; }
	.faq-categories .link-item .icon { margin-bottom: 18px; }

	.downloads { margin-top: 40px; }
	.downloads + .downloads { margin-top: 36px; }
	.downloads .section-title { margin-bottom: 26px; }
	.download-item + .download-item { margin-top: 8px; }
	.download-item { font-size: 14px; line-height: 21px; padding: 12px 16px; }

	.step-item { padding: 24px 16px 30px 16px; }
	.step-item .title .nr { line-height: 24px; }
	.step-item .title h2 { font-size: 24px; line-height: 28px; margin-top: 10px; word-break: keep-all; min-height: 56px; }
	.step-item .title h2 br { display: none; }
	.step-item .image { border-radius: 8px; height: 250px; }

	.twi + .steps { margin-top: 40px; }
	.steps nav { display: none; }
	.steps .slider-head .section-title { margin-bottom: 26px; }
	.steps .swiper-slide { width: 306px; }
	.steps .swiper-slide .step-item { align-items: flex-start; }

	.contact-form .contacts .item { display: block; position: relative; padding-left: 54px; }
	.contact-form .contacts .item .icon { position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
	.contact-form .contacts .label h5 { font-size: 18px; line-height: 27px; max-width: 100%; }

	.gfield input, .gfield textarea { font-size: 16px; line-height: 24px; padding: 12px 16px; }
	.gfield textarea { height: 240px; }
	body .select2-container .select2-selection--single .select2-selection__rendered { font-size: 16px; line-height: 24px; padding: 12px 16px; }
	body .select2-results__option { padding: 9px 16px; }
	.gform_footer { display: flex; justify-content: center }

	.team-slider { margin-top: 42px; }
	.team-members .team-member { width: 100%; }
	.team-members .filters { display: flex; }

	.member-single h1 { font-size: 24px; line-height: 28px; }
	.member-single .content h4 { font-size: 16px; line-height: 24px; margin-top: 0; }
	.member-single .content .image { height: 60vw; }
	.member-single .content .image img { width: 150%; margin-left: -25%; height: auto; max-width: none; object-fit: unset; object-position: top; }

	.page-header + .twi { margin-top: 26px; }
	.featured-text + .twi { margin-top: 36px; }
	.twi + .twi { margin-top: 40px; }
	.twi .content .section-title:has(+ .image) { margin-bottom: 0; }
	.twi .content .intro { margin-bottom: 0; }

	.featured-text { margin-top: 26px; }
	.featured-text .container { font-size: 18px; line-height: 28px; }

	.stats { margin-top: 26px; }
	.stats .section-title { text-align: left; }
	.stats .text { font-size: 20px; line-height: 25px; padding-right: 10px; }
	.stat-items { display: block; padding-top: 16px; }
	.stat-items .item { padding: 0; }
	.stat-items .item + .item { margin-top: 26px; }

	.autism-slider { margin-top: 40px; }
	.autism-slider .swiper-slide { width: 306px; min-height: 364px; }
	.autism-slider .swiper-slide .front h3 { font-size: 24px; line-height: 28px; }
	.autism-slider .swiper-slide .back h3 { font-size: 24px; line-height: 28px; }
	.autism-slider .swiper-slide .flip { left: 50%; right: auto; transform: translateX(-50%); }
	.autism-slider .swiper-slide .flip span { white-space: nowrap; }
}