.esi-logo {
	/* background-image: url('https://www.esilabs.com.ph/img/icons/embedded-silicon.svg'); */
	/* background-image: url('./img/icons/embedded-silicon.svg'); */
	background-image: url('../img/icons/embedded-silicon.svg');
}

@media all and (min-width: 2000px) {
	:root {
		--approach-grid: 900px;
		--font-about: 39px;
	}
	.strategy #approach-container {
		margin-top: 150px;
	}

	.convert {
		height: 560px;
	}
	/* Following fixes alignment to grid lines in 'conver section' */
	.convert .convert-container {
		display: flex;
		justify-content: center;
	}
	.convert .title-container {
		/*padding: 0 300px;*/
		padding: 0;
		width: 100%;
		max-width: 1900px;
	}
	.convert .title-container img {
		margin-right: 280px;
	}
	.convert .illustration {
		width: 280px;
		height: 560px;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.convert .title-container p {
		font-size: 68px;
	}

	.footer {
		padding-top: 120px;
		padding-bottom: 150px;
	}

	.hero-container {
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	.hero-container .hero1 {
		max-width: 1840px;
	}
	.hero1 .hero-title-container .hero-title {
		margin-top: 260px;
		padding-bottom: 380px;
		font-size: 220px;
	}
	.about-container {
		max-width: 1840px;
		padding-bottom: 160px;
	}
	.about .about-text {
		max-width: 920px;
	}

	.ventures .slide .overlay-tip .text p {
		font-size: var(--font-header3);
	}

	.ventures,
	.services,
	.criteria {
		max-width: 1840px;
	}
	.strategy {
		display: flex;
		justify-content: center;
	}
	.section-divider {
		display: flex;
		justify-content: center;
	}
	.section-divider p,
	.strategy #approach-container {
		width: 1840px;
	}

	#menu {
		width: 950px;
	}
	#menu .link {
		font-size: 66px;
	}
	#menu .links li {
		margin-top: 40px;
		width: 305px;
	}
	#menu .links {
		margin-top: 21%;
	}
	#menu .num {
		font-size: 24px;
	}

	.about-page-hero {
		display: flex;
		flex-direction: column;
		align-items: center;

		padding-left: 0;
		width: 100%;

		font-size: 100px;
	}
	.about-page-hero .about-page-hero_container {
		width: 1900px;
	}

	.about-page-text {
		display: flex;
		flex-direction: column;
		align-items: center;

		padding-left: 0;
		width: 100%;
	}
	.about-page-text .about-page-text_container {
		width: 1900px;
	}

	.about-page {
		display: flex;
		flex-direction: column;
		align-items: center;

		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
	.about-page > div {
		width: 1900px;
	}
	.approach.about-page h2.about-page-title {
		width: 1900px;
	}
	.about-page .numbers img {
		width: 100%;
	}

	.careers-page-hero {
		height: 580px;
	}
	.careers-page-hero svg #hero1,
	.careers-page-hero svg #hero2 {
		transform: translateY(-8px);
	}
}
@media all and (min-height: 1290px) {
	:root {
		--approach-grid: 950px;
	}
	.contact-page {
		padding-top: 225px;
	}
}
@media all and (max-height: 1550px) {
	.strategy #approach .approach-element .approach-graphic {
		width: 650px;
	}
	.about-page-hero .hero-subtitle {
		font-size: 24px;
	}
}
@media all and (max-height: 925px) {
	.strategy #approach .approach-element .approach-graphic {
		width: 490px;
	}
	.about-page-hero .hero-subtitle {
		font-size: var(--font-text1);
		margin: 80px 0 3px 0;
	}
}
@media all and (max-height: 910px) {
	.hero1 .hero-title-container .hero-title {
		margin-top: 125px;
		padding-bottom: 195px;
	}
}

