/* LOGO */
.logo {
	display: flex;
	width: 122px;
	height: 25px;
	background: url('../png/logo.png') no-repeat left center / contain;
	transition: var(--transition);
	text-indent: -10000px;
	margin-top: -25px;
}

.logo.invert {
	background: url('../png/logo-white.png') no-repeat left center / contain;
}


/* ICON */
.icon {
	min-width: 48px;
	width: 48px;
	height: 48px;
}

.icon.xl {
	min-width: 100px;
	width: 100px;
	height: 100px;
}

.icon.l {
	min-width: 64px;
	width: 64px;
	height: 64px;
}

.icon.m {
	min-width: 28px;
	width: 28px;
	height: 28px;
}

.icon.s {
	min-width: 24px;
	width: 24px;
	height: 24px;
}

.icon.xs {
	min-width: 18px;
	width: 18px;
	height: 18px;
}

/* NAVIGATION */
nav {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	width: 100%;
	height: 90px;
	z-index: 10;
}

nav.hidden {
	top: -90px;
}

nav>.container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}

.menu {
	background: transparent;
	transition: var(--transition);
}

.menu .logo {
	z-index: 1;
	height: 65px;
}

.menu>.container>ul {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0;
	margin: 0;
}

.menu>.container>ul li {
	height: 100%;
	margin: 0 8px;
	list-style-type: none;
}

.menu>.container>ul li a:not(.button) {
	display: flex;
	align-items: center;
	height: 100%;
	color: var(--black);
	font-weight: 500;
	padding: 9px 26px;
	transition: var(--transition);
	z-index: 1;
}

.menu>.container>ul li a:not(.button):hover {
	color: var(--primary);
}

.menu>.container>ul li .careers a.thumb {
	background: transparent;
	border-radius: 0 10px 10px 0;
	box-shadow: none;
}

.menu>.container>ul li .careers a.thumb:hover {
	background: var(--white);
	box-shadow: var(--shadow);
	color: var(--primary) !important;
}

.menu>.container>ul li.expand a:after {
	position: absolute;
	bottom: 0;
	left: calc(50% - 1px);
	width: 2px;
	height: 0;
	background: var(--primary);
	content: '';
	transition: var(--transition);
}


.menu .nav__submenu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: linear-gradient(0deg, #EFF9F0 0%, #F6F6F6 100%);
	overflow: hidden;
	transition: var(--transition);
}

.menu .nav__submenu .container {
	padding: 90px 40px;
}

.menu.expanded ul>li>a:not(.button),
.menu.invert ul>li>a:not(.button) {
	color: var(--black);
}

.menu ul>li:hover .nav__submenu.services {
	height: 390px;
}

.menu ul>li:hover .nav__submenu.solutions {
	height: 660px;
}

.menu ul>li:hover .nav__submenu.careers {
	height: 412px;
}

.menu ul>li.expand:hover>a:after {
	height: 14px;
}


.menu .nav__submenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.menu .nav__submenu ul li {
	margin: 0;
}

.menu .nav__submenu>.container>ul>li {
	margin-right: var(--size-xl);
}

.menu .nav__submenu>.container>ul>li:last-child {
	margin-right: 0;
}

.menu .nav__submenu ul li label {
	color: var(--gray-400);
}

.menu .nav__submenu ul li ul {
	margin-top: var(--size-m);
}

.menu .nav__submenu>.container>ul>li>ul>li>a:not(.thumb) {
	display: inline-flex;
	padding: 12px 40px 12px 0 !important;
	border-radius: 10px;
	font-size: 22px;
	box-shadow: none;
}

.menu .nav__submenu>.container>ul>li>ul>li>a.thumb img {
	height: 115px;
}

.menu .nav__submenu>.container>ul>li>ul>li>a.thumb>div {
	width: 100%;
	padding: 12px 40px 12px 0 !important;
	margin-bottom: 20px;
	border-radius: 0 0 10px 10px;
	font-size: 22px;
	transition: var(--transition);
}

.menu .nav__submenu>.container>ul>li>ul>li>a.thumb.rounded>div {
	border-radius: 10px;
}

.menu .nav__submenu>.container>ul>li>ul>li:hover>a:not(.thumb),
.menu .nav__submenu>.container>ul>li>ul>li:hover>a.thumb>div {
	padding: 12px 20px !important;
	background: var(--white);
	box-shadow: var(--shadow);
	color: var(--primary-400) !important;
}

.menu .nav__submenu ul li a:not(.button) {
	padding: 0 !important;
	color: var(--black) !important;
}

.menu .nav__submenu.services .container>ul {
	display: flex;
}

.menu .nav__submenu.services .container>ul li {
	width: 100%;
}

.menu .nav__submenu.careers>.container>ul>li>ul>li>a {
	padding-right: 0 !important;
}

.menu .menu__toggle {
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background: transparent;
	border: 1px solid var(--primary);
	border-radius: 100%;
	cursor: pointer;
	outline: none;
	z-index: 1;
}

.menu .menu__toggle:before,
.menu .menu__toggle:after {
	width: 20px;
	height: 2px;
	margin: 4px 0;
	background: #000000;
	content: '';
	transition: var(--transition);
}

