/* body {
  overscroll-behavior: none;
  width: 100%;
} */
html .en * {
	font-family: "korolev-condensed" !important;
}
#geppContainer {
	background-color: white;
	width: 100%;
	height: 100%;
	overscroll-behavior: none;
}
.gepp-wrapper {
	/* max-height: 100vh;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth; */
}
section {
	scroll-snap-align: start;
	height: 85vh;
	top: 0;
	background-color: white;
	/* border: 2px solid black; */
	width: 100%;
	position: relative;
	box-sizing: border-box;
}
.hero-banner-section {
	background-image: url(../images/gepp/hero-banner.png);
	background-position: 100% calc(-98 * 100vw / 1440);
	height: calc(710 * 100vw / 1440);
	background-repeat: no-repeat;
	background-size: cover;
}
.hero-container {
	/* max-width: calc(1140 * 100vw /1440); */
	padding: 8% 6%;
	display: flex;
	height: 100%;
	width: 100%;
	justify-content: flex-start;
	align-items: stretch;
}
.hero-description-container {
	width: calc(541 * 100vw / 1440);
}
.hero-description-container h1 {
	font-family: "korolev-condensed";
	font-size: calc(60 * 100vw / 1440);
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	line-height: 1;
}
.hero-description-container > h1 > span {
	font-family: "korolev-condensed";
	font-size: calc(64 * 100vw / 1440);
	font-weight: bold;
	text-transform: uppercase;
	color: #212529;
}
.hero-description-container h4 {
	font-family: "Prompt";
	font-size: calc(20 * 100vw / 1440);
	font-weight: 400;
	text-transform: normal;
	color: #212529;
	margin: 2em 0 1em 0;
}
.hero-description-container h3 {
	font-family: "Prompt";
	font-size: calc(33 * 100vw / 1440);
	line-height: 1.3;
	font-weight: 600;
	/* text-transform: uppercase; */
	color: #212529;
}
.hero-image {
	width: calc(515 * 100vw / 1440);
	/* margin-top: 2.5em; */
	margin-left: -5.6em;
	margin-bottom: -4.9em;
}
.hero-image img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}
.video-banner-section {
	height: 100%;
}
.video-banner-section .vjs-poster {
	background-size: cover;
}
.video-banner-section .custom-container .first-p {
	font-family: "Prompt";
	font-size: calc(20 * 100vw / 1440);
	padding: 0 auto;
}
.video-banner-section .custom-container .last-p {
	font-family: "Prompt";
	font-size: calc(18 * 100vw / 1440);
	font-weight: 400;
	letter-spacing: -5;
	margin: 1em 0;
	padding: 0 5em;
}
.video-banner-section .custom-container h4 {
	font-family: "Prompt";
	font-weight: 600;
	font-size: calc(36 * 100vw / 1440);
}
.video-banner-section .custom-container {
	text-align: center;
	padding: 3em 0 1.5em 0;
	max-width: calc(1000 * 100vw / 1440);
	margin-left: auto;
	margin-right: auto;
}
.video-banner-section #my-video {
	width: 100%;
	/* height: 100%; */
	height: calc(518 * 100vw / 1440);
	/* height: 55vh; */
}
.video-js .vjs-big-play-button {
	top: 43% !important;
	left: 47% !important;
	height: 3em !important;
	border-radius: 100px !important;
	background-color: #fff !important;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffc522;
	font-size: 2em;
}

.column-section {
	background: url(../images/gepp/leaf-bg.png);
	/* padding: 10em 3em 3em 3em; */
	/* background-position: 100% 100%; */
	background-position: 100% calc(-150 * 100vw / 1440);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 6%;
	height: calc(967 * 100vw / 1440);
}
.column-section > h2 {
	font-family: "Prompt";
	color: #fff;
	text-align: center;
	font-size: calc(50 * 100vw / 1440);
	font-weight: 600;
	text-transform: uppercase;
}
.dot-header-container {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: calc(61 * 100vw / 1440);
	z-index: 1;
	width: calc(1170 * 100vw / 1440);
	margin-left: auto;
	margin-right: auto;
}
.dot-header-container .horizontal-dot {
	width: 100%;
	height: 1px;
	/* background: #000; */
	border-top: dotted 1px;
	/* width: 55%; */
	width: 65%;
}

