.ding,
.ellipse {
	pointer-events: none
}

:root {
	--brand-blue: #01517f;
	--brand-orange: #f5b31a;
	--brand-sidekick-blue: #0589A3;
	--brand-navy: #022940
}

.checklist,
.quoted,
.section--banner-calc .amount-quantity,
.section--banner-subpage+img,
.section--services,
.section--testimonials,
header .languages {
	position: relative
}

.nav-menu input.dropdown-toggle:checked+label+.selection,
.section--banner-calc .selected:hover .selection,
header .languages .selected:hover .selection {
	max-height: 300px
}

.section--banner-calc .selection,
header .languages .selection {
	max-height: 0;
	transition: max-height .5s;
	margin-top: 12px;
	overflow: hidden
}

.section--banner-calc .selection ul li a span,
header .languages .selection ul li a span {
	opacity: .6
}

.event.active,
.section--banner-calc .selection ul li:hover a span,
.slick-slider .slick-arrow>div:hover,
header .languages .selection ul li:hover a span {
	opacity: 1
}

.image-cards>div .image-card__overlay,
.nav-menu input.dropdown-toggle,
.section--banner-calc .selection ul li .icon-check,
.section--savings-calculator .sliders>div .slider-js .noUi-handle:after,
.section--savings-calculator .sliders>div .slider-js .noUi-handle:before,
.steps .step__content,
.tab-content,
.tab-content-hc,
header .languages .selection ul li .icon-check {
	display: none
}

.section--banner-calc .selection ul li:hover .icon-check,
.steps input[type=radio]:first-of-type:checked~.step__content:first-of-type,
.steps input[type=radio]:nth-of-type(2):checked~.step__content:nth-of-type(2),
.steps input[type=radio]:nth-of-type(3):checked~.step__content:nth-of-type(3),
.steps input[type=radio]:nth-of-type(4):checked~.step__content:nth-of-type(4),
.steps input[type=radio]:nth-of-type(5):checked~.step__content:nth-of-type(5),
.steps input[type=radio]:nth-of-type(6):checked~.step__content:nth-of-type(6),
.tabbed input[type=radio]:first-of-type:checked~.tab-content:nth-of-type(2),
.tabbed input[type=radio]:nth-of-type(2):checked~.tab-content:nth-of-type(3),
.tabbed input[type=radio]:nth-of-type(3):checked~.tab-content-applepay,
.tabbed input[type=radio]:nth-of-type(4):checked~.tab-content-googlepay,
.tabbed-hc input[type=radio]:first-of-type:checked~div .tab-content-hc:nth-of-type(2),
.tabbed-hc input[type=radio]:nth-of-type(2):checked~div .tab-content-hc:nth-of-type(3),
.tabbed-hc input[type=radio]:nth-of-type(3):checked~div .tab-content-hc:nth-of-type(4),
header .languages .selection ul li:hover .icon-check {
	display: block
}

.event-tile__info span img,
.event__info span img,
header .languages .selection ul li a .icon-country {
	margin-right: 10px
}

.btn,
.offer__title,
.uppercase,
.yellow-title {
	text-transform: uppercase
}

.submenu ul li:hover,
header {
	background: #f2f6f9
}

header .header-main>div:first-child {
	padding: 10px 0;
	transition: padding .2s
}

header.minimize .header-main>div:first-child {
	padding: 8px 0
}

header .header-sticky {
	background: var(--brand-blue);
	color: #fff;
	text-align: center;
	padding: 6px 0
}

#cc-donation-transactions,
#cc-event-transactions,
.event-tile__info,
.event__info,
footer,
footer .footer-links {
	text-align: left
}

.btn,
.section,
.section--banner-calc .calc-input,
.services-card--plain .service-card,
header nav ul {
	text-align: center
}

.rte header .header-sticky a,
form header .header-sticky input[type=email],
form header .header-sticky input[type=text],
form header .header-sticky textarea,
header .header-sticky .rte a,
header .header-sticky a,
header .header-sticky form input[type=email],
header .header-sticky form input[type=text],
header .header-sticky form textarea,
header .header-sticky p {
	font-size: 12px;
	line-height: 24px;
	font-family: Inter, sans-serif;
	color: #fff
}

.rte header .header-sticky a,
form header .header-sticky input[type=email],
form header .header-sticky input[type=text],
form header .header-sticky textarea,
header .header-sticky .rte a,
header .header-sticky form input[type=email],
header .header-sticky form input[type=text],
header .header-sticky form textarea,
header .header-sticky p {
	font-weight: 500
}

.counter__text,
.rte header .header-sticky a a,
footer h2,
form header .header-sticky input[type=email] a,
form header .header-sticky input[type=text] a,
form header .header-sticky textarea a,
header .header-sticky .rte a a,
header .header-sticky form input[type=email] a,
header .header-sticky form input[type=text] a,
header .header-sticky form textarea a,
header .header-sticky p a,
label {
	font-weight: 600
}

header .login {
	font-size: 16px;
	font-weight: 600;
	color: var(--brand-blue)
}

header nav a,
header nav span {
	font-size: 14px;
	font-weight: 600;
	color: var(--brand-blue)
}

@media (min-width:2000px) {

	.bg-curve-footer,
	.bg-curve-footer-grey,
	.bg-curve-header,
	.bg-curve-header-grey {
		height: 10px
	}
}

header nav ul {
	display: flex;
	flex-direction: column
}

header nav ul li {
	background: #fff;
	border-bottom: 1px solid #eaf2f8
}

header nav ul li ul li {
	min-width: 150px
}

.font-p,
.p,
.rte a,
form input[type=email],
form input[type=text],
form textarea,
header nav ul li ul li a,
li,
p {
	font-size: 14px;
	line-height: 20px
}

header .languages span {
	font-size: 15px;
	font-family: Inter, sans-serif;
	font-weight: 600;
	line-height: 20px
}

header .languages .selected {
	color: var(--brand-blue);
	font-weight: 600;
	font-family: Poppins, sans-serif;
	background: #fff;
	box-shadow: 0 1px 1px rgb(0 0 0 / .1);
	border-radius: 10px;
	padding: 5px 15px;
	width: 100%;
	cursor: pointer
}

header .languages .selection {
	position: absolute;
	box-shadow: 0 1px 1px rgb(0 0 0 / .1);
	border-radius: 10px;
	min-width: 220px;
	top: 30px;
	left: 0
}

header .languages .selection ul li {
	border-bottom: 1px solid #e3e6e7
}

header .languages .selection ul li:last-child {
	border-bottom: none
}

header .languages .selection ul li a {
	background: #fff;
	display: flex;
	padding: 5px 15px;
	justify-content: space-between
}

header .languages .selection ul li a>div {
	display: flex
}

header .languages .selection ul li:first-child a {
	border-radius: 10px 10px 0 0
}

header .languages .selection ul li:last-child a {
	border-radius: 0 0 10px 10px
}

footer {
	padding-bottom: 60px
}

footer .inner>div:first-child {
	border-top: 1px solid #1a628c;
	padding-top: 70px
}

.rte footer a,
footer .rte a,
footer a,
footer form input[type=email],
footer form input[type=text],
footer form textarea,
footer h2,
footer h6,
footer p,
form footer input[type=email],
form footer input[type=text],
form footer textarea {
	color: #fff
}

.rte footer a,
footer .rte a,
footer form input[type=email],
footer form input[type=text],
footer form textarea,
footer p,
form footer input[type=email],
form footer input[type=text],
form footer textarea {
	font-family: Inter, sans-serif;
	font-size: 14px;
	line-height: 25px;
	font-weight: 400
}

footer h4 {
	font-family: Inter, sans-serif;
	font-size: 16px;
	line-height: 10px;
	font-weight: 700;
	margin-bottom: 10px
}

footer h2 {
	font-size: 40px;
	line-height: 52px
}

footer a {
	color: #85ebff;
	font-weight: 400;
	font-family: Inter, sans-serif;
	font-size: 14px;
	line-height: 25px
}

.rte a:hover,
footer a:hover {
	text-decoration: underline
}

html {
	scroll-behavior: smooth
}

.font-main,
.rte a,
a,
body.page--xeropage .contact-card h2,
div,
form input[type=email],
form input[type=text],
form textarea,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	font-family: Poppins, sans-serif
}

label {
	font-family: Inter, sans-serif;
	font-size: 15px;
	line-height: 24px
}

main {
	padding-top: 48px
}

.p,
.rte a,
form input[type=email],
form input[type=text],
form textarea,
li,
p {
	font-family: Inter, sans-serif;
	color: #061c24;
	font-weight: 500
}

.contact-card__bot .rte a,
.contact-card__bot .rte a span,
.contact-card__bot form input[type=email],
.contact-card__bot form input[type=email] a,
.contact-card__bot form input[type=email] span,
.contact-card__bot form input[type=text],
.contact-card__bot form input[type=text] a,
.contact-card__bot form input[type=text] span,
.contact-card__bot form textarea,
.contact-card__bot form textarea a,
.contact-card__bot form textarea span,
.contact-card__bot p,
.contact-card__bot p a,
.contact-card__bot p span,
.rte .contact-card__bot a,
.rte .contact-card__bot a span,
.subtitle,
.subtitle a,
.subtitle span,
form .contact-card__bot input[type=email],
form .contact-card__bot input[type=email] a,
form .contact-card__bot input[type=email] span,
form .contact-card__bot input[type=text],
form .contact-card__bot input[type=text] a,
form .contact-card__bot input[type=text] span,
form .contact-card__bot textarea,
form .contact-card__bot textarea a,
form .contact-card__bot textarea span {
	font-size: 16px;
	line-height: 24px;
	font-family: Inter, sans-serif
}

.box-shadow,
.counter__icon,
.highlight-card .text-image__body,
.nav-container,
.section--savings-calculator .box,
.section--savings-calculator .total>div,
.services-card .service-card,
.slick-slider .slick-arrow>div {
	box-shadow: 0 1px 3px rgb(24 106 133 / .08), 0 30px 60px rgb(51 66 73 / .08)
}

.box-shadow-2 {
	box-shadow: 0 1px 1px rgb(0 0 0 / .1)
}

.anchor-item,
.box-shadow-3 {
	box-shadow: 0 1px 1px rgb(24 106 133 / .1)
}

.box-shadow-4 {
	box-shadow: 0 1px 3px rgb(24 106 133 / .08), 0 10px 40px rgb(51 66 73 / .08)
}

.box-shadow-5 {
	box-shadow: 0 0 10px rgb(24 106 133 / .12)
}

