.mb-20-0 {
	margin-bottom: 20px;
}

.mb-46 {
	margin-bottom: 46px;
}
@media (max-width: 768px) {
	.mb-46 {
		margin-bottom: 40px;
	}
}
@media (max-width: 576px) {
	.mb-46 {
		margin-bottom: 40px;
	}
}

.mb-50 {
	margin-bottom: 50px;
}
@media (max-width: 768px) {
	.mb-50 {
		margin-bottom: 46px;
	}
}
@media (max-width: 576px) {
	.mb-50 {
		margin-bottom: 46px;
	}
}

.mb-60-30 {
	margin-bottom: 60px;
}
@media (max-width: 768px) {
	.mb-60-30 {
		margin-bottom: 30px;
	}
}
@media (max-width: 576px) {
	.mb-60-30 {
		margin-bottom: 30px;
	}
}

.mt-30 {
	margin-top: 30px;
}

.mt-60-30 {
	margin-top: 60px;
}
@media (max-width: 768px) {
	.mt-60-30 {
		margin-top: 30px;
	}
}
@media (max-width: 576px) {
	.mt-60-30 {
		margin-top: 30px;
	}
}

.mb-78-40 {
	margin-bottom: 78px;
}
@media (max-width: 768px) {
	.mb-78-40 {
		margin-bottom: 40px;
	}
}
@media (max-width: 576px) {
	.mb-78-40 {
		margin-bottom: 40px;
	}
}

.p-60-100 {
	padding: 60px 0;
}
@media (min-width: 1024px) {
	.p-60-100 {
		padding: 100px 0;
	}
}

.p-20-100 {
	padding: 20px 0;
}
@media (min-width: 1024px) {
	.p-20-100 {
		padding: 100px 0;
	}
}

.section-title {
	font-family: "Noto Sans";
	font-size: 28px;
	line-height: 36px;
	letter-spacing: -0.28px;
	margin-bottom: 40px;
}
@media (max-width: 768px) {
	.section-title {
		font-size: 24px;
		line-height: 32px;
		letter-spacing: -0.24px;
		margin-bottom: 34px;
	}
}
@media (max-width: 576px) {
	.section-title {
		font-size: 24px;
		line-height: 32px;
		letter-spacing: -0.24px;
		margin-bottom: 34px;
	}
}

.paragraph {
	font-family: "Noto Sans";
	font-size: 18px;
	line-height: 30px;
	letter-spacing: -0.18px;
}
.paragraph .blue-span {
	color: #14853d;
	cursor: pointer;
}

.button-wrapper {
	width: 100%;
	display: flex;
}
.button-wrapper .round-border-butten {
	outline: 0;
	color: #000000;
	border: solid 1px #fff;
	border-radius: 50px;
	padding: 10px 30px 10px 20px;
	position: relative;
	transition: all 300ms ease;
}
.button-wrapper .round-border-butten.green {
	border: solid 1px #14853d;
	color: #0b661e;
}
.button-wrapper .round-border-butten.green:before {
	content: "";
	background: url("/content/dam/oliver-wyman/v3/template-scripts/green-transition-index/images/btn-green-arrow.svg")
		center no-repeat;
	display: none;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: -9999px;
	top: -9999px;
}
.button-wrapper .round-border-butten.green:after {
	content: "";
	position: absolute;
	background: url("/content/dam/oliver-wyman/v3/template-scripts/green-transition-index/images/btn-green-arrow.svg")
		center no-repeat;
	width: 15px;
	height: 13px;
	right: 14px;
	top: 14px;
	transition: all 300ms ease;
}
.button-wrapper .round-border-butten.green:focus,
.button-wrapper .round-border-butten.green:active,
.button-wrapper .round-border-butten.green:hover {
	background: #14853d;
	color: #ffffff;
}
.button-wrapper .round-border-butten.green:focus:after,
.button-wrapper .round-border-butten.green:active:after,
.button-wrapper .round-border-butten.green:hover:after {
	background: url("/content/dam/oliver-wyman/v3/template-scripts/green-transition-index/images/btn-white-arrow.svg")
		center no-repeat;
}

.button-wrapper .round-border-butten.green-bg {
	background: #14853d;
	color: #ffffff;
	border: solid 1px #14853d;
}
.button-wrapper .round-border-butten.green-bg:before {
	content: "";
	background: url("/content/dam/oliver-wyman/v3/template-scripts/green-transition-index/images/btn-white-arrow.svg")
		center no-repeat;
	display: none;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: -9999px;
	top: -9999px;
}
.button-wrapper .round-border-butten.green-bg:after {
	content: "";
	position: absolute;
	background: url("/content/dam/oliver-wyman/v3/template-scripts/green-transition-index/images/btn-white-arrow.svg")
		center no-repeat;
	width: 15px;
	height: 13px;
	right: 14px;
	top: 14px;
	transition: all 300ms ease;
}
.button-wrapper .round-border-butten.green-bg:focus,
.button-wrapper .round-border-butten.green-bg:active,
.button-wrapper .round-border-butten.green-bg:hover {
	background: #000000;
	color: #ffffff;
	border: solid 1px #000;
}
.button-wrapper .round-border-butten.white {
	background: #ffffff;
	color: #000000;
	padding: 10px 30px 10px 20px;
}
.button-wrapper .round-border-butten.white:before {
	content: "";
	background: url("/content/dam/oliver-wyman/v3/template-scripts/green-transition-index/images/btn-black-arrow.svg")
		center no-repeat;
	display: none;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: -9999px;
	top: -9999px;
}
.button-wrapper .round-border-butten.white:focus,
.button-wrapper .round-border-butten.white:active,
.button-wrapper .round-border-butten.white:hover {
	background: #14853d;
	color: #ffffff;
	border: solid 1px #14853d;
}

.button-wrapper .round-border-butten.white:after {
	content: "";
	position: absolute;
	background: url("/content/dam/oliver-wyman/v3/template-scripts/green-transition-index/images/btn-black-arrow.svg")
		center no-repeat;
	width: 15px;
	height: 13px;
	right: 14px;
	top: 14px;
	transition: all 300ms ease;
}

.button-wrapper .round-border-butten.white:focus:after,
.button-wrapper .round-border-butten.white:active:after,
.button-wrapper .round-border-butten.white:hover:after {
	background: url("/content/dam/oliver-wyman/v3/template-scripts/green-transition-index/images/btn-white-arrow.svg")
		center no-repeat;
}

.blue-span {
	color: #14853d;
	cursor: pointer;
}
a.blue-span {
	color: #14853d;
	cursor: pointer;
	outline: 0;
}
a.blue-span:hover {
	color: #14853d;
	cursor: pointer;
	text-decoration: none;
}

.text-align-center a {
	margin: 0 auto;
}

@media (max-width: 1024px) {
	.button-wrapper .round-border-butten {
		transition: unset !important;
	}
	.button-wrapper .round-border-butten.green:after {
		transition: unset !important;
	}
	.button-wrapper .round-border-butten.green-bg:after {
		transition: unset !important;
	}
	.button-wrapper .round-border-butten.white:after {
		transition: unset !important;
	}
}

@media (min-width: 769px) {
	.text-align-left-center a {
		margin: 0 auto;
	}
}

body {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	color: #000000;
	margin: 0;
	font-family: "Noto Sans";
}
body.welcome-fixed {
	position: fixed;
	height: 100vh;
}

.homepage-main-body {
	opacity: 0;
}

.homepage-main-body.active {
	opacity: 1;
}

.hamburger {
	padding: 5px 15px;
	display: block;
	position: absolute;
	top: -4.5px;
	z-index: 9000;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	transform: scale(0.8);
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
	transform: scale(0.6);
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
	background-color: #fff;
}

.color-override.is-active .hamburger-inner,
.color-override.is-active .hamburger-inner::before,
.color-override.is-active .hamburger-inner::after {
	background-color: #000;
}

.hamburger-box {
	width: 0px;
	height: 24px;
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
}

.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
	width: 40px;
	height: 2px;
	background-color: #fff;
	border-radius: 4px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}

.color-override .hamburger-inner,
.color-override .hamburger-inner::before,
.color-override .hamburger-inner::after {
	background-color: #000;
}

.hamburger-inner::before,
.hamburger-inner::after {
	content: "";
	display: block;
}

.hamburger-inner::before {
	top: -12px;
}

.hamburger-inner::after {
	bottom: -12px;
}

/*
	   * 3DX
	   */