.column-section .dot-header-container > div:nth-child(3) {
	clip-path: inset(0 40% 0 0);
}

.dot-header {
	font-family: "Prompt";
	font-size: calc(44 * 100vw / 1440);
	font-weight: 600;
	/* width: 75%; */
	width: 100%;
	text-align: center;
}
.en .counter-section .dot-header-container .horizontal-dot {
	width: 30%;
}
.en .dot-header {
	font-size: calc(42 * 100vw / 1440);
}
.column-section .column-container {
	display: flex;
	max-width: calc(985 * 100vw / 1440);
	justify-content: flex-start;
	align-items: flex-start;
	float: left;
	height: 55%;
	position: relative;
}
/* .column-section .column-right-image {
  display: flex;
  max-width: 100%;
  justify-content: flex-end;
  align-items: flex-start;
  float: right;
  height: 55%;
} */
#floatImage {
	position: absolute;
	top: calc(-34 * 100vw / 1440);
	right: calc(-254 * 100vw / 1440);
	width: -webkit-fill-available;
}
#floatImage img {
	height: calc(383 * 100vw / 1440);
	/* width: 100%; */
	max-width: calc(270 * 100vw / 1440);
	position: absolute;
	top: 0;
	right: 0;
}
.column-section .column-item {
	border-right: dotted 1px;
	display: flex;
	flex-direction: column;
	padding: 0 1.2em 1.2em 1.2em;
	max-width: 23%;
	word-wrap: wrap;
	word-break: break-word;
	/* height: 85%; */
	height: calc(339 * 100vw / 1440);
}
.column-section .column-item:last-child,
.column-section .column-item:nth-child(4) {
	border-right: none;
}
.column-section .column-item img {
	max-width: 100%;
	height: calc(150 * 100vw / 1440);
	object-fit: contain;
}
.column-section .column-item span {
	font-family: "Prompt";
	font-size: calc(18 * 100vw / 1440);
	font-weight: 500;
	letter-spacing: -5;
	margin-top: 15px;
}
.column-section .column-item .list-wrap {
	margin-top: 15px;
}
.column-section .column-item ul {
	list-style-image: url(../images/gepp/list-image.png);
	padding-inline-start: 1em;
	font-family: "Prompt";
	font-size: calc(16 * 100vw / 1440);
	font-weight: 400;
	letter-spacing: -5;
	margin-top: 0.25em;
}
.column-section .did-you-know-container {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	padding: calc(130 * 100vw / 1440) 0;
	/* padding: calc(90 * 100vw / 1440) 0; */
	z-index: 1;
	/* position: inherit; */
	position: absolute;
	bottom: calc(-13 * 100vw / 1440);
	right: 0;
}
.column-section .did-you-know-container img {
	object-fit: contain;
	margin: 0 1.25em;
	width: 44px;
	height: 100%;
}
.column-section .did-you-know-container h5 {
	font-family: "korolev-condensed";
	font-size: calc(30 * 100vw / 1440);
	font-weight: 700;
	text-transform: uppercase;
}
.column-section .did-you-know-container p {
	font-family: "Prompt";
	font-size: calc(16 * 100vw / 1440);
	letter-spacing: -5;
	color: #4d4d4d;
	margin-bottom: 0.25em;
}
.column-section .did-you-know-container span {
	font-family: "korolev-condensed";
	font-size: calc(14 * 100vw / 1440);
	font-weight: 500;
	color: #ffc522;
}
.column-section .did-you-know-container span.yellow-text {
	font-family: "Prompt";
	font-size: calc(16 * 100vw / 1440);
	letter-spacing: -5;
	color: #ffc522;
}
.column-section .did-you-know-container h5 span.yellow-text {
	font-family: "korolev-condensed";
	font-size: calc(30 * 100vw / 1440);
	font-weight: 700;
	color: #ffc522;
}
.column-section .did-you-know-container .text-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	width: 38%;
	word-wrap: wrap;
	word-break: break-word;
}
.column-section .did-you-know-container .text-container h5 {
	font-size: calc(32 * 100vw / 1440);
	font-weight: 700;
	text-transform: uppercase;
	margin: 0.45em 0;
}
.column-section .did-you-know-container .text-container .yellow-line {
	width: 40%;
	height: 4px;
	background-color: #ffc522;
}
.counter-section {
	/* padding: 5%; */
	height: calc(810 * 100vw / 1440);
}
.counter-section .bg-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	/* background: url(../images/gepp/moving-bg.svg); */
	/* background-position: 100% 130%; */
	background-repeat: no-repeat;
	background-size: cover;

	clip-path: polygon(100% 57%, 0% 100%, 100% 100%);
	background-color: #f9c021;
}
.quote-text {
	text-align: center;
	font-size: calc(36 * 100vw / 1440);
	font-family: "Prompt";
	margin: 1em 0;
	z-index: 1;
}
.quote-text .yellow-text {
	color: #ffc522;
}
.content-container {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	z-index: 1;
	margin-top: 3.5em;
}
.content-container img {
	/* width: 35%; */
	padding: 2em;
}
.content-container .counter-content {
	width: 49%;
	padding-right: 11%;
	/* padding: 2em; */
	font-size: calc(20 * 100vw / 1440);
	font-family: "Prompt";
	z-index: 1;
}
.content-container .counter-content .num-box {
	font-size: 36px;
	font-family: "Prompt";
	font-weight: 500;
	margin-top: -25px;
}
.content-container .counter-content .num-box > span {
	/* font-size: 138px; */
	font-size: 100px;
	font-family: "korolev-condensed";
	font-weight: 700;
}
.content-container .counter-content .flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 95%;
	font-size: calc(16 * 100vw / 1440);
}