.menu .menu__toggle.active:before,
.menu .menu__toggle.active:after {
	margin: -1px;
}

.menu .menu__toggle.active:before {
	transform: rotate(45deg);
}

.menu .menu__toggle.active:after {
	transform: rotate(-45deg);
}

.menu .menu__toggle span {
	display: block;
	height: 0;
	overflow: hidden;
}

.menu.scrolled {
	background: var(--white);
}

.menu.scrolled>.container>ul li a:not(.button) {
	color: var(--black);
}

.menu.scrolled>.container>ul li a:not(.button):hover {
	color: var(--primary);
}

.menu.scrolled .logo {
	background: url(../png/logo.png) no-repeat left center / contain;
}

.menu.invert .menu__toggle:before,
.menu.scrolled .menu__toggle:before,
.menu.expanded .menu__toggle:before,
.menu.invert .menu__toggle:after,
.menu.scrolled .menu__toggle:after,
.menu.expanded .menu__toggle:after {
	background: var(--black);
}

.menu .menu__mobile {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: linear-gradient(0deg, #EFF9F0 0%, #F6F6F6 100%);
	overflow: hidden;
	transition: var(--transition);
}

.menu .menu__mobile.expanded {
	height: 100vh;
	padding-top: 90px;
}

.menu .menu__mobile .menu__mobile__content {
	width: calc(100% + 17px);
	height: 100%;
	padding-right: 17px;
	padding-bottom: 180px;
	overflow: auto;
}

.menu .menu__mobile div>a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
}

.menu .menu__mobile ul {
	margin: 20px 0;
	padding: 0;
}

.menu .menu__mobile ul li {
	margin: 50px 0;
	list-style-type: none;
	text-align: center;
}

.menu .menu__mobile ul li ul li {
	margin: 10px 0;
}

.menu .menu__mobile ul li ul li a {
	font-size: 16px;
	font-weight: 500;
}

.menu .menu__mobile ul li ul li:first-child {
	margin-top: 0;
}

.menu .menu__mobile label {
	color: var(--gray-400);
}

.menu .menu__mobile .expand>ul {
	display: none;
}

.menu .menu__mobile .expand.expanded>ul {
	display: block;
}

.menu .menu__mobile .expand>a:after {
	position: absolute;
	top: 100%;
	left: calc(50% - 1px);
	width: 2px;
	height: 0;
	background: var(--primary);
	content: '';
	transition: var(--transition);
}

.menu .menu__mobile .expand.expanded>a:after {
	height: 14px;
}

.menu .menu__mobile .expanded+div {
	border-top: 1px solid var(--gray-200);
	padding-top: 30px;
}

/* SECTION */
section {
	padding: 90px 0;
}

.dark {
	background: var(--gray-900);
	color: var(--white);
}

section section {
	padding: 20px 0 20px 80px;
}

section section.light:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	background: linear-gradient(180deg, #DEDEDE 0%, #F3F3F3 88.54%);
	content: '';
	opacity: 0.5;
	pointer-events: none;
	z-index: -1;
}

section section.dark:after {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100vw;
	height: 100%;
	background: var(--gray-900);
	content: '';
	pointer-events: none;
}

section section.shadow:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	background: var(--white);
	box-shadow: var(--shadow);
	content: '';
	pointer-events: none;
	z-index: -1;
}

section .section__bg {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 100%;
	background: var(--gray-100);
	overflow: hidden;
	z-index: -1;
}

section .section__bg .flex {
	height: 100%;
}

section .section__bg+* .dark {
	padding-right: 50px;
}

section .section__bg .dark:before {
	position: absolute;
	top: 0;
	right: 100%;
	display: block;
	width: 100vw;
	height: 100%;
	background: var(--gray-900);
	content: '';
	pointer-events: none;
}

section .section__bg.reverse+* .dark {
	padding-left: 50px;
	padding-right: 0;
}

section .section__bg.reverse .dark:before {
	left: 100%;
	right: unset;
}

section .section__gradient {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 2;
	pointer-events: none;
}

section .section__gradient .flex {
	height: 100%;
}

section .section__gradient .gradient {
	position: absolute;
	top: 0;
	right: 0;
	width: 40%;
	height: 100%;
	background: linear-gradient(to right, transparent, var(--gray-100) 95%);
}

section.logotype {
	background: url(../png/logo-gradient.png) no-repeat 80% top;
	background-size: auto 75%;
}

section.map {
	min-height: 670px;
	background: url(../webp/world.webp) no-repeat center;
	background-size: cover;
}

section.image {
	color: var(--white);
}

section.image:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	content: '';
	opacity: 0.8;
	z-index: 1;
}

section.image .section__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	z-index: 0;
}

section.image>* {
	z-index: 2;
}