.box-shadow-6 {
	box-shadow: 0 5px 15px rgb(0 0 0 / .05), 0 -2px 50px rgb(0 0 0 / .08)
}

.btn--alt,
.btn--alt:hover,
.btn--outline-yellow:hover {
	box-shadow: 0 10px 20px -10px rgb(245 159 26 / .6)
}

.bg-grey {
	background: linear-gradient(0deg, #f4f8f9, #f4f8f9), #f0f6fb
}

.bg-grey-2 {
	background: linear-gradient(0deg, #ecf1f3, #ecf1f3), #f0f6fb
}

.overlay {
	background: linear-gradient(0deg, rgb(0 0 0 / .3), rgb(0 0 0 / .3))
}

.text-variant-3 {
	color: #8298ab !important
}

.bg-dark-grey {
	background: #ecf1f3
}

.bg-alt-light {
	background: #fef8e9
}

.text-title {
	font-size: 30px;
	line-height: 40px;
	letter-spacing: -1px;
	font-weight: 600
}

.text-content {
	font-size: 18px;
	line-height: 30px;
	letter-spacing: -.2px;
	font-family: Inter, sans-serif;
	font-weight: 700
}

.font-alt {
	font-family: Inter, sans-serif
}

.container {
	max-width: 1200px;
	margin: 0 auto
}

.logo {
	height: 28px
}

.hero-title,
body.page--xeropage .contact-card h2,
h1 {
	font-size: 40px;
	line-height: 50px;
	font-weight: 600;
	letter-spacing: -1px
}

.h2,
h2 {
	font-size: 26px;
	line-height: 34px;
	color: var(--brand-blue);
	font-weight: 600;
	margin-bottom: 10px;
	letter-spacing: -1px
}

.btn,
.section--banner-calc .calc-box span,
h3 {
	font-weight: 700
}

h3 {
	font-size: 15px;
	line-height: 22px
}

.btn,
a {
	font-size: 13px;
	line-height: 20px
}

.highlight {
	color: var(--brand-orange)
}

a {
	font-family: Inter, sans-serif
}

.btn {
	border-radius: 10px;
	padding: 12px 24px;
	color: #fff;
	cursor: pointer;
	transition: .3s
}

.btn--small {
	padding: 6px 18px
}

.btn--alt {
	background: linear-gradient(90deg, var(--brand-orange) 0, #f59d1a 100%)
}

.btn--alt:hover {
	background: linear-gradient(90deg, #f59d1a 100%, #f59d1a 100%)
}

.btn--outline-white {
	border: 2px solid #fff
}

.btn--outline-white:hover {
	color: var(--brand-blue);
	background: #fff
}

.btn--outline-yellow {
	color: var(--brand-orange);
	border: 2px solid var(--brand-orange)
}

.btn--outline-main,
.btn--outline-main-transparent {
	border: 2px solid var(--brand-blue);
	color: var(--brand-blue)
}

.btn--outline-yellow:hover {
	color: #fff;
	border-color: #f59d1a;
	background: linear-gradient(90deg, #f59d1a 100%, #f59d1a 100%)
}

.btn--outline-main-transparent:hover,
.btn--outline-main:hover {
	background: var(--brand-blue);
	color: #fff
}

.btn--outline-main-transparent {
	background-color: #fff0
}

.btn--clear-outline-white {
	height: 44px;
	width: 129.95px
}

.btn--blue,
body.page--xeropage .section--banner .btn {
	background: linear-gradient(90deg, #00b7e2 0, #0089a3 100%);
	box-shadow: 0 10px 20px -10px rgb(89 60 15 / .6);
	border-radius: 10px;
	color: #fff
}

.section--banner-home,
.section--banner-subpage {
	background-color: var(--brand-blue);
	background-image: url(../images/banner-subpage-v3.webp);
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
	z-index: 10
}

.section--banner-home,
.section--banner-subpage,
.section--signup {
	background-position: center center
}

.event,
.event-tile {
	box-shadow: 0 1px 3px rgb(24 106 133 / .08), 0 20px 30px rgb(51 66 73 / .08)
}

.btn--blue:hover,
body.page--xeropage .section--banner .btn:hover {
	background: linear-gradient(90deg, #00b7e2 100%, #0089a3 100%)
}

body.page--homepage {
	background-image: url(../media/gfgis3fx/banner-bg-2.webp);
	background-size: 1246px;
	background-repeat: no-repeat;
	background-position: left -50px
}

@media (min-width:976px) {
	body.page--homepage {
		background-size: 1600px
	}
}

@media (min-width:1714px) {
	body.page--homepage {
		background-size: auto
	}
}

@media (min-width:2114px) {
	body.page--homepage {
		background-size: 1640px
	}
}

@media (min-width:2378px) {
	body.page--homepage {
		background-size: 1840px;
		background-position: left -60px
	}
}

@media (min-width:2537px) {
	body.page--homepage {
		background-size: 1940px;
		background-position: left -80px
	}
}

@media (min-width:2854px) {
	body.page--homepage {
		background-size: 2150px;
		background-position: left -100px
	}
}

body.page--xeropage .contact-card {
	background: #00b7e2
}

body.page--xeropage .contact-card h2 {
	color: #fff
}

.rte .section--banner a,
.section--banner .rte a,
.section--banner form input[type=email],
.section--banner form input[type=text],
.section--banner form textarea,
.section--banner p,
form .section--banner input[type=email],
form .section--banner input[type=text],
form .section--banner textarea {
	margin-bottom: 30px
}

.hc-sub-title,
.section--banner a,
.section--banner body.page--xeropage .contact-card h2,
.section--banner h1,
.tabbed input[type=radio]:first-of-type:checked~.tabs label:first-of-type .hc-sub-title,
.tabbed input[type=radio]:first-of-type:checked~.tabs label:first-of-type span,
.tabbed input[type=radio]:nth-of-type(2):checked~.tabs label:nth-of-type(2) .hc-sub-title,
.tabbed input[type=radio]:nth-of-type(2):checked~.tabs label:nth-of-type(2) span,
.tabbed input[type=radio]:nth-of-type(3):checked~.tabs label:nth-of-type(3) .hc-sub-title,
.tabbed input[type=radio]:nth-of-type(3):checked~.tabs label:nth-of-type(3) .title,
.tabbed input[type=radio]:nth-of-type(3):checked~.tabs label:nth-of-type(3) p,
.tabbed input[type=radio]:nth-of-type(3):checked~.tabs label:nth-of-type(3) span,
.tabbed-hc input[type=radio]:first-of-type:checked~div .tabs-hc label:first-of-type span,
.tabbed-hc input[type=radio]:nth-of-type(2):checked~div .tabs-hc label:nth-of-type(2) span,
.tabbed-hc input[type=radio]:nth-of-type(3):checked~div .tabs-hc label:nth-of-type(3) span,
body.page--xeropage .contact-card .section--banner h2 {
	color: #fff
}

@media (max-width:480px) {

	.section--banner body.page--xeropage .contact-card h2,
	.section--banner h1,
	body.page--xeropage .contact-card .section--banner h2 {
		font-size: 38px
	}
}

.section--banner-home+img {
	width: 100%;
	transform: translateY(-6%)
}

@media (min-width:1076px) {
	header .header-main>div:first-child {
		padding: 20px 0
	}

	header .login,
	header nav a,
	header nav span {
		font-size: 16px
	}

	header nav ul {
		flex-direction: row
	}

	header nav ul li {
		background: 0 0;
		border: none
	}

	header nav ul li ul li {
		text-align: left;
		border-bottom: 1px solid #e3e6e7
	}

	header nav ul li ul li:first-child {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px
	}

	header nav ul li ul li:last-child {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px
	}

	header nav ul li ul li a {
		font-size: 15px;
		line-height: 20px;
		font-weight: 600;
		padding: 10px 15px
	}

	header nav .active {
		border-bottom: 2px solid var(--brand-blue);
		padding-bottom: 4px
	}

	header .languages .selected {
		width: auto
	}

	.header-blue {
		background: var(--brand-navy) !important
	}

	.header-blue .header-main>div:first-child {
		background: var(--brand-navy)
	}

	.header-blue .languages .selected span,
	.header-blue .languages .selection ul li a span,
	.header-blue .login,
	.header-blue nav a,
	.header-blue nav span {
		color: #fff !important
	}

	.header-blue nav .active {
		border-bottom-color: var(--brand-blue)
	}

	.header-blue .languages .selected {
		background: var(--brand-blue) !important;
		color: #fff !important
	}

	.header-blue .languages .selection,
	.header-blue .nav-menu .selection {
		background: var(--brand-blue)
	}

	.header-blue .languages .selection ul li a,
	.header-blue .nav-menu .selection ul li a {
		background: var(--brand-blue);
		color: #fff
	}

	.header-blue .languages .selection ul li:hover a,
	.header-blue .nav-menu .selection ul li:hover a {
		background: #013d5f
	}

	.header-blue .btn--outline-main {
		border-color: #fff;
		color: #fff
	}

	.header-blue .btn--outline-main:hover {
		background: #fff;
		color: var(--brand-navy)
	}

	.header-blue #mobileMenu img,
	.header-blue .languages .icon-check,
	.header-blue .languages img[alt="arrow down"] {
		filter: brightness(0) invert(1)
	}

	.nav-menu>li .selected>a,
	.nav-menu>li>a {
		padding: 8px 0;
		display: inline-block;
		vertical-align: middle
	}

	.nav-menu>li .selected {
		display: inline;
		position: relative
	}

	.nav-menu>li {
		position: relative;
		margin-right: 24px
	}

	.nav-menu .selection ul li a>div img {
		width: 24px !important;
		height: 24px !important;
		flex-shrink: 0;
		object-fit: contain;
		margin-right: 10px
	}

	.nav-menu .selection {
		position: absolute;
		max-height: 0;
		transition: max-height .5s;
		overflow: hidden;
		box-shadow: 0 10px 25px rgb(0 0 0 / .1);
		border-radius: 10px;
		min-width: 280px;
		top: calc(100% + 12px);
		left: 0;
		z-index: 50
	}

	.nav-menu .selection ul li a {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		background: #fff;
		display: flex;
		padding: 8px 16px;
		justify-content: space-between;
		text-decoration: none
	}

	.nav-menu>li .selected:hover .selection {
		max-height: 300px
	}

	.nav-menu .selection ul {
		list-style: none;
		margin: 0;
		padding: 16px 0;
		display: block !important;
		background: #fff;
		border-radius: 10px
	}

	.nav-menu .selection ul li:first-child a {
		padding-top: 16px;
		margin-top: -16px;
		border-radius: 10px 10px 0 0
	}

	.nav-menu .selection ul li:last-child a {
		padding-bottom: 16px;
		margin-bottom: -16px;
		border-radius: 0 0 10px 10px
	}

	.nav-menu .selection ul li {
		display: block !important;
		border-bottom: 1px solid #e3e6e7;
		margin: 0;
		margin-right: 0 !important
	}

	.nav-menu .selection ul li:last-child {
		border-bottom: none
	}

	.nav-menu .selection ul li a>div {
		display: flex;
		align-items: center
	}

	.header-blue .nav-menu .selection ul li:first-child a {
		margin-top: -16px
	}

	.header-blue .nav-menu .selection ul li:last-child a {
		margin-bottom: -16px
	}

	.header-blue .nav-menu .selection ul li a img {
		filter: brightness(0) invert(1);
		width: 24px !important;
		height: 24px !important
	}

	main {
		padding-top: 48px
	}

	.font-p,
	.p,
	.rte a,
	form input[type=email],
	form input[type=text],
	form textarea,
	li,
	p {
		font-size: 17px;
		line-height: 25px
	}

	.contact-card__bot .rte a,
	.contact-card__bot .rte a a,
	.contact-card__bot .rte a span,
	.contact-card__bot form input[type=email],
	.contact-card__bot form input[type=email] a,
	.contact-card__bot form input[type=email] span,
	.contact-card__bot form input[type=text],
	.contact-card__bot form input[type=text] a,
	.contact-card__bot form input[type=text] span,
	.contact-card__bot form textarea,
	.contact-card__bot form textarea a,
	.contact-card__bot form textarea span,
	.contact-card__bot p,
	.contact-card__bot p a,
	.contact-card__bot p span,
	.rte .contact-card__bot a,
	.rte .contact-card__bot a a,
	.rte .contact-card__bot a span,
	.subtitle,
	.subtitle a,
	.subtitle span,
	form .contact-card__bot input[type=email],
	form .contact-card__bot input[type=email] a,
	form .contact-card__bot input[type=email] span,
	form .contact-card__bot input[type=text],
	form .contact-card__bot input[type=text] a,
	form .contact-card__bot input[type=text] span,
	form .contact-card__bot textarea,
	form .contact-card__bot textarea a,
	form .contact-card__bot textarea span {
		font-size: 20px;
		line-height: 32px
	}

	.container .inner {
		padding: 0 20px
	}

	.logo {
		height: auto
	}

	body.page--xeropage .contact-card h2,
	h1 {
		font-size: 55px;
		line-height: 68px
	}

	.h2,
	h2 {
		font-size: 40px;
		line-height: 52px;
		margin-bottom: 20px
	}

	h3 {
		font-size: 24px;
		line-height: 36px
	}

	.section--banner-home~.section--logos {
		padding-top: 0
	}
}

.section--banner-subpage+img {
	z-index: 1
}

.section--banner-subpage+img+section {
	margin-top: -30px;
	padding-top: 90px
}

.section--banner-calc .calc-box {
	background: rgb(255 255 255 / .95);
	box-shadow: 0 20px 40px rgb(0 0 0 / .1);
	height: 272px;
	padding: 30px
}

.section--banner-calc .calc-box__dropdown {
	box-shadow: 0 1px 1px rgb(0 0 0 / .1);
	padding: 14px 20px
}

#frmSearch label,
.rte .section--banner-calc .calc-box__dropdown a,
.section--banner-calc .calc-box__dropdown .rte a,
.section--banner-calc .calc-box__dropdown form input[type=email],
.section--banner-calc .calc-box__dropdown form input[type=text],
.section--banner-calc .calc-box__dropdown form textarea,
.section--banner-calc .calc-box__dropdown p,
.table-wrapper table>thead,
form .section--banner-calc .calc-box__dropdown input[type=email],
form .section--banner-calc .calc-box__dropdown input[type=text],
form .section--banner-calc .calc-box__dropdown textarea {
	font-size: 14px
}

.section--banner-calc .calc-box__dropdown img {
	height: 8px
}

.section--banner-calc .amount-price {
	color: var(--brand-sidekick-blue);
	font-family: Inter, sans-serif;
	font-size: 30px;
	line-height: 35px;
	letter-spacing: -1px;
	border-bottom: 2px dashed #bfc7cf;
	min-width: 70px;
	text-align: center
}

.section--banner-calc .amount-quantity:before {
	content: "$";
	color: var(--brand-orange);
	font-size: 18px;
	line-height: 22px;
	letter-spacing: -1px;
	position: absolute
}

.section--banner-calc .calc-input {
	background: 0 0;
	font-weight: 700;
	width: 110px
}

.section--banner-calc .calc-input:focus {
	outline: 0
}

.book-demo,
.section--banner-calc .selected {
	cursor: pointer
}

.section--banner-calc .selection {
	position: absolute;
	box-shadow: 0 1px 1px rgb(0 0 0 / .1);
	border-radius: 10px;
	min-width: 220px
}

.section--banner-calc .selection ul li {
	border-bottom: 1px solid #e3e6e7
}

.section--banner-calc .selection ul li:last-child {
	border-bottom: none
}

.section--banner-calc .selection ul li a {
	background: #fff;
	display: flex;
	padding: 5px 15px;
	justify-content: space-between
}

.section--banner-calc .selection ul li a>div {
	display: flex
}

.section--banner-calc .selection ul li:first-child a {
	border-radius: 10px 10px 0 0
}

.section--banner-calc .selection ul li:last-child a {
	border-radius: 0 0 10px 10px
}

.section--savings-calculator .sliders>div {
	padding-bottom: 40px
}

.section--savings-calculator .sliders>div .slider--info {
	margin-bottom: 40px
}

.section--savings-calculator .sliders>div .slider--info span {
	font-weight: 600;
	font-size: 15px;
	letter-spacing: -.2px
}

@media (min-width:768px) {

	.rte header .header-sticky a,
	form header .header-sticky input[type=email],
	form header .header-sticky input[type=text],
	form header .header-sticky textarea,
	header .header-sticky .rte a,
	header .header-sticky a,
	header .header-sticky form input[type=email],
	header .header-sticky form input[type=text],
	header .header-sticky form textarea,
	header .header-sticky p {
		font-size: 16px
	}

	.section--banner-home+img {
		display: block
	}

	.section--banner-subpage+img+section {
		margin-top: -60px;
		padding-top: 130px
	}

	.section--banner-calc .calc-box,
	.section--banner-calc .calc-box+div {
		max-width: 370px
	}

	.section--savings-calculator .sliders>div .slider--info span {
		font-size: 20px
	}
}

@media (min-width:1076px) {
	.section--banner-calc .selected {
		width: auto
	}

	.section--savings-calculator .sliders>div .slider--info span {
		font-size: 25px
	}
}

.section--savings-calculator .sliders>div .slider-js {
	height: 2px
}

.section--savings-calculator .sliders>div .slider-js .noUi-connects {
	background: #b1b1b1
}

.section--savings-calculator .sliders>div .slider-js .noUi-handle {
	background: var(--brand-orange);
	border: 1px solid #fff;
	box-shadow: 0 2px 10px rgb(0 0 0 / .25);
	border-radius: 50%;
	height: 26px;
	width: 26px;
	top: -14px
}

.section--savings-calculator .btn {
	font-size: 22px;
	padding: 8px;
	width: 104px
}

.section--savings-calculator .box {
	border-radius: 20px;
	max-width: 380px
}

.section--savings-calculator .box .header {
	border-radius: 20px 20px 0 0
}

.section--savings-calculator .box .header span {
	font-weight: 800;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 20px 0;
	display: block
}

.section--savings-calculator .box .body {
	padding: 40px 20px
}

.event .section--savings-calculator .box .body h6 span:first-child,
.event-tile .section--savings-calculator .box .body h6 span:first-child,
.section--savings-calculator .box .body .event h6 span:first-child,
.section--savings-calculator .box .body .event-tile h6 span:first-child,
.section--savings-calculator .box .body .title span:first-child {
	font-size: 40px;
	font-weight: 500;
	line-height: .8
}

@media (min-width:768px) {
	.section--savings-calculator .btn {
		font-size: 25px
	}

	.event .section--savings-calculator .box .body h6 span:first-child,
	.event-tile .section--savings-calculator .box .body h6 span:first-child,
	.section--savings-calculator .box .body .event h6 span:first-child,
	.section--savings-calculator .box .body .event-tile h6 span:first-child,
	.section--savings-calculator .box .body .title span:first-child {
		font-size: 50px
	}
}

@media (min-width:1076px) {
	.section--savings-calculator .btn {
		padding: 16px;
		font-size: 30px;
		width: 170px
	}

	.event .section--savings-calculator .box .body h6 span:first-child,
	.event-tile .section--savings-calculator .box .body h6 span:first-child,
	.section--savings-calculator .box .body .event h6 span:first-child,
	.section--savings-calculator .box .body .event-tile h6 span:first-child,
	.section--savings-calculator .box .body .title span:first-child {
		font-size: 60px
	}
}

@media (min-width:768px) and (max-width:1076px) {
	.container {
		padding-left: 4vw;
		padding-right: 4vw
	}
}

.event .section--savings-calculator .box .body h6 span:last-child,
.event-tile .section--savings-calculator .box .body h6 span:last-child,
.section--savings-calculator .box .body .event h6 span:last-child,
.section--savings-calculator .box .body .event-tile h6 span:last-child,
.section--savings-calculator .box .body .title span:last-child {
	font-size: 18px;
	font-weight: 700
}

@media (min-width:768px) {

	.event .section--savings-calculator .box .body h6 span:last-child,
	.event-tile .section--savings-calculator .box .body h6 span:last-child,
	.section--savings-calculator .box .body .event h6 span:last-child,
	.section--savings-calculator .box .body .event-tile h6 span:last-child,
	.section--savings-calculator .box .body .title span:last-child {
		font-size: 24px
	}
}

.section--savings-calculator .box .body .prices>div span {
	font-family: Inter, sans-serif;
	font-weight: 700
}

.section--savings-calculator .box .body .prices>div span:first-child,
.yellow-title--md {
	font-size: 20px
}

.section--savings-calculator .box .body .prices>div span:last-child {
	font-size: 15px;
	color: var(--brand-blue)
}

.rte .section--savings-calculator .box .body a,
.section--savings-calculator .box .body .rte a,
.section--savings-calculator .box .body form input[type=email],
.section--savings-calculator .box .body form input[type=text],
.section--savings-calculator .box .body form textarea,
.section--savings-calculator .box .body p,
form .section--savings-calculator .box .body input[type=email],
form .section--savings-calculator .box .body input[type=text],
form .section--savings-calculator .box .body textarea {
	color: #8298ab;
	font-size: 13px
}

.section--savings-calculator .box--1 .header {
	background: var(--brand-orange)
}

.event .section--savings-calculator .box--1 .body h6 span:first-child,
.event .section--savings-calculator .box--1 .body h6 span:last-child,
.event-tile .section--savings-calculator .box--1 .body h6 span:first-child,
.event-tile .section--savings-calculator .box--1 .body h6 span:last-child,
.section--savings-calculator .box--1 .body .event h6 span:first-child,
.section--savings-calculator .box--1 .body .event h6 span:last-child,
.section--savings-calculator .box--1 .body .event-tile h6 span:first-child,
.section--savings-calculator .box--1 .body .event-tile h6 span:last-child,
.section--savings-calculator .box--1 .body .title span:first-child,
.section--savings-calculator .box--1 .body .title span:last-child {
	color: var(--brand-orange)
}

.section--savings-calculator .box--2 .header {
	background: #0089a3
}

.event .section--savings-calculator .box--2 .body h6 span:first-child,
.event-tile .section--savings-calculator .box--2 .body h6 span:first-child,
.section--savings-calculator .box--2 .body .event h6 span:first-child,
.section--savings-calculator .box--2 .body .event-tile h6 span:first-child,
.section--savings-calculator .box--2 .body .title span:first-child,
.tabs>label .hc-sub-title {
	color: #000
}

.big-amount span:last-child,
.event h6,
.event-tile h6,
.tabs-hc>label span,
.tabs>label span,
.title {
	color: var(--brand-sidekick-blue)
}

.section--savings-calculator .total {
	display: flex;
	justify-content: center
}

.section--savings-calculator .total>div {
	display: flex;
	align-items: center;
	margin: 0 auto;
	padding: 10px 40px;
	border-radius: 20px
}

.section--savings-calculator .total span:first-child {
	font-size: 18px;
	color: var(--brand-blue);
	font-weight: 700;
	line-height: 25px;
	margin-right: 20px
}

@media (min-width:768px) {
	.section--savings-calculator .total span:first-child {
		font-size: 24px
	}
}

@media (min-width:1076px) {
	.section--savings-calculator .total span:first-child {
		font-size: 30px
	}
}

.section--savings-calculator .total span:last-child {
	color: var(--brand-orange);
	font-size: 40px;
	font-weight: 700;
	line-height: 50px;
	letter-spacing: -.2px
}

@media (min-width:768px) {
	.section--savings-calculator .total span:last-child {
		font-size: 50px
	}
}

@media (min-width:1076px) {
	.section--savings-calculator .total span:last-child {
		font-size: 60px
	}
}

.section--testimonials .testimonial {
	background: #fff;
	border-radius: 20px;
	padding: 30px;
	max-width: 364px;
	display: flex;
	justify-content: space-between;
	flex-direction: column
}

.page--schoolspage .section--logos,
.section--faqs+.section--contact-card,
.section--team+.section--image,
.section--text-image+.section--text-image {
	padding-top: 0
}

.rte .section--testimonials .testimonial a,
.section--testimonials .testimonial .rte a,
.section--testimonials .testimonial form input[type=email],
.section--testimonials .testimonial form input[type=text],
.section--testimonials .testimonial form textarea,
.section--testimonials .testimonial p,
form .section--testimonials .testimonial input[type=email],
form .section--testimonials .testimonial input[type=text],
form .section--testimonials .testimonial textarea {
	font-family: Inter, sans-serif;
	font-size: 17px;
	line-height: 25px;
	font-weight: 500
}

.section--testimonials .testimonial__author-title {
	font-family: Inter, sans-serif;
	font-size: 16px;
	line-height: 28px;
	font-weight: 400;
	color: #616c6b
}

.section--testimonials .testimonial.slick-slide {
	margin: 30px 15px
}

.reviews-carousel .owl-item img,
.section--testimonials .testimonial-carousel img {
	width: auto
}

.section--testimonials .testimonial-carousel .testimonial {
	min-height: 380px;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	max-width: unset
}

.section--testimonials .testimonial-carousel .owl-stage {
	display: flex;
	margin-bottom: 20px
}

.section--testimonials .testimonial-carousel .owl-stage-outer {
	padding: 24px
}

.section--testimonials .testimonial-carousel .owl-item {
	display: flex;
	width: auto
}

.section--checklistv2 .checklist__border {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	width: 100px;
	top: -104px;
	height: calc(100% + 200px);
	border-color: #0089a3
}

.section--checklistv2 .checklist__border .bottom .btn {
	font-size: 11px;
	line-height: 15px;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 4px;
	border-radius: 4px
}

.rte .section--checklistv2 .checklist__border .bottom a,
.section--checklistv2 .checklist__border .bottom .rte a,
.section--checklistv2 .checklist__border .bottom form input[type=email],
.section--checklistv2 .checklist__border .bottom form input[type=text],
.section--checklistv2 .checklist__border .bottom form textarea,
.section--checklistv2 .checklist__border .bottom p,
form .section--checklistv2 .checklist__border .bottom input[type=email],
form .section--checklistv2 .checklist__border .bottom input[type=text],
form .section--checklistv2 .checklist__border .bottom textarea {
	font-size: 9px;
	line-height: 12px;
	letter-spacing: -.2px
}

.section--checklistv2 .checklist__border--2 {
	border-color: var(--brand-orange);
	right: 126px
}

@media (min-width:768px) {
	.section--checklistv2 .checklist__border {
		width: 170px;
		top: -108px;
		height: calc(100% + 222px)
	}

	.section--checklistv2 .checklist__border .bottom .btn {
		font-size: 18px;
		font-weight: 700;
		letter-spacing: 1px;
		padding: 8px;
		border-radius: 6px
	}

	.rte .section--checklistv2 .checklist__border .bottom a,
	.section--checklistv2 .checklist__border .bottom .rte a,
	.section--checklistv2 .checklist__border .bottom form input[type=email],
	.section--checklistv2 .checklist__border .bottom form input[type=text],
	.section--checklistv2 .checklist__border .bottom form textarea,
	.section--checklistv2 .checklist__border .bottom p,
	form .section--checklistv2 .checklist__border .bottom input[type=email],
	form .section--checklistv2 .checklist__border .bottom input[type=text],
	form .section--checklistv2 .checklist__border .bottom textarea {
		font-size: 10px;
		line-height: 18px;
		font-weight: 500;
		font-size: "Inter", sans-serif
	}

	.section--checklistv2 .checklist__border--2 {
		right: 200px
	}
}

@media (min-width:1076px) {
	.section--checklistv2 .checklist__border {
		width: 192px;
		top: -115px;
		height: calc(100% + 234px)
	}

	.section--checklistv2 .checklist__border .bottom .btn {
		font-size: 25px;
		font-weight: 700;
		letter-spacing: 1px;
		padding: 10px;
		border-radius: 10px
	}

	.section--checklistv2 .checklist__border--2 {
		right: 238px
	}
}

.section--checklistv2 .checklist__icon {
	width: 100px;
	height: 94px
}

.section--checklistv2 .checklist__icon svg {
	width: 30px;
	height: 30px
}

.section--checklistv2 .checklist__icon svg.check {
	width: 36px;
	height: 36px
}

.section--checklistv2 .checklist__icon--2 {
	right: 110px
}

@media (min-width:768px) {
	.section--checklistv2 .checklist__icon {
		width: 170px;
		height: 38px
	}

	.section--checklistv2 .checklist__icon svg {
		width: 16px;
		height: 16px
	}

	.section--checklistv2 .checklist__icon svg.check {
		width: 20px;
		height: 20px
	}

	.section--checklistv2 .checklist__icon--2 {
		right: 184px
	}
}

.rte .section--checklistv2 .checklist__text a,
.section--checklistv2 .checklist__text .rte a,
.section--checklistv2 .checklist__text form input[type=email],
.section--checklistv2 .checklist__text form input[type=text],
.section--checklistv2 .checklist__text form textarea,
.section--checklistv2 .checklist__text p,
form .section--checklistv2 .checklist__text input[type=email],
form .section--checklistv2 .checklist__text input[type=text],
form .section--checklistv2 .checklist__text textarea {
	font-size: 15px
}

@media (min-width:1076px) {
	.section--checklistv2 .checklist__icon {
		width: 190px;
		height: 60px
	}

	.section--checklistv2 .checklist__icon--2 {
		right: 210px
	}

	.rte .section--checklistv2 .checklist__text a,
	.section--checklistv2 .checklist__text .rte a,
	.section--checklistv2 .checklist__text form input[type=email],
	.section--checklistv2 .checklist__text form input[type=text],
	.section--checklistv2 .checklist__text form textarea,
	.section--checklistv2 .checklist__text p,
	form .section--checklistv2 .checklist__text input[type=email],
	form .section--checklistv2 .checklist__text input[type=text],
	form .section--checklistv2 .checklist__text textarea {
		font-size: 20px
	}
}

.section--checklistv2 .fee {
	font-size: 10px
}

.section--anchors {
	position: sticky;
	top: 30px;
	z-index: 5;
	transition: top 1s
}

.section--anchors~.section--services {
	padding-top: 0;
	background: #f4f8f9
}

.section--anchors.exit {
	top: -300px
}

.section--team+.section--image {
	margin-top: -30px
}

@media (min-width:768px) {
	.section--checklistv2 .fee {
		font-size: 14px
	}

	.section--team+.section--image {
		margin-top: -60px
	}
}

.section--signup {
	background-image: url(../images/block-sign-up-bg.webp);
	background-repeat: no-repeat
}

.section--video .video-iframe {
	height: 57vw;
	max-width: 973px;
	max-height: 583px;
	margin: 0 auto
}

.section--video iframe {
	padding: 20px;
	width: 100%;
	height: 100%
}

.page--schoolspage .section,
.widgets .widget:last-child {
	margin-bottom: 0
}

.rte a,
.rte blockquote,
.rte form input[type=email],
.rte form input[type=text],
.rte form textarea,
.rte li,
.rte p,
.widgets .widget,
form .rte input[type=email],
form .rte input[type=text],
form .rte textarea {
	margin-bottom: 20px
}

.page--schoolspage .section--banner-subpage {
	background-image: url(../images/banner-subpage-v3.webp);
	background-color: var(--brand-blue);
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 10;
	position: relative
}

.page--successstorypage .section--stories-slider+.section--banner-footer {
	margin-top: -60px
}

.page--fundraisingpage .section--banner-subpage {
	padding-bottom: 0
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span,
.slick-dots .slick-active button {
	background: var(--brand-orange);
	border: 2px solid var(--brand-orange)
}

.owl-theme .owl-dots .owl-dot span,
.slick-dots>li button {
	background: 0 0;
	border: 2px solid var(--brand-blue);
	height: 12px;
	width: 12px;
	border-radius: 50%
}

.tabs-hc>label,
.tabs-hc>label:hover,
.tabs>label,
.tabs>label:hover {
	border: 2px solid var(--brand-sidekick-blue)
}

.owl-theme .owl-dots .owl-dot span:before,
.slick-dots>li button:before {
	content: ""
}

.tabs-hc>label,
.tabs>label {
	transition: border .2s
}

.counter__icon,
.event,
.event-tile {
	border-radius: 15px
}

.event a>img,
.event-tile a>img {
	width: 100%;
	height: 200px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px
}

.event-tile__info span:first-child,
.event__info span:first-child {
	border-bottom: 1px solid #e2edf6;
	padding-bottom: 5px;
	margin-bottom: 7px
}

.tabbed .tabs label .img-credit-card {
	filter: brightness(1)
}

.tabbed input[type=radio]:first-of-type:checked~.tabs label:first-of-type,
.tabbed input[type=radio]:nth-of-type(2):checked~.tabs label:nth-of-type(2),
.tabbed input[type=radio]:nth-of-type(3):checked~.tabs label:nth-of-type(3),
.tabbed input[type=radio]:nth-of-type(4):checked~.tabs label:nth-of-type(4),
.tabbed-hc input[type=radio]:first-of-type:checked~div .tabs-hc label:first-of-type,
.tabbed-hc input[type=radio]:nth-of-type(2):checked~div .tabs-hc label:nth-of-type(2),
.tabbed-hc input[type=radio]:nth-of-type(3):checked~div .tabs-hc label:nth-of-type(3) {
	background-color: var(--brand-sidekick-blue)
}

.tabbed input[type=radio]:first-of-type:checked~.tabs label:first-of-type .img-credit-card,
.tabbed input[type=radio]:nth-of-type(2):checked~.tabs label:nth-of-type(2) .img-others-payment {
	filter: brightness(0) invert(1)
}

.tabbed-hc input[type=radio]:first-of-type:checked~div .widgets-container {
	flex-direction: column-reverse
}

.title--xl {
	font-family: Inter, sans-serif;
	font-size: 18px;
	line-height: 26px
}

@media (min-width:1076px) {
	.title--xl {
		font-size: 24px;
		line-height: 35px
	}
}

.title--lg {
	font-size: 16px;
	line-height: 24px
}

@media (min-width:1076px) {
	.title--lg {
		font-size: 20px;
		line-height: 28px
	}
}

.title--md {
	font-size: 16px;
	line-height: 24px
}

@media (min-width:1076px) {
	.title--md {
		font-size: 18px;
		line-height: 24px
	}
}

.event h6,
.event-tile h6,
.title--sm {
	font-size: 13px;
	font-weight: 600;
	line-height: 28px
}

.event-tile__info span,
.event__info span,
small {
	font-weight: 400;
	color: #8298ab;
	font-family: Inter, sans-serif
}

.event-tile__info span,
.event__info span {
	font-size: 12px;
	display: flex;
	line-height: 18px
}

.services-card>div {
	max-width: 100%;
	width: 100%
}

.services-card .service-card {
	background: #fff;
	border-radius: 20px;
	text-align: left
}

.counter__icon {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center
}

.counter__icon img {
	width: 42px
}

.counter__num {
	font-weight: 700;
	font-size: 30px;
	line-height: 42px;
	color: var(--brand-orange)
}

.event {
	background: #fff;
	width: 270px;
	margin: 60px 15px;
	transition: opacity .3s;
	opacity: .1
}

.event a>img {
	object-fit: cover
}

.event-tile__body,
.event__body {
	min-height: 180px
}

.event .icon,
.event-tile .icon {
	width: auto !important
}

.event-tile {
	background: #fff;
	width: 300px;
	margin: 20px 25px
}

.event-tile a>img {
	object-fit: contain
}

.slick-slider .slick-arrow {
	position: absolute;
	height: 100%;
	display: flex;
	align-items: center;
	z-index: 1;
	top: 0;
	padding: 0 30px
}

.slick-slider .slick-arrow>div {
	background: #fff;
	border-radius: 50px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: .8;
	cursor: pointer
}

.slick-slider .slick-arrow>div img {
	width: 20px
}

.slick-slider .slick-arrow--left>div img {
	transform: scale(-1)
}

.slick-slider .slick-arrow--right {
	right: 0
}

.reviews-carousel .owl-stage,
.stories-carousel .owl-stage {
	padding: 30px 0
}

.font-testimonial,
.stories>div h3 {
	font-weight: 600;
	font-size: 26px;
	line-height: 44px;
	letter-spacing: -1px;
	color: var(--brand-blue)
}

.stories>div {
	max-width: 1170px
}

.stories>div .curve {
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	display: none
}

.image-cards>div:nth-child(2n) .image-card__overlay,
.stories>div:nth-child(odd) .curve {
	right: 0;
	transform: scale(-1) translateX(-1px)
}

.story {
	width: 266px
}

.big-amount span:last-child {
	font-size: 33px;
	line-height: 33px;
	font-weight: 600
}

.offer {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.offer--first {
	transform: translateX(26px)
}

.offer__title {
	color: var(--brand-orange);
	font-size: 16px;
	line-height: 25px;
	font-weight: 800;
	letter-spacing: 2px
}

.offer__subtitle {
	font-family: Inter, sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: var(--brand-sidekick-blue)
}

small {
	font-size: 9px;
	line-height: 16px
}

.flex-6 {
	flex: 6
}

.faq__answer,
.submenu ul {
	max-height: 0;
	overflow: hidden;
	transition: max-height .5s
}

.quicklink>img,
.submenu img {
	transition: .5s
}

.faq svg,
.nav-container {
	transition: transform .5s
}

@media (max-width:1075px) {
	header nav .active {
		background: #f2f6f9
	}

	.submenu {
		border-bottom: none
	}

	.submenu ul {
		max-height: 300px
	}

	.submenu>span {
		background: #f7fbfd;
		border-bottom: 1px solid #eaf2f8
	}

	.submenu img {
		transform: rotate(180deg)
	}
}

.submenu-arrow {
	right: -28px
}

.nav-container {
	background: #f7fbfd;
	max-width: 414px;
	height: 100vh;
	transform: translateX(100%);
	margin-top: 10px
}

.nav-container.active {
	transform: translateX(0)
}

.bg-highlight {
	background-color: var(--brand-blue);
	background-image: url(../media/4iqdsklr/footer-bgae14ae14.html?height=228&quality=50);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center
}

.feature-card {
	width: 100%;
	max-width: 206px
}

.feature-card img {
	width: 60px;
	height: 60px
}

.faq {
	max-width: 770px;
	width: 100%
}

.faq svg {
	transform: rotate(45deg);
	width: 15px
}

.faq__title {
	color: #061c24;
	transition: color .5s
}

.faq input[type=checkbox]:checked+.faq__body .faq__title,
.rte a,
.table-wrapper table>tbody a,
.text-sidekick {
	color: var(--brand-sidekick-blue)
}

.faq input[type=checkbox]:checked+.faq__body .faq__answer {
	max-height: 500px;
	overflow-y: auto
}

.faq input[type=checkbox]:checked+.faq__body svg,
.nav-menu input.dropdown-toggle:checked+label svg,
.widgets .widget__body input[type=checkbox]:first-of-type:checked~.location:first-of-type .location__header svg,
.widgets .widget__body input[type=checkbox]:nth-of-type(2):checked~.location:nth-of-type(2) .location__header svg,
.widgets .widget__body input[type=checkbox]:nth-of-type(3):checked~.location:nth-of-type(3) .location__header svg,
.widgets .widget__body input[type=checkbox]:nth-of-type(4):checked~.location:nth-of-type(4) .location__header svg,
.widgets .widget__body input[type=checkbox]:nth-of-type(5):checked~.location:nth-of-type(5) .location__header svg,
.widgets input[type=checkbox]:first-of-type:checked~.widget:first-of-type .widget__header svg,
.widgets input[type=checkbox]:nth-of-type(2):checked~.widget:nth-of-type(2) .widget__header svg,
.widgets input[type=checkbox]:nth-of-type(3):checked~.widget:nth-of-type(3) .widget__header svg,
.widgets input[type=checkbox]:nth-of-type(4):checked~.widget:nth-of-type(4) .widget__header svg,
.widgets input[type=checkbox]:nth-of-type(5):checked~.widget:nth-of-type(5) .widget__header svg {
	transform: rotate(180deg)
}

.contact-card {
	background: #fff;
	max-width: 970px;
	min-height: 224px;
	width: 100%
}

.contact-card__image {
	height: 226px
}

.contact-card__image img {
	height: 273px
}

.card__header span {
	font-weight: 800;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 2px
}

.checklist__border {
	position: absolute;
	height: 100px;
	border: 1px solid var(--brand-orange);
	right: 15px;
	width: 76px;
	top: -22px;
	bottom: 0;
	height: calc(100% + 30px);
	border-radius: 9px;
	display: flex;
	align-items: flex-start;
	justify-content: center
}

.checklist__border-title {
	position: absolute;
	font-weight: 700;
	font-size: 8px;
	line-height: 12px;
	color: var(--brand-blue);
	padding: 6px 0
}

.checklist__item {
	margin: 7px 0;
	border-radius: 5px
}

.checklist__text {
	padding: 0 10px;
	text-align: left
}

.checklist__text .rte a,
.checklist__text form input[type=email],
.checklist__text form input[type=text],
.checklist__text form textarea,
.checklist__text p,
.rte .checklist__text a,
form .checklist__text input[type=email],
form .checklist__text input[type=text],
form .checklist__text textarea {
	font-size: 10px;
	line-height: 14px;
	font-family: Inter, sans-serif;
	font-weight: 600
}

.checklist__icon {
	background: #e5f9ff;
	width: 76px;
	height: 26px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 15px
}

.checklist__icon svg {
	width: 10px
}

form input[type=email],
form input[type=text],
form textarea {
	background: #fff;
	border: 1px solid #d9e1ea;
	box-sizing: border-box;
	box-shadow: inset 0 1px 1px rgb(24 106 133 / .2);
	border-radius: 10px;
	padding: 10px
}

form textarea {
	min-height: 150px;
	resize: none
}

.widgets .widget {
	border-radius: 15px;
	background: #fff
}

.widgets .widget__header {
	background: 0 0;
	border-radius: 15px 15px 0 0;
	cursor: pointer;
	transition: .8s
}

.popular-blog:last-child,
.widgets .widget__header:last-child {
	border-bottom: none
}

.widgets .widget__header svg {
	transform: rotate(45deg);
	transition: transform .8s
}

.widgets .widget__header.ui-accordion-header-active svg {
	transform: rotate(135deg)
}

.widgets .widget__body {
	background: #f7fbfd;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: .8s
}

.widgets .widget__body .location {
	border-top: 1px solid #eaf2f8
}

.widgets .widget__body .location:last-child {
	border-bottom: 0
}

.widgets .widget__body .location__header {
	background: #fff;
	transition: background .8s;
	cursor: pointer
}

.widgets .widget__body .location__header svg {
	transition: transform .8s
}

.widgets .widget__body .location__header span:first-child {
	font-family: Inter, sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: var(--brand-blue)
}

.widgets .widget__body .location__body {
	max-height: 0;
	overflow: hidden;
	transition: max-height .8s
}

.widgets .widget__body .location__body .location-address {
	font-family: Inter, sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 10px
}

.widgets .widget__body .location__body .location-info {
	color: #3c5d74;
	font-family: Inter, sans-serif;
	font-weight: 500;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 10px
}

.widgets .widget__body input[type=checkbox]:first-of-type:checked~.location:first-of-type .location__header,
.widgets .widget__body input[type=checkbox]:nth-of-type(2):checked~.location:nth-of-type(2) .location__header,
.widgets .widget__body input[type=checkbox]:nth-of-type(3):checked~.location:nth-of-type(3) .location__header,
.widgets .widget__body input[type=checkbox]:nth-of-type(4):checked~.location:nth-of-type(4) .location__header,
.widgets .widget__body input[type=checkbox]:nth-of-type(5):checked~.location:nth-of-type(5) .location__header {
	background: #f7fbfd
}

.widgets .widget__body input[type=checkbox]:first-of-type:checked~.location:first-of-type .location__body,
.widgets .widget__body input[type=checkbox]:nth-of-type(2):checked~.location:nth-of-type(2) .location__body,
.widgets .widget__body input[type=checkbox]:nth-of-type(3):checked~.location:nth-of-type(3) .location__body,
.widgets .widget__body input[type=checkbox]:nth-of-type(4):checked~.location:nth-of-type(4) .location__body,
.widgets .widget__body input[type=checkbox]:nth-of-type(5):checked~.location:nth-of-type(5) .location__body {
	max-height: 500px
}

.steps input[type=radio]:first-of-type:checked~ul li:first-of-type .step__count span,
.steps input[type=radio]:nth-of-type(2):checked~ul li:nth-of-type(2) .step__count span,
.steps input[type=radio]:nth-of-type(3):checked~ul li:nth-of-type(3) .step__count span,
.steps input[type=radio]:nth-of-type(4):checked~ul li:nth-of-type(4) .step__count span,
.steps input[type=radio]:nth-of-type(5):checked~ul li:nth-of-type(5) .step__count span,
.steps input[type=radio]:nth-of-type(6):checked~ul li:nth-of-type(6) .step__count span {
	transform: scale(1.4)
}

.widgets input[type=checkbox]:first-of-type:checked~.widget:first-of-type .widget__body,
.widgets input[type=checkbox]:nth-of-type(2):checked~.widget:nth-of-type(2) .widget__body,
.widgets input[type=checkbox]:nth-of-type(3):checked~.widget:nth-of-type(3) .widget__body,
.widgets input[type=checkbox]:nth-of-type(4):checked~.widget:nth-of-type(4) .widget__body,
.widgets input[type=checkbox]:nth-of-type(5):checked~.widget:nth-of-type(5) .widget__body {
	opacity: 1;
	max-height: 500px
}

.yellow-title {
	font-family: Poppins, sans-serif;
	font-weight: 800;
	font-size: 14px;
	line-height: 25px;
	letter-spacing: 2px;
	color: var(--brand-orange)
}

.no-more-events-message,
.notification-message,
.press__author,
.press__date {
	font-size: 14px;
	font-weight: 400
}

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

.success-stories .banner {
	padding: 170px 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}

.success-stories .banner h2:after,
.success-stories .banner h2:before {
	color: var(--brand-orange);
	content: '"'
}

.success-stories .banner:after {
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / .5);
	z-index: 1
}

.success-stories .curve {
	z-index: 2
}

.quoted:after,
.quoted:before {
	color: var(--brand-orange);
	position: absolute
}

.quoted:before {
	content: "“";
	left: -18px
}

.quoted:after {
	content: "”";
	right: -10px
}

blockquote {
	background: #f5f8f9;
	padding: 20px;
	border-radius: 10px;
	font-weight: 600
}

.popular-blog {
	border-bottom: 1px solid #d7e1ea
}

.rte body.page--xeropage .contact-card h2,
.rte h1,
body.page--xeropage .contact-card .rte h2 {
	color: var(--brand-blue);
	margin-bottom: 20px
}

.rte ul {
	margin-left: 40px;
	list-style-type: disc
}

.rte h3 {
	font-family: Inter, sans-serif;
	margin-bottom: 10px
}

.rte img {
	width: 100%
}

.teams .team {
	width: 366px;
	overflow: hidden
}

.teams .team .overlay {
	background: rgb(8 55 82 / .85);
	transform: translateY(-100%);
	transition: .5s;
	opacity: 0
}

.teams .team .overlay h5 {
	color: #99c1d3
}

.teams .team:hover .overlay {
	transform: translateY(0);
	opacity: 1
}

.teams .team__info {
	background: linear-gradient(180deg, #fff0 24.22%, rgb(8 55 82 / .85) 100%)
}

.press__author,
.press__date {
	font-family: Inter, sans-serif;
	line-height: 18px
}

.press__date {
	color: #798d9d
}

.press__logo {
	width: 110px;
	height: 110px;
	background: rgb(255 255 255 / .9);
	box-shadow: 0 20px 40px rgb(0 0 0 / .1);
	border-radius: 12px
}

.steps .step {
	max-width: 370px;
	width: 100%
}

.steps .step__count {
	background: #fef8e9;
	width: 60px;
	transition: background 1s
}

.steps .step__count span {
	color: var(--brand-orange);
	font-size: 28px;
	line-height: 42px;
	letter-spacing: -.2px;
	font-weight: 600;
	transition: transform 1s
}

.steps .step__desc {
	max-height: 0;
	overflow: hidden;
	transition: max-height 1s
}

.steps .step__icon {
	width: 20%
}

.steps .step__body,
.steps .step__info {
	width: 80%
}

.steps input[type=radio]:first-of-type:checked~ul li:first-of-type .step__desc,
.steps input[type=radio]:nth-of-type(2):checked~ul li:nth-of-type(2) .step__desc,
.steps input[type=radio]:nth-of-type(3):checked~ul li:nth-of-type(3) .step__desc,
.steps input[type=radio]:nth-of-type(4):checked~ul li:nth-of-type(4) .step__desc,
.steps input[type=radio]:nth-of-type(5):checked~ul li:nth-of-type(5) .step__desc,
.steps input[type=radio]:nth-of-type(6):checked~ul li:nth-of-type(6) .step__desc {
	max-height: 200px
}

.steps input[type=radio]:first-of-type:checked~ul li:first-of-type .step__count,
.steps input[type=radio]:nth-of-type(2):checked~ul li:nth-of-type(2) .step__count,
.steps input[type=radio]:nth-of-type(3):checked~ul li:nth-of-type(3) .step__count,
.steps input[type=radio]:nth-of-type(4):checked~ul li:nth-of-type(4) .step__count,
.steps input[type=radio]:nth-of-type(5):checked~ul li:nth-of-type(5) .step__count,
.steps input[type=radio]:nth-of-type(6):checked~ul li:nth-of-type(6) .step__count {
	background: 0 0
}

.line {
	display: none;
	position: absolute
}

.line--1 {
	top: 20px;
	right: 25%
}

.line--2 {
	right: 5%;
	bottom: 18%
}

.line--3 {
	left: 4%;
	bottom: 14%
}

.translate-y-5px {
	transform: translateY(5px)
}

.translate-y-46 {
	transform: translateY(46%)
}

.translate-y-50 {
	transform: translateY(50%)
}

.-translate-y-100 {
	transform: translateY(-100%)
}

.quicklinks {
	margin: 0 auto
}

@media (max-width:1200px) {
	.quicklinks {
		max-width: 672px
	}
}

.quicklink {
	overflow: hidden
}

.quicklink:hover>img {
	transform: scale(1.1)
}

ul.quicklink-plain {
	max-width: 770px;
	margin: 0 auto
}

ul.quicklink-plain li {
	transition: transform .3s
}

ul.quicklink-plain li a {
	padding-right: 60px
}

ul.quicklink-plain li .arrow {
	width: 48px
}

ul.quicklink-plain li .arrow img {
	width: 60%
}

ul.quicklink-plain li:hover {
	transform: translateX(20px)
}

.anchor-item:hover {
	box-shadow: 0 1px 14px rgb(24 106 133 / .2)
}

.scrolling>div:first-child {
	top: calc(50% - 200px);
	height: 300px
}

.scrolling__image {
	transition: .8s;
	position: absolute;
	top: 0;
	opacity: 0;
	transform: scale(0)
}

.scrolling__image.active {
	opacity: 1;
	transform: scale(1)
}

.scrolling__desc {
	margin-bottom: 90px
}

.scrolling__desc:last-child {
	margin-bottom: 0
}

.scrolling__desc img {
	margin-bottom: 40px
}

.logos>div:first-child img,
.logos>div:last-child img {
	height: 50px
}

.highlight-card .text-image__body {
	background: #fff;
	border-radius: 20px;
	padding: 15px 60px
}

.cta-block {
	max-width: 972px;
	padding: 15px 20px
}

.cta-block h2 {
	letter-spacing: 1px;
	font-size: 20px;
	line-height: 25px
}

.cta-block a {
	padding: 12px 40px
}

.notification-message.info {
	font-size: 10px;
	display: flex
}

.notification-message.error,
.required-field {
	color: #d1521d
}

.font-size-variant-1 {
	font-size: 40px;
	line-height: 40px;
	font-weight: 800;
	font-family: Poppins, sans-serif;
	letter-spacing: 2px
}

.font-size-variant-2 {
	font-weight: 700;
	font-family: Inter, sans-serif;
	letter-spacing: 1px;
	font-size: 25px;
	line-height: 20px
}

@media (min-width:768px) {
	.section--video iframe {
		padding: 30px
	}

	.line,
	.stories>div .curve,
	.tabbed-hc input[type=radio]:first-of-type:checked~div .widgets-container {
		display: block
	}

	.services-card.narrow>div {
		width: 980px
	}

	.services-card .service-card {
		min-height: 200px
	}

	.font-testimonial,
	.stories>div h3 {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: .5px
	}

	.offer--first {
		transform: translateX(22px)
	}

	.faq svg,
	ul.quicklink-plain li .arrow img {
		width: auto
	}

	.contact-card__image {
		height: auto;
		max-width: 322px
	}

	.contact-card__image img {
		height: 265px
	}

	.checklist__border {
		width: 126px;
		top: -35px;
		height: calc(100% + 50px)
	}

	.checklist__border-title {
		font-size: 14px;
		line-height: 20px
	}

	.checklist__item {
		margin: 15px 0
	}

	.checklist__text .rte a,
	.checklist__text form input[type=email],
	.checklist__text form input[type=text],
	.checklist__text form textarea,
	.checklist__text p,
	.rte .checklist__text a,
	form .checklist__text input[type=email],
	form .checklist__text input[type=text],
	form .checklist__text textarea {
		padding: 0 15px;
		font-size: 14px;
		line-height: 24px
	}

	.checklist__icon {
		height: 46px;
		width: 126px
	}

	.checklist__icon svg {
		width: 15px
	}

	ul.quicklink-plain li .arrow {
		width: 60px
	}

	.image-cards>div .image-card__overlay {
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		height: 100%
	}

	.logos>div:first-child img,
	.logos>div:last-child img {
		height: auto
	}

	.enlarge-center .services-card>div {
		align-items: center
	}

	.enlarge-center .service-card:first-child,
	.enlarge-center .service-card:last-child {
		height: 230px
	}

	.cta-block h2 {
		font-size: 25px;
		line-height: 32px
	}

	.font-size-variant-2 {
		font-size: 30px;
		line-height: 20px
	}
}

#cc-donation-transactions h2,
#cc-event-transactions h2 {
	font-size: 16px
}

.table-wrapper {
	overflow-x: auto
}

.table-wrapper table>tbody {
	font-size: 12px;
	word-break: break-word
}

.table-wrapper table>tbody>tr {
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3
}

.blog-thumbnail {
	width: 270px;
	height: 200px;
	object-fit: cover
}

.popular-blog-thumbnail {
	max-width: 70px;
	height: 70px;
	object-fit: cover
}

.featured-blog-image {
	width: 1170px;
	height: 600px;
	object-fit: cover
}

@media (max-width:559px) {
	.featured-blog-image {
		width: 737px;
		height: 488px
	}
}

.stories-banner-bg {
	height: 100%;
	object-fit: cover
}

.loading-spinner-container {
	opacity: .75;
	overflow: hidden
}

.spinner {
	border: 5px solid #f3f3f3;
	border-radius: 50%;
	border-top: 5px solid var(--brand-blue);
	width: 50px;
	height: 50px;
	-webkit-animation: 1s linear infinite spin;
	animation: 1s linear infinite spin
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes spin {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

.icon-container {
	width: 47px;
	height: 42px;
	background-repeat: no-repeat !important;
	background-color: var(--brand-orange) !important;
	background-position: center !important;
	border-radius: 0 10px 10px 0;
	border-color: var(--brand-orange) !important
}

.location-icon {
	background-image: url(../images/event-pin.svg) !important
}

.calendar-icon {
	background-image: url(../images/event-calendar.svg) !important
}

.scheme-error {
	position: relative;
	padding: 7px 9px 7px 7px;
	background: #d1521d;
	color: #fff;
	font-weight: 500;
	font-size: 14px
}

.scheme-error>span.close {
	font-size: 18px;
	font-weight: 500;
	line-height: unset;
	color: #fff;
	text-shadow: none;
	opacity: unset;
	cursor: pointer
}

.main-background-wrapper {
	position: absolute;
	width: 100%;
	overflow: hidden;
	z-index: -1
}

.main-background-circles {
	position: relative;
	z-index: 0;
	width: 100%;
	overflow: hidden;
	top: 25%
}

.m-circle {
	position: absolute;
	border-radius: 50%;
	background-color: rgb(0 0 0 / .1)
}

.m-circle1 {
	position: absolute;
	top: 15px;
	right: 5%;
	width: 50px;
	height: 70px
}

.m-circle1-1,
.m-circle15-1 {
	position: absolute;
	width: 49px;
	height: 49px;
	border-radius: 50%;
	background-color: #f4eacc;
	bottom: 0;
	left: 0
}

.m-circle1-2,
.m-circle1-3,
.m-circle15-2,
.m-circle15-3 {
	background-color: #c3d7e1;
	top: 0;
	border-radius: 50%;
	position: absolute
}

.m-circle1-2,
.m-circle15-2 {
	width: 15px;
	height: 14px;
	left: 5px
}

.m-circle1-3,
.m-circle15-3 {
	width: 24px;
	height: 23px;
	right: -20px
}

.m-circle2 {
	position: absolute;
	width: 90px;
	height: 90px;
	top: 340px;
	left: -32px
}

.m-circle16-1,
.m-circle2-1 {
	position: absolute;
	width: 31px;
	height: 30px;
	border-radius: 50%;
	background-color: #f4eacc;
	top: 0;
	right: 0
}

.m-circle16-2,
.m-circle2-2 {
	position: absolute;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	background-color: #c9e6ec;
	top: 20px
}

.m-circle3 {
	position: absolute;
	width: 70px;
	height: 70px;
	right: -1%;
	top: 750px
}

.m-circle17-1,
.m-circle3-1 {
	position: absolute;
	width: 68px;
	height: 69px;
	border-radius: 50%;
	background-color: #f4eacc
}

.m-circle4 {
	position: absolute;
	width: 110px;
	height: 110px;
	left: -4%;
	top: 1100px
}

.m-circle18-1,
.m-circle4-1 {
	position: absolute;
	width: 103px;
	height: 103px;
	border-radius: 50%;
	background-color: #c5e5eb;
	top: 20px
}

.m-circle18-2,
.m-circle4-2 {
	position: absolute;
	width: 30px;
	height: 31px;
	border-radius: 50%;
	background-color: #c4dae4;
	right: -3px
}

.m-circle18-3,
.m-circle4-3 {
	position: absolute;
	width: 31px;
	height: 30px;
	border-radius: 50%;
	background-color: #f5edd0;
	top: 50px;
	right: -40px
}

.m-circle5 {
	position: absolute;
	width: 60px;
	height: 60px;
	right: 2%;
	top: 1300px
}

.m-circle19-1,
.m-circle5-1 {
	position: absolute;
	width: 33px;
	height: 33px;
	border-radius: 50%;
	background-color: #f6edd0;
	top: 0
}

.m-circle19-2,
.m-circle5-2 {
	position: absolute;
	width: 21px;
	height: 20px;
	border-radius: 50%;
	background-color: #c5dae4;
	right: 0;
	top: 40px
}

.m-circle6 {
	position: absolute;
	width: 60px;
	height: 60px;
	left: 2%;
	top: 1700px
}

.m-circle20-1,
.m-circle6-1 {
	position: absolute;
	width: 33px;
	height: 33px;
	border-radius: 50%;
	background-color: #c6dae4;
	top: 0
}

.m-circle20-2,
.m-circle6-2 {
	position: absolute;
	width: 21px;
	height: 20px;
	border-radius: 50%;
	background-color: #c7f6fd;
	right: 0;
	top: 40px
}

.m-circle7 {
	position: absolute;
	width: 60px;
	height: 60px;
	right: 4%;
	top: 2000px
}

.m-circle21-1,
.m-circle7-1 {
	position: absolute;
	width: 33px;
	height: 33px;
	border-radius: 50%;
	background-color: #cff5ea;
	top: 0
}

.m-circle8 {
	position: absolute;
	width: 50px;
	height: 70px;
	top: 2800px;
	right: 5%
}

.m-circle9 {
	position: absolute;
	width: 90px;
	height: 90px;
	top: 3200px;
	left: -32px
}

.m-circle10 {
	position: absolute;
	width: 70px;
	height: 70px;
	top: 3800px;
	right: -1%
}

.m-circle11 {
	position: absolute;
	width: 110px;
	height: 110px;
	top: 4200px;
	left: -4%
}

.m-circle12,
.m-circle13,
.m-circle14,
.m-circle19,
.m-circle20,
.m-circle21 {
	width: 60px;
	height: 60px;
	position: absolute
}

.m-circle12 {
	top: 5000px;
	right: 2%
}

.m-circle13 {
	top: 5500px;
	left: 2%
}

.m-circle14 {
	top: 6000px;
	right: 4%
}

.m-circle15 {
	position: absolute;
	width: 50px;
	height: 70px;
	top: 6500px;
	right: 5%
}

.m-circle16 {
	position: absolute;
	width: 90px;
	height: 90px;
	top: 7000px;
	left: -32px
}

.m-circle17 {
	position: absolute;
	width: 70px;
	height: 70px;
	right: -1%;
	top: 7500px
}

.m-circle18 {
	position: absolute;
	width: 110px;
	height: 110px;
	left: -4%;
	top: 8000px
}

.m-circle19 {
	right: 2%;
	top: 8500px
}

.m-circle20 {
	left: 2%;
	top: 9000px
}

.m-circle21 {
	right: 4%;
	top: 9500px
}

.m-circle22 {
	position: absolute;
	width: 50px;
	height: 70px;
	top: 10000px;
	right: 5%
}

.m-circle23 {
	position: absolute;
	width: 90px;
	height: 90px;
	top: 10500px;
	left: -32px
}

.m-circle24 {
	position: absolute;
	width: 70px;
	height: 70px;
	top: 11000px;
	right: -1%
}

.m-circle25 {
	position: absolute;
	width: 110px;
	height: 110px;
	top: 11500px;
	left: -4%
}

.m-circle26,
.m-circle27,
.m-circle28 {
	position: absolute;
	width: 60px;
	height: 60px
}

.m-circle26 {
	top: 12000px;
	right: 2%
}

.m-circle27 {
	top: 12500px;
	left: 2%
}

.m-circle28 {
	top: 13000px;
	right: 4%
}

.image-container {
	padding-top: 40px;
	padding-bottom: 70px
}

.quick-link-block-container {
	border-width: 5px
}

.quick-link-box {
	gap: 20px
}

.content-wrapper {
	margin-bottom: -20px
}

@media (min-width:1076px) {

	.event h6,
	.event-tile h6,
	.title--sm {
		font-size: 16px;
		line-height: 24px
	}

	.counter__num {
		font-size: 40px;
		line-height: 55px
	}

	.slick-slider .slick-arrow>div {
		width: 70px;
		height: 70px
	}

	.slick-slider .slick-arrow>div img {
		width: auto
	}

	.font-testimonial,
	.stories>div h3 {
		font-size: 32px;
		line-height: 44px;
		letter-spacing: -1px
	}

	.story {
		width: 370px
	}

	.big-amount span:first-child {
		font-weight: 400;
		letter-spacing: -8px;
		margin-right: 10px;
		font-size: 140px;
		line-height: 112px
	}

	.big-amount {
		display: flex;
		align-items: flex-start
	}

	.big-amount span:last-child {
		font-size: 50px;
		line-height: 50px
	}

	.offer--first {
		transform: translateX(20px)
	}

	.offer--last {
		transform: translateX(10px)
	}

	.offer__subtitle {
		font-size: 24px;
		line-height: 35px
	}

	small {
		font-size: 12px;
		line-height: 25px
	}

	.submenu:hover {
		border-bottom: none
	}

	.submenu:hover ul {
		max-height: 300px
	}

	.submenu:hover>span {
		background: 0 0;
		border-bottom: 1px solid #eaf2f8;
		border-bottom: none
	}

	.submenu:hover img {
		transform: rotate(180deg)
	}

	.nav-container {
		background: 0 0;
		max-width: unset;
		box-shadow: none;
		margin-top: 0;
		height: unset;
		transform: translateX(0)
	}

	.checklist__border,
	.section--checklistv2 .checklist__border--noprice {
		height: calc(100% + 70px)
	}

	.feature-card {
		max-width: 270px
	}

	.feature-card img {
		width: 74px;
		height: 74px
	}

	.contact-card {
		min-height: 300px
	}

	.contact-card__image img {
		height: auto
	}

	.checklist__border {
		border: 3px solid var(--brand-orange);
		width: 170px;
		top: -50px;
		border-radius: 20px;
		right: 30px
	}

	.checklist__border-title {
		font-size: 18px;
		padding: 10px 0;
		line-height: 28px
	}

	.checklist__item {
		margin: 20px 0;
		border-radius: 10px
	}

	.checklist__text .rte a,
	.checklist__text form input[type=email],
	.checklist__text form input[type=text],
	.checklist__text form textarea,
	.checklist__text p,
	.rte .checklist__text a,
	form .checklist__text input[type=email],
	form .checklist__text input[type=text],
	form .checklist__text textarea {
		font-size: 20px;
		line-height: 32px
	}

	.checklist__icon {
		height: 60px;
		width: 170px;
		margin-right: 30px
	}

	.checklist__icon svg {
		width: 22px
	}

	.scrolling__desc {
		margin-top: 60px;
		margin-bottom: 430px
	}

	.scrolling__desc img,
	.scrolling__desc:last-child {
		margin-bottom: 0
	}

	.cta-block h2 {
		font-size: 38px;
		line-height: 40px
	}

	.font-size-variant-1 {
		font-size: 45px;
		line-height: 45px
	}

	.font-size-variant-2 {
		font-size: 45px;
		line-height: 20px
	}

	.icon-container {
		height: 47px
	}
}

.star,
.star-empty {
	width: 18px;
	height: 17px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center
}

@media (min-width:768px) {
	.section--checklistv2 .checklist-padding-6 {
		padding-top: 6%
	}

	.section--checklistv2 .checklist__border--noprice {
		height: calc(100% + 222px)
	}
}

@media (max-width:1076px) {
	.section--checklistv2 .checklist-padding-6 {
		padding-top: 14%;
		padding-bottom: 22%
	}

	.section--checklistv2 .checklist__border--noprice {
		height: calc(100% + 275px)
	}
}

@media (max-width:768px) {
	.section--checklistv2 .checklist-padding-6 {
		padding-top: 20%;
		padding-bottom: 34%
	}

	.section--checklistv2 .checklist__border--noprice {
		height: calc(100% + 240px)
	}
}

@media (max-width:600px) {
	.section--checklistv2 .checklist-padding-6 {
		padding-top: 30%;
		padding-bottom: 50%
	}

	.section--checklistv2 .checklist__border--noprice .checklist__border-title {
		font-size: 16px
	}

	.section--checklistv2 .checklist__border--noprice img.logo-checklist {
		height: 15px
	}
}

@media (max-width:414px) {
	.p-custom {
		margin-bottom: 20px
	}
}

.section--checklistv2 .checklist__border--noprice {
	border: 3px solid var(--brand-orange);
	width: 170px;
	top: -50px;
	border-radius: 20px;
	height: calc(100% + 70px);
	right: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.section--checklistv2 .checklist__border--noprice .checklist__border-title {
	font-size: 18px;
	padding: 10px 0;
	line-height: 28px;
	color: var(--brand-blue);
	font-weight: 700;
	text-align: center
}

.section--checklistv2 .checklist__border--noprice img.logo-checklist {
	max-height: 28px;
	margin-bottom: 10px
}

.star {
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0L11.4334 5.65067L17.5595 6.21885L12.9374 10.2793L14.2901 16.2812L9 13.14L3.70993 16.2812L5.06263 10.2793L0.440492 6.21885L6.56657 5.65067L9 0Z' fill='%23F5B31A'/%3E%3C/svg%3E")
}

.star-half {
	background-image: linear-gradient(to right, var(--brand-orange) 50%, #e5e7eb 50%);
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0L11.4334 5.65067L17.5595 6.21885L12.9374 10.2793L14.2901 16.2812L9 13.14L3.70993 16.2812L5.06263 10.2793L0.440492 6.21885L6.56657 5.65067L9 0Z' fill='black'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0L11.4334 5.65067L17.5595 6.21885L12.9374 10.2793L14.2901 16.2812L9 13.14L3.70993 16.2812L5.06263 10.2793L0.440492 6.21885L6.56657 5.65067L9 0Z' fill='black'/%3E%3C/svg%3E");
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center
}

.star-empty {
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0L11.4334 5.65067L17.5595 6.21885L12.9374 10.2793L14.2901 16.2812L9 13.14L3.70993 16.2812L5.06263 10.2793L0.440492 6.21885L6.56657 5.65067L9 0Z' fill='%23e5e7eb'/%3E%3C/svg%3E")
}

.container-banner {
	max-width: 1440px;
	margin: 0 auto
}

.text-blue {
	color: var(--brand-blue)
}

#footerRotatingTitle,
#rotatingTitle {
	display: inline-block;
	font-weight: 600;
	color: var(--brand-sidekick-blue);
	transition: opacity .28s, transform .28s;
	will-change: opacity, transform
}

#footerRotatingTitle.leaving,
#rotatingTitle.leaving {
	opacity: 0;
	transform: translateY(-.3em)
}

#footerRotatingTitle.entering,
#rotatingTitle.entering {
	opacity: 0;
	transform: translateY(.3em)
}

.btn--primary-main {
	background: var(--brand-blue);
	color: #fff;
	border: 2px solid transparent
}

.btn--primary-main:hover {
	background: var(--brand-orange);
	color: #fff;
	transform: scale(1.02);
	box-shadow: 0 6px 16px rgba(0, 0, 0, .15)
}

.btn--primary-main:active {
	transform: scale(.99)
}

.btn--secondary-plain {
	background: 0 0;
	color: var(--brand-blue);
	border: 2px solid transparent
}

.btn--primary-main:focus-visible,
.btn--secondary-plain:focus-visible {
	outline: 3px solid var(--brand-blue);
	outline-offset: 3px
}

.has-dings {
	position: relative;
	overflow: visible
}

.ding {
	position: absolute;
	width: 24px;
	height: 24px;
	opacity: 0;
	transform: scale(.85) rotate(var(--ding-rot, 0deg));
	transition: opacity .18s, transform .18s
}

.ding * {
	fill: var(--brand-orange) !important
}

.ding--tl {
	top: -18px;
	left: -18px;
	--ding-rot: -50deg
}

.ding--br {
	bottom: -12px;
	right: -22px;
	--ding-rot: 108deg
}

.has-dings:focus-visible .ding,
.has-dings:hover .ding {
	opacity: 1;
	transform: scale(1) rotate(var(--ding-rot, 0deg))
}

.container-banner h3 {
	font-size: 20px;
	line-height: 32px
}

.section--banner-nz-au {
	position: relative;
	overflow: hidden
}

.section--banner-nz-au .container-banner .inner {
	position: relative;
	z-index: 1
}

.section--text-image-v3 {
	position: relative;
	overflow: hidden
}

.section--text-image-v3 .inner {
	position: relative;
	z-index: 1
}

.ellipse {
	position: absolute;
	z-index: 0;
	opacity: .85
}

.ellipse--blue {
	transform: rotate(4deg)
}

.ellipse--yellow {
	transform: rotate(350deg)
}

.ellipse--bottomleft {
	bottom: -20%;
	left: -10%
}

.ellipse--bottomright {
	bottom: -20%;
	right: -10%
}

.ellipse--topleft {
	top: -20%;
	left: -10%
}

.ellipse--topright {
	top: -20%;
	right: -10%
}

.ellipse--blue-flip {
	transform: rotate(184deg)
}

.ellipse--yellow-flip {
	transform: rotate(170deg)
}

@media (prefers-reduced-motion:reduce) {
	#rotatingTitle {
		transition: none !important
	}

	.ding {
		transition: none
	}
}

@media (max-width:767px) {
	.section--banner-calc .selection {
		position: relative
	}

	.event-tile {
		width: 300px;
		margin: 20px 0
	}

	.table-wrapper>table {
		width: 800px
	}

	.blog-thumbnail {
		width: 737px;
		height: 260px
	}

	.scheme-error {
		font-size: 10px !important
	}

	#btnClear {
		width: 100% !important
	}

	.section--banner h1 {
		line-height: 50px !important
	}
}

@media(min-width:1076px) {
	.hero-title {
		font-size: 55px !important;
		line-height: 68px !important
	}
}