/* custom-Real */
.custom_flex {
	width: 100%;
	justify-content: end !important;
}
.custom_flex .d-none {
	display: none;
}
.custom_flex .two_m {
	white-space: unset;
}
.custom_flex .two_m p {
	margin: 0;
}
.progress-container_custom {
	position: relative;
	width: 100%;
	border-radius: 100px;
	border: 1px solid #4d4d4d;
	background: white;
}
.progress-container_custom .bd_ct {
	position: absolute;
	top: 0;
	width: 0;
	border: 1px dashed #747474;
	height: 100%;
}
.progress-container_custom .bd_ct.s0 {
	left: 0%;
	border: 0;
}
.progress-container_custom .bd_ct.s0::after {
	content: "0%";
	position: absolute;
	width: auto;
	height: auto;
	bottom: -24px;
	left: 0;
}
.progress-container_custom .bd_ct.s50 {
	left: 16.66%;
}
.progress-container_custom .bd_ct.s50::after {
	content: "50%";
	position: absolute;
	width: auto;
	height: auto;
	bottom: -24px;
	left: -8px;
}
.progress-container_custom .bd_ct.s100 {
	left: 33.33%;
}
.progress-container_custom .bd_ct.s100::after {
	content: "100%";
	position: absolute;
	width: auto;
	height: auto;
	bottom: -24px;
	left: -12px;
}
.progress-container_custom .bd_ct.s150 {
	left: 49.98%;
}
.progress-container_custom .bd_ct.s150::after {
	content: "150%";
	position: absolute;
	width: auto;
	height: auto;
	bottom: -24px;
	left: -12px;
}
.progress-container_custom .bd_ct.s200 {
	left: 66.64%;
}
.progress-container_custom .bd_ct.s200::after {
	content: "200%";
	position: absolute;
	width: auto;
	height: auto;
	bottom: -24px;
	left: -12px;
}
.progress-container_custom .bd_ct.s250 {
	left: 83.33%;
}
.progress-container_custom .bd_ct.s250::after {
	content: "250%";
	position: absolute;
	width: auto;
	height: auto;
	bottom: -24px;
	left: -12px;
}
.progress-container_custom .bd_ct.s300 {
	left: 100%;
	border: 0;
}
.progress-container_custom .bd_ct.s300::after {
	content: "300%";
	position: absolute;
	width: auto;
	height: auto;
	bottom: -24px;
	left: -30px;
}
.progress-container_custom .wrap_pg_custom {
	padding: 5px;
}
.progress-container_custom .wrap_pg_custom .progress-bar {
	background-color: #edb110;
	float: unset;
}
.font_af {
	font-size: 12px;
}
.m-custom-text-num {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	column-gap: 10px;
}
@media (max-width: 1440px) {
	.content-container .counter-content {
		padding-right: 50px !important;
	}
}
@media (max-width: 1200px) {
	.m-custom-counter-scroll.counter-scroll-section {
		height: calc(1310 * 100vw / 1440);
	}
}
@media (max-width: 991px) {
	.m_custom.counter-scroll-section {
		height: 100% !important;
		max-height: unset !important;
	}
	.progress-bar p {
		font-size: 16px;
		margin: 0 8px !important;
	}
	.m-custom-text-num p.text {
		margin: 0;
		margin-top: -20px;
	}
}
@media (max-width: 767px) {
	.m_custom.counter-scroll-section {
		height: calc(1100 * 100vw / 375) !important;
	}
	.m-custom-counter {
		position: relative;
	}
	.m-custom-counter #movingImagePositioning {
		top: unset;
		bottom: -20px;
		height: auto;
	}
	.two_m {
		white-space: unset;
	}
	.m-custom-text-num {
		margin-bottom: 20px;
		flex-direction: column;
		align-items: center;
	}
	.content-container .counter-content {
		padding-right: 5% !important;
	}
	/* .m-custom-text-num p.text {
		margin: 0;
		margin-top: -20px;
	} */
}
@media (max-width: 475px) {
	.m-custom-progress-mb {
		margin: 0 -7%;
	}
	.progress-bar p {
		font-size: 16px;
	}
	.font_af {
		font-size: 10px;
	}
	.progress-container_custom .bd_ct.s0::after {
		bottom: -22px;
	}
	.progress-container_custom .bd_ct.s50::after {
		bottom: -22px;
	}
	.progress-container_custom .bd_ct.s100::after {
		bottom: -22px;
	}
	.progress-container_custom .bd_ct.s150::after {
		bottom: -22px;
	}
	.progress-container_custom .bd_ct.s200::after {
		bottom: -22px;
	}
	.progress-container_custom .bd_ct.s250::after {
		bottom: -22px;
	}
	.progress-container_custom .bd_ct.s300::after {
		bottom: -21px;
	}
}
/* custom-Real */