section.grapeup {
	min-height: 220px;
	background: linear-gradient(90deg, #DEDEDE 0%, #F3F3F3 88.54%);
	overflow: hidden;
}

section.grapeup:after {
	position: absolute;
	top: 20%;
	right: 0;
	display: block;
	width: 100%;
	height: 100%;
	content: '';
	pointer-events: none;
	z-index: 1;
}

section.grapeup .container {
	z-index: 2;
}

section.grapeup .grapeup__logo {
	top: 6px;
	width: 155px;
	height: 29px;
	margin: 0 15px;
}

/* HEADER */
header {
	display: flex;
	align-items: center;
	padding: 90px 0;
}

header.l {
	min-height: 860px;
}

header.m {
	min-height: 700px;
}

header.s {
	min-height: 560px;
}

header.xs {
	min-height: 430px;
}

header:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #1a1a1a;
	content: '';
	opacity: 0.7;
	z-index: 1;
}

header * {
	z-index: 2;
}

header .header__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

header .header__bg video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media only screen and (max-width: 600px) {
	header .header__bg video {
		object-fit: contain;
	}
}

header h1 {
	color: var(--gray-100);
}

header h2,
header h5,
header .h5 {
	color: var(--white);
}

header.white:after,
header.bg--white:after {
	display: none;
}

header.white h1,
header.white h2,
header.bg--white h1,
header.bg--white h2 {
	color: var(--black);
}

/* FOOTER */
footer {
	min-height: 285px;
	padding: 70px 0;
	background: var(--white);
	border-top: 1px solid var(--gray-100);
}

footer a {
	color: var(--black);
}

footer .menu ul {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0;
	list-style-type: none;
}

footer .menu ul li {
	margin: 0 8px;
}

footer .menu ul li a {
	color: var(--black);
	font-weight: 500;
	padding: 9px 26px;
	transition: var(--transition);
}

footer .menu ul li a:hover {
	color: var(--primary);
}

footer .submenu ul {
	padding: 0;
	list-style-type: none;
}

footer .submenu>ul {
	margin: 20px -20px 0 -20px;
}

footer .submenu>ul>li {
	width: 100%;
	padding: 0 20px;
}

footer .submenu>ul>li>a {
	color: var(--gray-400);
	pointer-events: none;
}

footer .submenu>ul>li>ul {
	margin-top: 20px;
}

footer .submenu>ul>li>ul>li {
	margin-bottom: 20px;
}

footer .submenu>ul>li>ul>li:last-child {
	margin-bottom: 0;
}

footer .submenu>ul>li>ul>li a:not(.button) {
	color: var(--black);
	transition: var(--transition);
}

footer .submenu>ul>li>ul>li a:not(.button):hover {
	color: var(--primary);
}

footer address {
	display: flex;
	justify-content: space-between;
	width: 100%;
	background: var(--gray-100);
	padding: 45px 35px;
	font-style: normal;
}

footer address a[href^="mailto:"] {
	color: var(--black);
}

/* BUTTON */
.button {
	display: inline-flex;
	align-items: center;
	width: auto;
	background: var(--primary);
	border: 0;
	border-radius: 10px;
	box-shadow: var(--shadow-medium);
	color: var(--white);
	padding: 9px 21px;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	transition: var(--transition);
	appearance: none;
}

.button:hover {
	background: var(--primary-400);
	box-shadow: var(--shadow-strong);
}

.button.secondary {
	background: transparent;
	border: 1px solid var(--primary-400);
	color: var(--black);
}

.button.secondary:hover {
	background: var(--primary-400);
	box-shadow: var(--shadow);
	color: var(--white);
}

.button.secondary.invert {
	color: var(--white);
}

.button.link {
	background: transparent;
	box-shadow: none;
	color: var(--primary);
}

.button.link:hover {
	color: var(--primary-400);
}

.button.transparent,
.button.transparent:hover {
	background: transparent !important;
}

.button .button__additional-info {
	width: 0;
	overflow: hidden;
	text-indent: -10000px;
}

.button.disabled {
	opacity: 0.5;
	pointer-events: none;
}


/* BOX */
.box.shadow {
	box-shadow: var(--shadow);
}

/* LINE */
.line {
	width: 100%;
	height: 1px;
	background: var(--gray-200);
}

/* BANNER */
.banner {
	display: flex;
	align-items: center;
	min-height: 540px;
	color: var(--white);
}

.banner:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #2f2f2f;
	content: '';
	opacity: 0.5;
	z-index: 1;
}

.banner * {
	z-index: 2;
}

.banner .banner__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

/* RELATED ARTICLES */
.related-articles {
	background: var(--gray-100);
	border-top: 1px solid var(--white);
}

/* TABS */
[data-tabs] [data-tabs-list]> :not(hr) {
	cursor: pointer;
}

[data-tabs] [data-tabs-list]>.active {
	cursor: default;
}

[data-tabs] [data-tabs-content]>* {
	display: flex;
	height: 0;
	opacity: 0;
	overflow: hidden;
	transition: opacity 0.8s ease-out;
}

[data-tabs] [data-tabs-content]>.active {
	height: 100%;
	opacity: 1;
}

.tabs {
	display: flex;
}

.tabs .tabs__list {
	width: 40%;
	padding: 40px 40px 0 0;
}

.tabs .tabs__list>* {
	margin-top: 40px;
	color: var(--gray-400);
	transition: var(--transition);
}