.hamburger--3dx .hamburger-box {
	perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
	transition:
		transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
		background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::before,
.hamburger--3dx .hamburger-inner::after {
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
	background-color: transparent !important;
	transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
	transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner::after {
	transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
	   * 3DX Reverse
	   */
.hamburger--3dx-r .hamburger-box {
	perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
	transition:
		transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
		background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r .hamburger-inner::before,
.hamburger--3dx-r .hamburger-inner::after {
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r.is-active .hamburger-inner {
	background-color: transparent !important;
	transform: rotateY(-180deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
	transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
	transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
	   * 3DY
	   */
.hamburger--3dy .hamburger-box {
	perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
	transition:
		transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
		background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy .hamburger-inner::before,
.hamburger--3dy .hamburger-inner::after {
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy.is-active .hamburger-inner {
	background-color: transparent !important;
	transform: rotateX(-180deg);
}

.hamburger--3dy.is-active .hamburger-inner::before {
	transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner::after {
	transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
	   * 3DY Reverse
	   */
.hamburger--3dy-r .hamburger-box {
	perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
	transition:
		transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
		background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r .hamburger-inner::before,
.hamburger--3dy-r .hamburger-inner::after {
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r.is-active .hamburger-inner {
	background-color: transparent !important;
	transform: rotateX(180deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
	transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
	transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
	   * 3DXY
	   */
.hamburger--3dxy .hamburger-box {
	perspective: 80px;
}

.hamburger--3dxy .hamburger-inner {
	transition:
		transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
		background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy .hamburger-inner::before,
.hamburger--3dxy .hamburger-inner::after {
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy.is-active .hamburger-inner {
	background-color: transparent !important;
	transform: rotateX(180deg) rotateY(180deg);
}

.hamburger--3dxy.is-active .hamburger-inner::before {
	transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy.is-active .hamburger-inner::after {
	transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
	   * 3DXY Reverse
	   */
.hamburger--3dxy-r .hamburger-box {
	perspective: 80px;
}

.hamburger--3dxy-r .hamburger-inner {
	transition:
		transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
		background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r .hamburger-inner::before,
.hamburger--3dxy-r .hamburger-inner::after {
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r.is-active .hamburger-inner {
	background-color: transparent !important;
	transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
	transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
	transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
	   * Arrow
	   */
.hamburger--arrow.is-active .hamburger-inner::before {
	transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
	transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
	   * Arrow Right
	   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
	transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
	transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
	   * Arrow Alt
	   */
.hamburger--arrowalt .hamburger-inner::before {
	transition:
		top 0.1s 0.1s ease,
		transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
	transition:
		bottom 0.1s 0.1s ease,
		transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
	top: 0;
	transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
	transition:
		top 0.1s ease,
		transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
	bottom: 0;
	transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
	transition:
		bottom 0.1s ease,
		transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
	   * Arrow Alt Right
	   */
.hamburger--arrowalt-r .hamburger-inner::before {
	transition:
		top 0.1s 0.1s ease,
		transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
	transition:
		bottom 0.1s 0.1s ease,
		transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
	top: 0;
	transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
	transition:
		top 0.1s ease,
		transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
	bottom: 0;
	transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
	transition:
		bottom 0.1s ease,
		transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
	   * Arrow Turn
	   */
.hamburger--arrowturn.is-active .hamburger-inner {
	transform: rotate(-180deg);
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
	transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
	transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
	   * Arrow Turn Right
	   */
.hamburger--arrowturn-r.is-active .hamburger-inner {
	transform: rotate(-180deg);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
	transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
	transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
	   * Boring
	   */
.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::before,
.hamburger--boring .hamburger-inner::after {
	transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
	transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(-90deg);
}

/*
	   * Collapse
	   */
.hamburger--collapse .hamburger-inner {
	top: auto;
	bottom: 0;
	transition-duration: 0.13s;
	transition-delay: 0.13s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
	top: -20px;
	transition:
		top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
	transition:
		top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
	transform: translate3d(0, -10px, 0) rotate(-45deg);
	transition-delay: 0.22s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
	top: 0;
	opacity: 0;
	transition:
		top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
	top: 0;
	transform: rotate(-90deg);
	transition:
		top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
	   * Collapse Reverse
	   */
.hamburger--collapse-r .hamburger-inner {
	top: auto;
	bottom: 0;
	transition-duration: 0.13s;
	transition-delay: 0.13s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r .hamburger-inner::after {
	top: -20px;
	transition:
		top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner::before {
	transition:
		top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
	transform: translate3d(0, -10px, 0) rotate(45deg);
	transition-delay: 0.22s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
	top: 0;
	opacity: 0;
	transition:
		top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		opacity 0.1s 0.22s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
	top: 0;
	transform: rotate(90deg);
	transition:
		top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
	   * Elastic
	   */
.hamburger--elastic .hamburger-inner {
	top: 2px;
	transition-duration: 0.275s;
	transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
	top: 10px;
	transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
	top: 20px;
	transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
	transform: translate3d(0, 10px, 0) rotate(135deg);
	transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
	transition-delay: 0s;
	opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
	transform: translate3d(0, -20px, 0) rotate(-270deg);
	transition-delay: 0.075s;
}

/*
	   * Elastic Reverse
	   */
.hamburger--elastic-r .hamburger-inner {
	top: 2px;
	transition-duration: 0.275s;
	transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r .hamburger-inner::before {
	top: 10px;
	transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic-r .hamburger-inner::after {
	top: 20px;
	transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
	transform: translate3d(0, 10px, 0) rotate(-135deg);
	transition-delay: 0.075s;
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
	transition-delay: 0s;
	opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
	transform: translate3d(0, -20px, 0) rotate(270deg);
	transition-delay: 0.075s;
}

/*
	   * Emphatic
	   */
.hamburger--emphatic {
	overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
	transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::before {
	left: 0;
	transition:
		transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
		top 0.05s 0.125s linear,
		left 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::after {
	top: 10px;
	right: 0;
	transition:
		transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
		top 0.05s 0.125s linear,
		right 0.125s 0.175s ease-in;
}

.hamburger--emphatic.is-active .hamburger-inner {
	transition-delay: 0s;
	transition-timing-function: ease-out;
	background-color: transparent !important;
}

.hamburger--emphatic.is-active .hamburger-inner::before {
	left: -80px;
	top: -80px;
	transform: translate3d(80px, 80px, 0) rotate(45deg);
	transition:
		left 0.125s ease-out,
		top 0.05s 0.125s linear,
		transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic.is-active .hamburger-inner::after {
	right: -80px;
	top: -80px;
	transform: translate3d(-80px, 80px, 0) rotate(-45deg);
	transition:
		right 0.125s ease-out,
		top 0.05s 0.125s linear,
		transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
	   * Emphatic Reverse
	   */
.hamburger--emphatic-r {
	overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
	transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::before {
	left: 0;
	transition:
		transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
		top 0.05s 0.125s linear,
		left 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::after {
	top: 10px;
	right: 0;
	transition:
		transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
		top 0.05s 0.125s linear,
		right 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r.is-active .hamburger-inner {
	transition-delay: 0s;
	transition-timing-function: ease-out;
	background-color: transparent !important;
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
	left: -80px;
	top: 80px;
	transform: translate3d(80px, -80px, 0) rotate(-45deg);
	transition:
		left 0.125s ease-out,
		top 0.05s 0.125s linear,
		transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
	right: -80px;
	top: 80px;
	transform: translate3d(-80px, -80px, 0) rotate(45deg);
	transition:
		right 0.125s ease-out,
		top 0.05s 0.125s linear,
		transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
	   * Minus
	   */
.hamburger--minus .hamburger-inner::before,
.hamburger--minus .hamburger-inner::after {
	transition:
		bottom 0.08s 0s ease-out,
		top 0.08s 0s ease-out,
		opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner::before,
.hamburger--minus.is-active .hamburger-inner::after {
	opacity: 0;
	transition:
		bottom 0.08s ease-out,
		top 0.08s ease-out,
		opacity 0s 0.08s linear;
}

.hamburger--minus.is-active .hamburger-inner::before {
	top: 0;
}

.hamburger--minus.is-active .hamburger-inner::after {
	bottom: 0;
}

/*
	   * Slider
	   */
.hamburger--slider .hamburger-inner {
	top: 2px;
}

.hamburger--slider .hamburger-inner::before {
	top: 10px;
	transition-property: transform, opacity;
	transition-timing-function: ease;
	transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
	top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
	transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
	transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
	opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
	transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*
	   * Slider Reverse
	   */
.hamburger--slider-r .hamburger-inner {
	top: 2px;
}

.hamburger--slider-r .hamburger-inner::before {
	top: 10px;
	transition-property: transform, opacity;
	transition-timing-function: ease;
	transition-duration: 0.15s;
}

.hamburger--slider-r .hamburger-inner::after {
	top: 20px;
}

.hamburger--slider-r.is-active .hamburger-inner {
	transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner::before {
	transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
	opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner::after {
	transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*
	   * Spin
	   */
.hamburger--spin .hamburger-inner {
	transition-duration: 0.22s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
	transition:
		top 0.1s 0.25s ease-in,
		opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
	transition:
		bottom 0.1s 0.25s ease-in,
		transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
	transform: rotate(225deg);
	transition-delay: 0.12s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
	transition:
		top 0.1s ease-out,
		opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(-90deg);
	transition:
		bottom 0.1s ease-out,
		transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
	   * Spin Reverse
	   */
.hamburger--spin-r .hamburger-inner {
	transition-duration: 0.22s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r .hamburger-inner::before {
	transition:
		top 0.1s 0.25s ease-in,
		opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
	transition:
		bottom 0.1s 0.25s ease-in,
		transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
	transform: rotate(-225deg);
	transition-delay: 0.12s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
	transition:
		top 0.1s ease-out,
		opacity 0.1s 0.12s ease-out;
}

.hamburger--spin-r.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(90deg);
	transition:
		bottom 0.1s ease-out,
		transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
	   * Spring
	   */
.hamburger--spring .hamburger-inner {
	top: 2px;
	transition: background-color 0s 0.13s linear;
}

.hamburger--spring .hamburger-inner::before {
	top: 10px;
	transition:
		top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
	top: 20px;
	transition:
		top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
	transition-delay: 0.22s;
	background-color: transparent !important;
}

.hamburger--spring.is-active .hamburger-inner::before {
	top: 0;
	transition:
		top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
	transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
	top: 0;
	transition:
		top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
	transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*
	   * Spring Reverse
	   */
.hamburger--spring-r .hamburger-inner {
	top: auto;
	bottom: 0;
	transition-duration: 0.13s;
	transition-delay: 0s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r .hamburger-inner::after {
	top: -20px;
	transition:
		top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner::before {
	transition:
		top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r.is-active .hamburger-inner {
	transform: translate3d(0, -10px, 0) rotate(-45deg);
	transition-delay: 0.22s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner::after {
	top: 0;
	opacity: 0;
	transition:
		top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		opacity 0s 0.22s linear;
}

.hamburger--spring-r.is-active .hamburger-inner::before {
	top: 0;
	transform: rotate(90deg);
	transition:
		top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
	   * Stand
	   */
.hamburger--stand .hamburger-inner {
	transition:
		transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),
		background-color 0s 0.075s linear;
}

.hamburger--stand .hamburger-inner::before {
	transition:
		top 0.075s 0.075s ease-in,
		transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::after {
	transition:
		bottom 0.075s 0.075s ease-in,
		transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand.is-active .hamburger-inner {
	transform: rotate(90deg);
	background-color: transparent !important;
	transition:
		transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),
		background-color 0s 0.15s linear;
}

.hamburger--stand.is-active .hamburger-inner::before {
	top: 0;
	transform: rotate(-45deg);
	transition:
		top 0.075s 0.1s ease-out,
		transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(45deg);
	transition:
		bottom 0.075s 0.1s ease-out,
		transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
	   * Stand Reverse
	   */
.hamburger--stand-r .hamburger-inner {
	transition:
		transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),
		background-color 0s 0.075s linear;
}

.hamburger--stand-r .hamburger-inner::before {
	transition:
		top 0.075s 0.075s ease-in,
		transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::after {
	transition:
		bottom 0.075s 0.075s ease-in,
		transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r.is-active .hamburger-inner {
	transform: rotate(-90deg);
	background-color: transparent !important;
	transition:
		transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),
		background-color 0s 0.15s linear;
}

.hamburger--stand-r.is-active .hamburger-inner::before {
	top: 0;
	transform: rotate(-45deg);
	transition:
		top 0.075s 0.1s ease-out,
		transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(45deg);
	transition:
		bottom 0.075s 0.1s ease-out,
		transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
	   * Squeeze
	   */
.hamburger--squeeze .hamburger-inner {
	transition-duration: 0.075s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
	transition:
		top 0.075s 0.12s ease,
		opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
	transition:
		bottom 0.075s 0.12s ease,
		transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
	transform: rotate(45deg);
	transition-delay: 0.12s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
	transition:
		top 0.075s ease,
		opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(-90deg);
	transition:
		bottom 0.075s ease,
		transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
	   * Vortex
	   */
.hamburger--vortex .hamburger-inner {
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex .hamburger-inner::before,
.hamburger--vortex .hamburger-inner::after {
	transition-duration: 0s;
	transition-delay: 0.1s;
	transition-timing-function: linear;
}

.hamburger--vortex .hamburger-inner::before {
	transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner::after {
	transition-property: bottom, transform;
}

.hamburger--vortex.is-active .hamburger-inner {
	transform: rotate(765deg);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex.is-active .hamburger-inner::before,
.hamburger--vortex.is-active .hamburger-inner::after {
	transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(90deg);
}

/*
	   * Vortex Reverse
	   */
.hamburger--vortex-r .hamburger-inner {
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r .hamburger-inner::before,
.hamburger--vortex-r .hamburger-inner::after {
	transition-duration: 0s;
	transition-delay: 0.1s;
	transition-timing-function: linear;
}

.hamburger--vortex-r .hamburger-inner::before {
	transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner::after {
	transition-property: bottom, transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
	transform: rotate(-765deg);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r.is-active .hamburger-inner::before,
.hamburger--vortex-r.is-active .hamburger-inner::after {
	transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(-90deg);
}

.sidebar {
	position: fixed;
	width: 400px;
	height: 100%;
	background: #000000;
	z-index: 8000;
	right: 0;
	top: 0;
	transition: all 300ms ease;
	transform: translateX(1200px);
}
.sidebar.active {
	transform: translateX(0px);
}
.sidebar .menu-items {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 55%;
}
.sidebar .menu-items .menu-links {
	display: block;
	margin: 20px 0;
}
@media (max-width: 1441px) and (max-height: 901px) {
	.sidebar .menu-items .menu-links {
		margin: 10px 0;
	}
}
@media (max-width: 912px) and (orientation: landscape) {
	.sidebar .menu-items {
		width: 70%;
		overflow-y: scroll;
		max-height: 300px;
	}
	.sidebar .menu-items .menu-links {
		margin: 8px 0;
	}
}
@media (max-width: 391px) {
	.sidebar .menu-items {
		width: 70%;
	}
	.sidebar .menu-items .menu-links {
		margin: 8px 0;
	}
}
@media (max-width: 376px) {
	.sidebar .menu-items .menu-links {
		margin: 3px 0;
	}
}
.sidebar .menu-items .menu-links a {
	display: block;
	text-align: center;
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: -0.2px;
	color: #ffffff;
	outline: 0;
	transition: all 300ms ease;
}
.sidebar .menu-items .menu-links a:hover {
	text-decoration: none;
	color: #14853d;
}
.sidebar .menu-items .menu-links a.active {
	color: #14853d;
}
.sidebar .menu-items .menu-links.contact-link {
	margin: 0 auto;
	margin-top: 40px;
	width: 180px;
}
.sidebar .menu-items .menu-links.contact-link a {
	border: solid 1px #ffffff;
	padding: 12px 0;
	transition: all 300ms ease;
	border-radius: 0 !important;
}
.sidebar .menu-items .menu-links.contact-link a:hover {
	color: #ffffff !important;
	border: solid 1px #14853d;
	background: #14853d;
}
.sidebar .menu-items .line {
	height: 2px;
	/* width: 100%; */
	width: 200px;
	margin: 0 auto;
	background: #949494;
}
@media (max-width: 1024px) {
	.sidebar {
		width: 100%;
	}
}

header {
	position: fixed;
	width: 100%;
	height: 100px;
	padding-top: 50px;
	transition: all 300ms ease;
	z-index: 1000;
}
header .header-content {
	width: 90%;
	margin: 0 auto;
}
header .header-content .logo {
	position: relative;
	float: left;
	top: 0;
	transition: all 300ms ease;
}
header .header-content .logo img {
	width: 200px;
	height: auto;
	-o-object-fit: contain;
	object-fit: contain;
}
header .header-content .header-buttons {
	position: relative;
	float: right;
	top: 0;
	right: 40px;
	transition: all 300ms ease;
}
header .header-content .header-buttons ul {
	margin: 0;
}
header .header-content .header-buttons ul li {
	display: inline-block;
	list-style: none;
	padding: 0 5px;
}
header .header-content .header-buttons ul li a {
	outline: 0;
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	letter-spacing: -0.16px;
	color: #275d38;
	padding: 9px 18px;
	text-decoration: none;
	outline: 0;
	cursor: pointer;
	border-radius: 30px;
}
header .header-content .header-buttons ul li a.lightgreen-btn {
	outline: 0;
	background: #addfb3;
}
header .header-content .header-buttons ul li a.white-btn {
	outline: 0;
	background: #ffffff;
}
header .header-content .header-buttons ul li a.black-btn {
	outline: 0;
	background: #000000;
	color: #ffffff;
	border: solid 1px #000;
	transition: all 300ms ease;
	position: relative;
	top: -5px;
}

header .header-content .header-buttons ul li a.black-btn:active,
header .header-content .header-buttons ul li a.black-btn:focus,
header .header-content .header-buttons ul li a.black-btn:hover {
	background: #14853d;
	color: #ffffff;
	border: solid 1px #fff;
}

header.fixed {
	background: #000000;
	height: 60px;
}
header.fixed .header-content .logo {
	top: -30px;
}
header.fixed .header-content .header-buttons {
	top: -30px;
}
header.fixed .header-content .header-buttons ul li a.black-btn {
	border: solid 1px #ffffff;
}

header.fixed .header-content .header-buttons ul li a.black-btn:hover {
	border: solid 1px #14853d;
}

header.main-header .header-content .header-buttons {
	display: none;
}
header.main-header .header-content .header-buttons.active {
	display: block;
}

.banner {
	position: relative;
	height: 700px;
	width: 100%;
}
.banner .container-column {
	width: 100%;
	height: 100%;
	position: relative;
}
.banner .container-column .banner-columns {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}
.banner .container-column .banner-columns .left,
.banner .container-column .banner-columns .right {
	width: 50%;
	height: 100%;
	position: absolute;
}
.banner .container-column .banner-columns .left {
	left: 0;
}
.banner .container-column .banner-columns .left .content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
}
.banner .container-column .banner-columns .left .content h1 {
	font-family: "MMC Display Condensed";
	font-style: normal;
	font-weight: 700;
	font-size: 50px;
	line-height: 52px;
	letter-spacing: -0.5px;
	color: #ffffff;
	margin: 0;
}
.banner .container-column .banner-columns .left .content h1 span {
	color: #00ac41;
	font-weight: normal !important;
}
.banner .container-column .banner-columns .left .content h6 {
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: -0.18px;
	color: #ffffff;
	margin: 25px 0;
}
.banner .container-column .banner-columns .right {
	right: 0;
}
.banner .container-column .banner-columns .right .content {
	height: 100%;
	width: 100%;
}
.banner .container-column .banner-columns .right .content img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.banner.banner-white {
	background: #ffffff;
	height: 400px;
}
.banner.banner-white .container-column .banner-columns .left .content h1,
.banner.banner-white .container-column .banner-columns .left .content h6 {
	color: #000000 !important;
}

.green-banner {
	background: #0f2415 !important;
}

.banner-conclusions {
	background-color: #00202e !important;
}
.banner-summary-of-results {
	background-color: #14853d !important;
}
.banner-purple {
	background-color: #1a1230 !important;
}

.banner-yellow {
	background-color: #623d00 !important;
}

.banner-navy-blue {
	background-color: #001538 !important;
}

.banner-ocean-blue {
	background-color: #004c6c !important;
}

@media (max-width: 1024px) {
	header .header-content .logo a img {
		width: 180px;
		height: auto;
	}
	header .header-content .header-buttons {
		right: 40px;
	}

	.banner .container-column .banner-columns {
		position: relative;
	}
	.banner .container-column .banner-columns .left {
		width: 100%;
		position: relative;
		height: 550px;
	}
	.banner.credits-banner {
		height: 500px;
	}
	.banner.credits-banner .container-column .banner-columns .left {
		width: 100%;
		position: relative;
		height: 400px;
	}
	.banner.credits-banner .container-column .banner-columns .left {
		margin-top: -25px;
	}
	.banner .container-column .banner-columns .left .content {
		width: 90%;
	}
	.banner .container-column .banner-columns .right {
		width: 100%;
		height: 250px;
		position: relative;
		margin-top: -100px;
	}
	.banner .container-column .banner-columns .right .content img {
		height: 100%;
	}
	.banner.explore-data-page {
		height: 520px;
	}
	.banner.explore-data-page .container-column .banner-columns .right {
		display: none;
	}
}
@media (max-width: 576px) {
	header .header-content .logo a img {
		width: 150px;
		height: auto;
	}
	header .header-content .header-buttons .black-btn {
		display: none;
	}
}
.welcome-screen {
	position: fixed;
	background: #000000;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.welcome-screen .content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 500px;
	text-align: center;
}
.welcome-screen .content h2 {
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 500;
	font-size: 60px;
	line-height: 64px;
	letter-spacing: -0.6px;
	color: #ffffff;
}
.welcome-screen .content .loading-bar {
	position: relative;
	display: inline-block;
	width: 88%;
	height: 10px;
	background-color: #565656;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	overflow: hidden;
}
.welcome-screen .content .loading-bar:after {
	content: "";
	position: absolute;
	left: 0;
	width: 0;
	height: 100%;
	border-radius: 4px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	-webkit-animation: load 8s ease;
	animation: load 8s ease;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
@-webkit-keyframes load {
	0% {
		width: 0;
		background: #fff;
	}
	20% {
		width: 20%;
		background: #fff;
	}
	30% {
		width: 40%;
		background: #fff;
	}
	40% {
		width: 50%;
		background: #fff;
	}
	60% {
		width: 70%;
		background: #fff;
	}
	80% {
		width: 85%;
		background: #fff;
	}
	100% {
		width: 100%;
		background: #fff;
	}
}
@keyframes load {
	0% {
		width: 0;
		background: #fff;
	}
	20% {
		width: 20%;
		background: #fff;
	}
	30% {
		width: 40%;
		background: #fff;
	}
	40% {
		width: 50%;
		background: #fff;
	}
	60% {
		width: 70%;
		background: #fff;
	}
	80% {
		width: 85%;
		background: #fff;
	}
	100% {
		width: 100%;
		background: #fff;
	}
}
.welcome-screen .content .percentage {
	display: inline-block;
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	letter-spacing: -0.16px;
	padding-left: 15px;
	color: #ffffff;
}
@media (max-width: 1024px) {
	.welcome-screen .content {
		transform: translate(-50%, -50%) scale(0.7);
	}
}

.toggle-screen {
	position: fixed;
	background: #000000;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.toggle-screen .content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 700px;
	text-align: center;
}
.toggle-screen .content .text h4 {
	font-family: "MMC Display Condensed";
	font-style: normal;
	font-weight: 400;
	font-size: 30px;
	line-height: 32px;
	text-align: center;
	letter-spacing: -0.3px;
	text-transform: uppercase;
	color: #ffffff;
	margin: 0;
	transition: all 300ms ease;
}
.toggle-screen .content .text h4.active {
	color: #00ac41;
}
.toggle-screen .content .text h1 {
	font-family: "MMC Display Condensed";
	font-style: normal;
	font-weight: 700;
	font-size: 72px;
	line-height: 74px;
	text-align: center;
	letter-spacing: -0.72px;
	text-transform: uppercase;
	color: #ffffff;
	transition: all 300ms ease;
}
.toggle-screen .content .text h1 span {
	color: #949494;
}
.toggle-screen .content .text h1 span.active {
	color: #ffffff;
}
.toggle-screen .content .toggle {
	text-align: center;
	margin-top: 5%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.toggle-screen .content .toggle .switch {
	position: relative;
	display: inline-block;
	width: 100px;
	height: 58px;
}
.toggle-screen .content .toggle .switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	transition: 0.4s;
	box-shadow: 0 0 0 rgba(255, 255, 255, 0.8);
	-webkit-animation: none;
	animation: none;
}
.toggle-screen .content .toggle .switch .slider:before {
	position: absolute;
	content: "";
	height: 50px;
	width: 50px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	transition: 0.4s;
}
.toggle-screen .content .toggle .switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.toggle-screen .content .toggle .switch input:checked + .slider {
	background-color: #00ac41;
}
.toggle-screen .content .toggle .switch input:focus + .slider {
	box-shadow: 0 0 1px #00ac41;
}
.toggle-screen .content .toggle .switch input:checked + .slider:before {
	transform: translateX(43px);
	-webkit-animation: newpulse 1s infinite;
	animation: newpulse 1s infinite;
}
@-webkit-keyframes newpulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);
	}
	70% {
		-webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}
@keyframes newpulse {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
	}
	70% {
		box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}
.toggle-screen .content .toggle .switch .round {
	border-radius: 46px;
}
.toggle-screen .content .toggle .switch .round:before {
	border-radius: 50%;
}
.toggle-screen .content .toggle p {
	color: #ffffff;
}
@media (max-width: 1024px) {
	.toggle-screen .content {
		transform: translate(-50%, -50%) scale(0.7);
	}
}

.homepage-welcome-text {
	position: relative;
	height: 550px;
}

@media (max-width: 800px) {
	.homepage-welcome-text {
		position: relative;
		height: 675px;
	}
}
@media (max-width: 620px) {
	.homepage-welcome-text {
		position: relative;
		height: 450px;
	}
}

@media (min-width: 1024px) {
	.homepage-welcome-text {
		position: relative;
		height: 230px;
	}
}

@media (min-width: 1500px) {
	.homepage-welcome-text {
		position: relative;
		height: 300px;
	}
}

.homepage-welcome-text .welcome-text .welcome-container {
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	margin: 0 auto;
}
@media (max-width: 620px) {
	.homepage-welcome-text .welcome-text .welcome-container {
		width: 80%;
		margin: 0 auto !important;
	}
}

@media (min-width: 700px) {
	.homepage-welcome-text .welcome-text .welcome-container {
		/* width: 90%; */
		width: 80%;
	}
}

@media (min-width: 1024px) {
	.homepage-welcome-text .welcome-text .welcome-container {
		/* width: 90%; */
		width: 100%;
	}
}

.homepage-welcome-text .welcome-text .welcome-container h1,
.homepage-welcome-text .welcome-text .welcome-container h4 {
	margin: 0;
	font-family: "MMC Display Condensed";
	font-style: normal;
}
.homepage-welcome-text .welcome-text .welcome-container h1 {
	font-size: 16vw;
	font-style: normal;
	font-weight: 700;
	line-height: 14vw;
	letter-spacing: -0.72px;
	color: #000000;
	transition: all 300ms ease;
}
.homepage-welcome-text .welcome-text .welcome-container h1 span {
	font-weight: 400;
	color: #14853d;
	float: right;
}

@media (min-width: 1327px) {
	.homepage-welcome-text .welcome-text .welcome-container h1 span {
		float: none;
	}
}

.homepage-welcome-text .welcome-text .welcome-container h4 {
	font-weight: 400;
	font-size: 7vw;
	line-height: 4vw;
	letter-spacing: -0.42px;
	color: #14853d;
	margin-bottom: 10px;
}

@media (min-width: 700px) {
	.homepage-welcome-text .welcome-text .welcome-container h4 {
		font-size: 4vw;
	}
}

@media (min-width: 1327px) {
	.homepage-welcome-text .welcome-text .welcome-container h4 {
		font-size: 40px;
		line-height: 42px;
	}
}

.homepage-welcome-text .welcome-text .welcome-container .welcome-desc {
	width: 50%;
	float: right;
	margin-top: 50px;
	margin-bottom: 90px;
}
.homepage-welcome-text .welcome-text .welcome-container .welcome-desc p {
	margin: 0;
	margin-bottom: 40px;
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -0.24px;
	color: #000000;
}

@media (min-width: 1327px) {
	.homepage-welcome-text .welcome-text .welcome-container h1 {
		/* font-size: 100px; */
		font-size: 90px;
		line-height: 102px;
		letter-spacing: -0.1px;
	}
}
@media (min-width: 1400px) {
	.homepage-welcome-text .welcome-text .welcome-container h1 {
		font-size: 100px;
		line-height: 102px;
		letter-spacing: -0.1px;
	}
}
@media (min-width: 1550px) {
	.homepage-welcome-text .welcome-text .welcome-container h1 {
		font-size: 136px;
		line-height: 102px;
		letter-spacing: -0.1px;
	}
}
@media (min-width: 1700px) {
	.homepage-welcome-text .welcome-text .welcome-container h1 {
		font-size: 120px;
		line-height: 102px;
		letter-spacing: -0.1px;
	}
}

@media (max-width: 1326px) {
	.homepage-welcome-text .welcome-text .welcome-container h1 {
		font-size: 10.3vw;
		font-style: normal;
		font-weight: 700;
		line-height: 10vw;
		letter-spacing: -0.72px;
	}
}
@media (max-width: 1175px) {
	.homepage-welcome-text .welcome-text .welcome-container .welcome-desc {
		width: 90%;
		float: unset;
	}
	.homepage-welcome-text .welcome-text .welcome-container .welcome-desc a {
		display: none;
	}
}
@media (max-width: 700px) {
	.homepage-welcome-text .welcome-text .welcome-container h1 {
		font-size: 18vw;
		font-style: normal;
		font-weight: 700;
		line-height: 17vw;
		letter-spacing: -0.72px;
	}
	.homepage-welcome-text .welcome-text .welcome-container .welcome-desc {
		width: 90%;
		float: unset;
	}
	.homepage-welcome-text .welcome-text .welcome-container .welcome-desc p {
		font-weight: 400;
		font-size: 18px;
		line-height: 30px;
		letter-spacing: -0.18px;
	}
}

.homepage-banner-section-v {
	position: relative;
	width: 90%;
	height: 700px;
	margin-top: -90px;
	background: #000000;
}
.homepage-banner-section-v img {
	width: 100%;
	height: 100%;
	margin: 0;
	-o-object-fit: cover;
	object-fit: cover;
}
@media (max-width: 1024px) {
	.homepage-banner-section-v {
		width: 100%;
		background: none;
		height: 400px;
	}
}

.full-content-section {
	position: relative;
}
.full-content-section .content-container {
	display: flex;
	position: relative;
	margin: 0 auto;
}

@media (min-width: 1200px) {
	.full-content-section .content-container .full {
		/* max-width: 80%; */
		max-width: 100%;
	}
}

.full-content-section .content-container .full {
	/* width: 90%; */
	width: 100%;
	margin: 0 auto;
}

.full-content-section .content-container .full p {
	margin: 0;
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: -0.18px;
	color: #000000;
}

.dual-content-section {
	position: relative;
	padding: 100px 0;
}
.dual-content-section .content-container {
	display: flex;
	position: relative;
	width: 90%;
	margin: 0 auto;
}

.dual-content-section .content-container .left,
.dual-content-section .content-container .right {
	width: 50%;
}
.dual-content-section .content-container .left p,
.dual-content-section .content-container .right p {
	margin: 0;
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: -0.18px;
	color: #000000;
}
.dual-content-section .content-container .left {
	padding-right: 10px;
}
.dual-content-section .content-container .right {
	padding-top: 100px;
	padding-left: 10px;
}
.dual-content-section .content-container .right p {
	margin-bottom: 40px;
}
@media (max-width: 1024px) {
	.dual-content-section {
		padding: 60px 0;
	}
	.dual-content-section .content-container {
		display: block;
		width: 100%;
	}
	.dual-content-section .content-container .left,
	.dual-content-section .content-container .right {
		width: 90%;
		margin: 0 auto;
		padding: 0 !important;
	}
	.dual-content-section .content-container .right {
		margin-top: 30px;
	}
}

.wheel-section {
	width: 100%;
	position: relative;
	height: 600px;
	background: #f0f0f0;
	margin: 0 auto;
}
.wheel-section .wheel-container {
	display: flex;
	height: 100%;
	width: 90%;
	position: relative;
	margin: 0 auto;
}
.wheel-section .wheel-container .left-wheel {
	width: 45%;
	height: 100%;
	position: relative;
}
.wheel-section .wheel-container .left-wheel img {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0;
	-o-object-fit: contain;
	object-fit: contain;
}

@media (min-width: 1025px) {
	.wheel-section .wheel-container .left-wheel img {
		padding: 30px;
	}
}

@media (min-width: 2000px) {
	.wheel-section .wheel-container .left-wheel img {
		/* height: 150%; */
		height: 100%;
	}
}

.wheel-section .wheel-container .right-desc {
	width: 55%;
	height: 100%;
	position: relative;
}
.wheel-section .wheel-container .right-desc .content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 85%;
	padding-left: 15px;
}
.wheel-section .wheel-container .right-desc .content h3 {
	font-family: "MMC Display Condensed";
	font-style: normal;
	font-weight: 700;
	font-size: 42px;
	line-height: 44px;
	letter-spacing: -0.42px;
	text-transform: uppercase;
	color: #000000;
	margin: 0;
	margin-bottom: 30px;
}
.wheel-section .wheel-container .right-desc .content p {
	margin: 0;
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: -0.18px;
	color: #000000;
	margin-bottom: 40px;
}
@media (max-width: 1024px) {
	.wheel-section {
		height: unset;
	}
	.wheel-section .wheel-container {
		width: 100%;
		flex-direction: column-reverse;
	}
	.wheel-section .wheel-container .left-wheel,
	.wheel-section .wheel-container .right-desc {
		width: 100%;
		height: unset;
	}
	.wheel-section .wheel-container .left-wheel {
		height: auto;
		width: 85%;
		margin: 0 auto;
	}
	.wheel-section .wheel-container .left-wheel img {
		position: relative;
		top: unset;
		left: unset;
		transform: unset;
		height: 100%;
		width: 100%;
		bottom: 0px;
	}
	.wheel-section .wheel-container .right-desc .content {
		position: relative;
		top: unset;
		left: unset;
		transform: unset;
		padding: 60px 0;
		width: 90%;
		margin: 0 auto;
	}
	.wheel-section .wheel-container .right-desc .content h3 {
		font-weight: 700;
		font-size: 30px;
		line-height: 32px;
		letter-spacing: -0.3px;
		text-transform: uppercase;
	}
}

.sub-section .sub-section-container {
	background: #0f2415;
	width: 100%;
	height: 500px;
	position: relative;
	z-index: 1;
}
.sub-section .sub-section-container .content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 600px;
	margin: 0 auto;
}
.sub-section .sub-section-container .content h2 {
	margin: 0;
	font-family: "MMC Display Condensed";
	font-style: normal;
	font-weight: 700;
	font-size: 50px;
	line-height: 52px;
	text-align: center;
	letter-spacing: -0.5px;
	text-transform: uppercase;
	color: #ffffff;
}
.sub-section .sub-section-container .content h2 span {
	color: #57c67a;
	font-weight: 400;
}
.sub-section .sub-section-container .content p {
	margin: 10px 0 40px 0;
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	letter-spacing: -0.18px;
	color: #ffffff;
}
@media (max-width: 768px) {
	.sub-section .sub-section-container {
		height: 350px;
	}
	.sub-section .sub-section-container .content {
		width: 90%;
		margin: 0 auto;
		text-align: left;
	}
	.sub-section .sub-section-container .content h2 {
		font-weight: 700;
		font-size: 30px;
		line-height: 32px;
		letter-spacing: -0.3px;
		text-transform: uppercase;
		text-align: left;
		margin-bottom: 20px;
	}
	.sub-section .sub-section-container .content p {
		text-align: left;
	}
}

.scroll-wrapper {
	overflow: hidden !important;
	padding: 0 !important;
	position: relative;
}

.scroll-wrapper > .scroll-content {
	border: none !important;
	box-sizing: content-box !important;
	height: auto;
	left: 0;
	margin: 0;
	max-height: none;
	max-width: none !important;
	overflow: scroll !important;
	padding: 0;
	position: relative !important;
	top: 0;
	width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
	height: 0;
	width: 0;
}

.scroll-element {
	display: none;
}

.scroll-element,
.scroll-element div {
	box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
	display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
	cursor: default;
}

.scroll-textarea {
	border: 1px solid #cccccc;
	border-top-color: #999999;
}

.scroll-textarea > .scroll-content {
	overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea {
	border: none !important;
	box-sizing: border-box;
	height: 100% !important;
	margin: 0;
	max-height: none !important;
	max-width: none !important;
	overflow: scroll !important;
	outline: none;
	padding: 2px;
	position: relative !important;
	top: 0;
	width: 100% !important;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
	height: 0;
	width: 0;
}

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 10;
}

.scrollbar-inner > .scroll-element div {
	display: block;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 1;
}

.scrollbar-inner > .scroll-element.scroll-x {
	bottom: 2px;
	height: 8px;
	left: 0;
	width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
	height: 100%;
	right: 2px;
	top: 0;
	width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
	overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
	border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track {
	background-color: #e0e0e0;
}

.scrollbar-inner > .scroll-element .scroll-bar {
	background-color: #c2c2c2;
}

.scrollbar-inner > .scroll-element:hover .scroll-bar {
	background-color: #919191;
}

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
	background-color: #919191;
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
	left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
	top: -12px;
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
	left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
	top: -12px;
}

.menu-bar-main {
	height: 70px;
	border-bottom: solid 2px #dadada;
	width: 100%;
}
.menu-bar-main.fixed {
	position: fixed;
	top: 60px;
	background: #ffffff;
	z-index: 999;
}
.menu-bar-main .menu-bar {
	display: flex;
	justify-content: space-between;
	position: relative;
	width: 90%;
	margin: 0 auto;
}
.menu-bar-main .menu-bar .left-menu {
	width: 50%;
	position: relative;
}
.menu-bar-main .menu-bar .left-menu ul {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
	width: 100%;
	height: 100%;
	margin: 0;
	margin-left: -40px;
	z-index: 2;
}
.menu-bar-main .menu-bar .left-menu ul li {
	display: inline-block;
	list-style: none;
	height: 100%;
	position: relative;
}
.menu-bar-main .menu-bar .left-menu ul li a {
	font-family: "MMC Display Condensed";
	display: flex;
	transition: all 300ms ease;
	align-items: center;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	align-items: center;
	text-align: center;
	letter-spacing: -0.18px;
	color: #565656;
	text-decoration: none;
	outline: 0;
	height: 68px;
	margin-right: 30px;
	padding: 0 4px;
	border-bottom: solid 3px transparent;
	cursor: pointer;
}
.menu-bar-main .menu-bar .left-menu ul li a.selected {
	border-bottom: solid 3px #000000;
	color: #000000;
}
.menu-bar-main .menu-bar .right-menu {
	width: 50%;
	position: relative;
}
.menu-bar-main .menu-bar .right-menu .mobile-buttons {
	display: none;
	position: absolute;
	right: 0;
	top: 20px;
}
.menu-bar-main .menu-bar .right-menu .mobile-buttons img {
	float: right;
}
.menu-bar-main .menu-bar .right-menu .compare-location-list {
	position: relative;
	margin: 0 auto;
}
.menu-bar-main .menu-bar .right-menu .compare-location-list ul {
	text-align: right;
	margin: revert;
}
.menu-bar-main .menu-bar .right-menu .compare-location-list ul.hide {
	display: none;
}
.menu-bar-main .menu-bar .right-menu .compare-location-list ul li {
	list-style: none;
	display: inline-block;
}
.menu-bar-main .menu-bar .right-menu .compare-location-list ul li.custom-dropdown {
	border: solid 1px #dadada;
	background: #ffffff;
	color: #565656;
	width: 180px;
	position: relative;
	height: 35px;
	border-radius: 30px;
	cursor: pointer;
}
.menu-bar-main .menu-bar .right-menu .compare-location-list ul li.custom-dropdown .location-parent {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: left;
	padding-left: 20px;
}
.menu-bar-main
	.menu-bar
	.right-menu
	.compare-location-list
	ul
	li.custom-dropdown
	.location-parent
	.location-name.active-text {
	color: #000000;
}
.menu-bar-main .menu-bar .right-menu .compare-location-list ul li.list-text {
	position: relative;
	top: -12px;
	padding: 0 15px;
	color: #565656;
}
.menu-bar-main .menu-bar .right-menu .compare-location-list ul li img {
	position: absolute;
	top: -4px;
	right: 10px;
	width: 30px;
	height: 30px;
	-o-object-fit: contain;
	object-fit: contain;
}
.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown {
	max-height: 200px;
	width: 250px;
	overflow: hidden;
	border: solid 1px #dadada;
	border-radius: 10px;
	box-shadow: 5px 5px 15px 0px #dadada;
	background: #ffffff;
	visibility: hidden;
	opacity: 0;
	z-index: 10;
	transition: all 300ms ease;
}
.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-1 {
	position: absolute;
	right: 235px;
	top: 40px;
}
.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-2,
.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-3,
.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-4 {
	position: absolute;
	right: 0px;
	top: 40px;
}
.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.active {
	visibility: visible;
	opacity: 1;
}
.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown .choices {
	max-height: 200px !important;
	width: 250px !important;
	overflow: hidden;
	padding: 10px 0;
}
.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown .choices p {
	display: block;
	margin: 0;
	position: relative;
	padding: 10px 20px;
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 400;
	cursor: pointer;
	transition: all 300ms ease;
}
.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown .choices p:hover {
	background: rgba(173, 223, 179, 0.2);
}
.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown .choices p.selected {
	transition: all 300ms ease;
	background: rgba(173, 223, 179, 0.2);
	pointer-events: none;
}
.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown .choices p.selected:after {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f00c";
	font-size: 15px;
	position: absolute;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	left: unset;
	right: 20px;
}
.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown .choices p.disabled {
	opacity: 0.2;
	pointer-events: none;
	cursor: default;
}
.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown .choices .border {
	display: block;
	height: 1px;
	background: #dadada;
	width: 85%;
	margin: 15px auto;
}
.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown .choices .main-category p {
	font-size: 18px;
	line-height: 26px;
	letter-spacing: -0.18px;
	color: #275d38;
}
.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown .choices .others p {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.14px;
	color: #000000;
}
.menu-bar-main .menu-bar .mobile-dropdown-text {
	display: none;
}
@media (max-width: 1024px) {
	.menu-bar-main .menu-bar .left-menu {
		width: 90%;
	}
	.menu-bar-main .menu-bar .left-menu ul li a {
		padding: 0 4px;
		margin-right: 10px;
	}
	.menu-bar-main .menu-bar .right-menu .for-ranking,
	.menu-bar-main .menu-bar .right-menu .for-profiles,
	.menu-bar-main .menu-bar .right-menu .for-comparison {
		display: none;
	}
	.menu-bar-main .menu-bar .right-menu .mobile-buttons {
		display: block;
		cursor: pointer;
	}
	.menu-bar-main .menu-bar .right-menu .mobile-buttons .mobile-btn-img {
		display: none;
	}
	.menu-bar-main .menu-bar .right-menu .mobile-buttons .mobile-btn-img.active {
		display: block;
	}
	.menu-bar-main .menu-bar .right-menu .compare-location-list .mobile-overlay {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.4);
		width: 100%;
		height: 100%;
		z-index: 100;
		transition: all 300ms ease;
		opacity: 0;
		visibility: hidden;
	}
	.menu-bar-main .menu-bar .right-menu .compare-location-list .mobile-overlay.overlay-active {
		opacity: 1;
		visibility: visible;
	}
	.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-1,
	.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-2,
	.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-3,
	.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-4 {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		top: unset;
		background: #fff;
		height: 300px;
		width: 100%;
		z-index: 101;
		opacity: 1;
		visibility: visible;
		max-height: unset;
		border-radius: unset;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		box-shadow: unset;
		border: none;
		transform: translateY(800px);
		transition: all 300ms ease;
	}
	.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-1 .choices,
	.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-2 .choices,
	.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-3 .choices,
	.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-4 .choices {
		width: 100% !important;
		padding: 0;
		max-height: 220px !important;
	}
	.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-1.mobile-active,
	.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-2.mobile-active,
	.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-3.mobile-active,
	.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-4.mobile-active {
		transform: translateY(0);
	}
	.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-1 .mobile-dropdown-text,
	.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-2 .mobile-dropdown-text,
	.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-3 .mobile-dropdown-text,
	.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-4 .mobile-dropdown-text {
		display: block;
		text-align: center;
		border-bottom: solid 1px #dadada;
		margin: 0;
		width: 100%;
		padding: 10px 0;
		margin-top: 30px;
		font-family: "Noto Sans";
		font-style: normal;
		font-weight: 500;
		font-size: 16px;
		line-height: 22px;
		text-align: center;
		letter-spacing: -0.16px;
		color: #202020;
	}
	.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-1,
	.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-2,
	.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-3 {
		height: 600px;
	}
	.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-1 .choices,
	.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-2 .choices,
	.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-3 .choices {
		max-height: 520px !important;
	}
}
@media (max-width: 768px) {
	.menu-bar-main .menu-bar {
		width: 100%;
	}
	.menu-bar-main .menu-bar .left-menu {
		position: relative;
		left: 4%;
		width: 500px;
	}
	.menu-bar-main .menu-bar .left-menu ul li a {
		font-size: 15px;
		line-height: 16px;
		letter-spacing: -0.14px;
		text-transform: uppercase;
	}
	.menu-bar-main .menu-bar .right-menu {
		position: relative;
		right: 4%;
	}
	.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-1,
	.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-2,
	.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-3 {
		height: 450px;
	}
	.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-1 .choices,
	.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-2 .choices,
	.menu-bar-main .menu-bar .right-menu .compare-location-list .location-dropdown.dropdown-3 .choices {
		max-height: 370px !important;
	}
}
.menu-bar-main .additional-mobile-menu {
	display: none;
}
@media (max-width: 1024px) {
	.menu-bar-main .additional-mobile-menu {
		width: 100%;
		height: 60px;
		background: #f5f5f5;
		margin-top: 70px;
		position: absolute;
		border-bottom: solid 2px #dadada;
		z-index: 1;
	}
	.menu-bar-main .additional-mobile-menu.active {
		display: block;
	}
	.menu-bar-main .additional-mobile-menu .mobile-menu-list {
		display: none;
	}
	.menu-bar-main .additional-mobile-menu .mobile-menu-list ul {
		margin-left: -40px;
	}
	.menu-bar-main .additional-mobile-menu .mobile-menu-list ul li {
		list-style: none;
	}
	.menu-bar-main .additional-mobile-menu .mobile-menu-list ul li.custom-dropdown {
		border: solid 1px #dadada;
		background: #ffffff;
		color: #565656;
		position: relative;
		width: 90%;
		margin: 0 auto;
		height: 35px;
		border-radius: 30px;
		cursor: pointer;
	}
	.menu-bar-main .additional-mobile-menu .mobile-menu-list ul li.custom-dropdown .location-parent {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		text-align: left;
		padding-left: 10px;
		top: 60%;
		font-size: 13px !important;
	}
	.menu-bar-main
		.additional-mobile-menu
		.mobile-menu-list
		ul
		li.custom-dropdown
		.location-parent
		.location-name.active-text {
		color: #000000;
	}
	.menu-bar-main .additional-mobile-menu .mobile-menu-list ul li.custom-dropdown .location-parent img {
		float: right;
		position: relative;
		top: -4px;
	}
	.menu-bar-main .additional-mobile-menu .mobile-menu-list.mobile-compare-menu ul {
		margin-left: -25px;
		margin-right: 11px;
	}
	.menu-bar-main .additional-mobile-menu .mobile-menu-list.mobile-compare-menu ul li {
		width: 41.5%;
		display: inline-block;
	}
	.menu-bar-main .additional-mobile-menu .mobile-menu-list.mobile-compare-menu ul li.list-text {
		width: 40px;
		position: relative;
		top: -13px;
		text-align: center;
	}
	.menu-bar-main .additional-mobile-menu .mobile-menu-list.active {
		display: block;
	}
}

.tooltip-mobile-overlay {
	display: block;
	position: fixed !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	background: rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 100%;
	z-index: 1000;
	visibility: hidden;
	opacity: 0;
	transition: all 300ms ease;
}

.tooltip-parent {
	display: inline-block;
	position: relative;
}
.tooltip-parent.gdp-alignment {
	left: -6px;
}
@media (max-width: 768px) {
	.tooltip-parent.gdp-alignment {
		left: 0px;
	}
}
.tooltip-parent.tooltip-ranking {
	text-align: left !important;
}
.tooltip-parent.tooltip-ranking span {
	left: 3px;
}
.tooltip-parent span {
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 900;
	font-size: 10px;
	position: relative;
	top: -5px;
	line-height: 22px;
	letter-spacing: -0.16px;
	color: #14853d;
	cursor: pointer;
}
.tooltip-parent .tooltip-content {
	display: none;
	position: absolute;
	width: 400px;
	background: #ffffff;
	border: solid 1px #dadada;
	z-index: 10;
	padding: 10px;
	top: 25px;
	left: -15px;
	border-radius: 8px;
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.12px;
	color: #202020;
}
.tooltip-parent .tooltip-content .responsive-title {
	display: none;
}
.tooltip-parent .tooltip-content:before {
	content: "";
	position: absolute;
	top: -8px;
	left: 14px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 8px 6px;
	border-color: transparent transparent #dadada transparent;
}
.tooltip-parent .tooltip-content:after {
	content: "";
	position: absolute;
	top: -6px;
	left: 14px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 8px 6px;
	border-color: transparent transparent #ffffff transparent;
}
.tooltip-parent .tooltip-content.flip {
	left: unset;
	right: -15px;
}
.tooltip-parent .tooltip-content.flip:before {
	right: 14px;
	left: unset;
}
.tooltip-parent .tooltip-content.flip:after {
	right: 14px;
	left: unset;
}
.tooltip-parent:hover .tooltip-content {
	display: block;
}
@media (max-width: 768px) {
	.tooltip-parent .tooltip-content {
		display: block;
		position: fixed;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		top: unset;
		background: #fff;
		height: 300px;
		width: 100%;
		z-index: 101;
		opacity: 1;
		visibility: visible;
		max-height: unset;
		border-radius: unset;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		box-shadow: unset;
		border: none;
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 22px;
		letter-spacing: -0.16px;
		padding: 0;
		transition: all 300ms ease;
		transform: translateY(800px);
		z-index: 1001;
	}
	.tooltip-parent .tooltip-content:after,
	.tooltip-parent .tooltip-content:before {
		display: none;
	}
	.tooltip-parent .tooltip-content .responsive-title {
		display: block;
		text-align: center;
		font-family: "Noto Sans";
		font-style: normal;
		font-weight: 500;
		font-size: 16px;
		line-height: 22px;
		text-align: center;
		letter-spacing: -0.16px;
		color: #202020;
		padding: 40px 0 10px 0;
		border-bottom: solid 2px #dadada;
	}
	.tooltip-parent .tooltip-content .tooltip-desc {
		padding: 20px;
	}
}
@media (max-width: 768px) and (max-width: 768px) {
	.tooltip-parent.tooltip-parent-active .tooltip-content {
		transform: translateY(0px);
		text-align: left !important;
	}
	.tooltip-parent.tooltip-parent-active .tooltip-mobile-overlay {
		visibility: visible;
		opacity: 1;
	}
}

.chart-anchor {
	color: #14853d;
	cursor: pointer;
}
.chart-anchor:hover {
	color: #14853d;
	text-decoration: none;
}

.menu-columns {
	display: none;
	position: relative;
	height: 100%;
	width: 100%;
	padding-top: 0;
}
.menu-columns.fixed {
	padding-top: 70px;
}
.menu-columns.compare-locations .left-data,
.menu-columns.compare-locations .right-data,
.menu-columns.profiles .left-data,
.menu-columns.profiles .right-data {
	width: 50%;
	overflow: hidden;
}
.menu-columns.compare-locations .left-data {
	border-right: solid 1px #dadada;
}
.menu-columns.compare-locations .left-data .content,
.menu-columns.compare-locations .right-data .content,
.menu-columns.profiles .left-data .content,
.menu-columns.profiles .right-data .content {
	width: 80%;
	margin: 0 auto;
	padding: 30px 0;
	position: relative;
}
.menu-columns.compare-locations .left-data .content.profiles-image-data,
.menu-columns.compare-locations .right-data .content.profiles-image-data,
.menu-columns.profiles .left-data .content.profiles-image-data,
.menu-columns.profiles .right-data .content.profiles-image-data {
	padding: 0;
	width: 100%;
	height: 100%;
}
.menu-columns.compare-locations .left-data .content.profiles-image-data img,
.menu-columns.compare-locations .right-data .content.profiles-image-data img,
.menu-columns.profiles .left-data .content.profiles-image-data img,
.menu-columns.profiles .right-data .content.profiles-image-data img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: bottom;
	object-position: bottom;
}
.menu-columns.compare-locations .left-data .content .data-country-name,
.menu-columns.compare-locations .right-data .content .data-country-name,
.menu-columns.profiles .left-data .content .data-country-name,
.menu-columns.profiles .right-data .content .data-country-name {
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 500;
	font-size: 28px;
	line-height: 36px;
	color: #14853d;
}
.menu-columns.compare-locations .left-data .content .data-container .rank-container,
.menu-columns.compare-locations .left-data .content .data-container .score-container,
.menu-columns.compare-locations .left-data .content .data-container .gdp-container,
.menu-columns.compare-locations .right-data .content .data-container .rank-container,
.menu-columns.compare-locations .right-data .content .data-container .score-container,
.menu-columns.compare-locations .right-data .content .data-container .gdp-container,
.menu-columns.profiles .left-data .content .data-container .rank-container,
.menu-columns.profiles .left-data .content .data-container .score-container,
.menu-columns.profiles .left-data .content .data-container .gdp-container,
.menu-columns.profiles .right-data .content .data-container .rank-container,
.menu-columns.profiles .right-data .content .data-container .score-container,
.menu-columns.profiles .right-data .content .data-container .gdp-container {
	display: inline-block;
}
.menu-columns.compare-locations .left-data .content .data-country-rank,
.menu-columns.compare-locations .left-data .content .data-country-score,
.menu-columns.compare-locations .left-data .content .data-country-gdp,
.menu-columns.compare-locations .right-data .content .data-country-rank,
.menu-columns.compare-locations .right-data .content .data-country-score,
.menu-columns.compare-locations .right-data .content .data-country-gdp,
.menu-columns.profiles .left-data .content .data-country-rank,
.menu-columns.profiles .left-data .content .data-country-score,
.menu-columns.profiles .left-data .content .data-country-gdp,
.menu-columns.profiles .right-data .content .data-country-rank,
.menu-columns.profiles .right-data .content .data-country-score,
.menu-columns.profiles .right-data .content .data-country-gdp {
	display: inline-block;
}
.menu-columns.compare-locations .left-data .content .data-country-rank .ranking,
.menu-columns.compare-locations .left-data .content .data-country-score .ranking,
.menu-columns.compare-locations .left-data .content .data-country-gdp .ranking,
.menu-columns.compare-locations .right-data .content .data-country-rank .ranking,
.menu-columns.compare-locations .right-data .content .data-country-score .ranking,
.menu-columns.compare-locations .right-data .content .data-country-gdp .ranking,
.menu-columns.profiles .left-data .content .data-country-rank .ranking,
.menu-columns.profiles .left-data .content .data-country-score .ranking,
.menu-columns.profiles .left-data .content .data-country-gdp .ranking,
.menu-columns.profiles .right-data .content .data-country-rank .ranking,
.menu-columns.profiles .right-data .content .data-country-score .ranking,
.menu-columns.profiles .right-data .content .data-country-gdp .ranking {
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 700;
	font-size: 34px;
	line-height: 34px;
	letter-spacing: -0.6px;
	color: #000000;
}
.menu-columns.compare-locations .left-data .content .data-country-rank .data-country-overall,
.menu-columns.compare-locations .left-data .content .data-country-score .data-country-overall,
.menu-columns.compare-locations .left-data .content .data-country-gdp .data-country-overall,
.menu-columns.compare-locations .right-data .content .data-country-rank .data-country-overall,
.menu-columns.compare-locations .right-data .content .data-country-score .data-country-overall,
.menu-columns.compare-locations .right-data .content .data-country-gdp .data-country-overall,
.menu-columns.profiles .left-data .content .data-country-rank .data-country-overall,
.menu-columns.profiles .left-data .content .data-country-score .data-country-overall,
.menu-columns.profiles .left-data .content .data-country-gdp .data-country-overall,
.menu-columns.profiles .right-data .content .data-country-rank .data-country-overall,
.menu-columns.profiles .right-data .content .data-country-score .data-country-overall,
.menu-columns.profiles .right-data .content .data-country-gdp .data-country-overall {
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 500;
	font-size: 34px;
	line-height: 34px;
	letter-spacing: -0.6px;
	color: #000000;
}
.menu-columns.compare-locations .left-data .content .data-country-rank .score-text,
.menu-columns.compare-locations .left-data .content .data-country-score .score-text,
.menu-columns.compare-locations .left-data .content .data-country-gdp .score-text,
.menu-columns.compare-locations .right-data .content .data-country-rank .score-text,
.menu-columns.compare-locations .right-data .content .data-country-score .score-text,
.menu-columns.compare-locations .right-data .content .data-country-gdp .score-text,
.menu-columns.profiles .left-data .content .data-country-rank .score-text,
.menu-columns.profiles .left-data .content .data-country-score .score-text,
.menu-columns.profiles .left-data .content .data-country-gdp .score-text,
.menu-columns.profiles .right-data .content .data-country-rank .score-text,
.menu-columns.profiles .right-data .content .data-country-score .score-text,
.menu-columns.profiles .right-data .content .data-country-gdp .score-text {
	display: block;
	width: 100%;
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.14px;
	color: #565656;
}
.menu-columns.compare-locations .left-data .content .data-country-score,
.menu-columns.compare-locations .right-data .content .data-country-score,
.menu-columns.profiles .left-data .content .data-country-score,
.menu-columns.profiles .right-data .content .data-country-score {
	margin-left: 50px;
}
.menu-columns.compare-locations .left-data .content .data-country-gdp,
.menu-columns.compare-locations .right-data .content .data-country-gdp,
.menu-columns.profiles .left-data .content .data-country-gdp,
.menu-columns.profiles .right-data .content .data-country-gdp {
	display: inline-block;
	margin-left: 50px;
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 500;
	font-size: 34px;
	line-height: 34px;
	letter-spacing: -0.6px;
	color: #000000;
}
.menu-columns.compare-locations .left-data .content .data-country-desc,
.menu-columns.compare-locations .right-data .content .data-country-desc,
.menu-columns.profiles .left-data .content .data-country-desc,
.menu-columns.profiles .right-data .content .data-country-desc {
	margin-top: 50px;
	color: #000000;
}
.menu-columns.compare-locations .compare-locations-table,
.menu-columns.profiles .compare-locations-table {
	width: 100%;
	margin-top: 50px;
}
.menu-columns.compare-locations .compare-locations-table tr th,
.menu-columns.profiles .compare-locations-table tr th {
	text-align: right;
	border-bottom: solid 1px #000000;
	padding: 8px 5px;
	vertical-align: middle;
	color: #000000;
	font-weight: 600;
}
.menu-columns.compare-locations .compare-locations-table tr th:nth-of-type(1),
.menu-columns.profiles .compare-locations-table tr th:nth-of-type(1) {
	text-align: left;
}
.menu-columns.compare-locations .compare-locations-table tr td,
.menu-columns.profiles .compare-locations-table tr td {
	width: 25%;
	padding: 8px 5px;
	border-bottom: solid 1px #f0f0f0;
	vertical-align: middle;
	color: #000000;
}
.menu-columns.compare-locations .compare-locations-table tr td:nth-of-type(3),
.menu-columns.profiles .compare-locations-table tr td:nth-of-type(3) {
	width: 20%;
	text-align: right;
}
.menu-columns.compare-locations .compare-locations-table tr td .data-progress-bar,
.menu-columns.profiles .compare-locations-table tr td .data-progress-bar {
	width: 100%;
	height: 8px;
	border-radius: 30px;
	background: #dadada;
	position: relative;
}
.menu-columns.compare-locations .compare-locations-table tr td .data-progress-bar .data-color-bar,
.menu-columns.profiles .compare-locations-table tr td .data-progress-bar .data-color-bar {
	display: block;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 8px;
	border-radius: 30px;
	background: #0b661e;
	transition: all 800ms ease;
}
.menu-columns.compare-locations .same-region-group,
.menu-columns.profiles .same-region-group {
	display: none;
}
.menu-columns.compare-locations .same-region-group.show-table,
.menu-columns.profiles .same-region-group.show-table {
	display: block;
}
.menu-columns.compare-locations .same-region-group .same-region-table,
.menu-columns.profiles .same-region-group .same-region-table {
	width: 100%;
	margin-top: 50px;
}
.menu-columns.compare-locations .same-region-group .same-region-table tr th,
.menu-columns.profiles .same-region-group .same-region-table tr th {
	text-align: right;
	border-bottom: solid 1px #000000;
	padding: 8px 5px;
	vertical-align: middle;
	font-weight: 600;
	color: #000000;
}
.menu-columns.compare-locations .same-region-group .same-region-table tr th:nth-of-type(1),
.menu-columns.profiles .same-region-group .same-region-table tr th:nth-of-type(1) {
	text-align: left;
}
.menu-columns.compare-locations .same-region-group .same-region-table tr td,
.menu-columns.profiles .same-region-group .same-region-table tr td {
	width: 25%;
	padding: 8px 5px;
	border-bottom: solid 1px #f0f0f0;
	vertical-align: middle;
	color: #000000;
}

/* .menu-columns.compare-locations .same-region-group .same-region-table tr td:nth-of-type(2),
  .menu-columns.profiles .same-region-group .same-region-table tr td:nth-of-type(2) {
	width:25
  } */

.menu-columns.compare-locations .same-region-group .same-region-table tr td:nth-of-type(3),
.menu-columns.profiles .same-region-group .same-region-table tr td:nth-of-type(3) {
	width: 20%;
	text-align: right;
}
.menu-columns.compare-locations .same-region-group .same-region-table tr td .data-progress-bar,
.menu-columns.profiles .same-region-group .same-region-table tr td .data-progress-bar {
	width: 100%;
	height: 8px;
	/* left: -20px; */
	border-radius: 30px;
	background: #dadada;
	position: relative;
	display: inline-block;
}
.menu-columns.compare-locations .same-region-group .same-region-table tr td .data-progress-bar .data-color-bar,
.menu-columns.profiles .same-region-group .same-region-table tr td .data-progress-bar .data-color-bar {
	display: block;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 8px;
	border-radius: 30px;
	background: #0b661e;
	transition: all 800ms ease;
}
.menu-columns.compare-locations .same-region-group .same-region-table tr td .data-progress-bar span,
.menu-columns.profiles .same-region-group .same-region-table tr td .data-progress-bar span {
	display: inline-block;
}
.menu-columns.active {
	display: flex;
}
.menu-columns .mobile-map {
	display: none;
}
.menu-columns .mobile-instruction-screen {
	display: none;
}
@media (max-width: 1024px) {
	.menu-columns.profiles {
		margin-top: 70px !important;
	}
	.menu-columns.profiles .left-data {
		width: 100%;
		display: none;
		max-height: unset;
	}
	.menu-columns.profiles .left-data .content .data-country-name,
	.menu-columns.profiles .left-data .content .data-country-rank {
		text-align: center;
	}
	.menu-columns.profiles .left-data .content .data-country-rank {
		display: block;
		width: 100%;
	}
	.menu-columns.profiles .left-data .content .data-country-rank .ranking {
		font-style: normal;
		font-weight: 700;
		font-size: 60px;
		line-height: 64px;
		letter-spacing: -0.6px;
	}
	.menu-columns.profiles .left-data.active {
		display: block;
		max-height: unset;
	}
	.menu-columns.profiles .right-data {
		display: none;
	}
	.menu-columns.compare-locations {
		margin-top: 70px !important;
	}
	.menu-columns.compare-locations .left-data,
	.menu-columns.compare-locations .right-data {
		width: 100% !important;
		display: none;
		max-height: unset;
	}
	.menu-columns.compare-locations .left-data {
		border-right: none;
	}
	.menu-columns.compare-locations .left-data.active,
	.menu-columns.compare-locations .right-data.active {
		display: block;
	}
	.menu-columns.compare-locations .left-data .content .data-country-name,
	.menu-columns.compare-locations .left-data .content .data-country-rank,
	.menu-columns.compare-locations .right-data .content .data-country-name,
	.menu-columns.compare-locations .right-data .content .data-country-rank {
		text-align: center;
	}
	.menu-columns.compare-locations .left-data .content .data-country-rank,
	.menu-columns.compare-locations .right-data .content .data-country-rank {
		display: block;
		width: 100%;
	}
	.menu-columns.compare-locations .left-data .content .data-country-rank .ranking,
	.menu-columns.compare-locations .right-data .content .data-country-rank .ranking {
		font-style: normal;
		font-weight: 700;
		font-size: 60px;
		line-height: 64px;
		letter-spacing: -0.6px;
	}
	.menu-columns.compare-locations .right-data {
		border-top: solid 1px #dadada;
	}
	.menu-columns.compare-locations .content,
	.menu-columns.profiles .content {
		width: 90% !important;
	}
	.menu-columns.compare-locations .compare-locations-table,
	.menu-columns.profiles .compare-locations-table {
		margin-top: 30px;
	}
	.menu-columns .mobile-map {
		display: block;
		margin-top: 30px;
	}
	.menu-columns.active {
		display: block;
	}
	.menu-columns .mobile-instruction-screen {
		height: 500px;
		background: #f0f0f0;
		position: relative;
		width: 100%;
		margin-top: -70px;
		display: block;
	}
	.menu-columns .mobile-instruction-screen .content {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 80%;
		margin: 0 auto;
		text-align: center;
	}
	.menu-columns .mobile-instruction-screen .content p {
		font-family: "Noto Sans";
		font-style: normal;
		font-weight: 400;
		margin: 0;
	}
	.menu-columns .mobile-instruction-screen .content p.title {
		font-size: 20px;
		line-height: 26px;
		text-align: center;
		letter-spacing: -0.2px;
		color: #14853d;
		margin-bottom: 10px;
	}
	.menu-columns .mobile-instruction-screen .content p.desc {
		font-size: 16px;
		line-height: 22px;
		text-align: center;
		letter-spacing: -0.16px;
		color: #000000;
	}
}
@media (max-width: 1024px) {
	.menu-columns.profiles .left-data .content .data-container,
	.menu-columns.profiles .right-data .content .data-container,
	.menu-columns.compare-locations .left-data .content .data-container,
	.menu-columns.compare-locations .right-data .content .data-container {
		position: relative;
	}
	.menu-columns.profiles .left-data .content .data-container .rank-container,
	.menu-columns.profiles .right-data .content .data-container .rank-container,
	.menu-columns.compare-locations .left-data .content .data-container .rank-container,
	.menu-columns.compare-locations .right-data .content .data-container .rank-container {
		display: block;
		width: 100%;
	}
	.menu-columns.profiles .left-data .content .data-container .score-container,
	.menu-columns.profiles .left-data .content .data-container .gdp-container,
	.menu-columns.profiles .right-data .content .data-container .score-container,
	.menu-columns.profiles .right-data .content .data-container .gdp-container,
	.menu-columns.compare-locations .left-data .content .data-container .score-container,
	.menu-columns.compare-locations .left-data .content .data-container .gdp-container,
	.menu-columns.compare-locations .right-data .content .data-container .score-container,
	.menu-columns.compare-locations .right-data .content .data-container .gdp-container {
		width: 49%;
	}
	.menu-columns.profiles .left-data .content .data-container .score-container p,
	.menu-columns.profiles .left-data .content .data-container .gdp-container p,
	.menu-columns.profiles .right-data .content .data-container .score-container p,
	.menu-columns.profiles .right-data .content .data-container .gdp-container p,
	.menu-columns.compare-locations .left-data .content .data-container .score-container p,
	.menu-columns.compare-locations .left-data .content .data-container .gdp-container p,
	.menu-columns.compare-locations .right-data .content .data-container .score-container p,
	.menu-columns.compare-locations .right-data .content .data-container .gdp-container p {
		margin-left: 0;
	}
	.menu-columns.profiles .left-data .content .data-container .gdp-container,
	.menu-columns.profiles .right-data .content .data-container .gdp-container,
	.menu-columns.compare-locations .left-data .content .data-container .gdp-container,
	.menu-columns.compare-locations .right-data .content .data-container .gdp-container {
		text-align: right;
	}
}

.ranking-container {
	width: 90%;
	margin: 50px auto;
}
.ranking-container .ranking-data-table {
	width: 100%;
	color: #000000;
}
.ranking-container .ranking-data-table tr th {
	border-bottom: solid 1px #000000;
	padding: 12px 10px;
	vertical-align: middle;
	text-align: right;
	position: relative;
	font-weight: 600;
	width: 10%;
}
.ranking-container .ranking-data-table tr {
	transition: all 0ms ease;
}
.ranking-container .ranking-data-table tr th:nth-of-type(1) {
	text-align: left;
}
.ranking-container .ranking-data-table tr th:nth-of-type(2) {
	text-align: left;
}
.ranking-container .ranking-data-table tr th .sorting {
	cursor: pointer;
}
.ranking-container .ranking-data-table tr th .sorting img {
	position: absolute;
	margin-left: -15px;
	margin-top: 2px;
	display: inline-block;
	opacity: 0;
	transform: rotate(0deg);
	transition: all 1000ms ease;
}
.ranking-container .ranking-data-table tr th .sorting img.show {
	opacity: 1;
}
.ranking-container .ranking-data-table tr th .sorting img.flip {
	transform: rotateX(180deg);
}
.ranking-container .ranking-data-table tr td {
	padding: 15px 10px;
	border-bottom: solid 1px #f0f0f0;
	vertical-align: middle;
	text-align: right;
}
.ranking-container .ranking-data-table tr td:nth-of-type(1) {
	text-align: left;
}
.ranking-container .ranking-data-table tr td:nth-of-type(2) {
	text-align: left;
}

.ranking-container .responsive-rank-table {
	display: none;
	color: #000000;
}
.ranking-container .rank-table-paragraph p {
	margin: 40px 0 20px 0;
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.12px;
	color: #565656;
}
.data-country-footnote {
	margin: 40px 0 20px 0;
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.12px;
	color: #565656;
}
@media (max-width: 1024px) {
	.ranking-container .desktop-rank-table {
		display: none;
	}
	.ranking-container .responsive-rank-table {
		display: block;
	}
	.ranking-container .responsive-rank-table .responsive-data-table {
		width: 100%;
		margin-top: 30px;
	}
	.ranking-container .responsive-rank-table .responsive-data-table:nth-of-type(1),
	.ranking-container .responsive-rank-table .responsive-data-table:nth-of-type(2) {
		margin-top: 0;
	}
	.ranking-container .responsive-rank-table .responsive-data-table tr th {
		border-bottom: solid 1px #000000;
		padding: 7px 0;
		text-align: left;
	}
	.ranking-container .responsive-rank-table .responsive-data-table tr th:nth-of-type(2) {
		text-align: right;
	}
	.ranking-container .responsive-rank-table .responsive-data-table tr td {
		width: 50%;
		padding: 7px 0;
		border-bottom: solid 1px #f0f0f0;
		text-align: left;
	}
	.ranking-container .responsive-rank-table .responsive-data-table tr td:nth-of-type(2) {
		text-align: right;
	}
	.ranking-container .responsive-rank-table .responsive-data-table tr td.view-profile-td {
		border-bottom: none !important;
		text-align: right;
		padding: 10px 0;
	}
	.ranking-container .responsive-rank-table .responsive-data-table tr td.view-profile-td .view-profile-btn {
		color: #14853d;
		cursor: pointer;
		display: inline-block;
	}
	.ranking-container
		.responsive-rank-table
		.responsive-data-table
		tr
		td.view-profile-td
		.view-profile-btn
		.blue-span {
		color: #14853d !important;
		cursor: pointer !important;
	}
	.ranking-container .responsive-rank-table .responsive-data-table.hidden {
		display: none !important;
	}
	.ranking-container .responsive-rank-table .show-more-data {
		margin: 50px auto;
		width: 150px;
		border: solid 1px #000000;
		border-radius: 20px;
		text-align: center;
		cursor: pointer;
		padding: 10px;
		position: relative;
		top: 0px;
	}
	.ranking-container .responsive-rank-table .show-more-data:hide {
		display: none;
	}
}

.footer {
	background: #000000;
	bottom: 0;
	left: 0;
	right: 0;
	height: 60px;
	width: 100%;
	position: fixed;
	z-index: 2;
}
.footer.change-post {
	position: relative !important;
}
.footer .content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
}
.footer .content .content-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer .content .content-container.mobile {
	display: none;
}
.footer .content .content-container .left {
	width: 33.333%;
}
.footer .content .content-container .left .logo {
	display: none;
}
.footer .content .content-container .left .logo img {
	width: 200px;
	-o-object-fit: contain;
	object-fit: contain;
	margin: 0;
}
.footer .content .content-container .left .text p {
	margin: 0;
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.12px;
	color: #ffffff;
}
.footer .content .content-container .middle {
	width: 33.333%;
	text-align: center;
}
.footer .content .content-container .middle ul {
	margin: 0;
	margin-left: -40px;
	position: relative;
}
.footer .content .content-container .middle ul li {
	display: inline-block;
	list-style: none;
}
.footer .content .content-container .middle ul li a {
	outline: 0;
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.12px;
	color: #ffffff;
	transition: all 300ms ease;
}
.footer .content .content-container .middle ul li a:hover {
	text-decoration: none;
	color: #14853d;
}
.footer .content .content-container .middle ul li span {
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.12px;
	color: #ffffff;
	padding: 0 3px;
	position: relative;
	top: -1px;
}
.footer .content .content-container .right {
	width: 33.333%;
	text-align: right;
}
.footer .content .content-container .right ul {
	margin: 0;
	margin-left: -40px;
	position: relative;
}
.footer .content .content-container .right ul li {
	display: inline-block;
	list-style: none;
	position: relative;
}

@media (max-width: 1024px) {
	.footer-tooltip {
		display: none;
	}
}

.footer .content .content-container .right ul li .footer-tooltip {
	position: absolute;
	background: #ffffff;
	color: #000000;
	border-radius: 10px;
	transition: all 300ms ease;
	padding: 3px 7px;
	top: -20px;
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	letter-spacing: -0.12px;
	opacity: 0;
	visibility: hidden;
}
.footer .content .content-container .right ul li a {
	outline: 0;
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.12px;
	color: #ffffff;
	padding-left: 20px;
	transition: all 300ms ease;
}
.footer .content .content-container .right ul li a:hover {
	text-decoration: none;
	color: #14853d;
}
.footer .content .content-container .right ul li:hover .footer-tooltip {
	opacity: 1;
	visibility: visible;
}
.footer.after-toggle {
	height: 150px;
}
.footer.after-toggle .content-container {
	align-items: flex-end;
}
.footer.after-toggle .content-container .left .logo {
	display: block;
}
.footer.after-toggle .content-container .left .text p {
	margin-top: 20px;
}
.footer.after-toggle .content-container .middle ul,
.footer.after-toggle .content-container .right ul {
	top: 1px;
}
@media (max-width: 1024px) {
	.footer.hide-footer {
		display: none;
	}
	.footer.after-toggle {
		height: 200px;
	}
	.footer .content .content-container.desktop {
		display: none;
	}
	.footer .content .content-container.mobile {
		display: block;
	}
	.footer .content .content-container.mobile .top {
		display: flex;
		justify-content: space-between;
	}
	.footer .content .content-container.mobile .top .top-left {
		width: 50%;
	}
	.footer .content .content-container.mobile .top .top-left .logo img {
		width: 200px;
		-o-object-fit: contain;
		object-fit: contain;
		margin-bottom: 20px;
	}
	.footer .content .content-container.mobile .top .top-right {
		width: 50%;
		text-align: right;
	}
	.footer .content .content-container.mobile .top .top-right ul {
		margin: 0;
		margin-left: -40px;
		position: relative;
		top: 1px;
	}
	.footer .content .content-container.mobile .top .top-right ul li {
		display: inline-block;
		list-style: none;
	}
	.footer .content .content-container.mobile .top .top-right ul li a {
		outline: 0;
		font-family: "Noto Sans";
		font-style: normal;
		font-weight: 400;
		font-size: 12px;
		line-height: 16px;
		letter-spacing: -0.12px;
		color: #ffffff;
		padding-left: 20px;
	}
	.footer .content .content-container.mobile .top .top-right ul li a:hover {
		text-decoration: none;
	}
	.footer .content .content-container .bottom {
		width: 100%;
	}
	.footer .content .content-container .bottom ul {
		margin: 0;
		margin-left: -40px;
	}
	.footer .content .content-container .bottom ul li {
		display: inline-block;
		list-style: none;
	}
	.footer .content .content-container .bottom ul li a {
		outline: 0;
		font-family: "Noto Sans";
		font-style: normal;
		font-weight: 400;
		font-size: 12px;
		line-height: 16px;
		letter-spacing: -0.12px;
		color: #ffffff;
	}
	.footer .content .content-container .bottom ul li a:hover {
		text-decoration: none;
	}
	.footer .content .content-container .bottom ul li span {
		font-family: "Noto Sans";
		font-style: normal;
		font-weight: 400;
		font-size: 12px;
		line-height: 16px;
		letter-spacing: -0.12px;
		color: #ffffff;
	}
	.footer .content .content-container .bottom .text {
		margin: 0;
		margin-top: 20px;
		font-family: "Noto Sans";
		font-style: normal;
		font-weight: 400;
		font-size: 12px;
		line-height: 16px;
		letter-spacing: -0.12px;
		color: #ffffff;
	}
}

.homepage.sections-wrapper .section {
	max-width: 90%;
	padding: 100px 0 50px 0;
	margin: 0 auto;
	/*@media (max-width: $ipad){
		max-width: 100%;
		padding: 0 20px;
	  }*/
}
@media (max-width: 768px) {
	.homepage.sections-wrapper .section {
		max-width: 100%;
		padding: 40px 20px 60px 20px;
	}
}
@media (max-width: 576px) {
	.homepage.sections-wrapper .section {
		max-width: 100%;
		padding: 40px 20px 60px 20px;
	}
}
.homepage.sections-wrapper .section .welcome-title img {
	width: 100%;
	height: auto;
	-o-object-fit: contain;
	object-fit: contain;
	margin: 0 auto;
}

@media (min-width: 1500px) {
	.homepage.sections-wrapper .section .welcome-title img {
		width: 80%;
	}
}

@media (max-width: 768px) {
	.homepage.sections-wrapper .section .welcome-title img {
		width: 100%;
	}
}
@media (max-width: 525px) {
	.homepage.sections-wrapper .section .welcome-title img {
		width: 100%;
	}
}
.homepage.sections-wrapper .section .top-content {
	width: 50%;
	position: relative;
	float: right;
}
.homepage.sections-wrapper .section .top-content p {
	text-align: left;
}
@media (max-width: 1024px) {
	.homepage.sections-wrapper .section .top-content {
		display: none;
	}
}

.banner-bg.sections-wrapper {
	width: 100%;
	height: auto;
}
.banner-bg.sections-wrapper .section {
	max-width: 90%;
	margin: 0 auto;
	/*@media (max-width: $ipad){
		max-width: 100%;
		padding: 0 20px;
	  }*/
}
@media (max-width: 768px) {
	.banner-bg.sections-wrapper .section {
		max-width: 100%;
		padding: 0 !important;
	}
}
@media (max-width: 576px) {
	.banner-bg.sections-wrapper .section {
		max-width: 100%;
	}
}
.banner-bg.sections-wrapper .section .homepage-banner-gti {
	width: 100%;
	height: 100%;
}
.banner-bg.sections-wrapper .section .homepage-banner-gti picture img {
	width: 100%;
	max-height: 600px;
	-o-object-fit: cover;
	object-fit: cover;
	margin: 0;
	background: #000000;
}

.banner-content.sections-wrapper {
	width: 100%;
	height: auto;
}
.banner-content.sections-wrapper .section {
	max-width: 90%;
	margin: 0 auto;
	/*@media (max-width: $ipad){
		max-width: 100%;
		padding: 0 20px;
	  }*/
}
@media (max-width: 768px) {
	.banner-content.sections-wrapper .section {
		max-width: 100%;
		padding: 40px 20px 60px 20px;
	}
}
@media (max-width: 576px) {
	.banner-content.sections-wrapper .section {
		max-width: 100%;
		padding: 40px 20px 60px 20px;
	}
}

.mobile-manage-cookies-btn {
	cursor: pointer;
}

.celcius-symbol {
	font-family: "Noto Sans";
}

@media (max-width: 1600px) {
	.tooltip-parent .tooltip-content.responsive-fix {
		width: 300px;
	}
}
@media (max-width: 1366px) {
	.tooltip-parent .tooltip-content.responsive-fix {
		width: 300px;
		left: unset;
		right: -15px;
	}
	.tooltip-parent .tooltip-content.responsive-fix:before {
		right: 14px;
		left: unset;
	}
	.tooltip-parent .tooltip-content.responsive-fix:after {
		right: 14px;
		left: unset;
	}
}

/*# sourceMappingURL=custom.css.map */