/*!
Theme Name: It's SNO time
Theme URI: http://underscores.me/
Author: NimbusIT - Powering your Cloud Potential
Author URI: https://nimbusit.nl/
Description: Een maatwerk WordPress-thema voor It's SNO time. Het thema beschikt over een flexibele page builder op basis van ACF, speelse componenten, een responsive ontwerp en een levendig kleurenpalet.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sno

It's SNO time is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
:root {
	--color-sno-green: #40aa48;
	--color-sno-orange: #f08724;
	--color-sno-teal: #045662;
	--color-sno-navy: #212c4f;
	--color-bg-cream: #fff5ec;
	--color-bg-blue: #ebf5fb;
	--color-bg-green: #eaf5eb;
	--color-bg-yellow-heel-licht: #fbf6d8;
	--color-bg-yellow-licht: #f6ecc2;
	--color-bg-yellow: #e8c20d;
	--color-bg-orange-heel-licht: #fdecdb;
	--color-bg-orange-licht: #fad8b9;
	--color-bg-orange: #f18828;
	--color-bg-green-heel-licht: #eef8eb;
	--color-bg-green-licht: #daf2d4;
	--color-bg-green-bold: #4dab3d;
	--color-bg-blue-heel-licht: #edf5fb;
	--color-bg-blue-licht: #dcedf7;
	--color-bg-blue-bold: #539cd5;
	--color-bg-red-heel-licht: #fdeee9;
	--color-bg-red-licht: #fad9d2;
	--color-bg-red: #ed4f38;
	--radius-sm: 0.75rem;
	--radius-md: 1.25rem;
	--radius-lg: 2rem;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: poppins, sans-serif;
}

@media (min-width: 1200px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1475px;
	}
}

header.header + .section:not(.section--hero):not(.section--register):not(.section--atmospheric-photo),
header.header + #primary > .section:not(.section--hero):not(.section--register):not(.section--atmospheric-photo),
header.header + .site-main > .section:not(.section--hero):not(.section--register):not(.section--atmospheric-photo),
header.header + .container,
header.header + #primary > .container,
header.header + .site-main > .container {
	padding-top: 11rem !important;
}

@media (max-width: 991px) {

	header.header + .section:not(.section--hero):not(.section--register):not(.section--atmospheric-photo),
	header.header + #primary > .section:not(.section--hero):not(.section--register):not(.section--atmospheric-photo),
	header.header + .site-main > .section:not(.section--hero):not(.section--register):not(.section--atmospheric-photo),
	header.header + .container,
	header.header + #primary > .container,
	header.header + .site-main > .container {
		padding-top: 8rem !important;
	}
}

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	text-transform: uppercase;
}

@keyframes smoothScroll {

	0% {
		transform: translateY(-40px);
	}

	100% {
		transform: translateY(0);
	}
}

@keyframes wiggle {

	0%,
	100% {
		transform: rotate(-2deg);
	}

	50% {
		transform: rotate(2deg);
	}
}

@keyframes float {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-8px);
	}
}

.animate-float {
	animation: float 4s ease-in-out infinite;
}

.animate-wiggle-hover:hover {
	animation: wiggle 0.5s ease-in-out infinite;
}

.animate-on-scroll {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	will-change: transform, opacity;
}

.animate-on-scroll.--visible {
	opacity: 1;
	transform: translateY(0);
}

.fade-in {
	opacity: 0;
	transition: opacity 0.8s ease;
}

.fade-in.--visible {
	opacity: 1;
}

.zoom-in {
	opacity: 0;
	transform: scale(0.95);
	transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.zoom-in.--visible {
	opacity: 1;
	transform: scale(1);
}

.animate-stagger > * {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.animate-stagger.--visible > * {
	opacity: 1;
	transform: translateY(0);
}

.animate-stagger.--visible > *:nth-child(1) {
	transition-delay: 0.1s;
}

.animate-stagger.--visible > *:nth-child(2) {
	transition-delay: 0.2s;
}

.animate-stagger.--visible > *:nth-child(3) {
	transition-delay: 0.3s;
}

.animate-stagger.--visible > *:nth-child(4) {
	transition-delay: 0.4s;
}

.animate-stagger.--visible > *:nth-child(5) {
	transition-delay: 0.5s;
}

.animate-stagger.--visible > *:nth-child(6) {
	transition-delay: 0.6s;
}

.animate-stagger.--visible > *:nth-child(7) {
	transition-delay: 0.7s;
}

.animate-stagger.--visible > *:nth-child(8) {
	transition-delay: 0.8s;
}

.animate-stagger.--visible > *:nth-child(9) {
	transition-delay: 0.9s;
}

.animate-stagger.--visible > *:nth-child(10) {
	transition-delay: 1s;
}

@keyframes fadeIn {

	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.bg--white {
	background-color: #fff !important;
}

.bg--yellow-heel-licht {
	background-color: #fbf6d8 !important;
}

.bg--yellow-light {
	background-color: #f6ecc2 !important;
}

.bg--yellow-gold {
	background-color: #e8c20d !important;
}

.bg--orange-heel-licht {
	background-color: #fdecdb !important;
}

.bg--orange-light {
	background-color: #fad8b9 !important;
}

.bg--orange {
	background-color: #f18828 !important;
}

.bg--green-heel-licht {
	background-color: #eef8eb !important;
}

.bg--green-light {
	background-color: #daf2d4 !important;
}

.bg--green {
	background-color: #4dab3d !important;
}

.bg--blue-heel-licht {
	background-color: #edf5fb !important;
}

.bg--blue-light {
	background-color: #dcedf7 !important;
}

.bg--blue-dark {
	background-color: #539cd5 !important;
}

.bg--red-heel-licht {
	background-color: #fdeee9 !important;
}

.bg--red-light {
	background-color: #fad9d2 !important;
}

.bg--red {
	background-color: #ed4f38 !important;
}

.bg--yellow {
	background-color: #fff5ec !important;
}

.bg--blue {
	background-color: #ebf5fb !important;
}

@keyframes patternFadeIn {

	from {
		opacity: 0;
	}

	to {
		opacity: 0.12;
	}
}

.bg-pattern--diagonal,
.bg-pattern--u {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.bg-pattern--diagonal::after,
.bg-pattern--u::after {
	content: "";
	position: absolute;
	inset: 0;
	background-repeat: repeat;
	background-position: center top;
	opacity: 0;
	pointer-events: none;
	z-index: 1;
	animation: patternFadeIn 1.5s ease-out forwards;
}

.bg-pattern--diagonal > .container,
.bg-pattern--diagonal > .container-fluid,
.bg-pattern--u > .container,
.bg-pattern--u > .container-fluid {
	position: relative;
	z-index: 2;
}

.bg-pattern--diagonal::after {
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNDgiIGhlaWdodD0iMzE4IiB2aWV3Qm94PSIwIDAgMjQ4IDMxOCIgYXJpYS1oaWRkZW49InRydWUiPgogIDx0aXRsZT5QYXR0ZXJuIDAxIHRyYW5zcGFyZW50IHJlcGVhdCB0aWxlPC90aXRsZT4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLnN0MCB7IGZpbGw6IG5vbmU7IH0KICAgICAgLnN0MyB7IGZpbGw6ICNjOWQ4ZGE7IH0KICAgICAgLnN0OSB7IGZpbGw6ICM5OGI3YmM7IH0KICAgICAgLnN0MTAgeyBmaWxsOiAjZTdlNmUxOyB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8Zz4KICAgICAgICA8cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iMjQ4IiBoZWlnaHQ9IjMxOCIgLz4KICAgICAgICA8cG9seWdvbiBjbGFzcz0ic3Q5IiBwb2ludHM9IjE4NiAxMjguNCAyNDggODMuMyAyNDggMTEwIDE4NiAxNTUuMSAxODYgMTI4LjQiIC8+CiAgICAgICAgPHBvbHlnb24gY2xhc3M9InN0MyIgcG9pbnRzPSIxODYgNzUuNCAyNDggMzAuMyAyNDggNTcgMTg2IDEwMi4xIDE4NiA3NS40IiAvPgogICAgICAgIDxwb2x5Z29uIGNsYXNzPSJzdDEwIiBwb2ludHM9IjE4NiAyMi40IDIxNi45IDAgMjQ4IDAgMjQ4IDQgMTg2IDQ5LjEgMTg2IDIyLjQiIC8+CiAgICAgICAgPHBvbHlnb24gY2xhc3M9InN0MyIgcG9pbnRzPSIxNTQuOCAwIDE4NiAwIDE4NiAyMi43IDE1NC44IDAiIC8+CiAgICAgICAgPHBvbHlnb24gY2xhc3M9InN0MyIgcG9pbnRzPSIwIDEzNi42IDAgMTA5LjkgNjIgMTU1IDYyIDE4MS43IDAgMTM2LjYiIC8+CiAgICAgICAgPHBvbHlnb24gY2xhc3M9InN0MTAiIHBvaW50cz0iMCA4My40IDAgNTYuOCA2MiAxMDEuOSA2MiAxMjguNSAwIDgzLjQiIC8+CiAgICAgICAgPHBvbHlnb24gY2xhc3M9InN0MyIgcG9pbnRzPSIwIDMwLjQgMCAzLjggNjIgNDguOSA2MiA3NS41IDAgMzAuNCIgLz4KICAgICAgICA8cG9seWdvbiBjbGFzcz0ic3QzIiBwb2ludHM9IjMxIDAgNjIgMCA2MiAyMi41IDMxIDAiIC8+CiAgICAgICAgPHBvbHlnb24gY2xhc3M9InN0MTAiIHBvaW50cz0iMjE2LjkgMzE4IDI0OCAyOTUuMyAyNDggMzE4IDIxNi45IDMxOCIgLz4KICAgICAgICA8cG9seWdvbiBjbGFzcz0ic3Q5IiBwb2ludHM9IjE4NiAyODcuNCAyNDggMjQyLjMgMjQ4IDI2OSAxODYgMzE0LjEgMTg2IDI4Ny40IiAvPgogICAgICAgIDxwb2x5Z29uIGNsYXNzPSJzdDMiIHBvaW50cz0iMTg2IDIzNC40IDI0OCAxODkuMyAyNDggMjE2IDE4NiAyNjEuMSAxODYgMjM0LjQiIC8+CiAgICAgICAgPHBvbHlnb24gY2xhc3M9InN0MTAiIHBvaW50cz0iMTg2IDE4MS40IDI0OCAxMzYuMyAyNDggMTYzIDE4NiAyMDguMSAxODYgMTgxLjQiIC8+CiAgICAgICAgPHBvbHlnb24gY2xhc3M9InN0OSIgcG9pbnRzPSIxMjQgMjQyLjMgNjIgMjg3LjQgNjIgMzE0LjEgMTI0IDI2OSAxMjQgMjQyLjMiIC8+CiAgICAgICAgPHBvbHlnb24gY2xhc3M9InN0MyIgcG9pbnRzPSIxNTQuOCAzMTggMTI0IDI5NS42IDEyNCAyNjguOSAxODYgMzE0IDE4NiAzMTggMTU0LjggMzE4IiAvPgogICAgICAgIDxwb2x5Z29uIGNsYXNzPSJzdDEwIiBwb2ludHM9IjEyNCAyMTUuOCAxODYgMjYwLjkgMTg2IDI4Ny41IDEyNCAyNDIuNCAxMjQgMjE1LjgiIC8+CiAgICAgICAgPHBvbHlnb24gY2xhc3M9InN0MyIgcG9pbnRzPSIxMjQgMTg5LjMgNjIgMjM0LjQgNjIgMjYxLjEgMTI0IDIxNiAxMjQgMTg5LjMiIC8+CiAgICAgICAgPHBvbHlnb24gY2xhc3M9InN0MyIgcG9pbnRzPSIxMjQgMTYyLjggMTg2IDIwNy45IDE4NiAyMzQuNSAxMjQgMTg5LjQgMTI0IDE2Mi44IiAvPgogICAgICAgIDxwb2x5Z29uIGNsYXNzPSJzdDEwIiBwb2ludHM9IjEyNCAxMzYuMyA2MiAxODEuNCA2MiAyMDguMSAxMjQgMTYzIDEyNCAxMzYuMyIgLz4KICAgICAgICA8cG9seWdvbiBjbGFzcz0ic3QzIiBwb2ludHM9IjEyNCAxMDkuOCAxODYgMTU0LjkgMTg2IDE4MS41IDEyNCAxMzYuNCAxMjQgMTA5LjgiIC8+CiAgICAgICAgPHBvbHlnb24gY2xhc3M9InN0OSIgcG9pbnRzPSIxMjQgODMuMyA2MiAxMjguNCA2MiAxNTUuMSAxMjQgMTEwIDEyNCA4My4zIiAvPgogICAgICAgIDxwb2x5Z29uIGNsYXNzPSJzdDEwIiBwb2ludHM9IjEyNCA1Ni44IDE4NiAxMDEuOSAxODYgMTI4LjUgMTI0IDgzLjQgMTI0IDU2LjgiIC8+CiAgICAgICAgPHBvbHlnb24gY2xhc3M9InN0MyIgcG9pbnRzPSIxMjQgMzAuMyA2MiA3NS40IDYyIDEwMi4xIDEyNCA1NyAxMjQgMzAuMyIgLz4KICAgICAgICA8cG9seWdvbiBjbGFzcz0ic3Q5IiBwb2ludHM9IjEyNCAzLjggMTg2IDQ4LjkgMTg2IDc1LjUgMTI0IDMwLjQgMTI0IDMuOCIgLz4KICAgICAgICA8cG9seWdvbiBjbGFzcz0ic3QxMCIgcG9pbnRzPSI2MiAyMi40IDkyLjkgMCAxMjQgMCAxMjQgNCA2MiA0OS4xIDYyIDIyLjQiIC8+CiAgICAgICAgPHBvbHlnb24gY2xhc3M9InN0MyIgcG9pbnRzPSIzMSAzMTggMCAyOTUuNCAwIDI2OC44IDYyIDMxMy45IDYyIDMxOCAzMSAzMTgiIC8+CiAgICAgICAgPHBvbHlnb24gY2xhc3M9InN0MTAiIHBvaW50cz0iMCAyNDIuNCAwIDIxNS44IDYyIDI2MC45IDYyIDI4Ny41IDAgMjQyLjQiIC8+CiAgICAgICAgPHBvbHlnb24gY2xhc3M9InN0OSIgcG9pbnRzPSIwIDE4OS40IDAgMTYyLjggNjIgMjA3LjkgNjIgMjM0LjUgMCAxODkuNCIgLz4KICAgICAgICA8cG9seWdvbiBjbGFzcz0ic3QxMCIgcG9pbnRzPSI5Mi44IDMxOCAxMjQgMjk1LjMgMTI0IDMxOCA5Mi44IDMxOCIgLz4KICAgICAgPC9nPgogICAgCjwvc3ZnPgo=");
	background-size: 40rem;
}

.bg-pattern--u::after {
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNzEiIGhlaWdodD0iNjQ0IiB2aWV3Qm94PSIwIDAgMzcxIDY0NCIgYXJpYS1oaWRkZW49InRydWUiPgogIDx0aXRsZT5QYXR0ZXJuIDAyIHRyYW5zcGFyZW50IHJlcGVhdCB0aWxlPC90aXRsZT4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLnN0MCB7IGZpbGw6IG5vbmU7IH0KICAgICAgLnN0MSB7IGZpbGw6ICNmM2VjZTQ7IH0KICAgICAgLnN0MiB7IGZpbGw6ICNjOWQ4ZGE7IH0KICAgICAgLnN0OCB7IGNsaXAtcGF0aDogdXJsKCNjbGlwcGF0aC02KTsgfQogICAgICAuc3QxMSB7IGZpbGw6ICNlN2U2ZTE7IH0KICAgICAgLnN0MTMgeyBmaWxsOiAjYTBiNWJhOyB9CiAgICA8L3N0eWxlPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwcGF0aC02Ij4KICAgICAgPHJlY3QgY2xhc3M9InN0MCIgd2lkdGg9IjM3MSIgaGVpZ2h0PSI2NDQiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnPgogICAgICAgIDxyZWN0IGNsYXNzPSJzdDAiIHdpZHRoPSIzNzEiIGhlaWdodD0iNjQ0IiAvPgogICAgICAgIDxnIGNsYXNzPSJzdDgiPgogICAgICAgICAgPHBhdGggY2xhc3M9InN0MSIgZD0iTTU1Ni41LDY4LjZWLTY4LjZjLTE3LjMsMC0zNC4xLTIuNC01MC02LjgtMTcuOS01LTM0LjctMTIuNi01MC0yMi40LTE5LjUtMTIuNS0zNi40LTI4LjUtNTAtNDcuMS0yMi4zLTMwLjYtMzUuNS02OC40LTM1LjUtMTA5LjEsMCw0MC44LTEzLjIsNzguNS0zNS41LDEwOS4yLTUuNyw3LjgtMTIsMTUuMi0xOC44LDIyLTkuNCw5LjQtMTkuOSwxNy45LTMxLjIsMjUuMS0xNS4zLDkuOC0zMi4xLDE3LjQtNTAsMjIuNC0xNS45LDQuNC0zMi43LDYuOC01MCw2LjhWNjguNmMwLDEwMi41LDgzLjEsMTg1LjUsMTg1LjUsMTg1LjVzOTcuNi0yMC44LDEzMS4yLTU0LjNjMzMuNi0zMy42LDU0LjMtNzkuOSw1NC4zLTEzMS4yIiAvPgogICAgICAgICAgPHBhdGggY2xhc3M9InN0MTMiIGQ9Ik01MDYuNSw2OC42Vi03NS40Yy0xNy45LTUtMzQuNy0xMi42LTUwLTIyLjQtMTkuNC0xMi41LTM2LjQtMjguNS01MC00Ny4xLTIyLjMtMzAuNi0zNS41LTY4LjQtMzUuNS0xMDkuMSwwLDQwLjgtMTMuMiw3OC41LTM1LjUsMTA5LjItNS43LDcuOC0xMiwxNS4yLTE4LjgsMjItOS40LDkuNC0xOS45LDE3LjktMzEuMiwyNS4xLTE1LjMsOS44LTMyLjEsMTcuNC01MCwyMi40VjY4LjZjMCw3NC43LDYwLjgsMTM1LjUsMTM1LjUsMTM1LjVzMTM1LjUtNjAuOCwxMzUuNS0xMzUuNSIgLz4KICAgICAgICAgIDxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik00NTYuNSw2OC42Vi05Ny45Yy0xOS41LTEyLjUtMzYuNC0yOC41LTUwLTQ3LjEtMjIuMy0zMC42LTM1LjUtNjguNC0zNS41LTEwOS4xLDAsNDAuOC0xMy4yLDc4LjUtMzUuNSwxMDkuMi01LjcsNy44LTEyLDE1LjItMTguOCwyMi05LjQsOS40LTE5LjksMTcuOS0zMS4yLDI1LjFWNjguNmMwLDQ3LjIsMzguNCw4NS41LDg1LjUsODUuNXM4NS41LTM4LjQsODUuNS04NS41IiAvPgogICAgICAgICAgPHBhdGggY2xhc3M9InN0MTEiIGQ9Ik00MDYuNSw2OC42di0yMTMuNmMtMjIuMy0zMC42LTM1LjUtNjguNC0zNS41LTEwOS4xLDAsNDAuOC0xMy4yLDc4LjUtMzUuNSwxMDkuMlY2OC42YzAsMTkuNiwxNS45LDM1LjUsMzUuNSwzNS41czM1LjUtMTUuOSwzNS41LTM1LjUiIC8+CiAgICAgICAgICA8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTg1LjUsNjguNlYtNjguNmMtMTcuMywwLTM0LjEtMi40LTUwLTYuOC0xNy45LTUtMzQuNy0xMi42LTUwLTIyLjQtMTkuNC0xMi41LTM2LjQtMjguNS01MC00Ny4xQzEzLjItMTc1LjYsMC0yMTMuMywwLTI1NC4xLDAtMjEzLjMtMTMuMi0xNzUuNi0zNS41LTE0NWMtNS43LDcuOC0xMiwxNS4yLTE4LjgsMjItOS40LDkuNC0xOS45LDE3LjktMzEuMiwyNS4xLTE1LjMsOS44LTMyLjEsMTcuNC01MCwyMi40LTE1LjksNC40LTMyLjcsNi44LTUwLDYuOFY2OC42Qy0xODUuNSwxNzEuMS0xMDIuNCwyNTQuMSwwLDI1NC4xczk3LjYtMjAuOCwxMzEuMi01NC4zYzMzLjYtMzMuNiw1NC4zLTc5LjksNTQuMy0xMzEuMiIgLz4KICAgICAgICAgIDxwYXRoIGNsYXNzPSJzdDEzIiBkPSJNMTM1LjUsNjguNlYtNzUuNGMtMTcuOS01LTM0LjctMTIuNi01MC0yMi40LTE5LjQtMTIuNS0zNi40LTI4LjUtNTAtNDcuMUMxMy4yLTE3NS42LDAtMjEzLjMsMC0yNTQuMSwwLTIxMy4zLTEzLjItMTc1LjYtMzUuNS0xNDVjLTUuNyw3LjgtMTIsMTUuMi0xOC44LDIyLTkuNCw5LjQtMTkuOSwxNy45LTMxLjIsMjUuMS0xNS4zLDkuOC0zMi4xLDE3LjQtNTAsMjIuNFY2OC42Qy0xMzUuNSwxNDMuMy03NC43LDIwNC4xLDAsMjA0LjFzMTM1LjUtNjAuOCwxMzUuNS0xMzUuNSIgLz4KICAgICAgICAgIDxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik04NS41LDY4LjZWLTk3LjljLTE5LjQtMTIuNS0zNi40LTI4LjUtNTAtNDcuMUMxMy4yLTE3NS42LDAtMjEzLjMsMC0yNTQuMSwwLTIxMy4zLTEzLjItMTc1LjYtMzUuNS0xNDVjLTUuNyw3LjgtMTIsMTUuMi0xOC44LDIyLTkuNCw5LjQtMTkuOSwxNy45LTMxLjIsMjUuMVY2OC42Qy04NS41LDExNS44LTQ3LjEsMTU0LjEsMCwxNTQuMXM4NS41LTM4LjQsODUuNS04NS41IiAvPgogICAgICAgICAgPHBhdGggY2xhc3M9InN0MTEiIGQ9Ik0zNS41LDY4LjZ2LTIxMy42QzEzLjItMTc1LjYsMC0yMTMuMywwLTI1NC4xLDAtMjEzLjMtMTMuMi0xNzUuNi0zNS41LTE0NVY2OC42Qy0zNS41LDg4LjItMTkuNiwxMDQuMSwwLDEwNC4xczM1LjUtMTUuOSwzNS41LTM1LjUiIC8+CiAgICAgICAgICA8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzcxLDM5MC42di0xMzcuMmMtMTcuMywwLTM0LjEtMi40LTUwLTYuOC0xNy45LTUtMzQuNy0xMi42LTUwLTIyLjQtMTkuNC0xMi41LTM2LjQtMjguNS01MC00Ny4xLTIyLjMtMzAuNi0zNS41LTY4LjQtMzUuNS0xMDkuMSwwLDQwLjgtMTMuMiw3OC41LTM1LjUsMTA5LjItNS43LDcuOC0xMiwxNS4yLTE4LjgsMjItOS40LDkuNC0xOS45LDE3LjktMzEuMiwyNS4xLTE1LjMsOS44LTMyLjEsMTcuNC01MCwyMi40QzM0LjEsMjUxLDE3LjMsMjUzLjQsMCwyNTMuNHYxMzcuMkMwLDQ5My4xLDgzLjEsNTc2LjEsMTg1LjUsNTc2LjFzOTcuNi0yMC44LDEzMS4yLTU0LjNjMzMuNi0zMy42LDU0LjMtNzkuOSw1NC4zLTEzMS4yIiAvPgogICAgICAgICAgPHBhdGggY2xhc3M9InN0MTMiIGQ9Ik0zMjEsMzkwLjZ2LTE0NC4xYy0xNy45LTUtMzQuNy0xMi42LTUwLTIyLjQtMTkuNC0xMi41LTM2LjQtMjguNS01MC00Ny4xLTIyLjMtMzAuNi0zNS41LTY4LjQtMzUuNS0xMDkuMSwwLDQwLjgtMTMuMiw3OC41LTM1LjUsMTA5LjItNS43LDcuOC0xMiwxNS4yLTE4LjgsMjItOS40LDkuNC0xOS45LDE3LjktMzEuMiwyNS4xLTE1LjMsOS44LTMyLjEsMTcuNC01MCwyMi40djE0NC4xYzAsNzQuNyw2MC44LDEzNS41LDEzNS41LDEzNS41czEzNS41LTYwLjgsMTM1LjUtMTM1LjUiIC8+CiAgICAgICAgICA8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMjcxLDM5MC42di0xNjYuNWMtMTkuNC0xMi41LTM2LjQtMjguNS01MC00Ny4xLTIyLjMtMzAuNi0zNS41LTY4LjQtMzUuNS0xMDkuMSwwLDQwLjgtMTMuMiw3OC41LTM1LjUsMTA5LjItNS43LDcuOC0xMiwxNS4yLTE4LjgsMjItOS40LDkuNC0xOS45LDE3LjktMzEuMiwyNS4xdjE2Ni41YzAsNDcuMSwzOC40LDg1LjUsODUuNSw4NS41czg1LjUtMzguNCw4NS41LTg1LjUiIC8+CiAgICAgICAgICA8cGF0aCBjbGFzcz0ic3QxMSIgZD0iTTIyMSwzOTAuNnYtMjEzLjZjLTIyLjMtMzAuNi0zNS41LTY4LjQtMzUuNS0xMDkuMSwwLDQwLjgtMTMuMiw3OC41LTM1LjUsMTA5LjJ2MjEzLjZjMCwxOS42LDE1LjksMzUuNSwzNS41LDM1LjVzMzUuNS0xNS45LDM1LjUtMzUuNSIgLz4KICAgICAgICAgIDxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik01NTYuNSw3MTIuNnYtMTM3LjJjLTE3LjMsMC0zNC4xLTIuNC01MC02LjgtMTcuOS01LTM0LjctMTIuNi01MC0yMi40LTE5LjUtMTIuNS0zNi40LTI4LjUtNTAtNDcuMS0yMi4zLTMwLjYtMzUuNS02OC40LTM1LjUtMTA5LjEsMCw0MC44LTEzLjIsNzguNS0zNS41LDEwOS4yLTUuNyw3LjgtMTIsMTUuMi0xOC44LDIycy0xOS45LDE3LjktMzEuMiwyNS4xYy0xNS4zLDkuOC0zMi4xLDE3LjQtNTAsMjIuNC0xNS45LDQuNS0zMi43LDYuOC01MCw2Ljh2MTM3LjJjMCwxMDIuNSw4My4xLDE4NS41LDE4NS41LDE4NS41czk3LjYtMjAuOCwxMzEuMi01NC4zYzMzLjYtMzMuNiw1NC4zLTgwLDU0LjMtMTMxLjIiIC8+CiAgICAgICAgICA8cGF0aCBjbGFzcz0ic3QxMyIgZD0iTTUwNi41LDcxMi42di0xNDQuMWMtMTcuOS01LTM0LjctMTIuNi01MC0yMi40LTE5LjQtMTIuNS0zNi40LTI4LjUtNTAtNDcuMS0yMi4zLTMwLjYtMzUuNS02OC40LTM1LjUtMTA5LjEsMCw0MC44LTEzLjIsNzguNS0zNS41LDEwOS4yLTUuNyw3LjgtMTIsMTUuMi0xOC44LDIyLTkuNCw5LjQtMTkuOSwxNy45LTMxLjIsMjUuMS0xNS4zLDkuOC0zMi4xLDE3LjQtNTAsMjIuNHYxNDQuMWMwLDc0LjcsNjAuOCwxMzUuNSwxMzUuNSwxMzUuNXMxMzUuNS02MC44LDEzNS41LTEzNS41IiAvPgogICAgICAgICAgPHBhdGggY2xhc3M9InN0MiIgZD0iTTQ1Ni41LDcxMi42di0xNjYuNWMtMTkuNS0xMi41LTM2LjQtMjguNS01MC00Ny4xLTIyLjMtMzAuNi0zNS41LTY4LjQtMzUuNS0xMDkuMSwwLDQwLjgtMTMuMiw3OC41LTM1LjUsMTA5LjItNS43LDcuOC0xMiwxNS4yLTE4LjgsMjItOS40LDkuNC0xOS45LDE3LjktMzEuMiwyNS4xdjE2Ni41YzAsNDcuMiwzOC40LDg1LjUsODUuNSw4NS41czg1LjUtMzguNCw4NS41LTg1LjUiIC8+CiAgICAgICAgICA8cGF0aCBjbGFzcz0ic3QxMSIgZD0iTTQwNi41LDcxMi42di0yMTMuNmMtMjIuMy0zMC42LTM1LjUtNjguNC0zNS41LTEwOS4xLDAsNDAuOC0xMy4yLDc4LjUtMzUuNSwxMDkuMnYyMTMuNmMwLDE5LjYsMTUuOSwzNS41LDM1LjUsMzUuNXMzNS41LTE1LjksMzUuNS0zNS41IiAvPgogICAgICAgICAgPHBhdGggY2xhc3M9InN0MSIgZD0iTTE4NS41LDcxMi42di0xMzcuMmMtMTcuMywwLTM0LjEtMi40LTUwLTYuOC0xNy45LTUtMzQuNy0xMi42LTUwLTIyLjQtMTkuNC0xMi41LTM2LjQtMjguNS01MC00Ny4xQzEzLjIsNDY4LjQsMCw0MzAuNywwLDM4OS45YzAsNDAuOC0xMy4yLDc4LjUtMzUuNSwxMDkuMi01LjcsNy44LTEyLDE1LjItMTguOCwyMi05LjQsOS40LTE5LjksMTcuOS0zMS4yLDI1LjEtMTUuMyw5LjgtMzIuMSwxNy40LTUwLDIyLjQtMTUuOSw0LjUtMzIuNyw2LjgtNTAsNi44djEzNy4yYzAsMTAyLjUsODMuMSwxODUuNSwxODUuNSwxODUuNXM5Ny42LTIwLjgsMTMxLjItNTQuM2MzMy42LTMzLjYsNTQuMy04MCw1NC4zLTEzMS4yIiAvPgogICAgICAgICAgPHBhdGggY2xhc3M9InN0MTMiIGQ9Ik0xMzUuNSw3MTIuNnYtMTQ0LjFjLTE3LjktNS0zNC43LTEyLjYtNTAtMjIuNC0xOS40LTEyLjUtMzYuNC0yOC41LTUwLTQ3LjFDMTMuMiw0NjguNCwwLDQzMC43LDAsMzg5LjljMCw0MC44LTEzLjIsNzguNS0zNS41LDEwOS4yLTUuNyw3LjgtMTIsMTUuMi0xOC44LDIyLTkuNCw5LjQtMTkuOSwxNy45LTMxLjIsMjUuMS0xNS4zLDkuOC0zMi4xLDE3LjQtNTAsMjIuNHYxNDQuMWMwLDc0LjcsNjAuOCwxMzUuNSwxMzUuNSwxMzUuNXMxMzUuNS02MC44LDEzNS41LTEzNS41IiAvPgogICAgICAgICAgPHBhdGggY2xhc3M9InN0MiIgZD0iTTg1LjUsNzEyLjZ2LTE2Ni41Yy0xOS40LTEyLjUtMzYuNC0yOC41LTUwLTQ3LjFDMTMuMiw0NjguNCwwLDQzMC43LDAsMzg5LjljMCw0MC44LTEzLjIsNzguNS0zNS41LDEwOS4yLTUuNyw3LjgtMTIsMTUuMi0xOC44LDIyLTkuNCw5LjQtMTkuOSwxNy45LTMxLjIsMjUuMXYxNjYuNWMwLDQ3LjIsMzguNCw4NS41LDg1LjUsODUuNXM4NS41LTM4LjQsODUuNS04NS41IiAvPgogICAgICAgICAgPHBhdGggY2xhc3M9InN0MTEiIGQ9Ik0zNS41LDcxMi42di0yMTMuNkMxMy4yLDQ2OC40LDAsNDMwLjcsMCwzODkuOWMwLDQwLjgtMTMuMiw3OC41LTM1LjUsMTA5LjJ2MjEzLjZjMCwxOS42LDE1LjksMzUuNSwzNS41LDM1LjVzMzUuNS0xNS45LDM1LjUtMzUuNSIgLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIAo8L3N2Zz4K");
	background-size: 15rem;
	transform: scaleY(-1);
}

.sno-padding-top-1 {
	padding-top: 1rem !important;
}

.sno-padding-top-2 {
	padding-top: 2rem !important;
}

.sno-padding-top-3 {
	padding-top: 3rem !important;
}

.sno-padding-top-4 {
	padding-top: 4rem !important;
}

.sno-padding-top-5 {
	padding-top: 5rem !important;
}

.sno-padding-bottom-1 {
	padding-bottom: 1rem !important;
}

.sno-padding-bottom-2 {
	padding-bottom: 2rem !important;
}

.sno-padding-bottom-3 {
	padding-bottom: 3rem !important;
}

.sno-padding-bottom-4 {
	padding-bottom: 4rem !important;
}

.sno-padding-bottom-5 {
	padding-bottom: 5rem !important;
}

.btn {
	padding: 12px 38px !important;
	border-width: 2px !important;
	max-width: fit-content;
	border-radius: 30px;
	font-size: 1rem;
	font-family: poppins, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
}

.btn:hover {
	background-color: #eee;
	color: #333;
	transform: translateY(-2px);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12);
}

.btn:active {
	transform: translateY(1px);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.btn--primary {
	background-color: #40aa48;
	border-color: #40aa48 !important;
	color: #fff !important;
}

.btn--primary:hover {
	background-color: rgb(57.0256410256, 151.4743589744, 64.1538461538) !important;
	border-color: rgb(57.0256410256, 151.4743589744, 64.1538461538) !important;
	color: #fff !important;
}

.btn--secondary {
	background-color: #045662;
	border-color: #045662 !important;
	color: #fff !important;
}

.btn--secondary:hover {
	background-color: rgb(5, 107.5, 122.5);
	border-color: rgb(5, 107.5, 122.5) !important;
	color: #fff !important;
}

.btn--tertiary {
	background-color: #fff;
	color: #40aa48;
	border-color: #fff !important;
}

.btn--tertiary:hover {
	background-color: #fff5ec;
	color: rgb(57.0256410256, 151.4743589744, 64.1538461538);
	border-color: #fff5ec !important;
}

.btn--icon {
	display: flex;
	gap: 8px;
	padding-right: 28px !important;
}

.btn--icon svg {
	transition: transform 0.2s ease;
}

.btn--icon:hover svg {
	transform: translateX(4px);
}

.btn-outline-primary {
	background-color: transparent !important;
	border-color: #42ab48 !important;
	color: #333 !important;
}

.btn-outline-primary.active {
	background-color: #42ab48 !important;
	color: #fff !important;
}

.btn-outline-primary:focus {
	box-shadow: 0 0 0 0.2rem rgba(4, 86, 98, 0.2) !important;
}

.btn.focus,
.btn:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(4, 86, 98, 0.2) !important;
}

@media (max-width: calc(992px - 0.02px)) {

	.btn {
		padding: 10px 32px !important;
	}
}

.link {
	color: #42ab48;
	display: flex;
	gap: 4px;
}

.link:hover {
	color: #42ab48;
	text-decoration: underline;
}

.background-dark {
	background: #065861;
}

.background-dark-half {
	background: linear-gradient(to bottom, #f7f8fb 50%, #065861 50%);
}

.background-gray {
	background: #f7f8fb;
}

.header {
	background-color: transparent;
	border-bottom: none;
	position: fixed;
	top: 20px;
	left: 0;
	width: 100%;
	z-index: 1000;
	box-shadow: none;
	transition: transform 0.3s ease;
}

.header.animate-on-scroll {
	opacity: 0;
	transform: translateY(-30px);
	transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	will-change: transform, opacity;
}

.header.animate-on-scroll.--visible {
	opacity: 1;
	transform: translateY(0);
}

.header .navbar {
	justify-content: space-between;
	align-items: center;
	padding: 0;
	background: transparent;
}

.header .navbar .logo {
	padding: 12px 12px;
	background-color: #fff;
	border-radius: 3rem;
	box-shadow: 0 8px 30px rgba(33, 44, 79, 0.08);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.header .navbar .logo img {
	height: 72px;
	width: auto;
	display: block;
}

.header .navbar .logo:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 35px rgba(33, 44, 79, 0.12);
}

.header .navbar .logo:active {
	transform: translateY(0);
}

.header__nav-pill {
	background-color: #fff;
	border-radius: 100px;
	padding: 12px 18px 12px 28px;
	box-shadow: 0 8px 30px rgba(33, 44, 79, 0.08);
	display: flex;
	align-items: center;
	gap: 2.5rem;
	position: relative;
	transition: box-shadow 0.3s ease;
}

.header__nav-pill:hover {
	box-shadow: 0 12px 35px rgba(33, 44, 79, 0.12);
}

.header__nav-pill:not(:has(#menu-cta-menu)),
.header__nav-pill:not(:has(.btn)) {
	padding: 12px 28px 12px 28px;
}

.header__nav-pill #menu-cta-menu {
	margin: 0;
}

.header__nav-pill #menu-cta-menu .nav-item .btn {
	background-color: #40aa48 !important;
	color: #fff !important;
	border: none !important;
	box-shadow: none !important;
	border-radius: 100px !important;
	padding: 8px 24px !important;
	font-weight: 700 !important;
	font-family: poppins, sans-serif !important;
	font-size: 0.95rem !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.25s ease, color 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease !important;
	transform: none !important;
	height: 40px !important;
	line-height: 1 !important;
}

.header__nav-pill #menu-cta-menu .nav-item .btn:hover {
	background-color: rgb(55.6307692308, 147.7692307692, 62.5846153846) !important;
	color: #fff !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 10px rgba(33, 44, 79, 0.15) !important;
}

.header__nav-pill #menu-cta-menu .nav-item .btn:active {
	transform: translateY(1px) !important;
}

.header__menu-icon {
	cursor: pointer;
	color: #212c4f;
	padding: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: color 0.2s ease, transform 0.2s ease;
}

.header__menu-icon:hover {
	color: #50b448;
	transform: scale(1.05);
}

@media (max-width: calc(992px - 0.02px)) {

	.header {
		top: 12px;
	}

	.header .navbar {
		padding: 0 10px;
		gap: 1rem;
	}

	.header .navbar .logo {
		padding: 8px;
	}

	.header .navbar .logo img {
		height: 52px;
	}

	.header__nav-pill {
		padding: 6px 12px 6px 12px;
		gap: 0.75rem;
		border-radius: 100px;
		position: static;
	}

	.header__nav-pill:not(:has(#menu-cta-menu)),
	.header__nav-pill:not(:has(.btn)) {
		padding: 8px !important;
		width: 44px !important;
		height: 44px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	.header__menu {
		position: absolute;
		top: 100%;
		left: 10px;
		right: 10px;
		margin-top: 20px;
		background-color: #fff;
		border: 2px solid #eaeaea;
		width: auto !important;
		z-index: 1000;
		padding: 1.25rem;
		border-radius: 20px;
		box-shadow: 0 8px 30px rgba(33, 44, 79, 0.12);
		display: flex !important;
		flex-direction: column;
		opacity: 0;
		transform: translateY(-10px) scale(0.95);
		pointer-events: none;
		transition: opacity 0.25s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
	}

	.header__menu--open {
		opacity: 1;
		transform: translateY(0) scale(1);
		pointer-events: auto;
	}

	.header__menu ul {
		width: 100%;
		gap: 12px;
		display: flex;
		flex-direction: column;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.header__menu ul > li {
		width: 100%;
	}

	.header__menu ul > li > a {
		background-color: #f7f8fb;
		border-radius: 12px;
		display: flex !important;
		justify-content: space-between;
		align-items: center;
		padding: 0.85rem 1.25rem !important;
		color: #212c4f;
		font-weight: 600;
		text-decoration: none;
		transition: background-color 0.2s, color 0.2s;
	}

	.header__menu ul > li > a:hover {
		background-color: #eaf5eb;
		color: #50b448;
	}

	.header__menu ul .nav-item.dropdown > a {
		border-radius: 12px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0.5rem 1rem;
	}

	.header__menu ul .nav-item.dropdown > a::after {
		content: "";
		display: inline-block;
		width: 6px;
		height: 6px;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		transform: rotate(45deg);
		margin-right: 4px;
		transition: transform 0.2s ease;
	}

	.header__menu ul .nav-item.dropdown.expanded > a {
		border-radius: 12px 12px 0 0;
		background-color: #eaf5eb;
		color: #50b448;
	}

	.header__menu ul .nav-item.dropdown.expanded > a::after {
		transform: rotate(-135deg) translateY(-2px);
	}

	.header__menu ul .nav-item.dropdown.expanded .dropdown-menu {
		max-height: 500px;
		padding: 10px 12px !important;
		border: none !important;
		opacity: 1;
		visibility: visible;
	}

	.header__menu ul .dropdown-menu {
		position: static !important;
		width: 100% !important;
		display: flex !important;
		flex-direction: column;
		border-radius: 0 0 12px 12px !important;
		border: none !important;
		box-shadow: none !important;
		gap: 8px !important;
		padding: 0 12px !important;
		margin: 0 !important;
		max-height: 0;
		overflow: hidden;
		opacity: 0;
		visibility: hidden;
		transition: max-height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), padding 0.3s ease, opacity 0.2s ease;
	}

	.header__menu ul .dropdown-menu a {
		background-color: transparent;
		border-radius: 8px;
		padding: 0.65rem 1.25rem;
		color: #212c4f;
		text-decoration: none;
		display: block;
		text-align: left !important;
	}

	.header__menu ul .dropdown-menu a:hover {
		background-color: #f7f8fb;
		color: #50b448;
	}
}

@media (max-width: 480px) {

	.header #menu-cta-menu .nav-item .btn {
		padding: 8px 16px !important;
		font-size: 0.85rem !important;
	}
}

.hero {
	position: relative;
	padding: 11rem 0 8rem;
	background-color: #50b448;
	background-size: 200px 200px;
	color: #fff;
	overflow: hidden;
}

.hero .container {
	position: relative;
	z-index: 2;
}

.hero__content {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
}

.hero__content .hero-description {
	color: #212c4f;
	font-family: Caveat, cursive;
	font-size: clamp(1.8rem, 3.5vw, 2.5rem);
	line-height: 1.1;
	font-weight: 700;
	margin-bottom: 0.8rem;
	text-shadow: none;
}

.hero__content .hero-heading {
	font-family: poppins, sans-serif;
	font-size: clamp(3rem, 6.5vw, 5.2rem);
	font-weight: 700;
	color: #fff;
	line-height: 0.95;
	margin-bottom: 2rem;
	text-transform: uppercase;
	text-shadow: none;
}

.hero__content .hero-copy {
	color: rgba(255, 255, 255, 0.95);
	font-size: 1.15rem;
	margin-bottom: 2.5rem;
	font-weight: 500;
}

.hero__content .btn {
	background-color: #fff !important;
	color: #212c4f !important;
	border-color: #fff !important;
	font-family: poppins, sans-serif !important;
	text-transform: uppercase !important;
	font-weight: 700 !important;
	font-size: 1.05rem !important;
	padding: 14px 44px !important;
	border-radius: 100px !important;
	box-shadow: 0 8px 25px rgba(33, 44, 79, 0.12) !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: auto !important;
	line-height: 1 !important;
	transform: none !important;
}

.hero__content .btn svg {
	display: none !important;
}

.hero__content .btn:hover {
	background-color: #fff5ec !important;
	color: #50b448 !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 12px 30px rgba(33, 44, 79, 0.2) !important;
}

.hero__content .btn:active {
	transform: translateY(0) !important;
}

.hero__img-box {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.hero__img-box img {
	max-width: 500px;
	width: 100%;
	z-index: 1;
}

.hero__img-box .hero-description {
	font-size: 1rem;
}

.hero__img-box .hero-description.default {
	width: 400px;
}

@media (min-width: 1200px) {

	.hero__img-box .hero-description.default {
		width: 500px;
	}
}

.hero__wave-container {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80px;
	z-index: 5;
	overflow: hidden;
	line-height: 0;
}

.hero__wave {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: calc(992px - 0.02px)) {

	.hero {
		padding: 8rem 0 6rem;
	}

	.hero .hero-heading {
		line-height: 0.95;
		margin-bottom: 1.5rem;
	}

	.hero .hero-description {
		margin-bottom: 0.6rem;
	}

	.hero .btn {
		padding: 12px 36px !important;
		font-size: 0.95rem !important;
	}

	.hero__wave-container {
		height: 40px;
	}
}

.usps {
	background-color: #d9ebf7;
	padding: 2.2rem 0;
}

.usps__boxes {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 2rem;
	border: none;
	padding: 0;
}

.usps__boxes .box {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	flex: 1;
}

.usps__boxes .box img {
	display: none !important;
}

.usps__boxes .box .text {
	text-align: center;
}

.usps__boxes .box .text h3 {
	font-family: poppins, sans-serif;
	font-size: 1.25rem;
	font-weight: 800;
	color: #212c4f;
	text-transform: uppercase;
	margin-bottom: 0.3rem;
	letter-spacing: 0.5px;
}

.usps__boxes .box .text p {
	font-family: poppins, sans-serif;
	font-size: 1.05rem;
	color: #4f547b;
	font-weight: 500;
	margin-bottom: 0;
}

@media (max-width: calc(1200px - 0.02px)) {

	.usps__boxes {
		gap: 1.5rem;
	}
}

@media (max-width: calc(992px - 0.02px)) {

	.usps {
		padding: 2.5rem 0;
	}

	.usps__boxes {
		flex-direction: column;
		gap: 2rem;
	}

	.usps__boxes .box {
		width: 100%;
		align-items: center;
	}
}

.section {
	padding: 5rem 0;
}

.section--curve {
	padding-top: 0;
}

.section--curve::before {
	display: block;
	content: "";
	width: 100%;
	height: 6rem;
	background-color: #fff;
	margin-bottom: 5rem;
}

@media (max-width: calc(992px - 0.02px)) {

	.section--curve::before {
		height: 4rem;
		margin-bottom: 3rem;
		border-bottom-left-radius: 50% 2rem;
		border-bottom-right-radius: 50% 2rem;
	}
}

.section--content-action h3 {
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 30px;
	color: #065861;
}

.section--content-action .boxes {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.section--content-action .boxes .box {
	background: transparent;
	border: 2px solid #065861;
	padding: 47px 51px;
	border-radius: 30px;
	color: #333;
	text-decoration: none;
	transition: box-shadow 0.2s ease;
}

.section--content-action .boxes .box h4 {
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 0.2rem;
	color: #065861;
}

.section--content-action .boxes .box p {
	margin-bottom: 0;
}

.section--content-action .boxes .box:first-child {
	background: linear-gradient(45deg, #045662, #42ab48);
}

.section--content-action .boxes .box:first-child h4,
.section--content-action .boxes .box:first-child p {
	color: #fff;
}

.section--content-action .boxes .box:hover {
	box-shadow: 0 4px 14px rgba(4, 86, 98, 0.2);
}

@media (max-width: calc(992px - 0.02px)) {

	.section--content-action .boxes {
		flex-direction: row;
		gap: 1rem;
		margin-top: 1rem;
	}
}

@media (max-width: calc(768px - 0.02px)) {

	.section--content-action .boxes {
		flex-direction: column;
	}
}

.section--content-background .box {
	background-color: #045662;
	padding: 113px 0;
	border-radius: 30px;
	color: #fff;
}

.section--content-background .box h3 {
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 30px;
	color: #d1ffd3;
}

.section--content-background .box a {
	color: #d1ffd3;
	text-decoration: underline;
}

.section--content-background .box a:hover {
	text-decoration: none;
}

.section--content-background .box p {
	color: #fff;
}

.section--feature {
	background-color: #f7f8fb;
	padding-bottom: 0;
}

.section--feature .content h3 {
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 1rem;
	color: #065861;
}

.section--feature .card {
	border: 2px solid #9dabdf;
	border-radius: 20px;
	overflow: hidden;
	text-decoration: none;
	color: #2f2e39;
	transition: box-shadow 0.2s ease;
}

.section--feature .card__image {
	height: 140px;
	background: #fbfbfb;
	border-bottom-left-radius: 50% 1.5rem;
	border-bottom-right-radius: 50% 3rem;
	overflow: hidden;
	background-size: cover;
}

.section--feature .card__content {
	padding: 1.5rem 2rem 2rem;
}

.section--feature .card__content h4,
.section--feature .card__content .link {
	color: #065861;
	display: flex;
	gap: 4px;
}

.section--feature .card__content p {
	font-size: 0.9rem;
}

.section--feature .card:hover {
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}

.section--feature .content-after {
	color: #fff;
}

.section--feature .content-after h2 {
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 1rem;
	color: #d1ffd3;
}

.section--feature .swiper-button-prev,
.section--feature .swiper-button-next {
	top: calc(50% - 32px);
	margin-top: 0;
	background-color: #d1ffd3;
	width: 64px;
	height: 64px;
	color: #2f2e39;
	border-radius: 32px;
	transition: box-shadow 0.2s ease;
}

.section--feature .swiper-button-prev svg,
.section--feature .swiper-button-next svg {
	height: 27px;
}

.section--feature .swiper-button-prev:hover,
.section--feature .swiper-button-next:hover {
	box-shadow: 0 4px 14px rgba(4, 86, 98, 0.2);
}

.section--feature .swiper-button-prev::after,
.section--feature .swiper-button-next::after {
	display: none;
}

.section--feature .swiper-button-prev {
	left: 2rem;
}

.section--feature .swiper-button-next {
	right: 2rem;
}

@media (max-width: calc(992px - 0.02px)) {

	.section--feature .swiper-button-prev,
	.section--feature .swiper-button-next {
		width: 52px;
		height: 52px;
		top: calc(50% - 26px);
	}

	.section--feature .swiper-button-prev {
		left: 0.5rem;
	}

	.section--feature .swiper-button-next {
		right: 0.5rem;
	}
}

.section--text-image-plain img {
	max-width: 400px;
	border-radius: 30px;
}

.section--text-image-plain h3 {
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 1rem;
	color: #065861;
}

.section--text-image-background .background {
	background-color: #f7f8fb;
	border-radius: 30px;
	overflow: hidden;
}

.section--text-image-background .content {
	padding: 113px 90px;
}

.section--text-image-background .content .text {
	font-weight: 700;
	color: #42ab48;
}

.section--text-image-background .content h3 {
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 1rem;
	color: #065861;
}

.section--text-image-background .background-image {
	background-size: cover;
}

@media (max-width: calc(768px - 0.02px)) {

	.section--text-image-background .content {
		padding: 3rem;
	}

	.section--text-image-background .background-image {
		height: 200px;
	}
}

.section--team {
	background-color: #f7f8fb;
}

.section--team .content h2 {
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 1rem;
	color: #065861;
}

.section--team .colleagues__filter {
	display: flex;
	justify-content: center;
	gap: 8px;
}

.section--team .colleagues__grid .card {
	border: 2px solid #9dabdf;
	border-radius: 20px;
	overflow: hidden;
	text-decoration: none;
	color: #2f2e39;
	transition: box-shadow 0.2s ease;
}

.section--team .colleagues__grid .card__image {
	display: flex;
	justify-content: center;
	height: 260px;
	background: #fbfbfb;
	overflow: hidden;
	background-size: cover;
}

.section--team .colleagues__grid .card__content {
	padding: 1.5rem 2rem 2rem;
}

.section--team .colleagues__grid .card__content h5 {
	color: #065861;
	margin-bottom: 0.2rem;
}

.section--team .colleagues__grid .card__content .function {
	font-size: 0.9rem;
}

.section--team .colleagues__grid .card__content .contact {
	font-size: 0.9rem;
	margin-top: 0.5rem;
}

.section--team .colleagues__grid .card__content .contact ul {
	list-style: none;
	padding: unset;
	margin: unset;
}

.section--team .colleagues__grid .card__content .contact ul a {
	color: #03353e;
}

.section--team .colleagues__grid .card__content p {
	font-size: 0.9rem;
}

@media (max-width: calc(992px - 0.02px)) {

	.section--team .colleagues__filter {
		flex-wrap: wrap;
	}

	.section--team .colleagues__grid .card__image {
		height: 220px;
	}
}

.section--register {
	padding-top: 0;
	background-color: #f7f8fb;
}

.section--register .registrer__hero {
	position: relative;
	padding-top: 10rem;
	padding-bottom: 16rem;
	background: #50b448;
	overflow: hidden;
}

.section--register .registrer__hero .container {
	position: relative;
	z-index: 1;
}

.section--register .registrer__hero .hero-description {
	color: #d1ffd3;
	font-size: 1.2rem;
	margin-bottom: 8px;
}

.section--register .registrer__hero .hero-description span {
	text-decoration: underline;
}

.section--register .registrer__hero .hero-heading {
	color: #fff;
	font-size: 3rem;
	font-weight: 700;
	margin-bottom: 38px;
}

.section--register .registrer__hero img {
	position: absolute;
	bottom: 0;
	right: 2.5%;
	max-height: 85%;
	height: auto;
	object-fit: contain;
	overflow: hidden;
	z-index: 1;
}

.section--register .registrer__template {
	transform: translateY(-16rem);
}

.section--register .registrer__template .content {
	background: #fff;
	border-radius: 20px;
	padding: 3.5rem 3rem;
}

.section--register .registrer__template .content__title {
	color: #065861;
	font-size: 1.5rem;
}

.section--register .registrer__template .content p {
	font-size: 0.9rem;
	color: #03353e;
}

.section--register .registrer__template .content__form {
	display: block;
	border-top: 1px solid #eee;
	margin-top: 2rem;
	padding-top: 1.5rem;
}

.section--register .registrer__template .sidebar {
	padding-left: 2rem;
	transform: translateY(8rem);
}

.section--register .registrer__template .sidebar__inner {
	display: flex;
	flex-direction: column;
	text-align: center;
}

.section--register .registrer__template .sidebar__inner .image {
	width: 100%;
	height: 300px;
	background: #fbfbfb;
	border-radius: 30px;
	margin-bottom: 2rem;
	overflow: hidden;
	box-shadow: 0 4px 14px rgba(4, 86, 98, 0.2);
	background-size: cover;
}

.section--register .registrer__template .sidebar__inner .name {
	font-size: 1.2rem;
}

.section--register .registrer__template .sidebar__inner .function {
	font-size: 1rem;
}

.section--register .registrer__template .sidebar__inner .contact {
	font-size: 0.9rem;
	margin-top: 0.5rem;
}

.section--register .registrer__template .sidebar__inner .contact ul {
	list-style: none;
	padding: unset;
	margin: unset;
}

.section--register .registrer__template .sidebar__inner .contact ul a {
	color: #03353e;
}

@media (max-width: calc(992px - 0.02px)) {

	.section--register .registrer__hero {
		padding-top: 4rem;
	}

	.section--register .registrer__hero .hero-description {
		font-size: 1rem;
	}

	.section--register .registrer__hero .hero-heading {
		font-size: 2.2rem;
		margin-bottom: 1.5rem;
	}

	.section--register .registrer__template .content {
		padding: 2.5rem 2rem;
	}
}

.gform-theme--foundation .gform_footer,
.gform-theme--foundation .gform_page_footer {
	justify-content: space-between;
	align-content: flex-end;
	padding-top: 2rem;
}

.gform-theme--foundation .gform_footer .button,
.gform-theme--foundation .gform_page_footer .button {
	padding: 12px 38px !important;
	border-width: 2px !important;
	max-width: fit-content;
	border-radius: 25px !important;
	font-size: 1rem;
}

.gform-theme--foundation .gform_footer .button.focus,
.gform-theme--foundation .gform_footer .button:focus,
.gform-theme--foundation .gform_page_footer .button.focus,
.gform-theme--foundation .gform_page_footer .button:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(4, 86, 98, 0.2) !important;
}

footer.footer {
	background-color: #fff;
	color: #4f547b;
	padding: 4rem 0;
}

footer.footer .content {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2rem;
}

footer.footer .partner-logos {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.5rem;
	width: 100%;
}

footer.footer .partner-logos__row {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 2rem;
}

footer.footer .partner-logos__row--second {
	gap: 3rem;
}

footer.footer .partner-logos__item img {
	width: 130px;
	height: auto;
}

@media (max-width: calc(992px - 0.02px)) {

	footer.footer .content {
		gap: 1.5rem;
	}

	footer.footer .partner-logos__row {
		gap: 1.5rem;
	}

	footer.footer .partner-logos__row--second {
		gap: 1.5rem;
	}

	footer.footer .partner-logos__item img {
		width: 100px;
	}
}

.gform_wrapper {
	--gf-color-primary: #42ab48 !important;
	--gf-color-primary-darker: #045662 !important;
}

.navbar-nav {
	display: flex;
	gap: 32px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	font-family: poppins, sans-serif;
	align-items: center;
}

.navbar-nav .nav-item {
	position: relative;
}

.navbar-nav .nav-item .nav-link {
	display: block;
	padding: 0.5rem 0;
	text-decoration: none;
	color: #212c4f;
	font-weight: 700;
	font-size: 0.95rem;
	transition: color 0.25s ease;
}

.navbar-nav .nav-item .nav-link:hover {
	color: #50b448;
	text-decoration: none;
}

.navbar-nav .nav-item.current-menu-item > .nav-link,
.navbar-nav .nav-item.current_page_item > .nav-link,
.navbar-nav .nav-item.active > .nav-link {
	color: #50b448;
}

.navbar-nav .nav-item .dropdown-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 240px;
	background-color: #fff;
	border: 2px solid #212c4f;
	z-index: 999;
	list-style: none;
	margin: 0;
	padding: 8px;
	box-shadow: 0 8px 24px rgba(33, 44, 79, 0.08);
	border-radius: 20px;
	animation: smoothScroll 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.navbar-nav .nav-item .dropdown-menu .dropdown-item {
	display: block;
	padding: 0.6rem 1.2rem;
	text-decoration: none;
	color: #212c4f;
	font-weight: 600;
	border-radius: 12px;
	transition: color 0.25s ease, background-color 0.25s ease;
}

.navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
	color: #50b448;
	background-color: #eaf5eb;
}

.navbar-nav .nav-item .dropdown-menu .dropdown {
	position: relative;
}

.navbar-nav .nav-item .dropdown-menu .dropdown-menu {
	top: 0;
	left: 100%;
}

.navbar-nav .nav-item:hover > .dropdown-menu {
	display: block;
}

.section p a:not(.btn):not(.link):not(.nav-link):not(.dropdown-item),
.section li a:not(.btn):not(.link):not(.nav-link):not(.dropdown-item),
.section a.decorated-link:not(.btn):not(.link):not(.nav-link):not(.dropdown-item) {
	color: #f05133 !important;
	text-decoration: underline !important;
	font-weight: 600 !important;
	transition: color 0.2s ease !important;
}

.section p a:not(.btn):not(.link):not(.nav-link):not(.dropdown-item):hover,
.section li a:not(.btn):not(.link):not(.nav-link):not(.dropdown-item):hover,
.section a.decorated-link:not(.btn):not(.link):not(.nav-link):not(.dropdown-item):hover {
	color: #50b448 !important;
	text-decoration: underline !important;
}

.section-subtitle {
	font-family: Caveat, cursive;
	color: #212c4f;
	font-size: clamp(1.8rem, 3.5vw, 2.5rem);
	line-height: 1.1;
	font-weight: 500;
	margin-bottom: 0.5rem;
}

.section-title {
	font-family: poppins, sans-serif;
	color: #212c4f;
	font-size: clamp(1.8rem, 3.5vw, 2.6rem);
	font-weight: 700;
	margin-bottom: 1.5rem;
	line-height: 1.15;
}

.content-text {
	font-family: poppins, sans-serif;
	color: #4f547b;
	font-size: 1.1rem;
	line-height: 1.8;
}

.section--content-action {
	background-color: #fff5ec;
	padding: 5rem 0;
}

.section--content-action .boxes {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.section--content-action .boxes .box {
	background-color: transparent;
	border: 2px solid #000;
	padding: 47px 51px;
	border-radius: 30px;
	color: #333;
	text-decoration: none;
	transition: box-shadow 0.2s ease;
}

.section--content-action .boxes .box h4 {
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 0.2rem;
	color: #000;
}

.section--content-action .boxes .box p {
	margin-bottom: 0;
}

.section--content-action .boxes .box:first-child {
	background-color: #fdcba5;
	border-color: #f08724;
}

.section--content-action .boxes .box:first-child h4 {
	color: #f08724;
}

.section--content-action .boxes .box:first-child p {
	color: #000;
}

.section--content-action .boxes .box:hover {
	box-shadow: 0 4px 14px rgba(4, 86, 98, 0.2);
}

@media (max-width: 991.98px) {

	.section--content-action .boxes {
		flex-direction: row;
		gap: 0.5rem;
		margin-top: 1rem;
	}

	.section--content-action .boxes .box {
		flex: 1;
		padding: 1.75rem;
	}
}

@media (max-width: 767.98px) {

	.section--content-action .boxes {
		flex-direction: column;
	}
}

.section--content-background {
	padding: 5rem 0;
}

.section--content-background .box {
	border: 2px solid #9dabdf;
	border-radius: 30px;
	overflow: hidden;
	padding: 113px 90px;
	color: #2f2e39;
}

.section--content-background .box .content {
	columns: 2;
	column-gap: 80px;
}

.section--content-background .box .content h3 {
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 1rem;
	color: #000;
}

.section--content-background .box .content a {
	color: #03353e;
}

.section--content-background .box .content p {
	font-size: 0.9rem;
}

@media (max-width: 991.98px) {

	.section--content-background .box {
		padding: 3rem 2rem;
	}

	.section--content-background .box .content {
		columns: 1;
		column-gap: 0;
	}
}

.section--feature {
	background-color: #fff;
	padding: 5rem 0;
}

.section--feature .content h3 {
	font-family: poppins, sans-serif;
	font-size: 2.25rem;
	font-weight: 700;
	margin-bottom: 1rem;
	color: #212c4f;
}

.section--feature .content p {
	font-size: 1.1rem;
	color: #555;
}

.section--feature .card {
	border: 2px solid #f0f2f9;
	border-radius: 1.25rem;
	overflow: hidden;
	background-color: #fff;
	text-decoration: none;
	color: #212c4f;
	box-shadow: 0 10px 30px rgba(33, 44, 79, 0.03);
	transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.section--feature .card__image {
	height: 200px;
	background-color: #fbfbfb;
	background-size: cover;
	background-position: center;
}

.section--feature .card__content {
	padding: 2rem;
}

.section--feature .card__content h4 {
	font-family: poppins, sans-serif;
	font-size: 1.4rem;
	font-weight: 700;
	color: #212c4f;
	margin-bottom: 0.75rem;
	transition: color 0.3s ease;
}

.section--feature .card__content p {
	font-size: 0.95rem;
	color: #666;
	line-height: 1.6;
	margin-bottom: 1.5rem;
}

.section--feature .card__content .link {
	color: #f08724;
	font-family: poppins, sans-serif;
	font-weight: 700;
	font-size: 0.95rem;
	display: flex;
	align-items: center;
	gap: 6px;
	transition: color 0.3s ease, transform 0.3s ease;
}

.section--feature .card__content .link svg {
	width: 18px;
	height: 18px;
	transition: transform 0.25s ease;
}

.section--feature .card:hover {
	transform: translateY(-6px);
	box-shadow: 0 15px 35px rgba(33, 44, 79, 0.08);
	border-color: #e2e6f3;
}

.section--feature .card:hover h4 {
	color: #f08724;
}

.section--feature .card:hover .link {
	color: #f08724;
}

.section--feature .card:hover .link svg {
	transform: translateX(4px);
}

.section--feature .swiper-button-prev,
.section--feature .swiper-button-next {
	background-color: #fff;
	border: 2px solid #eaeaea;
	width: 56px;
	height: 56px;
	color: #212c4f;
	border-radius: 50%;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
	transition: background-color 0.3s, border-color 0.3s, color 0.3s, transform 0.3s;
}

.section--feature .swiper-button-prev svg,
.section--feature .swiper-button-next svg {
	width: 20px;
	height: 20px;
}

.section--feature .swiper-button-prev:hover,
.section--feature .swiper-button-next:hover {
	background-color: #40aa48;
	border-color: #40aa48;
	color: #fff;
	transform: scale(1.05);
	box-shadow: 0 6px 16px rgba(64, 170, 72, 0.25);
}

@media (max-width: calc(992px - 0.02px)) {

	.section--feature {
		padding: 3rem 0;
	}

	.section--feature .swiper-button-prev,
	.section--feature .swiper-button-next {
		width: 48px;
		height: 48px;
	}
}

.section--text-image-plain {
	padding: 5rem 0;
}

.section--text-image-plain img {
	max-width: 100%;
	border-radius: 2rem;
	box-shadow: 0 15px 35px rgba(33, 44, 79, 0.08);
}

.section--text-image-plain h3 {
	font-family: poppins, sans-serif;
	font-size: 2.25rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
	color: #212c4f;
}

.section--text-image-plain p {
	font-size: 1.05rem;
	color: #555;
	line-height: 1.75;
}

.section--text-image-plain .link {
	color: #f08724;
	font-family: poppins, sans-serif;
	font-weight: 700;
	font-size: 1.05rem;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: transform 0.2s ease, color 0.25s ease;
}

.section--text-image-plain .link svg {
	transition: transform 0.25s ease;
}

.section--text-image-plain .link:hover {
	color: rgb(220.1230769231, 114.5846153846, 15.0769230769);
	text-decoration: none;
}

.section--text-image-plain .link:hover svg {
	transform: translateX(4px);
}

@media (max-width: calc(992px - 0.02px)) {

	.section--text-image-plain {
		padding: 3rem 0;
	}
}

.section--text-image-playful {
	padding: 5rem 0;
	background-color: #fff;
	transition: background-color 0.3s ease, opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media (max-width: 991px) {

	.section--text-image-playful {
		padding: 3rem 0;
	}
}

.section--text-image-playful--bold-orange .content-text h1,
.section--text-image-playful--bold-orange .content-text h2,
.section--text-image-playful--bold-orange .content-text h3,
.section--text-image-playful--bold-orange .content-text h4,
.section--text-image-playful--bold-orange .content-text h5,
.section--text-image-playful--bold-orange .content-text h6,
.section--text-image-playful--bold-orange .content-text strong,
.section--text-image-playful--bold-orange .content-text b {
	color: #f05133 !important;
}

.section--text-image-playful--bold-green .content-text h1,
.section--text-image-playful--bold-green .content-text h2,
.section--text-image-playful--bold-green .content-text h3,
.section--text-image-playful--bold-green .content-text h4,
.section--text-image-playful--bold-green .content-text h5,
.section--text-image-playful--bold-green .content-text h6,
.section--text-image-playful--bold-green .content-text strong,
.section--text-image-playful--bold-green .content-text b {
	color: #50b448 !important;
}

.section--text-image-playful .btn--orange {
	background-color: #f05133 !important;
	border-color: #f05133 !important;
	color: #fff !important;
	box-shadow: 0 4px 15px rgba(240, 81, 51, 0.2) !important;
}

.section--text-image-playful .btn--orange:hover {
	background-color: rgb(237.904109589, 56.6876712329, 22.495890411) !important;
	border-color: rgb(237.904109589, 56.6876712329, 22.495890411) !important;
	box-shadow: 0 8px 20px rgba(240, 81, 51, 0.3) !important;
}

.section--text-image-playful .playful-image {
	max-width: 100%;
	border-radius: 2rem;
	box-shadow: 0 15px 40px rgba(33, 44, 79, 0.07);
	transform: rotate(0deg);
	transition: transform 1.4s cubic-bezier(0.34, 1.56, 0.64, 1) 0.3s;
}

.section--text-image-playful .playful-image--left {
	transform: rotate(0deg);
}

.section--text-image-playful .playful-image--right {
	transform: rotate(0deg);
}

.section--text-image-playful .playful-image--no-rotation {
	transform: none !important;
}

.section--text-image-playful .playful-image--no-frame {
	border-radius: 0 !important;
	box-shadow: none !important;
}

.section--text-image-playful .playful-image-col {
	position: relative;
}

.section--text-image-playful .playful-video {
	width: 100%;
}

.section--text-image-playful .playful-video iframe {
	width: 100%;
	aspect-ratio: 16/9;
	border: none;
	display: block;
	border-radius: 2rem;
	overflow: hidden;
	box-shadow: 0 15px 40px rgba(33, 44, 79, 0.07);
}

.section--text-image-playful .playful-video--no-frame iframe {
	border-radius: 0;
	box-shadow: none;
}

.section--text-image-playful .playful-image-overlay {
	position: absolute;
	bottom: -2.5rem;
	right: -1.5rem;
	height: auto;
	width: auto;
	max-height: 300px;
	max-width: 300px;
	z-index: 10;
	filter: drop-shadow(0 8px 20px rgba(33, 44, 79, 0.18));
}

@media (max-width: 1199px) {

	.section--text-image-playful .playful-image-overlay {
		bottom: -2rem;
		right: -1rem;
		max-width: 220px;
		max-height: 220px;
	}
}

@media (max-width: 991px) {

	.section--text-image-playful .playful-image-overlay {
		bottom: -1.5rem;
		right: -0.5rem;
		max-width: 160px;
		max-height: 160px;
	}
}

@media (max-width: 767px) {

	.section--text-image-playful .playful-image-overlay {
		bottom: -1rem;
		right: 0;
		max-width: 120px;
		max-height: 120px;
	}
}

.section--text-image-playful .playful-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.section--text-image-playful.section--boxed {
	padding: 0;
	background: none;
}

.section--text-image-playful .playful-box {
	border-radius: 2rem;
	overflow: hidden;
	position: relative;
	padding: 0;
}

.section--text-image-playful .playful-box-text-col {
	padding: 4.5rem 4rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

@media (max-width: 991px) {

	.section--text-image-playful .playful-box-text-col {
		padding: 2.5rem 1.5rem;
	}
}

.section--text-image-playful .playful-box-image-col {
	position: relative;
	min-height: 380px;
	overflow: hidden;
}

@media (max-width: 991px) {

	.section--text-image-playful .playful-box-image-col {
		min-height: 280px;
	}
}

.section--text-image-playful .playful-box-image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section--text-image-playful .playful-box .playful-box-image-col iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: none;
	aspect-ratio: auto;
}

.section--text-image-playful.--visible .playful-image--left {
	transform: rotate(-2.5deg);
}

.section--text-image-playful.--visible .playful-image--right {
	transform: rotate(2.5deg);
}

.section--text-image-playful .content-text h4 {
	font-family: poppins, sans-serif;
	font-weight: 700;
	color: #f05133;
	font-size: 1.25rem;
	margin-top: 1.75rem;
	margin-bottom: 0.5rem;
	line-height: 1.3;
}

.section--text-image-playful .content-text h4:first-child {
	margin-top: 0;
}

.section--text-image-playful .content-text p {
	margin-bottom: 1.25rem;
	color: #4f547b;
	font-size: 1.1rem;
	line-height: 1.8;
}

.section--text-image-playful .content-text p:last-child {
	margin-bottom: 0;
}

.section--text-image-background {
	padding: 5rem 0;
}

.section--text-image-background .background {
	background-color: #eaf5eb;
	border-radius: 2rem;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.01);
}

.section--text-image-background .content {
	padding: 5rem 4rem;
}

.section--text-image-background .content .text {
	font-family: Caveat, cursive;
	font-weight: 700;
	color: #40aa48;
	font-size: 1.75rem;
	margin-bottom: 0.5rem;
}

.section--text-image-background .content h3 {
	font-family: poppins, sans-serif;
	font-size: 2.25rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
	color: #212c4f;
}

.section--text-image-background .content p {
	font-size: 1.05rem;
	color: #444;
	line-height: 1.7;
}

@media (max-width: calc(992px - 0.02px)) {

	.section--text-image-background {
		padding: 3rem 0;
	}

	.section--text-image-background .content {
		padding: 3rem 2rem;
	}
}

.section--register {
	padding: 0 !important;
	background-color: #f7f8fb !important;
}

.section--register .registrer {
	border-radius: 0 !important;
	overflow: visible !important;
	box-shadow: none !important;
	background: transparent !important;
	border: none !important;
}

.section--register .registrer__hero {
	background-color: #50b448 !important;
	padding: 12rem 0 16rem !important;
	position: relative;
	color: #fff !important;
}

.section--register .registrer__hero .hero-description {
	font-family: Caveat, cursive !important;
	font-size: 2.25rem !important;
	color: #fff5ec !important;
	margin-bottom: 0.5rem !important;
}

.section--register .registrer__hero .hero-heading {
	font-family: poppins, sans-serif !important;
	font-size: 3rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	margin-bottom: 0 !important;
	color: #fff !important;
}

.section--register .registrer__hero img {
	position: absolute !important;
	right: 8% !important;
	bottom: 0 !important;
	max-height: 85% !important;
	z-index: 1 !important;
	height: auto !important;
	object-fit: contain !important;
}

.section--register .registrer__template {
	padding: 0 !important;
	transform: translateY(-11rem) !important;
	margin-bottom: -9rem !important;
	position: relative;
	z-index: 2;
}

.section--register .registrer__template .content {
	background: #fff !important;
	border-radius: 2rem !important;
	padding: 4.5rem 3.5rem !important;
	box-shadow: 0 15px 40px rgba(33, 44, 79, 0.05) !important;
	border: none !important;
}

.section--register .registrer__template .content__title {
	font-family: poppins, sans-serif !important;
	font-size: 2rem !important;
	font-weight: 700 !important;
	color: #212c4f !important;
	margin-bottom: 1.5rem !important;
}

.section--register .registrer__template .content p {
	font-size: 1.05rem !important;
	color: #555 !important;
	line-height: 1.75 !important;
}

.section--register .registrer__template .sidebar {
	padding-left: 2rem !important;
	transform: translateY(6rem) !important;
}

.section--register .registrer__template .sidebar__inner {
	background-color: #fff5ec !important;
	border-radius: 2rem !important;
	padding: 2.5rem 2rem !important;
	text-align: center !important;
	box-shadow: 0 8px 24px rgba(240, 135, 36, 0.03) !important;
}

.section--register .registrer__template .sidebar__inner .image {
	width: 120px !important;
	height: 120px !important;
	border-radius: 50% !important;
	margin: 0 auto 1.5rem !important;
	background-size: cover !important;
	background-position: center !important;
	border: 4px solid #fff !important;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08) !important;
}

.section--register .registrer__template .sidebar__inner .name {
	font-family: poppins, sans-serif !important;
	font-size: 1.35rem !important;
	font-weight: 700 !important;
	color: #212c4f !important;
	margin-bottom: 0.25rem !important;
}

.section--register .registrer__template .sidebar__inner .function {
	font-family: Caveat, cursive !important;
	font-size: 1.4rem !important;
	font-weight: 600 !important;
	color: #f08724 !important;
	margin-bottom: 1.25rem !important;
}

.section--register .registrer__template .sidebar__inner .contact ul {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 0.5rem !important;
}

.section--register .registrer__template .sidebar__inner .contact ul a {
	color: #212c4f !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	transition: color 0.25s ease !important;
}

.section--register .registrer__template .sidebar__inner .contact ul a:hover {
	color: #40aa48 !important;
}

@media (max-width: 991px) {

	.section--register .registrer__hero {
		padding: 8rem 1.5rem 6rem !important;
	}

	.section--register .registrer__hero .hero-heading {
		font-size: 2.25rem !important;
	}

	.section--register .registrer__template {
		transform: none !important;
		margin-bottom: 0 !important;
		padding: 2.5rem 1.5rem !important;
	}

	.section--register .registrer__template .content {
		padding: 2.5rem 1.5rem !important;
	}

	.section--register .registrer__template .sidebar {
		padding-left: 0 !important;
		transform: none !important;
		margin-top: 3rem !important;
	}
}

.section--content-cta {
	background-color: #fff;
	padding: 5rem 0;
}

@media (max-width: 991px) {

	.section--content-cta {
		padding: 3rem 0;
	}
}

.section--content-cta .content-text {
	margin-bottom: 2rem;
}

.section--content-cta .content-text p {
	margin-bottom: 1.25rem;
}

.section--content-cta .content-text p:last-child {
	margin-bottom: 0;
}

.section--content-cta .signature-text {
	font-family: Caveat, cursive;
	color: #40aa48;
	font-size: 2.2rem;
	margin-bottom: 0;
	margin-top: 2.5rem;
	line-height: 1.2;
}

.section--content-cta .btn-cta {
	display: inline-block;
	background-color: #f05133;
	color: #fff !important;
	border: none !important;
	font-family: poppins, sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	padding: 20px 48px !important;
	border-radius: 100px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0.5px;
	box-shadow: 0 8px 25px rgba(240, 81, 51, 0.25);
	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	white-space: normal;
	max-width: 380px;
	line-height: 1.3;
	text-align: center;
}

.section--content-cta .btn-cta:hover {
	background-color: rgb(238.2534246575, 60.7397260274, 27.2465753425);
	transform: translateY(-3px);
	box-shadow: 0 12px 30px rgba(240, 81, 51, 0.35);
	color: #fff !important;
}

.section--content-cta .btn-cta:active {
	transform: translateY(-1px);
	box-shadow: 0 6px 15px rgba(240, 81, 51, 0.25);
}

.section--proefberekening {
	position: relative;
	z-index: 3;
	background-color: #fbf6d8;
	padding: 5rem 0;
	overflow: visible !important;
}

.section--proefberekening.bg-pattern--diagonal {
	overflow: visible !important;
}

.section--proefberekening .container,
.section--proefberekening .row {
	overflow: visible !important;
}

.section--proefberekening .illustration-col {
	overflow: visible !important;
	position: relative;
}

@media (max-width: 991px) {

	.section--proefberekening {
		padding: 3rem 0;
	}
}

.section--proefberekening .boy-illustration {
	max-height: 720px;
	width: auto;
	max-width: 120%;
	position: relative;
	margin-top: -6rem;
	margin-bottom: -6rem;
	z-index: 10;
}

.section--proefberekening .boy-illustration--landscape {
	max-height: none;
	width: 100%;
	max-width: 100%;
	margin-top: 0;
	margin-bottom: 0;
}

@media (min-width: 1200px) {

	.section--proefberekening .boy-illustration--landscape {
		margin-left: 0;
	}
}

@media (max-width: 1199px) {

	.section--proefberekening .boy-illustration--landscape {
		margin-top: 0;
		margin-bottom: 0;
	}
}

@media (max-width: 991px) {

	.section--proefberekening .boy-illustration--landscape {
		margin-top: 0;
		margin-bottom: 0;
	}
}

@media (max-width: 767px) {

	.section--proefberekening .boy-illustration--landscape {
		margin-top: 0;
		margin-bottom: 2rem;
	}
}

@media (min-width: 1200px) {

	.section--proefberekening .boy-illustration {
		margin-left: -40px;
	}
}

@media (max-width: 1199px) {

	.section--proefberekening .boy-illustration {
		max-height: 580px;
		margin-top: -4.5rem;
		margin-bottom: -4.5rem;
	}
}

@media (max-width: 991px) {

	.section--proefberekening .boy-illustration {
		max-height: 480px;
		margin-top: -3.5rem;
		margin-bottom: -3.5rem;
		max-width: 100%;
	}
}

@media (max-width: 767px) {

	.section--proefberekening .boy-illustration {
		max-height: 340px;
		margin-top: 0;
		margin-bottom: 2rem;
		max-width: 100%;
	}
}

.section--proefberekening .content-text {
	margin-bottom: 1.5rem;
}

.section--proefberekening .content-text p {
	margin-bottom: 1.25rem;
}

.section--proefberekening .content-text p:last-child {
	margin-bottom: 0;
}

.section--proefberekening .helper-link-wrapper {
	margin-bottom: 2rem;
}

.section--proefberekening .helper-link {
	font-family: poppins, sans-serif;
	color: #40aa48;
	font-weight: 600;
	font-size: 1.1rem;
	text-decoration: underline;
	transition: color 0.25s ease;
}

.section--proefberekening .helper-link:hover {
	color: rgb(52.841025641, 140.358974359, 59.4461538462);
}

.section--proefberekening .calculator-form-wrapper {
	background-color: transparent;
	margin-top: 2rem;
}

.section--proefberekening .calculator-form-wrapper select {
	width: 100% !important;
	background-color: #fff !important;
	border: 1px solid #d3d4db !important;
	color: #212c4f !important;
	padding-right: 45px !important;
	border-radius: 0.75rem !important;
	font-family: poppins, sans-serif !important;
	font-size: 1.05rem !important;
	outline: none !important;
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23212c4f' d='M10.6 3.4L6 8 1.4 3.4 2.1 2.7 6 6.6l3.9-3.9z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 20px center !important;
	background-size: 12px !important;
	cursor: pointer !important;
}

.section--proefberekening .calculator-form-wrapper select:focus {
	border-color: #40aa48 !important;
	box-shadow: 0 0 0 4px rgba(64, 170, 72, 0.1) !important;
}

.section--proefberekening .calculator-form-wrapper select option {
	color: #212c4f !important;
	background-color: #fff !important;
}

.section--proefberekening .calculator-form-wrapper label {
	display: block;
	font-family: poppins, sans-serif;
	font-weight: 700;
	color: #212c4f;
	font-size: 1.1rem;
	margin-bottom: 0.75rem;
}

.section--proefberekening .calculator-form-wrapper label .gfield_required,
.section--proefberekening .calculator-form-wrapper label .required {
	color: #f05133;
	margin-left: 4px;
	font-weight: 700;
}

.section--proefberekening .calculator-form-wrapper .gfield_description {
	display: block;
	margin-top: 0.5rem;
	font-size: 0.95rem;
	color: #7d809a;
	font-family: poppins, sans-serif;
	line-height: 1.5;
}

@keyframes float-playful {

	0% {
		transform: translateY(0) rotate(0deg);
	}

	50% {
		transform: translateY(-12px) rotate(-1.5deg);
	}

	100% {
		transform: translateY(0) rotate(0deg);
	}
}

.section--groups-slider {
	background-color: #eaf3fc;
	padding: 5rem 0;
	overflow: hidden;
}

@media (max-width: 991px) {

	.section--groups-slider {
		padding: 3rem 0;
	}
}

.section--groups-slider .section-subtitle {
	display: block;
	font-family: Caveat, cursive;
	color: #212c4f;
	font-size: clamp(1.8rem, 3.5vw, 2.5rem);
	line-height: 1.1;
	font-weight: 500;
	margin-bottom: 0.5rem;
}

.section--groups-slider .section-title {
	font-family: poppins, sans-serif;
	color: #212c4f;
	font-size: clamp(1.8rem, 3.5vw, 2.6rem);
	font-weight: 700;
	margin-bottom: 1.5rem;
	line-height: 1.15;
}

.section--groups-slider .section-desc {
	font-family: poppins, sans-serif;
	color: #4f547b;
	font-size: 1.1rem;
	line-height: 1.7;
	max-width: 800px;
	margin: 0 auto;
}

.section--groups-slider .section-desc p {
	margin-bottom: 0;
}

.section--groups-slider .swiper-container-groups-outer {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	overflow: hidden;
	padding: 20px 0;
}

.section--groups-slider .swiper-container-groups {
	overflow: visible !important;
	padding-left: 15px;
	padding-right: 15px;
}

@media (min-width: 576px) {

	.section--groups-slider .swiper-container-groups {
		padding-left: calc((100vw - 540px) / 2 + 15px);
		padding-right: calc((100vw - 540px) / 2 + 15px);
	}
}

@media (min-width: 768px) {

	.section--groups-slider .swiper-container-groups {
		padding-left: calc((100vw - 720px) / 2 + 15px);
		padding-right: calc((100vw - 720px) / 2 + 15px);
	}
}

@media (min-width: 992px) {

	.section--groups-slider .swiper-container-groups {
		padding-left: calc((100vw - 960px) / 2 + 15px);
		padding-right: calc((100vw - 960px) / 2 + 15px);
	}
}

@media (min-width: 1200px) {

	.section--groups-slider .swiper-container-groups {
		padding-left: calc((100vw - 1475px) / 2 + 15px);
		padding-right: calc((100vw - 1475px) / 2 + 15px);
	}
}

.section--groups-slider .swiper-slide {
	width: 290px !important;
	height: auto !important;
}

@media (max-width: 575px) {

	.section--groups-slider .swiper-slide {
		width: 250px !important;
	}
}

.section--groups-slider .swiper-slide .group-card {
	transform: rotate(0deg);
}

.section--groups-slider .swiper-slide:nth-child(4n+1) .group-card {
	transition-delay: 0.3s;
}

.section--groups-slider .swiper-slide:nth-child(4n+1) .group-card:hover {
	transform: translateY(-8px) scale(1.02) rotate(-1.5deg);
}

.section--groups-slider .swiper-slide:nth-child(4n+2) .group-card {
	transition-delay: 0.45s;
}

.section--groups-slider .swiper-slide:nth-child(4n+2) .group-card:hover {
	transform: translateY(-8px) scale(1.02) rotate(1deg);
}

.section--groups-slider .swiper-slide:nth-child(4n+3) .group-card {
	transition-delay: 0.6s;
}

.section--groups-slider .swiper-slide:nth-child(4n+3) .group-card:hover {
	transform: translateY(-8px) scale(1.02) rotate(-1.2deg);
}

.section--groups-slider .swiper-slide:nth-child(4n+4) .group-card {
	transition-delay: 0.75s;
}

.section--groups-slider .swiper-slide:nth-child(4n+4) .group-card:hover {
	transform: translateY(-8px) scale(1.02) rotate(1.6deg);
}

.section--groups-slider.--visible .swiper-slide:nth-child(4n+1) .group-card {
	transform: rotate(-1.5deg);
}

.section--groups-slider.--visible .swiper-slide:nth-child(4n+2) .group-card {
	transform: rotate(1deg);
}

.section--groups-slider.--visible .swiper-slide:nth-child(4n+3) .group-card {
	transform: rotate(-1.2deg);
}

.section--groups-slider.--visible .swiper-slide:nth-child(4n+4) .group-card {
	transform: rotate(1.6deg);
}

.section--groups-slider .group-card {
	display: flex;
	flex-direction: column;
	text-decoration: none !important;
	border-radius: 20px;
	overflow: hidden;
	background-color: transparent;
	transition: transform 1.4s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
	height: 100%;
	box-shadow: 0 4px 15px rgba(33, 44, 79, 0.05);
}

.section--groups-slider .group-card:hover {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.section--groups-slider .group-card:hover {
	box-shadow: 0 12px 30px rgba(33, 44, 79, 0.12);
}

.section--groups-slider .group-card:hover .group-card__image-wrapper img {
	transform: scale(1.04);
}

.section--groups-slider .group-card:hover .group-card__banner {
	background-color: rgb(59.4338028169, 138.3464788732, 206.9661971831);
}

.section--groups-slider .group-card__image-wrapper {
	position: relative;
	height: 280px;
	width: 100%;
	overflow: hidden;
	border-radius: 20px 20px 0 0;
	background-color: #e0e5eb;
}

@media (max-width: 575px) {

	.section--groups-slider .group-card__image-wrapper {
		height: 240px;
	}
}

.section--groups-slider .group-card__image-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.section--groups-slider .group-card__image-placeholder {
	width: 100%;
	height: 100%;
	background-color: #d3d9e2;
}

.section--groups-slider .group-card__banner {
	background-color: #5499d5;
	padding: 18px 15px;
	text-align: center;
	border-radius: 0 0 20px 20px;
	transition: background-color 0.3s ease;
}

.section--groups-slider .group-card__title {
	font-family: poppins, sans-serif;
	font-weight: 700;
	font-size: 1.35rem;
	color: #fff;
	display: block;
	line-height: 1.2;
}

.section--groups-slider .swiper-groups-nav-buttons {
	display: flex;
	gap: 12px;
}

.section--groups-slider .swiper-button-prev-groups,
.section--groups-slider .swiper-button-next-groups {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background-color 0.25s ease, transform 0.2s ease, opacity 0.25s ease;
	box-shadow: 0 4px 10px rgba(33, 44, 79, 0.1);
}

.section--groups-slider .swiper-button-prev-groups svg,
.section--groups-slider .swiper-button-next-groups svg {
	display: block;
	width: 20px;
	height: 20px;
	stroke-width: 2.5px;
}

.section--groups-slider .swiper-button-prev-groups.swiper-button-disabled,
.section--groups-slider .swiper-button-next-groups.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
	pointer-events: none;
}

.section--groups-slider .swiper-button-prev-groups {
	background-color: rgba(33, 44, 79, 0.12);
	color: #212c4f;
}

.section--groups-slider .swiper-button-prev-groups:hover {
	background-color: rgba(33, 44, 79, 0.18);
	transform: scale(1.05);
}

.section--groups-slider .swiper-button-next-groups {
	background-color: #212c4f;
	color: #fff;
}

.section--groups-slider .swiper-button-next-groups:hover {
	background-color: rgb(45.0214285714, 60.0285714286, 107.7785714286);
	transform: scale(1.05);
}

.section--atmospheric-photo {
	margin-top: 8rem;
	margin-bottom: 2rem;
	padding-top: 0;
	padding-bottom: 4rem;
	position: relative;
	z-index: 1;
}

.section--atmospheric-photo::before {
	content: "";
	position: absolute;
	left: 2rem;
	right: 2rem;
	bottom: 0;
	z-index: -1;
	height: 85%;
	background-color: #8fcf8a;
	border-radius: 3rem;
}

@media (max-width: 991px) {

	.section--atmospheric-photo::before {
		left: 1rem;
		right: 1rem;
		border-radius: 2rem;
	}
}

@media (max-width: 767px) {

	.section--atmospheric-photo::before {
		display: none;
	}
}

.section--atmospheric-photo.no-bg::before {
	display: none;
}

.section--atmospheric-photo .atmospheric-photo__image-container {
	position: relative;
	width: 100%;
}

.section--atmospheric-photo .atmospheric-photo__overlay {
	position: absolute;
	bottom: -3.5rem;
	right: -3.5rem;
	width: auto;
	height: 300px;
	z-index: 2;
	pointer-events: none;
}

@media (max-width: 991px) {

	.section--atmospheric-photo .atmospheric-photo__overlay {
		height: 200px;
		bottom: 1.5rem;
		right: 1.5rem;
	}
}

@media (max-width: 767px) {

	.section--atmospheric-photo .atmospheric-photo__overlay {
		height: 140px;
		bottom: 1rem;
		right: 1rem;
	}
}

.section--atmospheric-photo .atmospheric-photo__wrapper {
	border-radius: 24px;
	overflow: hidden;
	width: 100%;
	line-height: 0;
	position: relative;
	z-index: 2;
}

@media (max-width: 767px) {

	.section--atmospheric-photo .atmospheric-photo__wrapper {
		margin: auto;
		width: 90%;
	}
}

.section--atmospheric-photo .atmospheric-photo__image {
	width: 100%;
	max-height: 500px;
	object-fit: cover;
	display: block;
}

.atmospheric-photo__splide {
	width: 100%;
	position: relative;
	z-index: 2;
}

.atmospheric-photo__splide .splide__track {
	border-radius: 24px;
	overflow: hidden;
}

.atmospheric-photo__splide .splide__slide {
	display: flex;
	align-items: center;
	justify-content: center;
}

.atmospheric-photo__splide .atmospheric-photo__image {
	width: 100%;
	height: 500px;
	object-fit: cover;
	display: block;
}

@media (max-width: 768px) {

	.atmospheric-photo__splide .atmospheric-photo__image {
		height: 260px;
	}
}

.atmospheric-photo__splide .splide__pagination {
	bottom: -28px;
	gap: 6px;
}

.atmospheric-photo__splide .splide__pagination__page {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: none;
	outline: none;
	box-shadow: none;
	background: rgba(0, 0, 0, 0.25);
	opacity: 1;
	transition: background 0.3s ease, transform 0.3s ease;
}

.atmospheric-photo__splide .splide__pagination__page:focus {
	outline: none;
	box-shadow: none;
	border: none;
}

.atmospheric-photo__splide .splide__pagination__page:focus-visible {
	outline: 2px solid var(--color-primary, #2c6e49);
	outline-offset: 2px;
}

.atmospheric-photo__splide .splide__pagination__page.is-active {
	background: var(--color-primary, #2c6e49);
	border: none;
	box-shadow: none;
	transform: scale(1.3);
}