.tabs .tabs__list> :not(.active):hover {
	color: #000;
	padding-left: 15px;
}

.tabs .tabs__list> :first-child {
	margin-top: 0;
}

.tabs .tabs__list>.active {
	color: var(--primary);
}

.tabs .tabs__content {
	width: 60%;
	padding: 40px;
	background: var(--white);
	box-shadow: var(--shadow);
}

.tabs .tabs__content.dark {
	background: var(--gray-800);
	box-shadow: none;
}

.tabs .tabs__content>* {
	flex-direction: column;
	/* height: 100%; */
}

.tabs .tabs__content p,
.tabs .tabs__content ul {
	color: var(--gray-600);
}

.tabs .tabs__content.dark p,
.tabs .tabs__content.dark ul {
	color: var(--gray-200);
}

.dark .tabs .tabs__list> :not(.active):hover {
	color: var(--white);
}

/* PROCESS */
.process .process__list {
	display: flex;
	padding-bottom: 34px;
}

.process .process__list> :not(hr) {
	width: 48px;
	height: 48px;
	padding: 5px;
	filter: grayscale(1);
	opacity: 0.5;
	transition: var(--transition);
}

.process .process__list>div:after {
	position: absolute;
	bottom: -30px;
	left: calc(50% - 1px);
	width: 2px;
	height: 14px;
	background: var(--primary);
	content: '';
	transition: var(--transition);
}

.process .process__list>.active {
	filter: grayscale(0);
	opacity: 1;
}

.process .process__content>* {
	flex-direction: column;
}

/* TOOLS */
.tools .tools__categories {
	display: flex;
}

.tools .tools__categories>* {
	padding-bottom: 10px;
}

.tools .tools__categories>.active {
	color: var(--black);
	border-bottom: 2px solid var(--primary);
}

.tools .tools__list>* {
	flex-direction: column;
}

/* GLOSSARY */
.glossary {
	display: flex;
}

.glossary[data-accordion] {
	flex-direction: column;
}

.glossary .glossary__list {
	width: 40%;
}

.glossary .glossary__list>* {
	padding: 10px 20px;
	margin-bottom: 10px;
	cursor: pointer;
}

.glossary .glossary__list>.active,
.glossary .glossary__item.active>.h6 {
	border-left: 2px solid var(--primary);
	color: var(--black);
	padding-left: 18px;
	cursor: default;
}

.glossary .glossary__content {
	width: 60%;
}

.glossary .glossary__content>* {
	flex-direction: column;
}

.glossary .glossary__item {
	margin-bottom: 20px;
}

.glossary .glossary__item>.h6 {
	border-left: 2px solid var(--gray-200);
	padding-left: 18px;
	cursor: pointer;
}

.glossary .glossary__item> :not(.h6) {
	display: none;
	padding-left: 20px;
}

.glossary .glossary__item.active> :not(.h6) {
	display: block;
}


/* INDUSTRIES */
.industries {
	display: flex;
}

.industries .industries__covers {
	width: 30%;
}

.industries .industries__covers>img {
	display: none;
	height: 100% !important;
}

.industries .industries__covers>img.active {
	display: block;
}

.industries .industries__content {
	display: flex;
	flex-direction: column;
	width: 70%;
}

.industries .industries__content .industries__desc {
	height: 100%;
	padding: 50px;
	background: var(--white);
	box-shadow: var(--shadow);
}

.industries .industries__content .industries__desc>.active {
	flex-direction: column;
	height: 100%;
}

.industries .industries__content .industries__desc p,
.industries .industries__content .industries__desc ul li {
	color: var(--gray-600);
}

.industries .industries__content .industries__list {
	display: flex;
}

.industries .industries__content .industries__list>* {
	display: flex;
	align-items: flex-end;
	width: 100%;
	min-height: 125px;
	padding: 15px 20px;
	background: rgba(255, 255, 255, 0.7);
	border: 1px solid var(--gray-100);
}

.industries .industries__content .industries__list> :hover {
	background: var(--primary-300);
	border: 1px solid var(--primary-300);
}

.industries .industries__content .industries__list>.active {
	background: #131313;
	color: #219ebc;
}

.industries .industries__content .industries__list>.active:after {
	position: absolute;
	top: -1px;
	left: -1px;
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid var(--black);
	content: '';
}

/* RECRUITMENT PROCESS */
.recruitment-process .recruitment-process__content {
	min-height: 278px;
	padding: 80px 70px;
	box-shadow: var(--shadow);
	z-index: 1;
}

.recruitment-process .recruitment-process__content>* {
	align-items: center;
}

.recruitment-process .recruitment-process__content .h1 {
	min-width: 96px;
	text-align: center;
}

.recruitment-process .recruitment-process__tabs {
	display: flex;
}

.recruitment-process .recruitment-process__tabs>* {
	width: 100%;
	padding: 40px 30px;
	border: 1px solid var(--gray-100);
}

.recruitment-process .recruitment-process__tabs> :hover {
	background: var(--primary-300);
}

.recruitment-process .recruitment-process__tabs>.active {
	background: var(--gray-900);
	color: var(--white);
}