@media all and (max-width: 1805px) {
	.hero2 .folio-container {
		/* background-position: 290% 14%; */
	}
}
@media all and (max-width: 1665px) {
	:root {
		--font-about: 33px;
	}

	.hero1 .hero-title-container .hero-title {
		font-size: 150px;
	}

	.hero2 .folio-container {
		/* background-position: 290% 14%; */
	}
	.hero2 .folio-container .title {
		margin-left: 70px;
	}

	.section-divider,
	.criteria-container {
		padding-top: 290px;
	}
	.services-container {
		padding-top: 240px;
	}

	.about-container {
		bottom: -60px;
	}

	.careers-page-hero .team-title {
		font-size: 81px;
	}
}
@media all and (max-width: 1565px) {
	.hero2 .folio-container {
		/* background-position: 415% 14%; */
	}
	.hero2 .folio-container .title {
		font-size: 74px;
	}
	.about-page-hero .hero-title {
		font-size: 74px;
	}
	.hero1 {
		grid-template-areas: 'blank1 tagline tagline tagline';
	}
}
@media all and (max-width: 1475px) {
	:root {
		--main-grid-template: 250px 1fr 1fr 250px;
		--main-padding: 0 45px;
		--hero-margin: 45px;
		--font-header2: 52px;
		--font-header3: 26px;
		--font-text1: 21px;
		--caption-margin: 295px;
		--font-about: 29px;

		--slider-height: 559px;
		--slider-width: 585px;
	}

	.hero1 .hero-title-container .hero-title {
		font-size: 125px;
	}

	.lang span {
		padding: 12px 4px;
	}
	.hero2 {
		height: 530px;
	}
	.hero2 .folio-container {
		/* background-size: 100% auto;
		background-position: 590px 14%; */
	}
	.hero2 .folio-container .title {
		font-size: 67px;
		margin-left: 65px;
	}

	.about-container {
		bottom: 30px;
	}
	.footer .footer-container {
		grid-template-columns: 265px 1fr 1fr 250px;
	}

	.section-divider {
		padding-top: 260px;
	}

	.services-container {
		padding-top: 210px;
	}
	.services .table {
		margin-top: 90px;
	}
	.services .lists {
		width: 420px;
		height: 520px;
	}

	.criteria-container {
		padding-top: 260px;
	}
	.criteria .title + .text-container {
		margin-top: 90px;
	}

	.convert .title-container {
		padding: 0 5px;
	}
	.convert .illustration .dashed {
		background-position: -30% 30%;
	}
	.convert .title-container img {
		height: 75px;
	}

	.ventures .slider-container {
		margin-top: 20px;
	}
	.ventures #accordion .accordion-item {
		padding-top: 24px;
		padding-bottom: 27px;
	}
	.ventures .slide .overlay-tip {
		grid-template-columns: 62% 38%;
		grid-template-rows: 1fr 1.3fr;
	}
	.ventures .slide .overlay-tip.octo {
		grid-template-rows: 1fr 1.6fr;
	}
	.ventures .slide .overlay-tip.euro {
		grid-template-rows: 1fr 1.7fr;
	}
	.ventures .slide .overlay-tip .text {
		padding: 18px 35px 0px 35px;
	}
	.ventures .slide .overlay-tip .grid-item_link {
		left: 35px;
		bottom: 35px;
	}

	.about-page-hero {
		padding-left: 200px;
		width: calc(100% - 200px);
	}
	.about-page-hero .hero-title {
		font-size: 74px;
	}
	.about-page-text {
		padding-left: 200px;
	}
	h3.about-page-title {
		max-width: 870px;
	}
	.about-page {
		width: calc(100% - 400px);
		padding-left: 200px;
		padding-right: 200px;
	}

	#menu {
		width: 600px;
	}
	#menu #menu-icon {
		right: 60px;
	}
	#menu .location {
		right: 60px;
	}
	#menu .link {
		font-size: 52px;
	}
	#menu .links {
		margin-top: 21%;
		margin-left: 100px;
	}
	#menu .lang {
		left: 135px;
	}

	.portfolio-grid .line {
		display: none;
	}
	.portfolio-grid .grid-item:nth-child(9),
	.portfolio-grid .grid-item:nth-child(10) {
		margin-bottom: 96px;
	}
	.portfolio-grid .grid-container {
		grid-template-columns: 510px 510px;
	}

	.careers-page-hero {
		width: calc(100% - 90px);
	}
	.team-block {
		padding-left: 200px;
		padding-right: 200px;
		width: calc(100% - 400px);
	}
	.team-block table td > div .grid-item_link {
		width: 200px;
	}
}
@media all and (max-width: 1235px) {
	:root {
		--main-grid-template: 200px 1fr 1fr 200px;
		--main-padding: 0 35px;
		--hero-margin: 35px;
		--font-header2: 46px;
		--font-header3: 25px;
		--font-text1: 20px;
		--font-about: 31px;
		--caption-margin: 235px;

		--slider-height: 492px;
		--slider-width: 515px;
	}
	.about-container .lang-container {
		display: none;
	}

	.strategy #approach .approach-element .num {
		margin-top: 27px;
	}
	.strategy #approach .approach-graphic div img {
		width: 150px;
	}

	.hero2 {
		height: 450px;
	}
	.hero1 {
		background-size: auto 110%;
		background-position: center 10%;
	}
	.hero1 .hero-title-container .hero-title {
		font-size: 110px;
	}
	.about-container {
		grid-template-areas: 'text text';
	}
	.about .about-text {
		max-width: 820px;
	}

	.criteria .text-container {
		padding: 52px 45px 78px 40px;
	}
	.criteria .criteria-text {
		padding-top: 16px;
	}
	.criteria .text-container > .title {
		width: 280px;
	}
	.criteria .text-container .num {
		width: 40px;
	}
	.criteria .criteria-text {
		max-width: 530px;
	}

	.convert {
		height: 395px;
	}
	.footer .footer-container {
		grid-template-columns: 265px 1fr 1.4fr 200px;
	}
	.hero1 {
		height: 60%;
		grid-template-areas: 'blank1 tagline tagline tagline';
	}

	.navbar .esi-logo {
		width: 120px;
	}
	.navbar .esi-logo img {
		height: 34px;
		width: 120px;
	}
	.hero2 .hero-title-container #hero-img {
		height: 100%;
	}
	.convert .title-container {
		padding: 0 0;
	}
	.convert .illustration .dashed {
		background-position: -25% 10%;
	}
	.convert .title-container img {
		height: 63px;
	}
	#menu #menu-icon {
		right: 50px;
	}
	#menu .location {
		right: 50px;
	}

	.portfolio-grid .grid-container {
		grid-template-columns: 490px 490px;
	}

	.contact-page {
		padding: var(--main-padding);
		padding-top: 110px;
		padding-bottom: 95px;
		width: calc(100% - 70px);
	}
	.contact-page .contact-container {
		max-width: 990px;
	}

	.about-page-hero {
		padding-left: 150px;
		width: calc(100% - 150px);
	}
	.about-page-text {
		padding-left: 150px;
	}
	.about-page {
		width: calc(100% - 300px);
		padding-left: 150px;
		padding-right: 150px;
	}
	.adastra-block {
		margin-top: 140px;
	}
	.esilabs-block {
		margin-top: 145px;
	}
	.esilabs-block .chart-container {
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.esilabs-mangement-block {
		margin-top: 150px;
	}
	.about-page.approach {
		margin-top: 150px;
		margin-bottom: 150px;
	}
	.adastra-block .exits .grid-container {
		width: 87%;
	}

	.team-block.top1 {
		margin-top: 140px;
	}
	.team-block.top2 {
		margin-top: 90px;
	}
	.team-block.last {
		margin-bottom: 140px;
	}
	.careers-page-hero {
		width: calc(100% - 70px);
	}
	.team-block {
		padding-left: 150px;
		padding-right: 150px;
		width: calc(100% - 300px);
	}
	.team-block .team-block_content {
		grid-template-columns: 1fr 1fr;
		grid-template-areas: 'a b';
	}
	.team-block .team-header.full {
		grid-column: 1 / span 2;
	}
	.team-block .description {
		margin-block-start: 0px;
		margin-left: -32%;
	}

	.ventures .title {
		margin-top: -40px;
	}
	.ventures #accordion {
		width: 91%;
	}
	.ventures #accordion .accordion-item {
		padding-top: 23px;
		padding-bottom: 26px;
	}
	.ventures #accordion .accordion-item_header {
		margin-left: 31px;
	}
	.ventures #accordion .accordion-item_content {
		margin-left: 63px;
		padding-top: 11px;
	}
	.ventures #accordion .accordion-item_content.last {
		margin-top: -11px;
	}
	.ventures .slide .overlay-tip {
		grid-template-columns: 64% 36%;
		grid-template-rows: 1fr 1.6fr;
	}
	.ventures .slide .overlay-tip.octo {
		grid-template-rows: 1fr 2.05fr;
	}
	.ventures .slide .overlay-tip.euro {
		grid-template-rows: 1fr 2.3fr;
	}
	.ventures .slide .overlay-tip .text {
		padding: 13px 25px 0px 25px;
	}
	.ventures .slide .overlay-tip .grid-item_link {
		left: 25px;
		bottom: 30px;
	}

	.services .table {
		margin-top: 80px;
	}
	.services .table .row {
		padding-top: 40px;
		padding-bottom: 46px;
	}

	.criteria .title + .text-container {
		margin-top: 80px;
	}
}
@media all and (max-width: 1120px) {
	.team-block table td > div .grid-item_link {
		width: 96px;
	}
	.team-block table td > div .grid-item_link .conversion-copy_email {
		display: none;
	}
}
@media all and (max-width: 1050px) {
	:root {
		--main-grid-template: 150px 1fr 1fr 185px;
		--main-padding: 0 30px;
		--hero-margin: 30px;
		--caption-margin: 180px;
		--font-header2: 39px;
		--font-header3: 23px;
		--font-text1: 19px;
		--font-text2: 17px;
		--font-about: 25px;
		--approach-grid: 71vh;

		--slider-height: 385px;
		--slider-width: 403px;
	}

	.hero1 .hero-title-container .hero-title {
		font-size: 100px;
	}

	.services .table .row {
		padding-top: 36px;
		padding-bottom: 41px;
	}
	.services .table .row .header {
		margin-left: 17px;
	}
	.services .table .row .num {
		margin-bottom: 6px;
	}
	.services .about-btn {
		margin-left: 39px;
	}
	.services .lists {
		width: 375px;
		height: 470px;
	}
	.services .table .row img {
		opacity: 1;
	}

	.criteria .text-container {
		flex-direction: column;
		height: 337px;
	}
	.criteria .criteria-text {
		padding-top: 30px;
	}
	.criteria .text-container > .title {
		width: max-content;
	}
	.criteria .text-container .num {
		width: 36px;
		margin-bottom: 6px;
	}
	.criteria .criteria-text ul {
		margin-top: 25px;
	}
	.criteria .criteria-text ul li img {
		top: 5px;
		width: 15px;
	}
	.criteria #criteria-indicator2 div,
	.criteria #criteria-indicator3 div {
		margin-top: 0px;
		position: absolute;
		right: 52px;
		top: 58px;
	}

	.portfolio-btn {
		margin-left: 39px;
	}

	.about-page-hero {
		padding-top: 85px;
		width: calc(100% - 200px);
		padding-left: 100px;
		padding-right: 100px;
	}
	.about-page-hero img {
		margin-top: 30px;
		margin-left: -100px;
		width: calc(100% + 200px);
		height: auto;
	}
	.about-page-text {
		margin-top: 95px;
		padding-left: 100px;
		padding-right: 100px;
	}
	h3.about-page-title {
		max-width: 820px;
	}
	.about-page-text h2 {
		margin-bottom: 20px;
	}
	.about-page {
		width: calc(100% - 200px);
		padding-left: 100px;
		padding-right: 100px;
	}
	.adastra-block {
		margin-top: 120px;
		padding-top: 115px;
		padding-bottom: 80px;
	}
	.adastra-block .exits .grid-container {
		width: 82%;
		grid-template-columns: 1fr 1fr;
	}
	.about-page .numbers img {
		width: 104%;
	}
	.about-page.approach .point .num {
		margin-bottom: 2px;
	}
	.about-page.approach .point h3 {
		margin-left: 4px;
	}
	.about-page .numbers p {
		font-size: 68px;
	}
	.esilabs-block .numbers h3 {
		max-width: 180px;
	}

	.team-block.top1 {
		margin-top: 120px;
	}
	.team-block.top2 {
		margin-top: 70px;
	}
	.team-block.last {
		margin-bottom: 120px;
	}
	.careers-page-hero {
		width: calc(100% - 60px);
		height: 350px !important;
	}
	.team-block {
		padding-left: 100px;
		padding-right: 100px;
		width: calc(100% - 200px);
	}

	.thank-you {
		margin-left: -185px;
	}
	.thank-you .header {
		min-width: 250px;
	}
	.thank-you .subheader {
		max-width: 250px !important;
	}
	.contact-page {
		width: calc(100% - 60px);
	}

	[data-tooltip] {
		pointer-events: none;
	}
	.link-roll {
		text-shadow: none !important;
	}
	.link-line {
		height: 26px;
	}
	.faster.link-line {
		height: 22px;
	}
	.footer .sitemap ul .goback:before {
		content: '';
		position: absolute;
		bottom: -3px;
		width: calc(100% + 2px);
		height: 1px;
		background-color: #7c8088;
		opacity: 0.6;
		transition: all 0.2s;
	}
	.grid-item_link span:before,
	.manage-btn span:before {
		content: '';
		position: absolute;
		bottom: -2px;
		width: calc(100% + 2px);
		height: 1px;
		background-color: #7c8088;
		opacity: 0.6;
		transition: all 0.2s;
	}
	.team-block .grid-item_link span:before {
		bottom: 1px;
		background-color: #e3e4e5;
		width: calc(100%);
	}
	.overlay-tip .grid-item_link span:before {
		background-color: #3e3b54;
	}
	.manage-btn span:before {
		bottom: 0px;
	}
	a:hover .text1.link-roll {
		--m: none;
	}
	a:hover .text2.link-roll {
		--m: none;
	}
	a:hover .text3.link-roll {
		--m: none;
	}
	li:hover .link-line {
		--m: none;
	}

	.hero2 {
		height: 410px;
		padding-top: 60px;
	}
	.hero2 .folio-container {
		/* background-size: 100% auto;
		background-position: 460px 14%; */
	}
	.hero2 .folio-container .title {
		font-size: 57px;
		margin-left: 40px;
	}
	.hero2 .folio-container.english .title {
		font-size: 52px;
		margin-left: 40px;
	}

	.about {
		width: 90%;
	}

	.footer .footer-container {
		grid-template-columns: 265px 1fr 1.3fr 105px;
	}
	.about-page-hero .hero-title {
		font-size: 64px;
	}
	.convert .title-container img {
		height: 48px;
	}
	.ventures .title {
		margin-top: -50px;
	}
	.ventures #accordion {
		width: 95%;
	}
	.ventures #accordion .accordion-item {
		padding-top: 20px;
		padding-bottom: 23px;
	}
	.ventures #accordion .accordion-item_header {
		margin-left: 17px;
	}
	.ventures #accordion .accordion-item_content {
		margin-left: 45px;
		padding-top: 8px;
	}
	.ventures #accordion .accordion-item_content.last {
		margin-top: -8px;
	}
	.ventures #accordion .num {
		width: 23px;
	}
	.ventures #accordion .accordion-item_content.last.active {
		height: 75px;
	}
	.ventures .wrapper .hover-tip {
		right: 20px;
		bottom: 20px;
		height: 55px;
		width: 55px;
	}
	.ventures .slide .overlay-tip {
		grid-template-columns: 68% 32%;
		grid-template-rows: 1fr 1.7fr;
	}
	.ventures .slide .overlay-tip.octo {
		grid-template-rows: 1fr 2.3fr;
	}
	.ventures .slide .overlay-tip.euro {
		grid-template-rows: 1fr 2.55fr;
	}
	.ventures .slide .overlay-tip .text {
		padding: 8px 20px 0px 20px;
	}
	.ventures .slide .overlay-tip .grid-item_link {
		left: 20px;
		bottom: 25px;
	}

	.strategy #approach .approach-element .num {
		margin-top: 20px;
	}
	.strategy #approach .approach-element .header {
		margin-left: 40px;
	}
	.strategy #approach .approach-element .text {
		margin-left: 42px;
		margin-top: 14px;
	}

	#menu #menu-icon {
		right: 45px;
	}
	#menu .location {
		right: 45px;
	}
	#menu .links {
		margin-left: 90px;
	}
	#menu .lang {
		left: 125px;
	}
	#menu .links li {
		width: 235px;
	}
	#menu .link {
		font-size: 50px;
		margin-left: 45px;
	}

	.portfolio-grid .grid-container {
		grid-template-columns: 420px 420px;
	}
	.portfolio-grid .grid-container .grid-item {
		width: 335px;
	}

	.contact-page .contact-container {
		max-width: 860px;
	}
}
/* Switch to mobile design */
@media all and (max-width: 915px) {
	:root {
		--main-grid-template: 145px 1fr 1fr 185px;
		--main-padding: 0 25px;
		--hero-margin: 25px;
		--caption-margin: 170px;
		--font-header2: 30px;
		--font-header3: 21px;
		--font-text1: 17px;
		--font-about: 24px;

		--slider-height: 516px;
		--slider-width: 540px;
	}
	.footer .footer-container {
		grid-template-columns: 265px 1fr 1.5fr 25px;
	}

	.hero1 .hero-title-container .hero-title {
		font-size: 90px;
	}

	.services .table .row {
		padding-top: 30px;
		padding-bottom: 32px;
	}
	.services .table .row .header {
		margin-left: 15px;
	}
	.services .table .row .num {
		margin-bottom: 5px;
	}
	.services .about-btn {
		margin-left: 35px;
	}
	.services .lists {
		width: 340px;
		height: 425px;
	}

	.about-page-hero {
		padding-top: 65px;
		padding-left: 90px;
		padding-right: 90px;
		width: calc(100% - 180px);
	}
	.about-page-text {
		margin-top: 90px;
		padding-left: 90px;
		padding-right: 90px;
	}
	.about-page {
		width: calc(100% - 180px);
		padding-left: 90px;
		padding-right: 90px;
	}
	.adastra-block .exits .grid-container {
		width: 88%;
		grid-template-columns: 1fr 1fr;
	}
	.about-page.approach .point .num {
		height: 23px;
	}
	.about-page .description .text p img {
		width: 22px;
		height: auto;
	}
	.about-page .numbers p {
		font-size: 62px;
	}

	.careers-page-hero {
		width: calc(100% - 50px);
		height: 300px !important;
		background-image: url('./img/icons/team-orbits_mobile.svg');
	}
	.careers-page-hero svg #hero1,
	.careers-page-hero svg #hero2 {
		transform: translateY(4px);
	}
	.team-block {
		padding-left: 90px;
		padding-right: 90px;
		width: calc(100% - 180px);
	}
	.team-block .team-header {
		grid-column: 1 / span 2;
	}
	.team-block .description {
		grid-area: auto;
		margin-left: 0;
		grid-column: 1 / span 2;
		max-width: 580px;
		margin-top: -12px;
	}
	.team-block h3 {
		font-size: var(--font-header2);
	}
	.team-block .team-item h3 {
		font-size: var(--font-header3);
	}
	.team-block table th:nth-child(1) {
		padding-left: 30px;
	}
	.team-block table td:nth-child(1) {
		padding-left: 30px;
	}
	.team-block table td > div .grid-item_link {
		padding-right: 30px;
	}

	.section-divider .tagline p {
		bottom: 45px;
	}
	.section-divider {
		display: none;
	}
	.strategy {
		display: none;
	}

	.thank-you {
		margin-left: -157px;
		padding: 73px 50px 65px 50px;
	}
	.thank-you .header {
		min-width: 215px;
	}
	.thank-you .subheader {
		max-width: 215px !important;
	}
	.contact-page {
		width: calc(100% - 50px);
	}
	.convert {
		height: 300px;
		cursor: auto;
	}
	.convert p {
		max-width: 370px;
	}
	.convert .convert-btn {
		display: block;
	}
	.convert .title-container img {
		display: none;
	}
	.convert:hover .cover,
	.convert:focus .cover {
		transform: translate(-100%);
	}
	.convert .illustration img {
		max-height: 255px;
		right: -5px;
	}
	.convert .illustration .dashed {
		background-position: -27% 35%;
	}

	.about-page-hero .hero-title {
		font-size: 58px;
	}

	.hero2 {
		height: 410px;
		padding-top: 55px;
	}
	.hero2 .folio-container {
		/* background-size: 100% auto;
		background-position: 520px 14%; */
	}
	.hero2 .folio-container .title {
		font-size: 56px;
		margin-left: 65px;
	}
	.hero2 .folio-container.english .title {
		margin-left: 65px;
	}

	.navbar.white #menu-icon:hover {
		background-color: rgba(240, 240, 240, 0);
	}
	#menu-icon:hover {
		background: none;
		background-color: rgba(240, 240, 240, 0);
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
	}
	#menu #menu-icon {
		right: 40px;
	}
	#menu .location {
		right: 40px;
		display: none;
	}
	.section-divider {
		padding-top: 140px;
	}

	.portfolio-grid .grid-container {
		grid-template-columns: 475px;
	}
	.portfolio-grid .grid-container .grid-item {
		width: 350px;
		margin-bottom: 100px;
		height: max-content;
	}
	.portfolio-grid .grid-item:nth-child(9) {
		margin-bottom: 100px;
	}
	.portfolio-grid .grid-item:nth-child(10) {
		margin-bottom: 50px;
	}
	.portfolio-grid .grid-container .grid-item:first-child {
		margin-top: 75px;
	}
	.portfolio-grid .grid-item .grid-item_logo {
		justify-content: flex-start;
		height: 110px;
	}
	.grid-item:hover .grid-item_logo {
		filter: grayscale(100%);
	}
	.portfolio-grid .grid-container:nth-child(2) .grid-item:nth-child(1),
	.portfolio-grid .about-page-title {
		margin-top: 0px;
	}
	.portfolio-grid .grid-item p {
		margin-block-start: 20px;
	}
	.portfolio-grid .grid-container:nth-child(2) {
		margin-bottom: 110px;
	}

	.footer .sitemap ul li img {
		width: 16px;
		margin-left: -30px;
		top: 11px;
	}
	.footer .lang {
		display: none;
	}

	/* New slider*/
	.ventures {
		padding-top: 180px !important;
		width: auto;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-areas:
			'title'
			'slider'
			'indicator'
			'textMobile'
			'btn';
	}
	.ventures .title {
		grid-area: title;
		position: relative;
		line-height: 125%;
	}
	.ventures #indicator {
		grid-area: indicator;
		margin-top: 15px;
		position: relative;
		bottom: 0;
	}
	.ventures #indicator div {
		margin-right: 7px;
		width: 22px;
		height: 3px;
	}
	.ventures #indicator div.active {
		background-color: #414959;
	}
	.ventures #indicator div:hover {
		height: 3px;
		margin-top: 0;
	}
	.ventures #indicator div.active:hover {
		height: 3px;
		margin-top: 0;
	}
	.ventures #accordion {
		display: none;
	}
	.ventures .textMobile {
		grid-area: textMobile;
		display: block;
	}
	.ventures .accordion-item_content {
		padding-top: 2px;
	}
	.ventures .accordion-item_content.last {
		margin-top: -2px;
	}
	.ventures .slider-container {
		grid-area: slider;
	}
	.ventures .portfolio-btn {
		grid-area: btn;
	}
	.ventures .wrapper .hover-tip {
		width: 48px;
		height: 48px;
		right: 15px;
		bottom: 15px;
		background-color: #192e47 !important;
	}
	.ventures .wrapper .hover-tip.off {
		background-color: #293556 !important;
	}
	.ventures .wrapper .hover-tip.off ~ #slides .slide .overlay-tip.active {
		opacity: 0;
		pointer-events: none;
	}
	.ventures .wrapper .hover-tip ~ #slides .slide .overlay-tip.active {
		opacity: 1;
		pointer-events: auto;
	}
	.ventures .wrapper .hover-tip img {
		height: 18px;
		width: 18px;
		margin-left: calc(50% - 9px);
		margin-top: calc(50% - 9px);
	}
	.ventures .slide .overlay-tip .image,
	.ventures .slide .overlay-tip .logo {
		display: none;
	}
	.ventures .slide .overlay-tip {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		grid-template-areas: 'c';
	}
	.ventures .slide .overlay-tip .text p {
		line-height: 140%;
		font-size: var(--font-header3);
	}
	.ventures .slide .overlay-tip .text {
		padding: 20px 25px 0px 25px;
	}
	.ventures .slide .overlay-tip .grid-item_link {
		left: 25px;
		bottom: 43px;
	}
	.ventures .slide .overlay-tip.octo p {
		line-height: 135%;
		letter-spacing: 0.02em;
	}
	.ventures .slide .overlay-tip.euro p {
		line-height: 130%;
		letter-spacing: 0.01em;
	}

	.criteria .text-container {
		height: 360px;
	}
	.criteria .criteria-text {
		padding-top: 30px;
	}
	.criteria .text-container .num {
		width: 33px;
		margin-bottom: 4px;
	}
	.criteria .criteria-text ul {
		margin-top: 25px;
	}
	.criteria .criteria-text ul li {
		padding-left: 26px;
		padding-bottom: 15px;
	}
	.criteria .criteria-text ul li img {
		top: 4px;
	}

	.contact-page {
		padding-bottom: 0;
	}
	.contact-page .contact-container {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: fit-content;
	}
	.contact-page .contact-details,
	.contact-footer {
		display: none;
	}
	.contact .footer {
		display: flex;
		visibility: visible;
		z-index: 0;
		opacity: 1;
	}
	.contact-page .title {
		width: 100%;
		font-size: 36px;
		max-width: 462px;
	}
	.form-container .row .input label,
	.form-container .row .input,
	.form-container .asterisk,
	.form-container .row input,
	.form-container .row textarea,
	.form-container p {
		font-size: 20px;
	}
}
@media all and (max-width: 790px) {
	:root {
		--main-grid-template: 135px 1fr 1fr 280px;
		--caption-margin: 135px;
	}

	html,
	body {
		overflow: auto;
	}

	.about-page-hero {
		padding-top: 0px;
		padding-left: 25px;
		padding-right: 25px;
		width: calc(100% - 50px);
	}
	.about-page-text {
		margin-top: 85px;
		padding-left: 25px;
		padding-right: 25px;
	}
	.about-page {
		width: calc(100% - 50px);
		padding-left: 25px;
		padding-right: 25px;
	}
	.adastra-block .exits .grid-container {
		width: 87%;
	}

	.careers-page-hero svg #hero1,
	.careers-page-hero svg #hero2 {
		transform: translateY(20px);
	}
	.team-block {
		padding-left: 25px;
		padding-right: 25px;
		width: calc(100% - 50px);
	}
	.team-block h3 {
		color: #333;
	}
	.team-block table td {
		color: #333;
	}
	.team-block table th:nth-child(1) {
		padding-left: 30px;
	}
	.team-block table th:nth-child(2) {
		padding-left: 55px;
	}
	.team-block table td:nth-child(1) {
		padding-left: 30px;
	}
	.team-block table td:nth-child(2) {
		padding-left: 55px;
	}
	.team-block table td > div .grid-item_link {
		padding-right: 30px;
	}

	.portfolio-grid .grid-container:nth-child(1) {
		margin-bottom: 70px;
	}

	.services-container {
		padding-top: 120px;
	}
	.services .title {
		max-width: 180px;
		color: #333;
		line-height: 130%;
	}
	.services .table {
		margin-top: 60px;
	}
	.services .services-lists-container {
		display: none;
	}
	.services .lists {
		max-width: 345px;
		width: 100%;
		height: 0;
	}
	.services .listsMobile {
		display: block;
	}
	.services .table .row.visible ~ .row {
		border-top: 1px solid #d8d9df;
		margin-top: -1px;
		transition-delay: 0.2s;
	}
	.services .table .row.visible img {
		transform: rotate(135deg);
		filter: invert(19%) sepia(10%) saturate(2460%) hue-rotate(187deg) brightness(96%) contrast(95%);
	}

	.criteria-container {
		padding-top: 200px;
		padding-bottom: 0;
	}
	.criteria {
		padding: 0;
	}
	.criteria .criteria_scrollTrigger > .title {
		padding-left: var(--hero-margin);
		color: #333;
	}
	.criteria .title + .text-container {
		margin-top: 30px;
	}
	.criteria .text-container {
		height: auto;
		margin-top: 0;
		padding: var(--main-padding);
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.criteria .title + .text-container {
		height: auto;
	}
	.criteria .criteria-text {
		padding-top: 25px;
	}
	.criteria .text-container .num {
		width: 35px;
		margin-bottom: 4px;
	}
	.criteria .criteria-text ul {
		margin-top: 25px;
	}
	.criteria #criteria-indicator2 div,
	.criteria #criteria-indicator3 div {
		display: none;
	}

	.contact-page {
		padding-top: 15px;
		max-width: 610px;
		padding-bottom: 15px;
	}

	.hero-container {
		background: #fafafa;
		display: flex;
		justify-content: center;
		height: auto;
	}
	.hero1 {
		max-width: 550px;
		left: auto;
		height: auto;
		grid-template-areas: 'tagline tagline tagline tagline' !important;
		position: relative !important;
	}
	.hero1 .mobileHero {
		display: block;
		width: 100%;
		/* background: rgb(245, 239, 234);x */
		margin-top: -105px;
		background-image: url('../img/lights.jpg');
	}
	.hero1 .hero-title-container {
		display: flex;
		flex-direction: column;
	}
	.hero1 .hero-title-container .hero-title {
		margin-top: 200px;
		padding-bottom: 130px;
		color: #333;
		font-size: 58px;
	}
	.hero1 .animationTip {
		display: block;
	}

	.hero2 {
		height: 340px;
	}
	.hero2 .folio-container {
		/* background-size: 100% auto;
		background-position: 400px 14%; */
	}
	.hero2 .folio-container .title,
	.hero2 .folio-container.english .title {
		font-size: 45px;
		margin-left: 40px;
	}

	.bigtext-container {
		padding-top: 10px;
	}

	.about {
		display: none;
		margin-top: 120px;
		grid-template-areas: 'text text text text';
	}
	.about-container {
		display: none;
	}
	.about .about-text {
		max-width: 530px;
		color: #333;
	}
	.aboutMobile {
		display: flex;
		justify-content: center;
		margin-top: 70px;
	}
	.aboutMobile .about-text {
		max-width: 550px;
	}
	.ventures {
		padding-top: 155px;
	}
	.ventures .title,
	.ventures .accordion-item_header,
	.services .table .row .header,
	.portfolio-grid .grid-item_header,
	.about-page-text h2.about-page-title,
	h3.about-page-title,
	.about-page .numbers p,
	.about-page.approach .point h3 {
		color: #333;
	}
	.about-page-text h3.about-page-title {
		color: #414959;
	}
	.ventures .slide {
		cursor: move;
	}
	.ventures .accordion-item_content {
		padding-top: 2px;
	}
	.section-divider {
		padding-top: 90px;
	}

	.contact-btn {
		margin-right: 62px;
	}
	.contact-btn:hover {
		background-color: #eef1f8;
	}
	#scrollProgress {
		display: none;
	}
	.navbar.desktop {
		background: none !important;
		pointer-events: none;
	}
	.navbar.desktop #menu-icon {
		pointer-events: auto;
	}
	.navbar.desktop a {
		display: none;
	}
	.navbar .esi-logo {
		height: 29px;
		width: 105px;
	}
	.navbar .esi-logo:hover {
		transform: scale(1);
	}
	.navbar .esi-logo img {
		height: 29px;
		width: 105px;
	}
	.navbar.mobile {
		display: block;
	}
	.navbar.desktop .contact-btn {
		display: none;
	}
	.navbar {
		margin-top: 35px;
		position: absolute;
	}
	.navbar.neg {
		mix-blend-mode: exclusion;
	}
	.navbar.desktop {
		z-index: 7;
	}
	#menu #menu-icon {
		margin-top: 55px;
	}
	.navbar #menu-icon {
		position: fixed;
	}
	.navbar .burger-icon span {
		background: #fafafa !important;
	}

	.convert .illustration img {
		right: -53px;
	}
	.convert .illustration .dashed {
		background-position: -60% 33%;
	}

	.footer {
		padding-top: 45px;
		padding-bottom: 50px;
	}
	.footer .footer-container {
		display: flex;
		flex-direction: column;
		max-width: 580px;
	}
	.footer .branding .tagline {
		display: none;
	}
	.footer .branding .privacy {
		display: none;
	}
	.footer .sitemap {
		display: block;
		margin-top: 25px;
	}
	.footer .sitemap ul {
		padding: 0;
		margin-left: 15px;
	}
	.footer .sitemap ul li {
		width: 72px;
	}
	.footer .privacy {
		margin-left: 16px;
	}
	.footer .sitemap .mobLink {
		display: block;
	}
	.footer .contacts {
		display: none;
	}
	.footer .mobile {
		display: flex !important;
	}
	.footer .contactsMob {
		display: block;
	}
	.footer .lang {
		display: flex;
		/*transform: translateY(-100%);*/
		margin-top: -41px;
	}

	#menu .link {
		font-size: 48px;
		margin-left: 40px;
	}
	#menu {
		width: 100%;
		height: 100%;
	}
	#menu .links-container {
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#menu .links {
		margin: 0 !important;
		padding: 0 !important;
		margin-top: -90px !important;
	}
	#menu .lang {
		margin-left: 50%;
		bottom: 16%;
		left: 0;
		transform: translateX(-50%);
	}
}
@media all and (max-width: 630px) {
	:root {
		--main-grid-template: 1px 1fr 1fr 1px;
		--slider-height: 426px;
		--slider-width: 446px;
		--caption-margin: 25px;
		--hero-margin: 25px;
		--font-about: 23px;
	}

	.convert-container {
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-areas: 'tagline tagline ';
	}
	.convert .illustration .dashed {
		background-position: -26% 44%;
	}
	.convert .illustration img {
		right: -10px;
	}

	.hero1 .hero-title-container .hero-title {
		font-size: 50px;
	}
	.hero2 {
		height: 300px;
	}
	.hero2 .folio-container {
		/* background-size: 70% auto;
		background-position: 320px 14%; */
	}
	.hero2 .folio-container .title {
		font-size: 40px;
		margin-left: 30px;
	}
	.hero2 .folio-container.english .title {
		font-size: 36px;
		margin-left: 30px;
	}

	.about-page-hero .hero-title {
		margin-top: 55px;
		color: #333333;
		font-size: 50px;
	}
	h2.about-page-title {
		color: #333333;
		line-height: 135%;
	}
	h3.about-page-title {
		letter-spacing: 0em;
	}
	.about-page-hero .hero-subtitle {
		display: none;
	}
	.about-page-hero img {
		display: none;
	}
	.about-page-hero .about-hero-mobile {
		display: block;
		background-image: url('../img/about-page/about-hero-mobile.jpg');
	}
	.about-page-text {
		margin-top: 95px;
	}
	.about-page-text h2 {
		margin-bottom: 15px;
	}
	.about-page p {
		font-size: var(--font-text2);
		line-height: 135%;
		margin-block-start: 8px;
	}
	.adastra-block {
		margin-top: 110px;
		padding-top: 75px;
		padding-bottom: 70px;
	}
	.about-page .description h3:nth-of-type(2) {
		margin-top: 52px;
	}
	.adastra-block .exits {
		flex-direction: column;
		margin-top: 85px;
	}
	.adastra-block .exits .title {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.about-page .exits .grid-item_link {
		display: block;
	}
	.adastra-block .exits h3 {
		margin-top: 0;
	}
	.adastra-block .exits .grid-container {
		width: 84%;
		grid-template-columns: 1fr;
	}
	.esilabs-block {
		margin-top: 110px;
	}
	.esilabs-mangement-block {
		margin-top: 115px;
	}
	.about-page.approach {
		margin-top: 120px;
		margin-bottom: 120px;
	}
	.about-page.approach .approach-points {
		margin-top: 30px;
		gap: 35px;
	}
	.about-page.approach .point {
		grid-template-columns: 1fr;
		height: auto;
	}
	.about-page.approach .point p {
		margin-left: 34px;
		margin-top: 11px;
		max-width: 270px;
	}
	.about-page.approach .point:nth-of-type(4) p,
	.about-page.approach .point:nth-of-type(6) p {
		margin-top: 11px;
	}
	.about-page .description {
		grid-template-columns: 1fr;
	}
	.about-page .description .title {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.about-page .description .grid-item_link {
		margin-top: 4px;
	}
	.about-page .description .text {
		margin-top: 50px;
	}
	.about-page .numbers {
		margin-top: 40px;
	}
	.about-page .numbers img {
		width: 100%;
		margin-top: 35px;
	}
	.adastra-block .numbers div:nth-of-type(2) {
		margin-top: 60px;
	}
	.adastra-block .numbers h3.short {
		max-width: 100%;
	}
	.esilabs-block .numbers h3 {
		max-width: 100%;
	}
	.esilabs-mangement-block img.chart {
		grid-column-start: 1;
		grid-column-end: 1;
	}

	.careers-page-hero {
		height: 130px !important;
	}
	.careers-page-hero svg {
		display: none;
	}
	/* .team-block:nth-child(2) .team-header {
		font-size: 50px;
		max-width: 420px;
	} */
	.team-block .description {
		margin-top: -5px;
	}
	.team-block.top1 {
		margin-top: 100px;
	}
	.team-block.top2 {
		margin-top: 45px;
	}
	.team-block.last {
		margin-bottom: 90px;
	}
	.team-block .team-block_content {
		gap: 70px 55px;
	}
	.team-block .team-block_content {
		grid-template-columns: 1fr;
		grid-template-areas: 'a';
	}
	.team-block .team-header.full {
		grid-column: 1;
	}
	.team-block .team-item_photo,
	.team-block .description {
		max-width: 420px;
	}
	.team-block:nth-child(4) table,
	.team-block:nth-child(5) table {
		display: none; /* hide stuff tables */
	}
	.team-block .stuff_mobile {
		display: block;
	}
	.team-block:nth-child(4) > div > h3 {
		max-width: 300px;
	}
	.team-block:nth-child(5) > div > h3 {
		max-width: 260px;
	}
	.team-block .team-item h3 {
		margin-top: 28px;
	}
	.team-block .team-item p {
		margin-top: 14px;
		margin-bottom: 22px;
	}

	.criteria .criteria-text p {
		display: none;
	}
	.criteria .criteria-text p.mobile_friendly {
		display: block;
		margin-bottom: 20px;
	}
	.criteria .criteria-text ul {
		margin-top: 5px;
	}
	.criteria #bold {
		display: block;
	}

	#menu .links {
		margin-left: 70px;
	}
	#menu .links li {
		width: 210px;
	}
	#menu .link {
		font-size: 44px;
		margin-left: 37px;
	}

	.contact-page {
		padding-top: 8px;
	}
	.form-container .row .input label,
	.form-container .row .input,
	.form-container .asterisk,
	.form-container .row input,
	.form-container .row textarea,
	.form-container p {
		font-size: 18px;
	}
	.form-container .row .input label {
		top: 25px;
	}
	.form-container .row .input.active label {
		font-size: 14px;
		top: -5px;
	}
	.form-container .row {
		margin-top: 20px;
	}
	.form-container .row:first-of-type {
		margin-top: 5px;
	}
	.form-container .row:nth-of-type(2) {
		margin-top: 7px;
	}
	.row:last-of-type {
		margin-bottom: 20px;
		margin-top: 35px;
	}
	.form-container p {
		margin-top: 20px;
	}
	.contact-page .title {
		font-size: 30px;
		color: #333;
	}
	.form-container .row .choice-tag {
		padding: 4px 17px 6px 17px;
	}
	.recaptcha-notice {
		margin-bottom: 10px !important;
	}
}