/**Progress bar**/
.progress-container {
	background: url(../images/gepp/progress-bar-custom.svg);
	background-color: transparent;
	background-position: left;
	background-repeat: no-repeat;
	background-size: 100% auto;
	max-width: 492px;
	width: 100%;
	height: 57px;
	/* padding-top: 8px;
  padding-left: 6px; */
	position: relative;
}
.box_progress_custom {
	position: absolute;
	width: 100%;
	top: 0;
}
.progress {
	height: 36px;
	padding: 5px 4px;
	background: transparent;
}

@media (max-width: 1280px) {
	.progress-container {
		width: 38.438vw;
		height: 4.453vw;
	}
	.progress {
		height: 2.813vw;
		padding: 0.391vw 0.313vw;
	}
}
@media (max-width: 767px) {
	.progress-container {
		max-width: 492px;
		width: 100%;
		height: 57px;
		margin: 0 auto;
	}
	.progress {
		height: 36px;
		padding: 5px 4px;
	}
}
@media (max-width: 608px) {
	.progress-container {
		max-width: 80.921vw;
		width: 80.921vw;
		height: 9.375vw;
	}
	.progress {
		height: 5.921vw;
		padding: 0.822vw 0.658vw;
	}
}

#count {
	position: absolute;
	color: #212529;
	font-family: "korolev-condensed";
}