/* COMPANY VALUES */
.company-values .company-values__content {
	min-height: 330px;
	padding: 80px 70px;
	background: var(--white);
	box-shadow: var(--shadow);
	z-index: 1;
}

.company-values .company-values__tabs {
	display: flex;
}

.company-values .company-values__tabs>* {
	width: 100%;
	padding: 40px 30px;
	background: transparent;
	border: 1px solid var(--gray-100);
}

.company-values .company-values__tabs> :hover {
	background: var(--primary-300);
}

.company-values .company-values__tabs>.active {
	background: var(--black);
	color: var(--primary);
}

/* INSIGHTS */
.insights {
	display: flex;
	align-items: center;
	height: 650px;
}

.insights .insights__list {
	display: flex;
}

.insights .insights__list> :not(hr) {
	padding-bottom: 8px;
	color: var(--gray-400);
	transition: var(--transition);
}

.insights .insights__list> :not(hr):after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 0;
	height: 2px;
	background: var(--primary);
	content: '';
	transition: var(--transition);
}

.insights .insights__list>.active {
	color: var(--black);
}

.insights .dark .insights__list>.active {
	color: var(--white);
}

.insights .insights__list>.active:after {
	width: 100%;
}

.insights [data-tabs-content]> :not(.carousel__nav) {
	display: block;
	height: 0;
	overflow: hidden;
}

.insights [data-tabs-content]>.active {
	display: block;
	height: auto;
	margin-top: 80px;
	padding-bottom: 80px;
}

.insights [data-tabs-content] .carousel__nav {
	display: flex;
	justify-content: flex-end;
	z-index: 3;
	position: absolute;
	right: 0;
}

/* CONTENT */
.content__main p:last-of-type {
	display: none;
}

.content__main p:nth-last-of-type(2) {
	margin: 0;
}

.content__extended {
	display: none;
}

.content__extended.expanded {
	display: block;
}

/* CONTACT FORM */
.contact {
	background: var(--gray-100);
	padding: 0;
}

/* TESTIMONIALS */
.testimonial .testimonial__item {
	display: flex;
}

.testimonial .testimonial__quote {
	padding: 18px 60px 0 60px;
	color: var(--gray-600);
}

.testimonial .testimonial__quote:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 44px;
	height: 40px;
	background: url('../svg/quote-icon.svg') no-repeat center / contain;
	content: '';
}

.testimonial .testimonial__comment {
	display: flex;
	align-items: center;
	width: 40%;
	padding: 35px;
	background: var(--white);
	box-shadow: var(--shadow);
}

.testimonial .testimonial__comment img {
	max-height: 90px;
	max-width: 90px;
}

.testimonial.dark {
	padding: 40px;
	background: #ffffff40;
}

.testimonial.dark .testimonial__quote {
	color: #fff;
	padding-right: 0;
}

.testimonial.light {
	padding: 40px;
	background: rgba(255, 255, 255, 0.7);
	box-shadow: var(--shadow);
}

.testimonial.ltigh .testimonial__quote {
	padding-right: 0;
}

/* TILE */
.tiles {
	display: flex;
}

.tile {
	display: flex;
	flex-direction: column;
	padding: 50px 30px;
	background: rgba(255, 255, 255, 0.7);
	box-shadow: var(--shadow);
	transition: var(--transition);
}

.tile[data-opacity="0.3"] {
	background: rgba(255, 255, 255, 0.3);
}

.tile.s {
	padding: 30px;
}

.tile.m {
	padding: 50px;
}

.tile.l {
	padding: 70px;
}

.tile.dark {
	background: var(--gray-900);
	color: var(--white);
	box-shadow: none;
}

.tile.light {
	background: rgba(246, 246, 246, 0.7);
}

.tile.gradient {
	padding: 40px 50px;
	background: linear-gradient(90deg, rgba(222, 222, 222, 1) 0%, rgba(243, 243, 243, 1) 90%);
	box-shadow: none;
	transition: var(--transition);
}

.tile.gradient[data-gradient="0.2"] {
	background: linear-gradient(90deg, rgba(222, 222, 222, 0.2) 0%, rgba(243, 243, 243, 0.2) 90%);
}

.tile.gradient[data-gradient="0.4"] {
	background: linear-gradient(90deg, rgba(222, 222, 222, 0.4) 0%, rgba(243, 243, 243, 0.4) 90%);
}

.tile.gradient[data-gradient="0.7"] {
	background: linear-gradient(90deg, rgba(222, 222, 222, 0.7) 0%, rgba(243, 243, 243, 0.7) 90%);
}

.tile.gradient:hover {
	box-shadow: var(--shadow-medium);
}

.tile.expandable.plus:after {
	position: absolute;
	bottom: 20px;
	right: 20px;
	display: block;
	width: 48px;
	height: 48px;
	background: url(../svg/plus-icon.svg) no-repeat center var(--white);
	border-radius: 100%;
	box-shadow: var(--shadow);
	content: '';
}