@media all and (max-height: 870px) {
	.section-divider {
		padding-top: 220px;
	}
	.strategy #approach-container {
		margin-top: 20px;
	}
	.strategy #approach .approach-element .approach-graphic {
		width: 400px;
		margin-left: calc(var(--caption-margin) - 200px);
	}
	.careers-page-hero {
		height: 435px;
	}
}
@media all and (max-height: 870px) and (max-width: 2000px) {
	#menu .links {
		margin-top: 18%;
		line-height: 80px;
	}
	#menu .lang,
	#menu .location {
		bottom: 12%;
	}
}
@media all and (max-height: 870px) and (min-width: 2000px) {
	#menu .links {
		margin-top: 9%;
		line-height: 48px;
	}
	#menu .lang,
	#menu .location {
		bottom: 5%;
	}
}
@media all and (max-height: 770px) and (max-width: 2000px) {
	#menu .links {
		margin-top: 16%;
		line-height: 78px;
	}
}

@media all and (max-height: 650px) and (max-width: 2000px) {
	#menu .links {
		margin-top: 12%;
		line-height: 70px;
	}
	#menu .lang,
	#menu .location {
		bottom: 9%;
	}
}
@media all and (max-height: 650px) and (min-width: 2000px) {
	#menu .links {
		margin-top: 6%;
		line-height: 38px;
	}
	#menu .lang,
	#menu .location {
		bottom: 3%;
	}
}
@media all and (max-height: 590px) {
	.strategy #approach-container {
		margin-top: 0px;
	}
	.strategy {
		padding-top: 36px;
	}
	.strategy #explosion {
		width: calc(var(--approach-grid) * 0.92);
		height: calc(var(--approach-grid) * 0.92 / 1.086);
	}

	.about {
		width: 87%;
	}
	.hero1 {
		background-size: 105%;
		background-position: center 46%;
	}
}