.progress-bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	border-radius: 100px;
	padding: 10px 0px;
	background-color: #edb110;
	box-shadow: none;
	text-align: right;
	/*20px*/
	font-size: 1.25rem;
	font-weight: 700;
}

.progress-bar p {
	margin: 0 15px;
}

/* .progress-bar.complete {
  background-color: #44a54d;
} */

.moving-image {
	position: absolute;
	/* width: 100%; */
	/* height: 100%; */

	width: calc((395 * 100vw) / 1440);
}

.moving-image-double {
	position: absolute;

	width: calc((790 * 100vw) / 1440);
}
#movingImagePositioning {
	position: absolute;
	top: calc(250 * 100vw / 1440);
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.moving-image.row-one-static {
	/* top: calc((412 * 100vw) / 1440);
  left: calc((-718 * 100vw) / 1440); */

	left: calc((222 * 100vw) / 1440);
}
.moving-image.row-one-animate {
	left: calc((-183 * 100vw) / 1440);
}
.moving-image-double.row-two {
	top: calc((123 * 100vw) / 1440);
	left: calc((-323 * 100vw) / 1440);
}
.moving-image-double.row-three {
	top: calc((262 * 100vw) / 1440);
	left: calc((-535 * 100vw) / 1440);
}
.moving-image-double img,
.moving-image img {
	/* max-width: calc(500 * 100vw / 1440); */
	/* max-width: fit-content; */
	width: 100%;
}
.event-section {
	padding: 2em 0 0 0;
	height: 100%;
}
.event-section .header {
	font-family: "Prompt";
	font-size: calc(48 * 100vw / 1440);
	font-weight: 600;
	text-align: center;
}
.three-col {
	display: grid;
	grid-template-columns: repeat(3, 3fr);
	margin: 2em 0;
}
.three-col .event-item {
	width: 100%;
	height: calc(480 * 100vw / 1440);
	/* padding: 2em 2em 2em 4em; */
	position: relative;
}
.three-col .overlay-fade {
	background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
	height: 50%;
	width: 100%;
	position: absolute;
	bottom: 0;
}
.three-col .event-item .text {
	position: absolute;
	bottom: 0;
	padding: 2em 2em 2em 4em;
}
.three-col .event-item h4 {
	font-family: "korolev-condensed";
	font-size: calc(30 * 100vw / 1440);
	font-weight: 700;
	color: #fff;
}
.three-col .event-item p {
	font-family: "Prompt";
	font-size: calc(13 * 100vw / 1440);
	font-weight: 500;
	color: #fff;
}
.three-col .event-item.first {
	background-image: url(../images/gepp/event1.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.three-col .event-item.second {
	background-image: url(../images/gepp/event2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.three-col .event-item.third {
	background-image: url(../images/gepp/event3.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.cta-header {
	font-family: "Prompt";
	font-size: calc(30 * 100vw / 1440);
	font-weight: 600;
	text-align: center;
	margin: 3em 0 1em 0;
}
.cta-three-col {
	display: grid;
	grid-template-columns: repeat(3, 3fr);
	max-width: 978px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 2em;
}
.cta-item {
	border-right: 1px solid #70707037;
}
.cta-item:last-child {
	border-right: none;
}
.cta-item a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.cta-item span {
	font-size: calc(20 * 100vw / 1440);
	font-family: "korolev-condensed";
	/* text-transform: uppercase; */
	font-weight: 600;
}
.counter-scroll-section {
	background: url(../images/gepp/bg-yellow-long.png);
	/* background: url(../images/gepp/bg-counter-yellow.png); */
	/* padding: 10em 3em 3em 3em; */
	/* background-position: 100% calc(-100 * 100vw / 1440); */
	background-repeat: no-repeat;
	background-size: 100% 90%;
	/* height: 110vh; */
	height: calc(1110 * 100vw / 1440);
	max-height: 1110px;
	z-index: 0;
	margin-top: calc(-61 * 100vw / 1440);
	/* margin-top: calc(-50 * 100vw / 1440); */

	max-width: calc(1440 * 100vw / 1440);
}
.counter-item {
	position: absolute;
	top: calc(-205 * 100vw / 1440);
}
.counter-item .wrapper {
	display: flex;
	/* border: 1px solid red; */
	align-items: flex-end;
	padding-right: 20px;
}
.counter-item.one {
	/* right: calc(160 * 100vw / 1440); */
	right: calc(80 * 100vw / 1440);
	top: calc(-210 * 100vw / 1440);
}
.counter-item.two {
	right: calc(240 * 100vw / 1440);
	clip-path: polygon(0 18%, 50% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.counter-item.three {
	/* right: calc(556.5 * 100vw / 1440); */
	right: calc(456.5 * 100vw / 1440);
	clip-path: polygon(0 20%, 50% 0%, 100% 0%, 100% 100%, 0% 100%);
}
@media (min-width: 1920px) {
	.counter-item.one {
		top: calc(-220 * 100vw / 1440);
	}
	.counter-item {
		top: calc(-215 * 100vw / 1440);
	}
	.counter-item.three {
		top: calc(-210 * 100vw / 1440);
	}
	.counter-scroll-section {
		margin-top: calc(-46.5 * 100vw / 1440);
	}
	/* .counter-section .bg-overlay {
    top: -20px;
  } */
}
.counter-item.four {
	right: calc(702 * 100vw / 1440);
	clip-path: polygon(0 26.5%, 50% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.counter-item .wrapper .text-counter {
	margin-left: 1.5em;
}
.counter-item.two .wrapper .text-counter {
	margin-bottom: -1.3em;
}
.counter-item .wrapper .text-counter h5 {
	font-family: "Prompt";
	font-size: calc(20 * 100vw / 1440);
	font-weight: 500;
	color: #4d4d4d;
}
.en .counter-item .wrapper .text-counter h5 {
	margin-bottom: 0.75em;
}
.counter-item .wrapper .text-counter p {
	font-family: "Prompt";
	font-size: calc(22 * 100vw / 1440);
	font-weight: 500;
	color: #4d4d4d;
}
.counter-item .wrapper .text-counter p span.num-text {
	font-size: calc(86 * 100vw / 1440);
	color: #212529;
	font-family: "korolev-condensed";
	font-weight: 700;
	line-height: 0.8;
}
.counter-scroll-section.mb-section .counter-item {
	position: unset;
	top: 0;
}
.counter-scroll-section.mb-section .counter-item .wrapper img {
	width: calc(156 * 100vw / 375);
}
.counter-scroll-section.mb-section .counter-item .wrapper .text-counter h5,
.counter-scroll-section.mb-section .counter-item .wrapper .text-counter p {
	font-size: calc(14 * 100vw / 375);
}
.counter-scroll-section.mb-section
	.counter-item
	.wrapper
	.text-counter
	p
	span.num-text {
	font-size: calc(48 * 100vw / 375);
}
.mobile-only {
	display: none;
}
@media (min-width: 1921px) {
	.counter-item.two .wrapper .text-counter {
		margin-bottom: -1.25em;
	}
	.counter-item .wrapper .text-counter h5 {
		font-size: calc(16 * 100vw / 1440);
	}
	.counter-item .wrapper .text-counter p {
		font-size: calc(20 * 100vw / 1440);
	}
	.counter-item .wrapper .text-counter p span.num-text {
		font-size: calc(58 * 100vw / 1440);
	}
}
@media (max-width: 768px) {
	.mobile-only {
		display: unset;
	}
}

@media (max-width: 991px) {
	.counter-scroll-section.mb-section {
		display: flex !important;
		flex-direction: column;
		justify-content: flex-start;
	}
}
@media (max-width: 1440px) {
	.counter-item.one {
		top: calc(-210 * 100vw / 1440);
	}
	.counter-item.two {
		clip-path: polygon(0 15%, 50% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
	.counter-item.three {
		clip-path: polygon(0 16%, 50% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
	/* .counter-scroll-section {
    height: 120vh;
  } */
}
@media (max-width: 767px) {
	.counter-scroll-section.mb-section .counter-item.four .wrapper img {
		padding: 0 10px;
	}
	.counter-section .dot-header-container {
		display: inline-flex;
		width: 100%;
	}
	.counter-scroll-section.mb-section {
		height: calc(1100 * 100vw / 375);
		padding-top: calc(280 * 100vw / 375);
		max-height: 1200px;
	}
	/* .progress-container {
		height: 55px;
		padding-top: 12px;
		padding-left: 3px;
	}
	.progress {
		height: 19px;
	} */
	.content-container .counter-content .flex {
		width: 100%;
	}
	.counter-scroll-section {
		background: url(../images/gepp/bg-yellow-long-mb.png);
		background-position: 100% calc(100 * 100vw / 375);
		background-repeat: no-repeat;
		background-size: 100%;
		/* height: 105vh; */
	}
	.hero-banner-section {
		background-image: url(../images/gepp/hero-banner-mb.png);
		background-position: 100% calc(-98 * 100vw / 375);
		height: calc(672 * 100vw / 375);
	}
	.hero-container {
		flex-direction: column;
		padding: 5%;
		justify-content: space-between;
		align-items: flex-start;
	}
	.hero-description-container {
		width: 100%;
	}
	.hero-image {
		max-width: 100%;
		/* width: 100%; */
		width: 71%;
		/* width: calc(175 * 100vw / 375); */
		margin-left: 2em;
		margin-right: 2em;
		margin-bottom: 1em;
	}
	.hero-description-container h1 {
		font-size: calc(45 * 100vw / 375);
	}
	.hero-description-container > h1 > span {
		font-size: calc(45 * 100vw / 375);
	}
	.hero-description-container h4 {
		font-size: calc(17 * 100vw / 375);
		margin: 1em 0 1em 0;
	}
	.hero-description-container h3 {
		font-size: calc(20 * 100vw / 375);
	}
	.video-banner-section .custom-container .first-p {
		font-size: calc(17 * 100vw / 375);
		padding: 0;
		line-height: 1.5;
	}
	.video-banner-section .custom-container h4 {
		font-size: calc(28 * 100vw / 375);
		line-height: 1.5;
	}
	.video-banner-section .custom-container .last-p {
		font-size: calc(14 * 100vw / 375);
		padding: 0;
	}
	.video-banner-section .custom-container {
		padding: 5%;
		max-width: 100%;
	}
	.video-banner-section {
		padding-top: 1em;
	}
	.video-banner-section #my-video {
		height: calc(518 * 100vw / 375);
		height: 22vh;
	}
	.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
		font-size: 1.25em;
	}
	.video-js .vjs-big-play-button {
		font-size: 1.75em !important;
		line-height: 1.75em !important;
		width: 1.75em !important;
	}
	.video-js .vjs-big-play-button {
		top: 43% !important;
		left: 46% !important;
		height: 1.75em !important;
	}
	.column-section > h2 {
		font-size: calc(40 * 100vw / 375);
		margin: 1em 0;
	}
	.dot-header {
		font-size: calc(32 * 100vw / 375);
		width: 92%;
	}
	.en .dot-header {
		font-size: calc(24 * 100vw / 375);
	}
	.dot-header-container .horizontal-dot {
		width: 4%;
	}
	.column-section .column-container {
		max-width: 100%;
		width: 100%;
		align-items: center;
		float: left;
		height: 100%;
		flex-direction: column;
	}
	.column-section .column-item {
		border-bottom: dotted 1px;
		border-right: none;
		flex-direction: row;
		padding: 0;
		max-width: 100%;
		height: auto;
		align-items: center;
	}
	.column-section .column-item img {
		max-width: calc(129 * 100vw / 375);
		/* height: calc(156 * 100vw / 1440); */
		height: auto;
		width: 100%;
		margin-right: 1.5em;
	}
	.column-section .column-item span {
		font-size: calc(16 * 100vw / 375);
	}
	.column-section .column-item ul {
		font-size: calc(14 * 100vw / 375);
	}
	.en .column-section .column-item ul {
		font-size: calc(11 * 100vw / 375);
	}
	#floatImage {
		position: absolute;
		top: 50%;
		right: 25%;
		/* bottom: calc(-70 * 100vw / 375); */
	}
	#floatImage img {
		height: calc(246 * 100vw / 375);
		max-width: calc(174 * 100vw / 375);
		position: absolute;
		top: 0;
		right: 0;
		margin-right: 0;
	}
	.column-section .column-item:last-child {
		border-bottom: none;
	}
	.column-section {
		background: url(../images/gepp/leaf-bg-mb.png);
		background-position: 45% -21vh;
		padding: 5%;
		height: calc(1300 * 100vw / 375);
		background-size: cover;
		background-repeat: no-repeat;
		min-height: 164vh;
	}
	.column-section .column-item:nth-child(4) {
		border-bottom: none;
	}
	.column-section .did-you-know-container .text-container h5 {
		font-size: calc(26 * 100vw / 375);
		margin: 0.25em 0;
	}
	.column-section .did-you-know-container p {
		font-size: calc(14 * 100vw / 375);
	}
	.column-section .did-you-know-container {
		justify-content: flex-start;
		justify-content: flex-start;
		position: absolute;
		bottom: calc(-70 * 100vw / 375);
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		padding: 5%;
		padding-right: 6%;
	}
	.column-section .did-you-know-container .text-container {
		width: 100%;
	}
	.column-section .did-you-know-container span.yellow-text,
	.column-section .did-you-know-container span {
		font-size: calc(14 * 100vw / 375);
	}
	.column-section .did-you-know-container h5 span.yellow-text {
		font-size: calc(26 * 100vw / 375);
	}
	.column-section .did-you-know-container .text-container .yellow-line {
		width: 55%;
	}
	.column-section .did-you-know-container img {
		width: 26px;
	}
	.quote-text {
		font-size: calc(24 * 100vw / 375);
	}
	.content-container {
		justify-content: center;
		align-items: center;
		margin-top: 1em;
		width: 100%;
	}
	.content-container .counter-content {
		padding-right: 0;
		font-size: calc(16 * 100vw / 375);
		width: 100%;
		text-align: center;
		padding: 5%;
	}
	.content-container .counter-content .num-box > span {
		font-size: 90px;
	}
	.content-container .counter-content .flex {
		font-size: calc(11 * 100vw / 375);
	}
	#movingImagePositioning {
		top: calc(700 * 100vw / 375);
	}
	.moving-image.row-one-static {
		left: calc((161 * 100vw) / 375);
	}
	.moving-image {
		width: calc((195 * 100vw) / 375);
	}
	.moving-image.row-one-animate {
		left: calc((-183 * 100vw) / 1440);
	}
	.moving-image-double.row-two {
		top: calc((65 * 100vw) / 375);
		left: calc((-185 * 100vw) / 375);
	}
	.moving-image-double {
		width: calc((390 * 100vw) / 375);
	}
	.moving-image-double.row-three {
		top: calc((145 * 100vw) / 375);
		left: calc((-255 * 100vw) / 375);
	}
	.counter-section {
		height: 100%;
		padding: 5%;
	}
	.counter-section .bg-overlay {
		display: none;
		/* clip-path: polygon(100% 65%, -50% 100%, 100% 100%); */
	}
	.event-section .header {
		font-size: calc(36 * 100vw / 375);
	}
	.three-col {
		grid-template-columns: repeat(1, 1fr);
	}
	.three-col .event-item {
		height: calc(376 * 100vw / 375);
	}
	.three-col .event-item h4 {
		font-size: calc(30 * 100vw / 375);
	}
	.three-col .event-item p {
		font-size: calc(13 * 100vw / 375);
	}
	.three-col .event-item .text {
		padding: 5% 5% 8% 5%;
	}
	.cta-header {
		font-size: calc(24 * 100vw / 375);
		margin: 2.5em 0 1em 0;
	}
	.cta-item span {
		font-size: calc(16 * 100vw / 375);
		text-align: center;
	}
	.cta-item {
		padding: 10px;
	}
	.cta-three-col {
		padding: 5%;
	}
	#action {
		padding: 8%;
		margin-top: 1em !important;
	}
}