.tile.expandable .tile__description {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	padding: 50px 30px;
	width: 100%;
	height: 100%;
	background: var(--primary-300);
	color: var(--gray-900);
	opacity: 0;
	pointer-events: none;
	transition: var(--transition);
	z-index: 1;
}

.tile.expandable:hover .tile__description {
	opacity: 1;
	pointer-events: all;
}

.tiles:hover .tile {
	transform: scale(0.95);
	opacity: 0.7;
}

.tiles:hover .tile:hover {
	transform: scale(1.1);
	opacity: 1;
	z-index: 1;
}

.tiles[data-animation="false"]:hover .tile,
.tiles[data-animation="false"]:hover .tile:hover {
	transform: none;
	opacity: 1;
}

.tile p {
	color: var(--gray-600);
}

.tile.dark p {
	color: var(--white);
}

/* AVATAR */
.avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 200px;
	margin-left: 2px;
	border: 1px solid var(--primary);
	border-radius: 100%;
}

.avatar:before {
	display: block;
	padding-top: 100%;
	content: '';
}

.avatar .avatar__image {
	width: 85%;
	height: 85%;
	background: var(--white);
	border-radius: 100%;
	overflow: hidden;
	filter: grayscale(1);
}

.avatar .avatar__linkedin {
	position: absolute;
	bottom: -7px;
	right: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 12px;
	background: var(--primary);
	border-radius: 100%;
	z-index: 1;
	text-indent: -10000px;
	transform: scale(1);
	transition: var(--transition);
}

.avatar .avatar__linkedin:hover {
	transform: scale(1.2);
}

/* SIDE MENU */
.side-menu {
	min-width: 250px;
	padding-right: 40px;
}

.side-menu+.w-80 {
	max-width: calc(100% - 250px);
}

.side-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.side-menu ul li {
	margin-bottom: 20px;
}

.side-menu ul li a {
	display: block;
	padding: 8px 0 8px 20px;
	border-left: 1px solid var(--gray-200);
	color: var(--gray-400);
	font-size: 14px;
	transition: var(--transition);
}

.side-menu ul li a.active {
	border-color: var(--primary-300);
	color: var(--black);
	font-weight: 400;
}

.side-menu ul li a b {
	font-weight: 100;
}

/* SIDE PANEL */
.side-panel {
	padding-left: 40px;
}

/* CARD */
.card .card__categories {
	position: absolute;
	bottom: 0;
	right: 0;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	padding: 5px;
	z-index: 2;
}

.card .card__categories .card__category {
	margin: 5px;
	padding: 6px 15px;
	background: linear-gradient(180deg, #EFF9F0 0%, #F6F6F6 100%);
	border-radius: 50px;
	font-size: 12px;
	font-weight: 500;
	color: var(--primary-400);
}

.card h2,
.card h3 {
	color: var(--black);
	transition: var(--transition);
}

.card .animation__img {
	box-shadow: none;
	transition: var(--transition);
}

.card .animation__img img {
	height: 190px;
}

.card:hover .animation__img {
	box-shadow: var(--shadow);
}

.card:hover h2,
.card:hover h3 {
	color: var(--primary);
}

.card.resource {
	display: flex;
	width: 550px;
	min-height: 265px;
	height: 100%;
}

.card.resource .animation__img {
	min-width: 220px;
}

.card.resource .animation__img img {
	height: 100%;
}

.card.newsletter {
	padding: 35px;
	background: var(--white);
	border: 1px solid var(--gray-100);
	box-shadow: var(--shadow);
}

.card.newsletter:hover h2 {
	color: var(--black);
}

.card.newsletter em {
	color: var(--gray-400);
	font-style: normal;
}

.card.newsletter strong {
	color: var(--black);
	font-weight: 500;
}

.card.newsletter .content p {
	margin: 0;
}

.card.career {
	padding: 30px;
	border: 1px solid var(--gray-100);
	box-shadow: none;
	transition: var(--transition);
}

.card.career:hover {
	box-shadow: var(--shadow);
}

.card.career .content h2,
.card.career .content h3,
.card.career .content h4,
.card.career .content h5,
.card.career .content h6 {
	color: var(--gray-600);
}

.card.career em {
	color: var(--gray-400);
	font-style: normal;
}

.card.career strong {
	color: var(--black);
	font-weight: 500;
}

.card.service {
	box-shadow: var(--shadow);
}

.card.service .animation__img {
	height: 150px;
}

.card.service .animation__img:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #1a1a1a;
	content: '';
	opacity: 0.7;
	z-index: 1;
	transition: var(--transition);
}

.card.service .card__content {
	padding: var(--size-s);
}

.card.service:hover .animation__img:after {
	opacity: 0;
}

.card.case-study {
	display: flex;
	min-height: 300px;
}

.card.case-study .animation__img img {
	height: 100%;
}

.card.case-study .case-study__client {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100px;
	height: 50px;
	padding: 14px;
	background: var(--white);
	z-index: 2;
}

.card.case-study .case-study__client img {
	object-fit: contain;
	filter: grayscale(1);
}

/* FILTERS */
.filters {
	display: flex;
	flex-wrap: wrap;
	margin-top: -13px;
}

.filters .pill {
	cursor: pointer;
}