@media all and (max-height: 590px) and (max-width: 2000px) {
	#menu .links {
		margin-top: 5%;
		line-height: 56px;
	}
	#menu .lang,
	#menu .location {
		bottom: 6%;
	}
}
@media all and (max-height: 590px) and (min-width: 2000px) {
	#menu .links {
		margin-top: 0%;
		line-height: 20px;
	}
	#menu .lang,
	#menu .location {
		bottom: 1%;
	}
}
@media all and (max-height: 420px) and (max-width: 790px) {
	#menu .links {
		margin-top: -1% !important;
		line-height: 56px;
	}
	#menu .lang {
		bottom: 8%;
		left: -6px;
	}
}
@media all and (max-width: 500px) {
	:root {
		--slider-height: calc(100vw - 50px);
		--slider-width: calc(95.5vw - 50px);
		--font-about: 22px;
	}
	.convert .illustration {
		position: absolute;
		height: 100%;
		width: 170px;
		right: 0;
		bottom: 0;
	}
	.convert-container {
		grid-template-areas: 'tagline tagline tagline';
	}
	.convert .convert-btn a {
		height: 41px;
		width: 103px;
	}

	.services .table {
		margin-top: 30px;
	}
	.services .table .row {
		padding-top: 22px;
		padding-bottom: 24px;
	}
	.services .table .row .header {
		margin-left: 9px;
		font-size: 24px;
	}
	.services .table .row .num {
		margin-bottom: 3px;
	}
	.services .table .row img {
		margin-right: 4px;
		height: 18px;
	}
	.services .about-btn {
		margin-left: 0px;
	}
	.services .lists > div > p:nth-child(1) {
		padding: 34px 24px 0 24px;
	}
	.services .lists > div > p:nth-child(2),
	.services .lists > div figure p {
		padding: 0 24px 32px 24px;
	}

	.criteria .title + .text-container {
		margin-top: 30px;
	}

	.convert .title-container {
		max-width: 310px;
	}

	.aboutMobile {
		margin-top: 48px;
	}
	/* .team-block:nth-child(2) .team-header {
		font-size: 40px;
	} */

	.ventures {
		padding-top: 120px;
	}
	.ventures .slide .overlay-tip .text p {
		line-height: 140%;
		font-size: var(--font-text1);
	}

	.hero1 .hero-title-container .hero-title {
		margin-top: 175px;
		font-size: 40px;
	}
	.hero2 {
		height: 300px;
		padding-top: 30px;
	}
	.hero2 .folio-container {
		background-image: none !important;
		justify-content: center;
	}
	.hero2 .folio-container .title {
		font-size: 41px;
		margin-left: 0px;
		color: #2a6ca0;
		margin-bottom: 5px;
	}
	.hero2 .folio-container.english .title {
		margin-left: 0px;
		margin-bottom: 20px;
	}
	.contact-btn {
		margin-right: 50px;
		margin-top: 21px;
	}
	.button {
		padding: 10px 26px;
		font-size: 15px;
	}

	#menu .links {
		line-height: 70px;
		margin-left: -5px !important;
	}
	#menu .links li {
		width: 165px;
	}
	#menu .link {
		font-size: 33px;
		margin-left: 37px;
	}

	/* 
   #menu .first {
      margin-top: 4px !important;
   }  
   #menu .second {
      margin-top: 5px !important;
   } 
   #menu .third {
      margin-top: 4px !important;
   } */
	#menu .num {
		margin-top: 4px;
	}
	#menu #menu-icon {
		right: 25px;
	}

	.portfolio-grid {
		display: block;
	}
	.portfolio-grid .grid-container {
		grid-template-columns: 310px;
	}
	.portfolio-grid .grid-container .grid-item {
		width: 310px;
		padding-left: 25px;
		padding-right: 20px;
	}
	.portfolio-grid .grid-container:nth-child(2) .grid-item:nth-child(1) {
		margin-bottom: 50px;
	}
	.portfolio-grid .grid-container:nth-child(1) {
		margin-top: 20px;
	}
	.portfolio-grid .grid-container:nth-child(2) {
		margin-top: 100px;
		margin-bottom: 85px;
	}

	.navbar.mobile .contact-btn a {
		height: 41px;
		width: 103px;
	}

	.bigtext-container .bigtext .header {
		flex-direction: column-reverse;
	}
	.bigtext-container .bigtext .header .manage-btn {
		margin-bottom: 20px;
	}

	.about-page-hero .hero-title {
		font-size: 40px;
	}
	.about-page-text {
		margin-top: 100px;
	}
	.about-page-text h2.about-page-title {
		font-size: 24px;
	}
	.about-page-text h3.about-page-title {
		font-size: var(--font-text2);
		line-height: 135%;
		margin-top: 12px;
	}
	.about-page-text h2 {
		margin-bottom: 0px;
	}
	.about-page .numbers p {
		font-size: 54px;
		margin-bottom: 2px;
	}
	.about-page img.chart {
		margin-top: 70px;
	}
	.esilabs-block .chart-container {
		margin-top: 0px;
		margin-bottom: 0px;
	}
}
@media all and (max-width: 365px) {
	:root {
		--font-header2: 27px;
		--font-header3: 19px;
		--font-text1: 15px;
		--font-text2: 15px;
		--font-about: 18px;
	}
	.hero2 .folio-container .title {
		font-size: 34px;
	}
	.hero2 .folio-container.english .title {
		font-size: 32px;
	}
	.ventures {
		padding-top: 100px;
	}
	.convert .illustration .dashed {
		background-position: -27% 28%;
	}
	.convert .illustration img {
		width: 80%;
	}
	.hero1 .hero-title-container .hero-title {
		margin-top: 110px;
		font-size: 33px;
	}

	.ventures .slide .overlay-tip .text {
		padding: 15px 25px 0px 25px;
	}
	.ventures .slide .overlay-tip .grid-item_link {
		left: 25px;
		bottom: 28px;
	}

	.about-page-hero .hero-title {
		font-size: 33px;
	}
	.about-page.approach .point .num {
		margin-bottom: -2px;
	}

	.careers-page-hero {
		height: 93px !important;
	}

	.recaptcha-notice {
		width: 100%;
	}

	.criteria .criteria-text ul li img {
		top: 3px;
		width: 14px;
	}
	.criteria .criteria-text ul li {
		padding-left: 24px;
	}
	.criteria #bold {
		padding-left: 24px;
	}
	.criteria .text-container {
		padding-top: 35px;
		padding-bottom: 40px;
	}

	#menu #menu-icon {
		margin-top: 28px;
	}
	#menu .lang {
		bottom: 12%;
	}

	.contact-btn {
		margin-right: 45px;
	}
	.navbar.mobile .contact-btn a {
		width: 99px;
	}
	.button {
		padding: 10px 24px;
	}
	.navbar-container > a {
		margin-top: 29px;
	}
	.navbar .esi-logo {
		width: 100px;
	}
	.navbar {
		margin-top: 5px;
	}

	.services .table .row .header {
		margin-left: 0px;
		font-size: 22px;
	}
	.services .table .row .num {
		width: 24px;
	}
	.services .table .row img {
		margin-right: 3px;
		height: 16px;
	}
	.services .listsMobile.visible {
		height: 465px;
	}
	.services .lists > div {
		font-size: 18px;
	}
	.services .lists > div > p:nth-child(1) {
		padding: 33px 16px 0 15px;
	}
	.services .lists > div > p:nth-child(2),
	.services .lists > div figure p {
		padding: 0 16px 29px 15px;
	}
	.services .lists > div figure img {
		height: 72px;
		padding: 0 16px 25px 0;
	}

	.portfolio-grid .grid-container {
		grid-template-columns: 268px;
	}
	.portfolio-grid .grid-container .grid-item {
		width: 268px;
		padding-right: 10px;
	}
	.portfolio-grid .grid-item_content {
		height: 80px;
	}

	.thank-you {
		margin-left: -135px;
		padding: 65px 40px 50px 40px;
	}
	.thank-you .header {
		min-width: 190px;
	}
	.thank-you .subheader {
		max-width: 190px !important;
	}
	.footer .sitemap ul li {
		width: 62px;
	}
	.footer .privacy a,
	.footer .lang {
		font-size: 14px;
	}
	.footer .privacy .divider {
		margin: 10px 3px 0 3px;
	}
	.footer .lang {
		margin-top: -38px;
	}

	.contact-page .title {
		font-size: 25px;
	}
	.recaptcha-notice {
		margin-bottom: 5px !important;
		letter-spacing: -0.01em !important;
	}
	.form-container .row .input label,
	.form-container .row .input,
	.form-container .asterisk,
	.form-container .row input,
	.form-container .row textarea,
	.form-container p {
		font-size: 17px;
	}
	.form-container .row .choice-tag {
		padding: 4px 14px 6px 14px;
		font-size: 14px;
	}
}

/* Hero section for landscape on iPhone X */
@media all and (orientation: landscape) and (max-width: 850px) and (max-height: 400px) {
	:root {
		--font-about: 23px;
	}
	.hero1 .hero-title-container .hero-title {
		margin-top: 85px;
		padding-bottom: 75px;
	}
	.ventures {
		padding-top: 110px;
	}
}