.filters .pill.active {
	cursor: default;
}

.filters select {
	display: none;
	background: linear-gradient(180deg, #EFF9F0 0%, var(--gray-100) 100%);
	color: var(--primary);
	margin-bottom: 10px;
	padding: 13px 24px;
	border: 1px solid var(--gray-100);
	border-radius: 100px;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	box-shadow: none;
	transition: var(--transition);
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: fit-content;
	text-align: center;
	font-family: 'Poppins', sans-serif;
}

/* PILLS */
.pill {
	margin-bottom: 10px;
	padding: 13px 24px;
	background: var(--white);
	border: 1px solid var(--gray-100);
	border-radius: 100px;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	box-shadow: none;
	transition: var(--transition);
}

.pill.active {
	background: linear-gradient(180deg, #EFF9F0 0%, var(--gray-100) 100%);
	color: var(--primary);
}

.pill:hover {
	box-shadow: var(--shadow);
}

/* LIST */
/* LINKS */
ul,
ol {
	padding: 0;
	padding-left: 20px;
	margin: 0;
}

ul:not(:last-child),
ol:not(:last-child) {
	margin-bottom: 20px;
}

ul li,
ol li {
	margin-bottom: 20px;
}

ul li:last-child,
ol li:last-child {
	margin-bottom: 0;
}

ul.links {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul.links li {
	padding-left: 25px;
	background: url('../svg/links-list-arrow.svg') no-repeat center left;
}

ul.links li a {
	font-size: 16px;
	font-weight: 500;
	padding: 10px 0;
	transition: var(--transition);
}

ul.links li a:hover {
	border-radius: 10px;
	box-shadow: var(--shadow-medium);
	color: var(--primary-400);
	padding: 10px 20px;
}

/* POINTS */
ul.checkpoints {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul.checkpoints.cols-2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: var(--size-xl);
}

ul.checkpoints li {
	min-height: 32px;
	margin-bottom: var(--size-m);
	padding-left: 45px;
	padding-top: 6px;
	background: url('../svg/checkpoint-icon.svg') no-repeat left 4px;
}

/* SPINNER */
.spinner {
	display: none;
	transform: translateZ(1px);
}

.spinner>div {
	display: block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--primary);
	animation: spinner 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

@keyframes spinner {

	0%,
	100% {
		animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
	}

	0% {
		transform: rotateY(0deg);
	}

	50% {
		transform: rotateY(1800deg);
		animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
	}

	100% {
		transform: rotateY(3600deg);
	}
}

/* CUSTOMER STORIES */
.customer-stories .customer-stories__cover {
	width: 45%;
}

.customer-stories .customer-stories__logo {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 150px;
	height: 80px;
	padding: 20px;
	background: var(--white);
	z-index: 2;
}

.customer-stories .customer-stories__logo img {
	object-fit: contain;
	filter: grayscale(1);
}

.customer-stories .customer-stories__content {
	width: 55%;
}

.customer-stories .button {
	justify-content: center;
	min-width: 120px;
	margin-bottom: 16px;
}

/* CAROUSEL */
.owl-carousel .owl-stage {
	display: flex;
	align-items: center;
}

.carousel__nav {
	display: flex;
	justify-content: flex-end;
	z-index: 3;
}

.carousel__nav .carousel__nav__arrow {
	width: 60px;
	height: 60px;
	cursor: pointer;
}

.carousel__nav .carousel__nav__arrow.prev {
	transform: rotate(180deg);
}

.owl-carousel.testimonials {
	width: calc(100% - var(--size-l) * 2);
}

.owl-carousel.testimonials.multiple .owl-item {
	margin: 56px 0 0 0 !important;
}

.owl-carousel.blog .owl-stage {
	align-items: flex-start;
}

.owl-carousel.tiles .owl-stage {
	align-items: flex-start;
}

.owl-carousel.testimonials-dark .owl-stage {
	align-items: flex-start;
}

/* COOKIES MANAGER */
.cookies-modal {
	display: none;
	width: 100%;
	height: auto;
	max-height: 100vh;
	position: fixed;
	z-index: 20;
	left: 0;
	bottom: 0;
	padding: 50px 0;
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(17px);
	box-shadow: 0px 4px 43px rgba(0, 0, 0, 0.1);
	overflow: auto;
}

/* SWITCH */
.switch {
	display: flex;
	align-items: center;
	font-weight: 700;
}

.switch .switch__off {
	color: var(--gray-900);
	transition: var(--transition);
}

.switch .switch__on {
	color: var(--gray-200);
	transition: var(--transition);
}

.switch .switch__button {
	display: flex;
	align-items: center;
	width: 62px;
	height: 35px;
	margin: 0 20px;
	background: linear-gradient(180deg, #EFF9F0 0%, #F6F6F6 100%);
	border-radius: 35px;
	cursor: pointer;
}

.switch .switch__button input {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.switch .switch__button .switch__button__dot {
	left: 4px;
	width: 28px;
	height: 28px;
	background: var(--gray-300);
	border-radius: 100%;
	transition: var(--transition);
}

.switch.checked .switch__off {
	color: var(--gray-200);
}

.switch.checked .switch__on {
	color: var(--gray-900);
}

.switch.checked .switch__button .switch__button__dot {
	left: 30px;
	background: var(--primary);
}

/* PAGINATION */
.pagination {
	display: flex;
	justify-content: center;
}

.pagination>a,
.pagination>span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	margin: 0;
	color: #626262;
	cursor: pointer;
}

.pagination>span {
	cursor: default;
}

.pagination>span.current {
	width: 48px;
	height: 48px;
	border: 1px solid var(--primary);
	color: var(--black);
}

/* POPUP */
.popup {
	position: fixed;
	top: 100%;
	right: 0;
	max-width: 600px;
	padding: 40px;
	background: linear-gradient(#e0e0e0 20%, #f6f6f6);
	transition: var(--transition);
	z-index: 10;
}

.popup.closed {
	top: 100% !important;
}

.popup .popup__close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 20px;
	transform: rotate(45deg);
	cursor: pointer;
}

.popup .popup__content {
	display: flex;
}

.popup .popup__content .popup__cover {
	margin-right: 40px;
}

.popup .popup__content .popup__cover img {
	width: 160px;
	height: auto;
}

.popup .popup__content .popup__description {
	display: flex;
	flex-direction: column;
}

.popup .popup__content .popup__description h2 {
	font-size: 18px;
}

.popup .popup__content .popup__description p {
	font-size: 14px;
}

/* PAGES */
/* HOME */
.page-home header {
	padding-bottom: 240px;
	min-height: calc(100vh - 113px);
}

.page-home header:after {
	opacity: 0;
}

.page-home header .aaa {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	box-shadow: var(--shadow);
}

.page-home header .aaa .bbb {
	justify-content: space-between;
	width: 100%;
	padding: 15px 0;
	color: var(--white);
}

.page-home header .aaa .bbb:before {
	position: absolute;
	top: 0;
	right: 0;
	width: 100vw;
	height: 100%;
	background: linear-gradient(to left, #023047, #555);
	content: '';
}

.page-home header .aaa .bbb>div {
	padding-left: 25px;
	border-left: 1px solid var(--gray-600);
}

.page-home .clients {
	width: calc(100% - 200px);
}

.page-home .capabilities {
	margin-top: -100px;
}

.page-home .capabilities .invisible {
	pointer-events: none;
}

.page-home .capabilities .tile {
	min-height: 190px;
	z-index: 2;
}

.page-home .capabilities .tile.light {
	z-index: 1;
}

.page-home .capabilities .tile .icon {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.page-home .capabilities .tile .link {
	position: absolute;
	bottom: 5px;
	right: 5px;
	color: var(--primary-800);
}

.page-home .industries .industries__content .industries__desc {
	min-height: 360px;
}

/* ABOUT */
.page-about .industries .industries__content .industries__desc {
	min-height: 360px;
}

.page-about .avatar {
	min-width: unset;
}

.page-about .avatar .avatar__image {
	padding-top: 15px;
}

/* BLOG */
.page-blog .featured-articles {
	margin-top: -190px;
	z-index: 1;
}

.page-blog .featured-articles .card.white>div {
	min-height: 190px;
}

.page-blog .featured-articles .card.white h2,
.page-blog .featured-articles .card.white:hover h2 {
	color: var(--white);
}

.page-blog .featured-articles .owl-carousel .owl-stage {
	align-items: flex-start;
}

.page-blog .featured-articles .carousel__nav {
	margin-top: auto;
	margin-right: -22px;
}

/* 404 */
.page-404 section {
	display: flex;
	align-items: center;
	min-height: 730px;
}

/* POSTS */
/* SERVICE */
.post-service .owl-carousel.testimonials {
	width: calc(100% - var(--size-s) * 2);
}

.post-service.ai-consulting .industries .industries__content .industries__desc {
	min-height: 622px;
}

.post-service.data-engineering-services .industries .industries__content .industries__desc {
	min-height: 402px;
}

.post-service.big-data-consulting .industries .industries__content .industries__desc {
	min-height: 418px;
}

.post-service.computer-vision-solutions .industries .industries__content .industries__desc {
	min-height: 774px;
}

.post-service.nlp-solutions .industries .industries__content .industries__desc {
	min-height: 591px;
}

/* CASE STUDY */
.post-case_study #challenge:before {
	position: absolute;
	top: 30px;
	right: -130px;
	width: 394px;
	height: 394px;
	background: url('../svg/challenge-icon.svg') no-repeat center / contain;
	content: '';
}

.post-case_study #approach:before {
	position: absolute;
	top: 100px;
	right: -100px;
	width: 305px;
	height: 305px;
	background: url('../svg/approach-icon.svg') no-repeat center / contain;
	content: '';
}

.post-case_study #goal:before {
	position: absolute;
	top: -50px;
	right: -150px;
	width: 342px;
	height: 342px;
	background: url('../svg/goal-icon.svg') no-repeat center / contain;
	content: '';
}

/* ANIMATIONS */
.animation__img {
	overflow: hidden;
}


#development_process {
	margin-right: -5vw;
}