@font-face {
  font-family: Aeonikpro;
  src: url('../fonts/AeonikPro-Light.woff') format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Aeonikpro;
  src: url('../fonts/AeonikPro-Regular.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Aeonikpro;
  src: url('../fonts/AeonikPro-Black.woff') format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Aeonikpro air;
  src: url('../fonts/AeonikPro-Air.woff') format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Aeonikpro;
  src: url('../fonts/AeonikPro-Bold.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Aeonikpro;
  src: url('../fonts/AeonikPro-Medium.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Aeonikpro;
  src: url('../fonts/AeonikPro-Thin.woff') format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: black;
  --white: white;
  --black-text: #222;
  --dim-grey: #595a5a;
  --d3: lightgrey;
  --orange-red: #e96831;
  --midnight-blue: #292d54;
  --light-sea-green: #07bab3;
  --stahl-10: #dde1ea;
  --career-hero-corner: 30vh;
  --relume-library-lite--rl-black: black;
  --relume-library-lite--rl-white: #000;
  --transparent: #0000;
  --stahl-50: #97a2bb;
  --stahl-40: #b4bccf;
  --light-grey: #6d6d6d;
  --stahl-90: #626d86;
  --header-menu-link-underline\<deleted\|variable-60148f3c-f17c-dc3d-c82a-3184cdcb66a2\>: 0%;
  --relume-library-lite--rl-gray: #f4f4f4;
  --untitled-ui--gray600: #475467;
  --untitled-ui--primary600: #7f56d9;
  --untitled-ui--white: white;
  --untitled-ui--primary700: #6941c6;
  --untitled-ui--primary100: #f4ebff;
  --untitled-ui--gray500: #667085;
  --untitled-ui--gray700: #344054;
  --untitled-ui--gray50-2: #f9fafb;
  --untitled-ui--gray100: #f2f4f7;
  --untitled-ui--gray900: #101828;
  --untitled-ui--gray200: #eaecf0;
  --untitled-ui--gray300: #d0d5dd;
  --untitled-ui--gray800: #1d2939;
  --stahl-20: #e1e5ed;
  --stahl-30: #cdd2e0;
  --stahl-70: #7d89a6;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

body {
  color: var(--black);
  font-family: Aeonikpro, sans-serif;
  font-size: 1vw;
  font-weight: 300;
}

h1 {
  margin-top: .25em;
  margin-bottom: .125em;
  font-size: 5.653em;
  font-weight: 700;
  line-height: 1;
}

h2 {
  margin-top: .25em;
  margin-bottom: .125em;
  font-size: 3.998em;
  font-weight: 700;
  line-height: 1;
}

h3 {
  margin-top: .3em;
  margin-bottom: .125em;
  font-size: 2.827em;
  font-weight: 500;
  line-height: 1.2;
}

h4 {
  margin-top: .3em;
  margin-bottom: .125em;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.2;
}

h5 {
  margin-top: .4em;
  margin-bottom: .125em;
  font-size: 1.414em;
  font-weight: 700;
  line-height: 1.2em;
}

h6 {
  margin-top: .4em;
  margin-bottom: .125em;
  font-size: 1em;
  line-height: 1.1;
}

p {
  margin-bottom: .625em;
  font-size: 1.3em;
  line-height: 1.4;
}

a {
  font-size: 1.2em;
  text-decoration: underline;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

img {
  max-width: 100%;
  display: inline-block;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

.hero-wrap {
  z-index: 1;
  height: 100vh;
  position: relative;
}

.h2 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: .5em;
}

.h2.w {
  font-size: 5.653em;
  font-weight: 700;
  line-height: 1;
}

.h2.w.caps-half {
  text-transform: none;
  font-weight: 400;
}

.h2.w.margin-25 {
  margin-bottom: .25em;
}

.h2.b {
  color: var(--black-text);
  font-weight: 700;
}

.h2.center {
  text-align: center;
  font-size: 5.653em;
  font-weight: 700;
  line-height: 1;
}

.h2.b.caps {
  text-transform: uppercase;
}

.h2.b.caps-half {
  text-transform: none;
  font-weight: 400;
}

.text-2-5, .text-2-5.w {
  color: var(--white);
}

.text-2-5.b {
  color: var(--black-text);
}

.text-2-5.center {
  text-align: center;
}

.text-2-5.b-10vw {
  color: var(--black-text);
  line-height: 1.5em;
}

.background-video {
  height: 100vh;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.hero-text-wrap {
  z-index: 1;
  flex-direction: row;
  align-items: flex-start;
  padding-top: 5vw;
  padding-left: 2em;
  position: absolute;
}

.text-wrap {
  width: 40em;
}

.intro {
  z-index: 10;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.main-text-wrap-40-per-w {
  z-index: 5;
  flex-direction: column;
  align-items: flex-start;
  width: 40%;
  display: flex;
  position: relative;
}

.label-client {
  background-color: var(--dim-grey);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .3em .6em;
  display: flex;
}

.client-badge {
  color: var(--white);
  text-transform: uppercase;
  font-size: 1em;
}

.text-span {
  color: var(--d3);
}

._01-core {
  z-index: 10;
  justify-content: center;
  align-items: center;
  height: 85vh;
  display: flex;
  position: relative;
}

.anim-bg {
  z-index: -1;
  background-color: var(--black);
  height: 85vh;
  position: absolute;
  inset: 0%;
}

._02-vortex {
  z-index: 10;
  background-color: var(--black);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 101vh;
  display: block;
  position: relative;
}

.video-wrap {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 60%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.fade1 {
  z-index: 4;
  background-image: linear-gradient(to right, #000, #0000);
  width: 100px;
  position: absolute;
  inset: 0% 0 0% 0%;
}

.background-video-2 {
  width: 100%;
  height: 80%;
  position: absolute;
  top: 20%;
}

.text-wrap-2 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 101vh;
  margin-bottom: auto;
  margin-left: 2em;
  display: flex;
  position: relative;
}

.anim-line {
  background-color: var(--d3);
  justify-content: center;
  width: 50%;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.anim-wrap {
  z-index: 44;
  justify-content: center;
  align-items: flex-start;
  position: absolute;
  inset: 0%;
}

._03-shape {
  z-index: 10;
  background-color: var(--black);
  justify-content: space-between;
  align-items: center;
  height: 101vh;
  display: flex;
  position: relative;
}

.text-wrap-3 {
  z-index: 9;
  width: 40%;
  padding-right: 10vw;
  position: relative;
  left: 50vw;
}

.video-wrap-shape {
  z-index: 7;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 60%;
  height: 100%;
  position: absolute;
}

.bg-vid-shape {
  height: 100%;
}

._04-heat {
  z-index: 20;
  background-color: var(--dim-grey);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 101vh;
  display: flex;
  position: relative;
}

.video-wrap-heat {
  object-fit: scale-down;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
}

.vid-heat {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: sticky;
}

.fade2 {
  z-index: 4;
  background-image: linear-gradient(to right, #000, #0000);
  width: 100px;
  display: none;
  position: absolute;
  inset: 0% 0 0% 0%;
}

._05-materials {
  z-index: 10;
  background-color: var(--black);
  justify-content: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.text-wrap-4 {
  z-index: 2;
  width: 32em;
  margin-left: 2em;
  position: relative;
}

.text-wrap-5 {
  width: 40%;
  padding-left: 10vw;
  position: relative;
}

.text-wrap-5._2 {
  z-index: 222;
  align-items: center;
  padding-left: 0;
  position: relative;
  inset: 43% 0% auto;
}

.text-wrap-5._3 {
  padding-left: 0;
}

.img-mat {
  z-index: 1;
  background-image: url('../images/silver.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 769px;
  width: 90%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.img-mat-2 {
  background-image: url('../images/black.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 765px;
  width: 90%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

._06-materials {
  z-index: 10;
  background-color: var(--black);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.img-heat {
  background-image: url('../images/3.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 380px;
  height: 38vh;
  display: none;
  position: relative;
  left: -60px;
}

.img-mat-b._1 {
  background-image: url('../images/Layer-3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 220px;
  width: 224px;
  height: 224px;
  position: relative;
  left: 30px;
}

.img-mat-b._2 {
  background-image: url('../images/Layer-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 220px;
  width: 224px;
  height: 224px;
  position: relative;
  left: 0;
}

.img-mat-b._3 {
  background-image: url('../images/Layer-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 220px;
  width: 224px;
  height: 224px;
  position: relative;
  left: -30px;
}

._3mat-wrpr-copy {
  z-index: 3;
  align-items: flex-start;
  margin-top: 2em;
  display: flex;
  position: relative;
}

._07-3d {
  z-index: 10;
  background-color: var(--black);
  align-items: center;
  height: 80vh;
  padding-left: 2em;
  display: flex;
  position: relative;
}

.background-video-5 {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.img-sketches {
  background-image: url('../images/1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.gall-y {
  z-index: 10;
  height: 100vh;
  position: relative;
}

.slider-y {
  height: 100vh;
}

.slide {
  background-image: url('../images/03.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-2 {
  background-image: url('../images/022.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-3 {
  background-image: url('../images/01.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.left-arrow, .right-arrow {
  font-size: 30px;
}

.a__hero {
  flex-direction: column;
  height: 100vh;
  display: flex;
  position: relative;
}

.a__hero_vid {
  height: 100%;
}

.a__hero-text-wrap {
  width: 43%;
  position: absolute;
  top: 10%;
  left: 5%;
}

.a__hero-text-wrap.atmo {
  width: 75%;
  position: static;
}

.a__intro {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 90vh;
  display: flex;
  position: relative;
}

.background-video-6 {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.a__pro {
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.a__overlay {
  z-index: 1;
  display: block;
  position: absolute;
  inset: 0%;
}

.text-2-5-2 {
  color: #fff;
  position: relative;
}

.text-2-5-2.b {
  color: #222;
  position: relative;
}

.text-2-5-2.is-bold {
  font-weight: 700;
}

.client-badge-2 {
  color: #fff;
  text-transform: uppercase;
  padding: .2em .6em;
  font-size: 1.5vh;
  line-height: 1.5em;
}

.text-span-2 {
  color: #d3d3d3;
}

.grid {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.h2-2 {
  z-index: 3;
  color: #fff;
  margin: 0 auto .5em;
  font-family: Avenirnext;
  font-size: 5vh;
  line-height: 1.2em;
}

.a__grid_icons {
  grid-column-gap: 4px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 30px;
}

.a__icon_wrp1 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.a__icon1 {
  padding-bottom: 15px;
}

.text-2-5-small {
  color: #fff;
  font-family: Avenirnext;
  font-size: 2.5vh;
  line-height: 1.5em;
}

.text-2-5-small.center {
  text-align: center;
  font-size: 2vh;
  line-height: 1.2em;
}

.a_2_text-wrap-2 {
  z-index: 2;
  padding-left: 10vw;
  padding-right: 10vw;
  position: relative;
}

.a_2_text-wrap-2.width {
  width: 90%;
}

.a__icon_wrp2, .a__icon_wrp3 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.background-video-7 {
  z-index: 1;
  align-items: stretch;
  height: 100vh;
  display: flex;
}

.a__pro-2 {
  background-color: var(--black);
  justify-content: center;
  align-items: flex-start;
  height: 160vh;
  padding-top: 10vh;
  padding-bottom: 20vh;
  display: flex;
  position: relative;
}

.img-explode {
  z-index: 1;
  max-width: none;
}

.wrpr_a_2_text {
  width: 60%;
  margin-left: -20vw;
  position: absolute;
}

.a_img-wrp {
  z-index: 1;
  margin-left: -100px;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.a__pro-design {
  background-color: var(--black);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.wrpr_a_2_text-2 {
  width: 60%;
  margin-left: -20vw;
  position: absolute;
  inset: 75% 0% auto auto;
}

.a__design-vid2 {
  z-index: 1;
  height: 100vh;
  position: sticky;
  top: 0;
}

.a__pro-design2 {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  height: 240vh;
  display: flex;
  position: relative;
}

.grid-design {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.bg-vid-design {
  z-index: 1;
  align-items: stretch;
  height: 100vh;
  display: flex;
}

.wrpr_a_2_text-3 {
  width: 40%;
  padding-top: 60vh;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.wrpr_a_2_text-4 {
  width: 40%;
  padding-top: 120vh;
  position: absolute;
  inset: 0%;
}

.a_2_text-wrap-3 {
  z-index: 2;
  padding-right: 10vw;
  position: relative;
}

.wrpr_a_2_text-5 {
  width: 40%;
  padding-top: 180vh;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.a__pro-gallery {
  height: 100vh;
  position: relative;
}

.slider-a {
  height: 100vh;
}

.a_slide-1 {
  background-image: url('../images/gall-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.a_slide-2 {
  background-image: url('../images/gall-3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.a_slide-3 {
  background-image: url('../images/gall-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.a__plus-intro {
  background-color: var(--black);
  height: 100vh;
}

.grid_a_plus {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.a_2_text-wrap-intro {
  z-index: 2;
  padding-right: 15vw;
  position: relative;
}

.bg_vid-plus {
  z-index: 1;
  align-items: stretch;
  height: 100vh;
  display: flex;
}

.a__grid_icons-plus {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 30px;
}

.a__plus-2 {
  background-color: var(--black);
  justify-content: center;
  align-items: flex-start;
  height: 140vh;
  padding-top: 10vh;
  padding-bottom: 20vh;
  display: flex;
  position: relative;
}

.img-explode-pl {
  z-index: 1;
  max-width: none;
}

.a__plus-gallery {
  height: 100vh;
  position: relative;
}

.a_slide-1-copy {
  background-image: url('../images/temp-01.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.a_slide-2-copy {
  background-image: url('../images/1_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.a_slide-3-copy {
  background-image: url('../images/temp-02.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-a-plus {
  height: 100vh;
}

.a__plus-mat2 {
  background-color: var(--black);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-right: 75px;
  display: flex;
  position: relative;
}

.grid-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  align-items: center;
}

.bg-vid-ymini {
  z-index: 1;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.intro-mini {
  z-index: 10;
  background-color: #111;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 60vh;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

._02-design-l-mini {
  z-index: 10;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  height: 200vh;
  display: flex;
  position: relative;
}

.hero-wrap-mini {
  z-index: 1;
  height: 100vh;
  position: relative;
}

.text-wrap-2-mini {
  z-index: 56;
  grid-row-gap: 1em;
  flex-direction: column;
  width: 40%;
  padding-top: 40vh;
  padding-left: 10vw;
  display: flex;
  position: absolute;
}

.main-wrap-mini {
  z-index: 5;
  flex-direction: column;
  align-items: flex-start;
  width: 40%;
  display: flex;
}

._03-cover-grill-mini {
  z-index: 10;
  background-color: var(--black);
  justify-content: space-between;
  align-items: flex-start;
  height: 220vh;
  display: flex;
  position: relative;
}

.video-wrap-shape-mini {
  z-index: 4;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  height: 100vh;
  position: sticky;
  top: 0;
  left: 0;
}

.bg-vid-shape-mini {
  z-index: 5;
  height: 100%;
}

.dis-l-mini-img {
  z-index: -1;
  background-image: url('../images/ministation-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
}

.text-wrap-2-mini-2 {
  z-index: 55;
  grid-row-gap: 1em;
  flex-direction: column;
  width: 40%;
  padding-top: 130vh;
  padding-left: 10vw;
  display: flex;
  position: absolute;
}

.text-wrap-3-mini {
  z-index: 7;
  grid-row-gap: 1em;
  flex-direction: column;
  width: 40%;
  padding-top: 40vh;
  padding-right: 10vw;
  display: flex;
  position: absolute;
  left: 50vw;
}

.text-wrap-3-mini-2 {
  z-index: 6;
  grid-row-gap: 1em;
  flex-direction: column;
  width: 40%;
  padding-top: 130vh;
  padding-right: 10vw;
  display: flex;
  position: absolute;
  left: 50vw;
}

._04-materials-mini {
  z-index: 10;
  background-color: var(--black);
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  height: 150vh;
  display: flex;
  position: relative;
}

.ymini-gradient {
  z-index: 1;
  background-image: radial-gradient(circle farthest-side at 70% 140%, #1451a8, #0000), radial-gradient(circle at 0 0, #5a0c95, #0000 50%);
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
}

.grid-wrpr-2 {
  z-index: 3;
  grid-row-gap: 1em;
  flex-direction: column;
  width: 40%;
  padding-top: 25vh;
  padding-left: 10vw;
  display: flex;
  position: absolute;
}

.mini-img-mat01 {
  z-index: 2;
  background-image: url('../images/Group-4.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 444px;
  position: absolute;
  inset: 0% 0% 40% 30%;
}

.text-wrap-3-mini-3 {
  z-index: 6;
  grid-row-gap: 1em;
  flex-direction: column;
  width: 40%;
  padding-top: 100vh;
  padding-right: 10vw;
  display: flex;
  position: absolute;
  left: 50vw;
}

.mini-img-mat02 {
  z-index: 2;
  background-image: url('../images/Group-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 520px;
  position: absolute;
  inset: 25% 35% 0% 0;
}

._05-mini {
  z-index: 10;
  background-color: #111;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 80vh;
  display: flex;
  position: relative;
}

._05-mini-text-wrpr {
  z-index: 3;
  align-items: center;
  width: 40em;
  padding-top: 80px;
  padding-bottom: 70px;
  padding-left: 2em;
  display: flex;
  position: relative;
}

.text-wrap-mini {
  width: 50%;
}

.mini-photo-1 {
  background-image: url('../images/Layer-7.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 80vh;
  position: absolute;
}

.hero-wrap-perenio {
  z-index: -1;
  background-color: #e7e7e7;
  height: 100vh;
  font-family: Avenirnext;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.intro-perenio {
  z-index: 1;
  background-color: #111;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 60vh;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.img-perenio-01 {
  background-image: url('../images/Perenio-hub_04_new.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  position: sticky;
  inset: auto auto 0;
}

.text-wrap-perenio {
  width: 60%;
}

.text-wrap-perenio._2 {
  position: relative;
}

.text-2-perenio {
  color: var(--white);
  font-family: Avenirnext;
  font-size: 2.5vh;
  line-height: 1.5em;
}

.text-2-perenio.b {
  color: var(--black-text);
  line-height: 1.5em;
}

.hero-text-wrap-perenio {
  z-index: 1;
  flex-direction: row;
  align-items: flex-start;
  padding-top: 5vw;
  padding-left: 10vw;
  position: absolute;
}

.text-span-4 {
  text-transform: none;
  font-weight: 400;
}

.text-wrap-2-perenio {
  z-index: 7;
  width: 45%;
  padding-top: 10vh;
  padding-bottom: 25vh;
  padding-right: 10vw;
  position: sticky;
  top: 0;
  left: 55%;
  right: 0%;
}

.p-inspiration {
  z-index: 1;
  background-color: var(--white);
  align-items: flex-start;
  height: 150vh;
  display: flex;
  position: relative;
}

.p-img-insp-01 {
  z-index: 1;
  background-image: url('../images/PS4-01.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 300px;
  height: 300px;
}

.p-img-wrpr-insp {
  flex-direction: column;
  display: none;
  position: relative;
}

.p-img-insp-02 {
  z-index: 1;
  background-image: url('../images/KM22-01.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 440px;
  height: 440px;
  position: absolute;
  top: 20%;
}

.p-form {
  z-index: 1;
  background-color: #181818;
  height: 100vh;
  position: relative;
}

.text-wrap-2-p {
  z-index: 2;
  width: 45%;
  padding-top: 10vh;
  padding-left: 10vw;
  position: absolute;
}

.p-img-form {
  filter: invert();
  background-image: url('../images/form.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 95%;
  position: absolute;
  inset: 15% 0% 0%;
}

.p-rule-section {
  z-index: 1;
  background-color: var(--white);
  height: 110vh;
  position: relative;
}

.text-wrap-2-p-2 {
  z-index: 2;
  width: 45%;
  padding-top: 50vh;
  padding-right: 10vw;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.p-img-form-2 {
  background-image: url('../images/design-principle.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 1600px;
  position: absolute;
  inset: 3% 0% 0% 0;
}

.p-img-insp-03 {
  z-index: 2;
  background-image: url('../images/PS400graph-01.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 240px;
  height: 240px;
  position: absolute;
  inset: 60% auto 0% 30%;
}

.p-img-insp-03.cmb-1 {
  z-index: 3;
  background-image: url('../images/T4-01.jpg');
  background-position: 25% 65%;
  background-size: 280px;
  width: 120px;
  height: 120px;
  top: 35%;
  left: 41%;
}

.p-img-insp-03.cmb-2 {
  z-index: 3;
  background-image: url('../images/RT20_graph-02.jpg');
  background-position: 0 100%;
  width: 240px;
  height: 240px;
  top: 70%;
  left: 2%;
}

.p-anim-insp {
  z-index: 2;
  position: absolute;
  left: 22%;
}

.copyright-link {
  z-index: 8;
  color: var(--dim-grey);
  font-family: Avenirnext;
  position: absolute;
  inset: auto auto 4% 10vw;
}

.bold-text {
  font-size: 2vh;
  line-height: .9em;
}

.p-gallery-01 {
  z-index: 1;
  background-color: var(--black);
  justify-content: center;
  align-items: flex-start;
  position: relative;
}

.slider-p-01 {
  height: 100vh;
}

.p-gal {
  background-image: url('../images/gallery_3660x1800_3_s-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.p-gal._2 {
  background-image: url('../images/gallery_3660x1800_2_s-2.jpg');
  background-position: 50%;
}

.p-gal._3 {
  background-image: url('../images/gallery_3660x1800_1_s-2.jpg');
}

.hero_section_sber {
  background-color: var(--black);
  height: 100vh;
  position: relative;
}

.intro-sber {
  z-index: 10;
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  height: 60vh;
  display: flex;
  position: relative;
}

.main-wrap-sber {
  z-index: 5;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  align-items: flex-start;
  width: 40%;
  display: flex;
}

.sec-1-sber {
  z-index: 10;
  flex-direction: column;
  justify-content: space-around;
  height: 100vh;
  display: flex;
  position: relative;
}

.img-sber {
  z-index: 1;
  background-image: url('../images/harman-v2.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  flex: 1;
  height: 100%;
  padding-bottom: 0;
  position: sticky;
}

.text-wrpr-sber {
  z-index: 44;
  align-items: flex-end;
  width: 32em;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 6.25em;
  padding-bottom: 6.25em;
  padding-left: 2em;
  display: flex;
  position: absolute;
  top: 8em;
}

.text-wrpr-sber.right-side {
  padding: 0 10vw 0 0;
}

.text-wrpr-sber.center {
  text-align: center;
  justify-content: center;
  width: 50%;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  top: 4em;
}

.sec-2-sber {
  z-index: 10;
  background-image: linear-gradient(270deg, #000, #0000 50%), url('../images/sec-2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: flex-end;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.sec-3-sber {
  z-index: 10;
  background-image: linear-gradient(#00000082, #0000 28%), url('../images/222.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  display: flex;
  position: relative;
}

.text-wrap-sber {
  width: 40em;
  position: relative;
}

.sec-4-sber {
  z-index: 10;
  background-color: #efffff;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  flex-direction: row;
  align-items: center;
  height: 80vh;
  display: flex;
  position: relative;
}

.sec-5-sber {
  z-index: 10;
  background-color: #ccc;
  padding-top: 5%;
  padding-bottom: 5%;
  position: relative;
  overflow: hidden;
}

.sec-5-img-portal {
  background-image: url('../images/scene3_4_c11Camera_5.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 1440px;
  padding-top: 40%;
  padding-bottom: 40%;
  position: relative;
  inset: 0%;
}

.sec-5-img-png {
  z-index: 1;
  background-image: url('../images/scene3_4_c11Camera_5_Grille.png');
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: 1440px;
  position: absolute;
  inset: 0%;
}

.sec-6-sber {
  z-index: 10;
  background-color: #171717;
  height: 250vh;
  position: relative;
}

.text-wrpr-sber-r {
  z-index: 3;
  align-items: center;
  width: 40%;
  padding-top: 4.375em;
  padding-bottom: 4.375em;
  padding-left: 2em;
  display: flex;
  position: absolute;
  top: 50%;
}

.sec-7-sber {
  z-index: 10;
  background-color: var(--d3);
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-54 {
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.devider-ba {
  background-color: #ffffff80;
  justify-content: center;
  align-items: center;
  width: 2px;
  margin-left: -2px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.after-img-div-inner {
  background-image: url('../images/scene3_4Camera_4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0;
}

.before-img-div-inner {
  background-image: url('../images/scene3_4Camera_4_2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0;
}

.after-img-div {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.div-block-56 {
  border: 2px solid var(--white);
  background-color: var(--black);
  border-radius: 100%;
  width: 24px;
  height: 24px;
  position: absolute;
}

.sec-8-sber {
  z-index: 44;
  background-color: var(--black);
  color: #fff;
  justify-content: center;
  height: 100vh;
  margin-top: -80px;
  padding-top: 80px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.after-img-div-outer {
  position: absolute;
  inset: 0;
}

.before-img-div {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.sec-z-sber {
  z-index: 10;
  background-color: #b9bdc0;
  height: 150vh;
  margin-bottom: -1px;
  position: relative;
}

.text-wrpr-sber-2 {
  z-index: 3;
  text-align: center;
  width: 60%;
  padding-top: 100px;
  padding-bottom: 100px;
  display: none;
  position: relative;
  inset: 0% 0% auto;
}

.vid-scroll {
  height: 250vh;
  position: relative;
}

.lottie-z {
  height: 153vh;
  position: relative;
}

.sber_portal_bg_video {
  z-index: 1;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.lottie-animation-3 {
  height: 100vh;
  position: relative;
}

.text-wrpr-sber-sticky {
  z-index: 3;
  align-items: center;
  width: 35%;
  height: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 2em;
  display: flex;
  position: absolute;
}

.lottie-animation-4 {
  margin-bottom: -10px;
  position: sticky;
  top: 20%;
}

.sec-9-sber-fin {
  z-index: 10;
  background-color: var(--black-text);
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
}

.desktop {
  grid-column-gap: 60px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  padding: 100px 15%;
}

.igor-pic {
  background-image: url('../images/igor.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.name-igor {
  font-size: 1.4em;
  font-weight: 700;
  line-height: 1.2;
}

.sec-8-sber-mob {
  display: none;
}

.text-wrpr-sber-1sec {
  z-index: 3;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  width: 36em;
  padding: 6.25em 2em;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.kostya-pic {
  background-image: url('../images/kostya.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 400px 400px;
}

.main-wrap-sber-m {
  z-index: 5;
  flex-direction: column;
  align-items: flex-start;
  width: 40%;
  display: none;
}

.hero-text-m, .sec-2-sber-m, .sec-6-sber-m, .sec-z-sber-m {
  display: none;
}

.text-wrpr-sber-m {
  z-index: 3;
  align-items: flex-end;
  width: 40%;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 10vw;
  display: none;
  position: absolute;
  top: 10%;
}

.sec-9-sber-fin-m {
  background-color: var(--black-text);
  display: none;
}

.text-wrpr-sber-sec-7 {
  z-index: 3;
  width: 40%;
  margin-top: 18.8em;
  margin-bottom: 18.8em;
  padding-left: 2em;
  display: flex;
  position: relative;
}

.video-frame {
  background-image: url('../images/video_frame_1920.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
  position: absolute;
  inset: 0%;
}

.award-block {
  padding: 60px 15%;
}

.reddot-col {
  flex-direction: column;
  padding-left: 0;
  padding-right: 20px;
  display: flex;
}

.reddot-logo {
  background-image: url('../images/reddot.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  height: 110px;
  margin-bottom: 40px;
}

.if-logo {
  background-image: url('../images/if_designaward2021_red_l_rgb.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  height: 80px;
  margin-top: 20px;
  margin-bottom: 40px;
}

.award-block-m {
  padding: 60px 15%;
}

.if-col {
  padding-left: 20px;
  padding-right: 0;
}

.award-logos-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 22em;
  margin-top: 2em;
  display: grid;
}

.reddot-logo-small {
  background-image: url('../images/reddot.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 80px;
  margin-left: 10px;
  margin-right: 10px;
}

.if-logo-small {
  background-image: url('../images/if_designaward2021_red_l_rgb.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  height: 80px;
}

.award-logos-wrap-m {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 340px;
  margin-top: 100px;
  display: grid;
}

.a-__hero {
  flex-direction: column;
  height: 100vh;
  display: flex;
  position: relative;
}

.a-__hero_vid {
  height: 100%;
}

.ac-hero-text-wrap {
  z-index: 1;
  flex-direction: row;
  align-items: flex-start;
  width: 30%;
  margin-top: 10vh;
  margin-left: 5vw;
  position: absolute;
  inset: 0% auto auto 0%;
}

.ac__intro {
  opacity: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 70vh;
  display: flex;
  position: relative;
}

.ac__designlanguage {
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  display: flex;
  position: relative;
}

.ac_img-wrp {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.blog-sec {
  position: relative;
  overflow: hidden;
}

.blog-wrap {
  display: flex;
}

._1-blog_pic-wrap {
  z-index: 1;
  width: 60%;
  position: relative;
}

._2-blog_pic-wrap, ._3-blog_pic-wrap {
  height: 50vh;
  position: relative;
  overflow: hidden;
}

.blog-img-big {
  background-image: url('../images/1_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

.blog-img-02 {
  background-image: url('../images/AT_.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 50vh;
}

.blog-img-03 {
  background-image: url('../images/SP_.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 50vh;
}

.blog-all-img-wrap {
  flex-direction: column;
  width: 40%;
  height: 100vh;
  display: flex;
}

.blog-title-link-wrap {
  z-index: 3;
  width: 50%;
  position: absolute;
  inset: auto auto 5vh 5vh;
}

.blog-link {
  color: var(--white);
  text-transform: uppercase;
  cursor: pointer;
  background-color: #222;
  border-radius: 1em;
  margin-bottom: 1em;
  padding-left: 4vh;
  padding-right: 4vh;
  font-size: 1.5vh;
  line-height: 2em;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-block;
}

.blog-link:hover {
  background-color: var(--d3);
  color: var(--black-text);
}

.blog-title-link-bg {
  z-index: 2;
  background-image: linear-gradient(to top, var(--black) 25%, transparent 64%);
  opacity: .8;
  position: absolute;
  inset: 0%;
}

.careers-01-sec {
  justify-content: flex-start;
  align-items: center;
  margin-top: 10em;
  margin-bottom: 4em;
  padding-left: 2em;
  padding-right: 2em;
}

.h1-l-b {
  z-index: 3;
  color: var(--black-text);
  letter-spacing: -.04em;
}

.careers-02-sec {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 2em;
  padding-left: 3em;
  padding-right: 3em;
  display: flex;
}

.h2-blog-header {
  z-index: 3;
  color: #fff;
  margin: 0 auto .5em;
  font-family: Avenirnext;
  font-size: 5vh;
  line-height: 1.2em;
  position: absolute;
  top: 10vh;
  left: 5vh;
}

.caps-subheader {
  letter-spacing: .3em;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 1em;
}

.caps-subheader.orange {
  color: var(--orange-red);
}

.col-01-careers {
  padding: 0 30px 50px 0;
}

.col-02 {
  border: 1px solid #abb8bf80;
  padding: 2em;
}

.career-card-wrap {
  background-color: #f0f4f6;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 2em;
  padding: 2em;
  display: flex;
}

._1px-line {
  background-color: #abb8bf;
  width: 100%;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.h3-careers {
  color: var(--black-text);
  letter-spacing: -.02em;
  margin-top: 10px;
  margin-bottom: 0;
  line-height: 1.2em;
}

.learn-more-link {
  background-color: var(--orange-red);
  color: var(--white);
  border-radius: 8em;
  margin-top: 2em;
  margin-bottom: 0;
  padding-left: 2em;
  padding-right: 2em;
  font-size: 1.1em;
  line-height: 2.2;
  text-decoration: none;
  transition: color .3s, background-color .3s;
  display: inline-block;
}

.learn-more-link:hover {
  background-color: var(--white);
  color: var(--orange-red);
}

.email-link {
  color: var(--midnight-blue);
  text-decoration: none;
}

.share-careers {
  z-index: 2;
  border: 1px solid #abb8bf80;
  border-right-style: none;
  border-radius: 7px 0 0 7px;
  flex-direction: column;
  padding: 15px 10px;
  display: flex;
  position: fixed;
  inset: 10vh 0% auto auto;
}

.share-link {
  background-color: var(--black-text);
  background-image: url('../images/facebook.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  border-radius: 20px;
  width: 30px;
  height: 30px;
  margin-bottom: 10px;
  transition: opacity .3s;
}

.share-link:hover {
  opacity: .6;
}

.share-link.linked-in {
  background-image: url('../images/linkedin-logo.svg');
  background-size: 13px;
}

.share-link.twitter {
  background-image: url('../images/Logo-white.svg');
  background-size: 14px;
  margin-bottom: 0;
}

.careers-sec-1200 {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0 2em 5em;
  display: flex;
}

.career-card-item-wrap {
  background-color: #f0f4f6;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 3em;
  padding: 3em 2em;
  display: flex;
}

.list-item {
  margin-bottom: 20px;
}

.list-item.last {
  margin-bottom: auto;
}

.list-wrap {
  margin-top: 10px;
}

.career-item-col-wrap {
  max-width: 1200px;
  margin-left: 5vh;
  margin-right: 5vh;
  position: relative;
}

.col-02-item {
  border: 1px solid #e9683180;
  padding: 3em;
  position: sticky;
  top: 4em;
}

.back-link-wrap {
  align-items: center;
  display: flex;
  position: relative;
}

.back-link {
  color: var(--black-text);
}

.back-link:hover {
  color: var(--orange-red);
  text-decoration: none;
}

.arrow-back {
  border-top: 2px #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #000;
  border-right: 7px #000;
  width: 10px;
  height: 10px;
  position: relative;
  top: -1px;
  left: -5px;
  transform: rotate(45deg);
}

.nao-logo-wrap {
  z-index: 2;
  max-width: 1200px;
  margin-top: 5vh;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.nao-logo-main-svg {
  background-image: url('../images/NotAnotherOne_logo.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 210px;
  height: 35px;
  position: relative;
  left: 40px;
}

.ac_award {
  background-color: var(--black);
  background-image: url('../images/details.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 740px;
}

.ac-img-l {
  background-image: url('../images/02-airport-x2-copy.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  padding-bottom: 0;
}

.absolute_text-wrap-50per {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  padding-left: 10vw;
  padding-right: 10vw;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.ac__design-section {
  background-color: var(--black);
  flex-direction: column;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 20px;
  display: flex;
  overflow: hidden;
}

.ac_wrpr_text {
  z-index: 2;
  width: 440px;
  position: relative;
}

.ac__video-wrpr {
  z-index: 1;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 480px;
  height: 480px;
  position: relative;
}

.ac_video {
  width: 580px;
  height: 501px;
  position: absolute;
  inset: 0%;
}

.ac_wrpr_text_left {
  width: 50%;
  position: relative;
}

.ac-tile-img-x2 {
  background-image: url('../images/tile-material-2-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 60%;
  height: 680px;
  position: relative;
}

.ac-1280-wrap {
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.air-flow-img {
  background-image: url('../images/airflow.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 912px;
  height: 540px;
  position: relative;
  left: -40px;
}

.ecofriendly-img {
  background-image: url('../images/Atmocube_noBG_01.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 960px;
  height: 630px;
  position: relative;
}

.ac-hvac-section {
  background-color: var(--black);
  position: relative;
  overflow: hidden;
}

.ac-hvac-img {
  z-index: 1;
  background-image: linear-gradient(270deg, #0000 37%, #fff), url('../images/02-library-x2-copy.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 740px;
  padding-right: 0;
  position: relative;
}

.ac_wrpr_txt_left-absolute {
  z-index: 2;
  width: 480px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 180px;
  left: 40px;
}

.ac-1280-absolute {
  justify-content: space-between;
  align-items: flex-end;
  width: 1280px;
  max-width: 1280px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.ac-if-award-section {
  background-color: var(--black);
  position: relative;
  overflow: hidden;
}

.ac-if-award-img {
  z-index: 1;
  background-image: linear-gradient(270deg, #0000 37%, #fff), url('../images/Atmocube_01-2_hero_x2-opt.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 740px;
  padding-right: 0;
  position: relative;
}

.wrap-2-flex {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.sb-time__hero {
  flex-direction: column;
  height: 100vh;
  display: flex;
  position: relative;
}

.sb-time-hero-text-wrap {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 39.6em;
}

.sb-time__hero_vid {
  z-index: 2;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.sb-time__intro {
  z-index: 10;
  background-color: var(--white);
  opacity: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 70vh;
  display: flex;
  position: relative;
}

.sb-time__design-language {
  z-index: 10;
  background-color: var(--black);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 140px;
  display: flex;
  position: relative;
}

.sb-time_gallery {
  z-index: 10;
  background-image: linear-gradient(to right, #0000 50%, #fff), url('../images/sb-time-interior.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  position: relative;
  overflow: hidden;
}

.sb-time-_text-wrap-50 {
  z-index: 2;
  grid-row-gap: 1em;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  display: flex;
  position: relative;
}

.all-devices-img {
  background-image: url('../images/All_Device.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 400px;
}

.sb-top_img-wrp {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.sb-top-img-l {
  background-image: url('../images/sb-time-01.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;
  padding-bottom: 0;
}

.sb-time-wrap-galley {
  justify-content: flex-end;
  align-items: center;
  width: 35%;
  height: 90vh;
  max-height: 780px;
  margin-left: auto;
  margin-right: 10vw;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.sb-time-txt-container {
  grid-row-gap: 1em;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.sb-time-explode {
  z-index: 10;
  height: 120vh;
  position: relative;
}

.sb-time-expld-img {
  background-image: url('../images/Time_Main0000_2037.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  padding-right: 0;
}

.sb-time-txt-wrap {
  z-index: 10;
  background-color: var(--black);
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 140px;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.sb-time-txt-wrap._2 {
  padding-bottom: 140px;
}

.sb-time_gallery-m {
  background-image: linear-gradient(to right, #0000 50%, #fff), url('../images/sb-time-interior.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.sb-time-gallery-section-m {
  display: none;
}

.sb-time-wrap-galley-m {
  justify-content: flex-end;
  align-items: center;
  width: 35%;
  height: 90vh;
  max-height: 780px;
  margin-left: auto;
  margin-right: 10vw;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.nao-ru-hero-sec {
  z-index: 4;
  background-image: url('../images/Grain-Background.png');
  background-position: 0 0;
  background-size: 300px 300px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 35em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.link-light {
  color: var(--black-text);
  flex-direction: row;
  padding: 0 0 0 0;
  font-size: 1em;
  line-height: 1.4;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.link-light:hover {
  color: var(--orange-red);
}

.link-light:active {
  opacity: .9;
}

.link-light.w--current {
  color: var(--d3);
}

.link-light.w--current:hover {
  color: var(--white);
}

.link-light.white {
  color: var(--d3);
  transition: color .3s;
}

.link-light.white:hover {
  color: var(--orange-red);
}

.nao-nav-sticky {
  z-index: 3000;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #0000;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  top: 0;
}

.nao-logo-svg {
  color: var(--black-text);
  width: 12vw;
  min-width: 140px;
  max-width: 230px;
  text-decoration: none;
}

.nao-logo-svg.inner {
  color: var(--d3);
}

.hero-video {
  z-index: 1;
  opacity: 1;
  height: 100%;
  position: sticky;
  inset: 0%;
}

.hero-txt-wrap {
  z-index: 4;
  color: var(--white);
  flex-direction: row;
  justify-content: space-between;
  max-width: 1920px;
  margin: auto;
  padding-top: 10em;
  padding-left: 2em;
  padding-right: 2em;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.hero-txt-wrap.top {
  width: 40em;
  margin-top: 0;
  position: absolute;
  inset: 0% auto auto 0%;
}

.hero-txt-wrap.center {
  inset: auto 0% 7%;
}

.hero-txt-wrap.center.no-side-pad-2em {
  padding-left: 0;
  padding-right: 0;
}

.container-1 {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 5em 10em;
}

.h1-nao-ru {
  color: var(--black);
  text-align: left;
  margin-top: 0;
  margin-bottom: .125em;
  font-size: 5.653em;
  font-weight: 400;
  line-height: 1;
  position: relative;
}

.h1-nao-ru._2 {
  font-weight: 700;
}

.h1-nao-ru._3 {
  text-align: right;
}

.h1-nao-ru._4, .h1-nao-ru._5 {
  text-align: right;
  font-weight: 700;
}

.style_item-2 {
  border-bottom: .1em solid #bdbdbd;
  padding: 2em 0;
}

.hero-awards-wrap {
  z-index: 4;
  color: #0000;
  flex-direction: column;
  width: 40em;
  margin-bottom: 4em;
  line-height: 1.2px;
  display: flex;
  position: relative;
}

.body-txt {
  color: var(--d3);
  line-height: 1.2;
}

.hero-award-img-wrap {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: row;
  display: flex;
}

.img-mask {
  width: 7.875em;
}

.page-transition {
  z-index: 4000;
  background-color: var(--black-text);
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.nao-button {
  border: 1px solid var(--white);
  background-color: #0000;
  margin-left: 0;
  margin-right: auto;
  padding: 1em 1.5em;
}

.nao-button.rounded.right-icon {
  border-width: 2px;
  border-color: var(--white);
  background-color: #fff0;
  border-radius: 6em;
}

.nao-button.rounded.arrow {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  color: var(--black);
  background-color: #fff;
  border-style: none;
  border-width: 0;
  border-radius: 5em;
  justify-content: center;
  align-items: center;
  padding: .75em 1em;
  text-decoration: none;
  display: flex;
}

.nao-button.rounded.link {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  color: var(--black);
  border-style: none;
  border-width: 0;
  border-radius: 5em;
  justify-content: center;
  align-items: center;
  padding: .25em 0;
  text-decoration: none;
  display: flex;
}

.sg-btn-bg {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--dim-grey);
  flex-direction: column;
  padding: 40px;
  display: flex;
}

.html-embed {
  z-index: 22;
  color: var(--black);
  width: 1.5em;
  height: 1.3em;
  display: none;
  position: relative;
  top: .125em;
}

.html-embed:hover {
  display: block;
}

.nao-button-arrow {
  z-index: 2;
  background-color: var(--orange-red);
  color: var(--white);
  border-radius: 50em;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 3em;
  margin-top: .5em;
  margin-bottom: .5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-size: 1em;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nao-button-arrow.nav {
  display: flex;
}

.nao-button-arrow.hide {
  display: none;
}

.nao-button-arrow.secondary.icon {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: var(--white);
  color: var(--black);
}

.nao-btn-text {
  z-index: 2;
  text-decoration: none;
}

.nao-btn-text.icon {
  font-size: 2em;
  line-height: 1;
  text-decoration: none;
}

.nao-btn-bg {
  z-index: 1;
  background-color: var(--white);
  width: 110%;
  height: 110%;
  display: none;
  position: absolute;
  inset: 0%;
}

.nao-hp-about-section {
  z-index: 333;
  background-color: var(--black);
  position: relative;
}

.track {
  height: 240vw;
}

.camera {
  height: 100vh;
  padding-top: 4em;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.frame {
  margin-left: 2em;
  display: flex;
}

.item {
  z-index: 1;
  cursor: pointer;
  border: 1px solid #d3d3d352;
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  width: 30em;
  height: 35em;
  padding: 2em 2em 10em;
  font-size: 1em;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nao-about-sec {
  z-index: 34;
  background-color: var(--white);
  background-image: url('../images/Grain-Background.png'), radial-gradient(circle at 50% 0, #fff6ec, #e5e6ec);
  background-position: 0 0, 0 0;
  background-size: 200px 200px, auto;
  position: relative;
  overflow: hidden;
}

.nao-1920 {
  z-index: 12;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 1920px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4em;
  padding-bottom: 6em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nao-1920.flex_hor {
  flex-direction: row;
}

.nao-1920.pad-b-0em {
  padding-bottom: 0;
}

.nao-sec-header {
  color: var(--white);
  font-size: 1.5em;
  line-height: 1.3;
}

.nao-sec-header.in-wrap.b-font {
  color: var(--black);
}

.nao-sec-header.in-wrap.b-font.hide {
  display: none;
}

.nao-sec-header.black {
  color: var(--black);
}

.nao-grid-wrap {
  z-index: 4;
  margin: 2em 2em 2em 20em;
  position: relative;
}

.grid-item {
  flex-direction: column;
  display: flex;
  position: relative;
}

.grid-item.btn-link {
  background-color: var(--white);
  justify-content: flex-start;
  align-items: center;
  padding-top: 1em;
  text-decoration: none;
  display: none;
}

.txt-mask {
  width: 100%;
  overflow: hidden;
}

.mask-txt {
  margin-top: .25em;
  margin-bottom: 0;
  font-size: 4em;
  font-weight: 600;
  line-height: 1.1;
  transform: translate(0);
}

.mask-txt-small {
  color: var(--white);
  font-size: 1.25em;
  line-height: 1.3;
  transform: translate(0);
}

.mask-txt-small.black {
  color: var(--black);
}

.grid-4 {
  z-index: 4;
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  grid-template-columns: 1fr 1fr 1fr;
  position: relative;
}

.nao-1920-header {
  z-index: 55;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding: 2em;
  display: flex;
  position: relative;
}

.nao-1920-header.absolut {
  justify-content: flex-start;
  width: auto;
  position: absolute;
  inset: 4em auto auto 0%;
}

.h3-nao {
  z-index: 100;
  color: var(--white);
  margin-top: 0;
  font-weight: 700;
  line-height: 1;
}

.h3-nao.no-margin {
  margin-bottom: 0;
}

.h3-nao._2 {
  font-size: 2.827em;
}

.nao-p {
  color: var(--d3);
  font-size: 1.3em;
  line-height: 1.4em;
}

.nao-p.black {
  color: var(--black-text);
}

.nao-p.black.center {
  text-align: center;
}

.nao-p.black.no-margin {
  margin-bottom: 0;
}

.nao-p.black.no-margin.align-c {
  text-align: center;
}

.nao-p.sm {
  color: var(--midnight-blue);
}

.nao-p.sm.white-centered {
  color: var(--white);
  text-align: center;
}

.nao-p.no-margin {
  margin-bottom: 0;
}

.lottie-services {
  z-index: 2;
  opacity: .8;
  width: 160%;
  height: 160%;
  position: absolute;
  inset: 5% 0% 0% -30%;
}

.lottie-services._2 {
  opacity: 1;
  width: 200%;
  height: 200%;
  display: block;
  top: 0%;
  left: -50%;
}

.lottie-services._3 {
  opacity: 1;
}

.lottie-services._6 {
  width: 200%;
  height: 180%;
  top: -10%;
  left: -60%;
  transform: rotate(180deg);
}

.lottie-services._7 {
  opacity: .6;
}

.lottie-services.s-p-1 {
  top: -10%;
  left: 0%;
}

.lottie-services.s-p-2 {
  opacity: 1;
  width: 300%;
  height: 300%;
  display: block;
  top: -25%;
  left: -70%;
}

.lottie-services._8 {
  opacity: .6;
  width: 200%;
  height: 200%;
  top: 15%;
  left: -20%;
}

.lottie-services.s-p-3 {
  opacity: .5;
  width: 200%;
  height: 200%;
  display: block;
  top: -40%;
  left: -20%;
}

.lottie-services.s-p-3.hide {
  display: none;
}

.lottie-services.s-p-4 {
  opacity: .5;
  top: -10%;
  left: 0%;
  transform: rotate(90deg);
}

.lottie-services.ux {
  opacity: .6;
  width: 240%;
  height: 140%;
  left: -40%;
  transform: rotate(45deg);
}

.lottie-services.s-p-ux {
  opacity: .5;
  top: -10%;
  left: 0%;
  transform: rotate(90deg);
}

.container {
  z-index: 33;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  position: sticky;
}

.container.hight-100 {
  width: 100vw;
}

.container.dropdown-list {
  z-index: 22;
}

.nao-portfolio-sec {
  z-index: 34;
  background-color: #010101;
  padding-top: 4em;
  padding-bottom: 6em;
  position: relative;
}

.h2-span {
  font-size: .5em;
}

.portfolio-wrap {
  grid-column-gap: 2em;
  padding-left: 2em;
  padding-right: 2em;
  display: none;
}

.portfolio-left-wrap {
  grid-row-gap: 4em;
  flex-direction: column;
  width: 50%;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.portfolio-left-wrap.top-margin {
  margin-top: 10em;
}

.portfolio-item {
  border-bottom: 1px solid #ffffff52;
  flex-direction: column;
  padding-bottom: 2em;
  display: flex;
  position: relative;
}

.main-body-txt {
  color: var(--white);
  line-height: 1.2;
  display: block;
}

.main-body-txt.b-font {
  color: var(--black);
}

.main-body-txt.bold {
  font-size: 1.6em;
  font-weight: 700;
}

.portfolio-img {
  margin-bottom: 2em;
}

.nao-news-sec {
  z-index: 33;
  background-color: var(--black);
  padding-top: 4em;
  padding-bottom: 4em;
  position: relative;
  overflow: hidden;
}

.nao-blog-container {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  padding-bottom: 2em;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
}

.big-news {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  width: 58.3333%;
  text-decoration: none;
  display: flex;
}

.big-news:hover {
  opacity: .9;
}

.small-news-wrap {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  width: 41.6667%;
  display: flex;
}

.small-news {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border-top: 1px solid #00000052;
  flex-direction: column;
  padding-top: 1em;
  text-decoration: none;
  display: flex;
}

.small-news:hover {
  opacity: .9;
}

.big-news-img-wrap {
  flex-direction: column;
}

.bg-holder {
  z-index: 0;
  display: none;
  position: relative;
}

.bg-color {
  background-color: var(--white);
  position: fixed;
  inset: 0%;
}

.nao-footer {
  z-index: 33;
  background-color: var(--black);
  padding-top: 2em;
  padding-bottom: 2em;
  font-size: 1vw;
  position: relative;
}

.footer-contacts {
  grid-column-gap: 1em;
  flex-direction: column;
  width: 80%;
  display: flex;
}

.f-wrap {
  grid-column-gap: 2em;
  align-items: center;
  display: flex;
}

.small-txt {
  opacity: .5;
  color: var(--d3);
  margin-bottom: .125em;
  font-size: .6em;
  font-weight: 300;
}

.btm-btm-wrap {
  grid-row-gap: 2em;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.back2top {
  border: 1px solid var(--white);
  color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  text-decoration: none;
  display: flex;
  position: relative;
}

.circle-b2t {
  background-color: var(--light-sea-green);
  border-radius: 50%;
  width: 1em;
  height: 1em;
  display: none;
}

.main-body-link {
  color: var(--white);
  font-size: 1em;
  text-decoration: none;
}

.main-body-link:hover {
  text-decoration: underline;
}

.main-body-link.dark {
  color: var(--black);
  text-decoration: underline;
}

.arrow-back2top {
  position: relative;
  top: 1%;
}

.footer-wrap {
  grid-row-gap: 4em;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 2em;
  margin-right: 2em;
  padding-top: 8em;
  display: flex;
  position: relative;
}

.footer-cta-wrap {
  flex-direction: column;
  justify-content: space-between;
  width: 40%;
  display: flex;
}

.h4-nao {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 1em;
}

.h4-nao.no-margin {
  margin-bottom: .25em;
}

.btns-wrap {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  display: flex;
}

.cta-grid-wrap {
  display: flex;
}

.footer-grid-wrap {
  width: 60%;
  display: flex;
}

.footer-grid {
  grid-column-gap: 3em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.footer-menu-wrap.hide {
  display: none;
}

.nao-list-item-header {
  color: var(--white);
  font-size: 1.5em;
  line-height: 1.2;
}

.nao-list-item {
  opacity: .6;
  color: var(--white);
  font-size: 1em;
  line-height: 1.1;
  text-decoration: none;
}

.nao-list-item:hover {
  opacity: 1;
  text-decoration: none;
}

.footer-link-wrap {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: column;
  margin-top: 2em;
  display: flex;
}

.anim-bg-white {
  z-index: -2;
  background-color: var(--white);
  height: 85vh;
  position: absolute;
  inset: 0%;
}

.text-wrap-32em {
  width: 32em;
}

.next-project-section {
  z-index: 44;
  background-color: var(--white);
  flex-direction: column;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.next-proj-txt-wrap {
  background-color: var(--white);
  width: 100%;
  padding-top: 8em;
  padding-left: 2em;
  overflow: hidden;
}

.next-proj-img-wrap {
  z-index: 3;
  height: 70vh;
  position: relative;
}

.h3-next-proj {
  color: var(--black);
}

.next-proj-img {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
}

.nao-next-p-header {
  color: var(--dim-grey);
}

.h1-nao-ru-inner {
  color: var(--white);
  margin-top: 0;
  position: relative;
}

.h1-nao-ru-inner.b {
  color: var(--black);
}

.h1-nao-ru-inner.turnkey_p {
  padding-right: 2.5em;
}

.h1-nao-ru-inner.is-blue {
  color: var(--midnight-blue);
}

.h2-nao {
  text-transform: none;
}

.h2-nao.white {
  color: var(--white);
}

.h2-nao.sm {
  color: var(--midnight-blue);
  margin-top: .25vh;
}

.h2-nao.sm.lp60 {
  margin-left: 60%;
}

.h2-nao.sm.centred {
  text-align: center;
}

.h2-nao.sm.centred.white {
  color: var(--white);
}

.h2-nao.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.h2-nao.no-margin.gradient {
  -webkit-text-fill-color: transparent;
  background-image: url('../images/txt-color.jpg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
}

.h2-nao.no-margin.gradient-2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(37deg, #eadfd3 25%, #fff);
  -webkit-background-clip: text;
  background-clip: text;
}

.sber-lottie-sticky {
  height: 98vh;
  position: sticky;
  top: 2em;
  overflow: hidden;
}

.sec-7-sber-img {
  width: 47%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.sec-1-img {
  object-fit: cover;
}

.img-full-hieght {
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.cover-shadow {
  background-image: radial-gradient(circle at 0 100%, #000c 21%, #0000 45%);
  position: absolute;
  inset: 0%;
}

.header-menu-list-wrapper {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.header-menu-list-wrapper.prof {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
}

.nav-menu-wrap {
  justify-content: space-between;
  align-items: center;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
}

.brand {
  padding-left: 0;
}

.brand.w--current {
  flex-direction: row;
  justify-content: flex-start;
  left: 0;
}

.logo-hidden-txt {
  display: none;
  position: absolute;
  inset: 0%;
}

.portfolio-wrap2 {
  grid-row-gap: 2em;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: relative;
}

.big-row-portfolio {
  width: 100%;
  display: flex;
}

.big-row-portfolio.right {
  justify-content: flex-end;
}

.big-row-portfolio.right1 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.big-portfolio-item {
  background-image: radial-gradient(circle at 75% 0, #9c7dd5, #463c73 57%, #121c52 101%);
  justify-content: center;
  align-items: center;
  width: 66.6667%;
  height: 48em;
  display: flex;
  position: relative;
}

.big-portfolio-item.right, .big-portfolio-item.right1 {
  background-image: url('../images/Lifecontrol.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.small-row-portfolio {
  grid-column-gap: 2em;
  width: 100%;
  display: flex;
  position: relative;
}

.small-portfolio-item {
  width: 33.3333%;
  position: relative;
}

.small-portfolio-item.center {
  z-index: 3;
  align-items: center;
  display: flex;
}

.small-portfolio-item.right {
  background-image: radial-gradient(circle at 20% 30%, #003f2f, #00101d 60%);
  border-bottom-right-radius: 0;
  height: auto;
}

.image-6 {
  position: absolute;
  inset: 0%;
}

.image-7 {
  z-index: 4;
  max-width: 160%;
  position: relative;
  top: 5%;
  left: -27%;
}

.sb-portal-img {
  z-index: 4;
  position: relative;
  left: 3em;
}

.award-hp-wrap {
  grid-column-gap: 1.25em;
  display: flex;
  position: absolute;
  inset: auto auto 3% 3%;
}

.award-hp-wrap.right-side {
  z-index: 4;
  left: auto;
  right: 3%;
}

.portfolio-h3-wrap {
  z-index: 5;
  width: 95%;
  padding-top: 2em;
  padding-left: 2em;
  position: absolute;
  inset: 0% auto auto 0%;
}

.h4-nao-white {
  color: var(--white);
  margin-top: 0;
  font-weight: 700;
}

.h4-nao-white.black {
  color: var(--black-text);
}

.hidden-33 {
  width: 33.3333%;
  margin-left: 1em;
  padding-bottom: 0;
}

.award-inner-wrap {
  grid-column-gap: 1.25em;
  margin-top: 2em;
  display: flex;
  position: relative;
}

.hero-section {
  z-index: -1;
  justify-content: center;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-section.lc {
  background-color: #d8d8d8;
}

.hero-image-5400 {
  object-fit: cover;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: fixed;
  inset: 0%;
}

.about-section {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  height: 60vh;
  display: flex;
  position: relative;
}

.main-text-wrap-40em {
  z-index: 5;
  flex-direction: column;
  align-items: flex-start;
  width: 40em;
  display: flex;
  position: relative;
}

.hero-text-wrap-item {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.hero-text-wrap-item.center {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 53em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hero-text-wrap-item.center._1 {
  position: absolute;
  inset: 70vh 0% 0%;
}

.hero-text-wrap-item.center._2 {
  position: absolute;
  inset: 160vh 0% 0%;
}

.hero-text-wrap-item.center._3 {
  position: absolute;
  inset: 320vh 0% 0%;
}

.story-section {
  background-color: var(--white);
  padding: 4em 2em;
}

.story-section.black {
  background-color: var(--black);
}

.story-wrap {
  grid-column-gap: 3.5em;
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.story-wrap.vetrical {
  grid-row-gap: 1em;
  flex-direction: column;
}

.story-wrap.center {
  justify-content: center;
}

.p-wrap-33 {
  grid-row-gap: 1em;
  flex-direction: column;
  width: 30%;
  display: flex;
}

.wrap-33 {
  width: 30%;
}

.wrap-66 {
  flex-direction: column;
  align-items: center;
  width: 66.6667%;
  display: flex;
}

.img-top-padding {
  margin-top: 2em;
}

.img-txt-wrap {
  display: flex;
  position: relative;
  left: 10px;
}

.p-absolut {
  width: 16em;
  position: absolute;
  inset: auto 0% 31% 231px;
}

.p-wrap-100 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.txt-img-wrap {
  grid-column-gap: 4em;
  align-items: center;
  display: flex;
}

.top-padding-wrap {
  grid-row-gap: 3em;
  flex-direction: column;
  padding-top: 4em;
  display: flex;
}

.video-section {
  z-index: 4;
  background-color: var(--black);
  height: 100vh;
  position: relative;
}

.bg-video-play {
  height: 100%;
}

.hero-image-mob {
  display: none;
}

.mob-hero {
  z-index: 2;
  position: relative;
}

.hero-section-sb-top {
  z-index: -1;
  background-color: var(--black);
  justify-content: center;
  height: 400vh;
  display: flex;
  position: relative;
}

.video-bg {
  z-index: 3;
  height: 100vh;
  position: relative;
}

.video-bg.fixed-500 {
  height: 500px;
}

.sb-top-bg-video {
  width: 100%;
  height: 100%;
}

.img-wrap.crop {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  height: 640px;
  display: flex;
}

.sber-top-lottie {
  z-index: -1;
  position: fixed;
  inset: 0%;
}

.hero-txt-wrap-400vh {
  z-index: 22;
  color: #0000;
  flex-direction: column;
  justify-content: flex-end;
  max-width: 1920px;
  margin-top: 26em;
  margin-left: auto;
  margin-right: auto;
  padding: 10em 2em 2em;
  display: flex;
  position: relative;
  inset: 0%;
}

.cover-shadow-sb-top {
  background-image: linear-gradient(to top, var(--black), transparent);
  width: 100%;
  height: 30%;
  position: fixed;
  bottom: 0;
}

.hero-mob {
  display: none;
}

.link-wrap {
  flex-direction: row;
  display: flex;
}

.main-menu-wrap {
  display: none;
}

.nav-link-line {
  background-color: var(--black);
  width: 100%;
  height: 1px;
}

.nav-link-line.white {
  background-color: var(--white);
}

.nav-link-line.orange {
  background-color: var(--orange-red);
}

.nav-link {
  margin-right: 2em;
  font-size: 1em;
  text-decoration: none;
  display: block;
}

.hero-line-hp {
  background-color: var(--black);
  width: 45em;
  height: .3125em;
  position: relative;
  left: 2px;
}

.hero-arrow-hp {
  border-top: .3em solid var(--black);
  border-right: .3em solid var(--black);
  width: 1.5em;
  height: 1.5em;
  position: relative;
  left: -1.4em;
  transform: rotate(45deg);
}

.nao-ru-hero-video {
  z-index: 5;
  width: 100%;
  height: 100vh;
  position: relative;
}

.hero-circles {
  z-index: -1;
  filter: blur(200px);
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.circle-item {
  background-color: #c6caef;
  border-radius: 100%;
  width: 80vw;
  height: 80vw;
  position: absolute;
  inset: -62% auto auto -28%;
}

.circle-item-2 {
  background-color: #c6caef;
  border-radius: 100%;
  width: 60vw;
  height: 60vw;
  position: absolute;
  inset: 201px -14% 0% auto;
}

.circle-item-3 {
  -webkit-text-fill-color: inherit;
  background-color: #e96831;
  background-clip: padding-box;
  border-radius: 100%;
  width: 40vw;
  height: 40vw;
  position: absolute;
  inset: auto auto -24% -10%;
}

.circle-item-4 {
  -webkit-text-fill-color: inherit;
  background-color: #e96831;
  background-clip: padding-box;
  border-radius: 100%;
  width: 20vw;
  height: 20vw;
  position: absolute;
  inset: 5% 20% auto auto;
}

.circle-item-5 {
  background-color: var(--white);
  -webkit-text-fill-color: inherit;
  background-clip: padding-box;
  border-radius: 100%;
  width: 20vw;
  height: 20vw;
  position: absolute;
  inset: 10% auto auto 21%;
}

.hero-heading-v2 {
  flex-direction: column;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: fixed;
}

.line1 {
  position: relative;
  top: 1em;
  overflow: hidden;
}

.line2 {
  grid-column-gap: 1em;
  justify-content: space-between;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-line-hp-wrap-2 {
  align-items: center;
  display: flex;
}

.line3 {
  text-align: right;
  justify-content: flex-end;
  display: flex;
  position: relative;
  top: -1em;
  overflow: hidden;
}

.line4 {
  text-align: right;
  justify-content: flex-end;
  display: flex;
  position: relative;
  top: -2em;
  overflow: hidden;
}

.circle-item-about {
  background-color: #fde5c7;
  border-radius: 100%;
  width: 40vw;
  height: 40vw;
  position: absolute;
  inset: -6% 10% auto auto;
}

.circle-item-about-2 {
  background-color: var(--white);
  border-radius: 100%;
  width: 40vw;
  height: 40vw;
  display: block;
  position: absolute;
  inset: 2% 52% auto auto;
}

.circle-item-about-orng {
  background-color: #e96831;
  border-radius: 100%;
  width: 10vw;
  height: 10vw;
  position: absolute;
  inset: auto auto -1% 11%;
}

.nao-testimonials-sec {
  z-index: 36;
  background-image: radial-gradient(circle at 50% 0, #fff6ec, #e5e6ec);
  margin-left: auto;
  margin-right: auto;
  padding-top: 6em;
  padding-bottom: 10em;
  position: relative;
  overflow: hidden;
}

.testimonial-wrap {
  justify-content: space-between;
  margin-top: 4em;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: relative;
}

.testimonial-item {
  grid-row-gap: 1em;
  flex-direction: column;
  width: 25em;
  display: flex;
}

.custom-header {
  color: var(--black);
  font-size: 2.25em;
}

.testimonail-svg-holder {
  background-image: url('../images/sber_logo.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10em;
  height: 2em;
}

.testimonail-svg-holder._2 {
  background-image: url('../images/Logistics-Solution_logo.svg');
}

.testimonail-svg-holder._3 {
  background-image: url('../images/megafon-logo-green.svg');
  width: 8em;
}

.sub-line-name {
  color: var(--dim-grey);
  font-size: .8em;
  line-height: 1;
}

.padding-1em {
  height: 1em;
}

.h1-nao-ru-2 {
  color: var(--black);
  text-align: left;
  margin-top: 0;
  margin-bottom: .125em;
  font-size: 5.653em;
  font-weight: 700;
  line-height: 1;
  position: relative;
  overflow: hidden;
}

.h1-nao-ru-3 {
  color: var(--black);
  text-align: left;
  margin-top: 0;
  margin-bottom: .125em;
  font-weight: 400;
  position: relative;
}

.h1-nao-ru-3.last {
  text-align: right;
  font-size: 5.653em;
  line-height: 1;
}

.h1-nao-ru-4 {
  color: var(--black);
  text-align: left;
  margin-top: 0;
  margin-bottom: .125em;
  font-weight: 400;
  position: relative;
}

.h1-nao-ru-4.last {
  text-align: right;
  font-size: 5.653em;
  font-weight: 700;
  line-height: 1;
}

.h1-nao-ru-5 {
  color: var(--black);
  text-align: left;
  margin-top: 0;
  margin-bottom: .125em;
  font-weight: 400;
  position: relative;
}

.h1-nao-ru-5.last {
  text-align: right;
  font-size: 5.653em;
  line-height: 1;
}

.testimonial-header-wrap {
  justify-content: space-between;
  align-items: center;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
}

.form-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1920px;
  padding-top: 4em;
  padding-bottom: 2em;
  display: flex;
}

.hubspot-form {
  width: 50%;
}

.hubspot-form.full-width {
  width: 100%;
}

.form-header-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 2em;
  display: flex;
}

.form-section {
  background-color: #eee;
  padding-left: 2em;
  padding-right: 2em;
}

.nao-nav-inner {
  z-index: 3000;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #0000;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  top: 0;
}

.shadow-hero-lc {
  z-index: 1;
  background-image: linear-gradient(#8b8b8bbf, #0000 40%);
  position: fixed;
  inset: 0%;
}

.h1-offer-a-poject {
  font-size: 5em;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  color: var(--black);
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 800px;
  text-decoration: none;
  display: flex;
}

.image-8 {
  width: 300px;
}

.timeline_date-text {
  color: var(--black-text);
  font-size: 2.75em;
  line-height: 1;
}

.timeline_date-text.is-white {
  color: var(--white);
}

.timeline_date-text.is-blue {
  color: #292d54;
}

.background-layer {
  z-index: 0;
  background-color: var(--white);
  background-image: url('../images/Grain-Background.png'), linear-gradient(to top, #d3d3d399, #d3d3d300), url('../images/Gaussian-Blur---Brighter.svg');
  background-position: 0 0, 0 0, 50% 100%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: 300px 300px, auto, cover;
  position: absolute;
  inset: 0%;
}

.timeline_progress {
  z-index: -2;
  background-color: var(--white);
  width: 3px;
  height: 100%;
  position: absolute;
}

.section-timeline-heading {
  background-color: var(--white);
  background-image: url('../images/Grain-Background.png');
  background-position: 0 0;
  background-size: 300px 300px;
}

.section-timeline-heading.is-black-bg {
  background-color: var(--black);
  background-image: none;
  background-size: auto;
}

.timeline_text {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.timeline_text.reg {
  color: var(--black-text);
  margin-top: 14px;
  font-size: 1em;
  font-weight: 300;
}

.timeline_text.reg.sticky {
  color: var(--black-text);
  font-size: 1.125em;
  position: static;
  top: 56vh;
}

.timeline_text.reg.is-white {
  color: var(--d3);
}

.timeline_text.weeks {
  color: var(--dim-grey);
  margin-top: 10px;
  margin-bottom: 20px;
}

.page-wrapper {
  position: relative;
}

.list-item-4 {
  color: var(--dim-grey);
}

.timeline_item {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 180px 1fr;
  grid-auto-columns: 1fr;
  padding-top: 100px;
  padding-bottom: 100px;
  display: grid;
  position: relative;
}

.timeline_component {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.timeline_centre {
  justify-content: center;
  display: flex;
}

.overlay-fade-top {
  background-image: none;
  height: 80px;
  position: absolute;
  inset: 0% 0% auto;
}

.timeline_left {
  text-align: right;
  justify-content: flex-end;
  align-items: stretch;
}

.timeline_progress-bar {
  z-index: -1;
  background-color: #fff;
  background-image: linear-gradient(to bottom, var(--orange-red), #ff4848 51%, #6248ff);
  width: 3px;
  height: 50vh;
  position: fixed;
  inset: 0 auto 50vh;
}

.overlay-fade-bottom {
  background-image: none;
  height: 80px;
  position: absolute;
  inset: auto 0% 0%;
}

.margin-bottom-medium {
  color: var(--black-text);
}

.padding-vertical-xlarge {
  padding-top: 7.5em;
  padding-bottom: 7.5em;
}

.left__txt_wrap_sticky {
  position: sticky;
  top: 50vh;
}

.timeline-main_heading-wrapper {
  color: #fff;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.timeline_circle {
  background-color: #fff;
  border-radius: 100%;
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  height: 15px;
  min-height: 15px;
  max-height: 15px;
  position: sticky;
  top: 50vh;
  box-shadow: 0 0 0 8px #0a0a0a;
}

.container-2 {
  width: 90vw;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

.section-timeline {
  z-index: -3;
  background-color: var(--white);
  background-image: url('../images/Grain-Background.png');
  background-position: 0 0;
  background-size: 300px 300px;
  position: relative;
}

.section-timeline.is-black-bg {
  background-color: var(--black);
  background-image: none;
  background-size: auto;
}

.section-timeline.is-black-bg.overflow_hidden {
  overflow: hidden;
}

.section-hero {
  z-index: 2;
  position: relative;
}

.padding-vertical-xxlarge {
  padding-top: 160px;
  padding-bottom: 160px;
}

.timeline__list {
  padding-left: 20px;
}

.services__hero_txt-wrap {
  padding-top: 4em;
}

.nao-1920-header_services {
  z-index: 55;
  grid-column-gap: 0em;
  grid-row-gap: 1em;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding: 2em 18em 2em 2em;
  display: flex;
  position: relative;
}

.services__txt_wrap {
  width: 56em;
}

.services__section {
  background-color: var(--black);
  position: relative;
}

.services__item {
  border: 1px solid #d3d3d352;
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  padding: 2em 40em 10em 2em;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.services__grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8em;
}

.services__link {
  z-index: 5;
  background-color: var(--d3);
  color: var(--black);
  border-radius: 80px;
  margin-top: 10px;
  padding: 8px 24px;
  font-size: 1em;
  text-decoration: none;
  position: relative;
}

.services__link_txt {
  z-index: 6;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1;
}

.heading {
  background-image: none;
  background-position: 0 0;
  line-height: 1.2;
}

.heading.is-white {
  color: var(--white);
}

.background-layer-inner {
  z-index: 0;
  background-color: var(--black);
  background-image: url('../images/Grain-Background.png'), linear-gradient(to top, #d3d3d399, #d3d3d300 60%), url('../images/Gaussian-Blur---Brighter.svg');
  background-position: 0 0, 0 0, 50% 100%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: 300px 300px, auto, cover;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.lottie-animation-5 {
  opacity: .5;
  width: 60em;
  height: 60em;
  position: relative;
  inset: 0% -35% 0% auto;
}

.what_u_get {
  z-index: 34;
  background-color: var(--black);
  background-image: radial-gradient(circle at 50% 0, #fff6ec, #e5e6ec);
  position: relative;
  overflow: hidden;
}

.what_u_get.bg-color {
  background-color: #e5e6ec;
  background-image: none;
}

.nao-1920-header_inner {
  z-index: 55;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding: 2em;
  display: flex;
  position: relative;
}

.services__grid_wrap {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  margin-bottom: 4em;
}

.services_grid_item {
  grid-row-gap: 1em;
  flex-direction: column;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
}

.btn__wrap-timeline {
  color: var(--black-text);
  justify-content: center;
  display: flex;
}

.quote {
  z-index: 1;
  background-color: var(--white);
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.quote__style {
  margin-bottom: 0;
  margin-left: 1em;
  padding: 1em 2em 1em 1em;
  font-size: 3em;
  line-height: 1.1;
}

.quote_speaker__img_wrap {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  margin-left: 2em;
  display: flex;
}

.quote_speaker__img {
  border-top-left-radius: 20em;
  border-bottom-right-radius: 20em;
  width: 25em;
  overflow: hidden;
}

.quote_speaker__txt-wrap {
  grid-row-gap: .25em;
  flex-direction: column;
  display: flex;
}

.text-block, .text-block-2 {
  font-size: 1em;
}

.lottie-service_p_id {
  opacity: .5;
  width: 70em;
  height: 70em;
  position: relative;
  inset: 0% -30% 0% auto;
}

.portfolio_p_section {
  background-color: var(--dim-grey);
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.loop_line_container {
  z-index: 44;
  background-color: var(--black);
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
  overflow: hidden;
}

.loop_line_inner-container {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.loop_line_header {
  color: var(--white);
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12vw;
  font-weight: 700;
  line-height: 1;
  display: inline-block;
}

.lottie-service_p_analytics {
  opacity: .5;
  width: 80em;
  height: 80em;
  position: relative;
  inset: 0% -30% 0% auto;
}

.what_we_do__section {
  z-index: 1;
  background-color: var(--white);
  padding-top: 5em;
  padding-bottom: 5em;
  display: flex;
  position: relative;
}

.what_we_do_container {
  grid-column-gap: 2em;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
}

.what_we_do_item {
  width: 65%;
  line-height: 1.2px;
}

.what_we_do_item.last {
  width: 40%;
}

.what_we_do_header {
  padding-right: 3em;
  font-size: 3em;
  line-height: 1.2;
}

.timeline__wrap {
  z-index: -3;
  position: relative;
}

.results_wrap {
  grid-column-gap: 4em;
  grid-row-gap: 2em;
  margin-top: 4em;
  margin-bottom: 4em;
  display: flex;
}

.results_item {
  text-align: left;
  width: 40%;
}

.results_item.right {
  width: 60%;
}

.lottie-service_p_manuf {
  opacity: .5;
  width: 60em;
  height: 60em;
  position: relative;
  inset: 4% -40% 0% auto;
}

.lottie-service_p_electronics {
  opacity: .5;
  width: 60em;
  height: 60em;
  position: relative;
  inset: 10% -35% 0% auto;
}

.lottie-service_p_scouting {
  opacity: .2;
  text-align: center;
  width: 100em;
  height: 60em;
  position: relative;
  inset: 1% -30% 0% auto;
  transform: rotate(-60deg);
}

.small-row-portfolio-2 {
  grid-column-gap: 2em;
  width: 100%;
  display: flex;
  position: relative;
}

.view_all_cases_link {
  color: var(--white);
  text-decoration: none;
}

.view_all_cases_link:hover {
  text-decoration: underline;
}

.timeline_btn__header {
  margin-bottom: 1.25em;
}

.timeline_h__btn {
  color: var(--black);
  font-size: 2.75em;
  font-weight: 700;
  line-height: 1;
}

.description__section {
  z-index: 2;
  background-color: var(--white);
  position: relative;
}

.nao__txt__wrp {
  width: 40em;
  margin-top: 2em;
  margin-left: auto;
  margin-right: auto;
}

.nao-in-txt_link {
  color: var(--black-text);
  font-size: 1em;
}

.play-pause-button {
  z-index: 55;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: #2223;
  border: .1em solid #e9683166;
  border-radius: 100%;
  padding: .7em;
}

.prev-next__section {
  z-index: 1;
  background-color: var(--white);
  position: relative;
}

.prev-next-1920 {
  z-index: 12;
  flex-direction: row;
  justify-content: center;
  max-width: 1920px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.prev__wrap {
  grid-column-gap: 1em;
  text-align: right;
  border-top: 1px solid #595a5a33;
  border-right: 1px solid #595a5a33;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding: 4em 2em;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.next__wrap {
  grid-column-gap: 1em;
  border-top: 1px solid #595a5a33;
  width: 100%;
  padding: 4em 2em;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.arrow_svg_emeded {
  position: relative;
  top: .125em;
}

.arrow_svg_emeded.flip {
  transform: rotate(180deg);
}

.services__grid_wrap_2 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 4em;
}

.svg__icon {
  background-image: url('../images/copyright.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 6em;
  height: 5em;
  position: relative;
  left: -2.5em;
}

.svg__icon._2 {
  background-image: url('../images/copyright_nda.svg');
}

.svg__icon._1 {
  background-image: url('../images/copyright_support.svg');
}

.what_we_do_list_item {
  padding-left: 10px;
}

.drop_down {
  padding: 0;
}

.dropdown-list.w--open {
  background-color: #0000;
}

.menu_drop-link {
  background-color: var(--white);
  padding: 1.2em 1.6em;
  font-size: 1em;
  line-height: 1;
  transition: color .3s, background-color .3s;
}

.menu_drop-link:hover {
  background-color: var(--black-text);
  color: var(--orange-red);
}

.nav-link-drop-down {
  margin-right: 2em;
  font-size: 1em;
  text-decoration: none;
  display: none;
}

._404__h1 {
  font-size: 3em;
}

._404_button {
  background-color: var(--orange-red);
  color: var(--black);
  border-radius: 80px;
  margin-top: 40px;
  padding: 22px 44px;
}

.circles_absolute {
  z-index: -1;
  filter: blur(100px);
  display: block;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.lottie-service_p_custom {
  opacity: .4;
  width: 60em;
  height: 60em;
  position: relative;
  top: 30%;
  right: -40%;
}

.cta__section-services {
  padding-top: 7.5em;
  padding-bottom: 7.5em;
}

.play {
  display: none;
}

.play_lottie {
  width: 30px;
  height: 30px;
}

.pause {
  display: none;
}

.pause_lottie {
  width: 30px;
  height: 30px;
}

.social-icons_wrap {
  grid-column-gap: 1.5em;
  align-items: center;
  display: flex;
}

.social-icon-link {
  opacity: .6;
  transition: opacity .4s;
}

.social-icon-link:hover {
  opacity: 1;
}

.pop-up-subscribe {
  z-index: 444;
  border-radius: 0;
  width: 20em;
  margin-bottom: 1em;
  display: none;
  position: fixed;
  inset: auto 2% 2% auto;
  overflow: hidden;
}

.close_btn_subscribe {
  z-index: 555;
  background-color: var(--white);
  cursor: pointer;
  background-image: url('../images/close-btn.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border-radius: 50em;
  width: 2em;
  height: 2em;
  padding-bottom: 0;
  position: absolute;
  inset: 4% 2% auto auto;
}

.policy-header {
  align-items: center;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding: 6em 2em 4em;
  display: flex;
}

.policy-content {
  flex-direction: column;
  justify-content: center;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 4em;
  padding-left: 2em;
  padding-right: 2em;
  line-height: 2px;
  display: flex;
}

.policy-content._1st {
  padding-bottom: 0;
}

.policy_h1 {
  color: var(--black-text);
  font-size: 4em;
}

.paragraph {
  margin-top: 1em;
}

.link_footer_small {
  opacity: .5;
  color: var(--d3);
  margin-bottom: .125em;
  font-size: .6em;
  text-decoration: none;
  transition: opacity .3s;
}

.link_footer_small:hover {
  opacity: 1;
  text-decoration: underline;
}

.link {
  display: inline-block;
}

.ya-is-absolute {
  z-index: 5;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.thank_you_section {
  background-color: #e5e6ec;
  align-items: center;
  display: flex;
}

.container_item {
  margin-left: 2em;
  margin-right: 2em;
  padding-top: 15em;
  padding-bottom: 15em;
}

.fake-h3 {
  margin-bottom: .125em;
  font-size: 2.827em;
  font-weight: 500;
  line-height: 1.2;
}

.nao-1920-header_about {
  z-index: 55;
  grid-column-gap: 0em;
  grid-row-gap: 1em;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding: 2em 15em 2em 2em;
  display: flex;
  position: relative;
}

.background-layer-about {
  z-index: 0;
  background-color: #e5e6ec;
  background-image: url('../images/Grain-Background.png'), linear-gradient(to top, #d3d3d399, #d3d3d300);
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: 300px 300px, auto;
  position: absolute;
  inset: 0%;
}

.background-layer-about.is-transparent {
  z-index: 54;
  opacity: .8;
  background-image: url('../images/Grain-Background.png'), linear-gradient(to top, #d3d3d399, #d3d3d300), url('../images/Gaussian-Blur---Brighter.svg');
  background-position: 0 0, 0 0, 50% 100%;
  background-repeat: repeat, repeat, repeat;
  background-size: 300px 300px, auto, cover;
}

.video_text_sec {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.about_video {
  background-image: linear-gradient(to top, #0009, #0000 50%);
  min-height: 50vw;
  max-height: 55vw;
}

.image-18, .image-19 {
  display: none;
}

.about_wrap-in-vid {
  z-index: 22;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  height: 46vw;
  margin: 2em 10em 2em 2em;
  display: flex;
  position: absolute;
}

.wrap-in-vid_item {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  margin-left: 18em;
  display: flex;
}

.wrap-in-vid_item.hide {
  display: block;
}

.overlay-fade-bottom-2 {
  background-image: linear-gradient(to top, var(--black), #0a0a0a00);
  height: 80px;
  position: absolute;
  inset: auto 0% 0%;
}

.overlay-fade-top-2 {
  background-image: linear-gradient(to bottom, var(--black), #0a0a0a00);
  height: 80px;
  position: absolute;
  inset: 0% 0% auto;
}

.track-2 {
  z-index: 1;
  background-color: #e5e6ec;
  height: 260vw;
  padding-bottom: 32px;
  padding-right: 0;
  position: relative;
}

.horizontal-scroll {
  width: 100%;
  height: 54vw;
  position: sticky;
  top: 24vh;
  overflow: hidden;
}

.div-block-9 {
  width: 100%;
  height: 100%;
  padding-left: 22em;
  display: flex;
}

.hs_item {
  flex: none;
  width: 30vw;
  max-width: none;
  height: 38vw;
  margin-left: 0;
  margin-right: 64px;
}

.image-20 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  overflow: visible;
}

.clickable-area {
  background-color: #fff;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.heading-2 {
  color: #292d54;
}

.heading-2.resizable {
  font-size: 2.25vw;
}

.join-our-team {
  color: var(--orange-red);
  font-size: 1.5em;
  line-height: 1.2;
}

.mob-under-video {
  display: none;
}

.contact_page_wrap {
  position: relative;
}

.hide {
  display: none;
}

.wrap-in-vid_item_mob {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  margin-left: 18em;
  display: flex;
}

.wrap-in-vid_item_mob.hide {
  display: block;
}

.contact_hero_section {
  height: 100%;
  padding-top: 6em;
  position: relative;
}

.contact_info_tabs_section {
  grid-column-gap: 3em;
  grid-row-gap: 2em;
  max-width: 1920px;
  margin-top: 2em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: relative;
}

.contact_left.flex-contact {
  grid-column-gap: 8em;
  grid-row-gap: 8em;
  display: flex;
}

.contact_right {
  width: 70%;
  position: relative;
}

.contact_line {
  grid-column-gap: 5em;
  grid-row-gap: .5em;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  padding-right: 1.5em;
  display: flex;
}

.contact_line.align-top {
  align-items: flex-start;
}

.contact_txt {
  margin-bottom: 0;
  font-size: 1.5em;
}

.contact_link {
  color: #292d54;
  font-weight: 500;
  line-height: 1.1;
  text-decoration: none;
}

.contact_link.orange {
  color: var(--orange-red);
}

.contact_link.orange.no-margin {
  margin-bottom: 0;
  font-size: 1em;
}

.social_links_wrap {
  grid-row-gap: 1em;
  flex-direction: column;
  margin-top: .6em;
  display: flex;
}

.tabs {
  display: block;
}

.html-embed-2 {
  position: relative;
}

.absolut_color {
  z-index: 4;
  background-color: var(--black-text);
  mix-blend-mode: color;
  position: absolute;
  inset: 0%;
}

.contact__tab_1 {
  color: var(--midnight-blue);
  background-color: #ffffff4d;
  padding: 1em 2.2em;
}

.contact__tab_1:hover {
  background-color: var(--white);
}

.contact__tab_1.w--current {
  background-color: var(--midnight-blue);
  color: var(--white);
  padding: 1em 2.2em;
}

.contact__tab_2 {
  color: var(--midnight-blue);
  background-color: #ffffff4d;
  padding: 1em 2.2em;
}

.contact__tab_2:hover {
  background-color: var(--white);
}

.contact__tab_2.w--current {
  background-color: var(--midnight-blue);
  color: var(--white);
}

.tabs-menu {
  border-bottom: 2px solid var(--midnight-blue);
  margin-bottom: 2em;
}

.about_us_video {
  z-index: 53;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.about_btn {
  background-color: var(--midnight-blue);
  border-radius: 5em;
  align-items: center;
  margin-top: 1em;
  margin-right: auto;
  padding: 1em 1.2em;
  display: flex;
  position: relative;
}

.about-us_video-btn-txt {
  color: #fff;
  margin-bottom: 0;
  position: relative;
}

.about-us_video-btn-txt.b {
  color: #222;
  position: relative;
}

.about-us_video-btn-txt.is-bold {
  font-weight: 700;
}

.about_video_popup {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-21 {
  display: none;
}

.circle-play-btn {
  border: 1px solid var(--white);
  border-radius: 50em;
  width: 2em;
  height: 2em;
  margin-right: .6em;
  padding: .4em;
  position: relative;
}

.image-22 {
  width: 60%;
  height: 60%;
  padding-left: .1em;
  position: absolute;
}

.nao-txt-item {
  opacity: .6;
  color: var(--white);
  margin-bottom: .25em;
  font-size: 1em;
  line-height: 1.1;
  text-decoration: none;
}

.nao-txt-item:hover {
  text-decoration: none;
}

.padding-0625 {
  height: .625em;
}

.frame-link {
  border: 1px solid var(--orange-red);
  margin-left: 0;
  margin-right: auto;
  padding: .5em 1em;
  text-decoration: none;
  transition: background-color .3s;
}

.frame-link:hover {
  background-color: #e968311a;
}

.padding {
  height: 30px;
}

.link-wrpr {
  flex-direction: column;
  display: flex;
}

._1px-line-2 {
  background-color: #eee;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.user-pic {
  background-color: #000;
  border-radius: 80px 80px 80px 10px;
  width: 160px;
  height: 160px;
  overflow: hidden;
}

.section-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  padding-top: 5%;
  display: flex;
}

.text-block-5 {
  font-size: 20px;
  line-height: 22px;
}

.sub-title {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 12px;
}

.h1-name {
  font-size: 44px;
  font-weight: 500;
}

.at-logo-img {
  height: 34px;
  margin-bottom: 4px;
  display: flex;
}

.link-2 {
  color: #07bab3;
  font-size: 20px;
  line-height: 30px;
  text-decoration: none;
}

.link-2:hover {
  color: #07bab3;
}

.ilya_ch {
  overflow: hidden;
}

.at-tag-line-logo {
  color: #888;
  padding-top: 5px;
  font-size: 16px;
}

.contact_link-is-orange {
  color: var(--orange-red);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.1;
  text-decoration: none;
}

.contact_link-is-orange.orange {
  color: var(--orange-red);
}

.contact_link-is-orange.orange.no-margin {
  margin-bottom: 0;
  font-size: 1em;
}

.contact_link-is-orange.u-mt-10 {
  color: var(--light-sea-green);
  margin-top: 10px;
}

.list-item-3 {
  font-size: 1.3em;
  line-height: 1.4em;
}

.list-1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  margin-bottom: auto;
  padding-left: 30px;
  display: flex;
}

.privacypolicy-table {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 1em;
  margin-bottom: 3em;
  display: grid;
}

.table_head_1 {
  color: var(--dim-grey);
  text-align: left;
  background-color: #0000;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 2;
}

.policy-title {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 1em;
  padding-left: 2em;
  padding-right: 2em;
}

.frame-145 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.sm-hero {
  background-color: #d0d2e2;
  background-image: linear-gradient(286deg, #d0d2e2 77%, #fff);
  flex-direction: column;
  flex: none;
  align-self: auto;
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.sm-hero-title {
  z-index: 2;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  align-items: flex-start;
  max-width: 1920px;
  height: 70%;
  margin: auto;
  padding-top: 10em;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.text {
  color: #292d54;
  font-size: 128px;
  font-weight: 700;
  line-height: 100%;
}

.frame-178 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1.5fr;
  grid-auto-columns: 1fr;
  place-content: end space-between;
  align-items: end;
  width: 100%;
  height: 60vh;
  padding-right: 60%;
  display: flex;
}

.sm-hero-textwrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  align-self: flex-start;
  width: 100%;
  padding-right: 65%;
  display: flex;
  position: relative;
  left: 0;
}

.text_speech {
  color: #292d54;
  font-size: 20px;
  font-weight: 400;
}

.frame-179 {
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: stretch;
  height: auto;
  display: flex;
}

.rectangle-115 {
  object-fit: cover;
  flex: 1;
  width: 100%;
  padding-bottom: 2em;
  display: block;
  overflow: visible;
}

.section-3 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 240px 480px;
  display: flex;
}

.text-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-3 {
  color: #292d54;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
}

.section-4 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #ffffff40;
  background-image: url('../images/Section.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: 964px;
  display: flex;
}

.frame-121 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 10px;
  display: flex;
}

.text-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 388px;
  padding-top: 64px;
  display: flex;
}

.text-5 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 388px;
  display: flex;
}

.title-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-6 {
  color: #292d54;
  font-size: 82px;
  font-weight: 700;
  line-height: 72px;
}

.sm-solution-textwrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 60%;
  display: flex;
}

.hero-stack-draft {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #d0d2e2;
  background-image: linear-gradient(286deg, #d0d2e2 76%, #fff);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  padding: 10em 2em 0;
  display: none;
}

.sm_hero_videowrapper {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
}

.sm-hero-video {
  width: 100%;
  height: 100%;
  bottom: auto;
  right: auto;
}

.h1-nao-ru-inner-sm {
  color: #292d54;
  margin-top: 0;
  position: relative;
}

.h1-nao-ru-inner-sm.b {
  color: var(--black);
}

.h1-nao-ru-inner-sm.turnkey_p {
  padding-right: 2.5em;
}

.h1-nao-ru-inner-sm.is-blue {
  color: var(--midnight-blue);
}

.sm-intro {
  z-index: 10;
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: 60vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sm-solution-title {
  grid-row-gap: 1em;
  flex-direction: column;
  width: 100%;
  max-width: 1920px;
  margin: auto;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
}

.sm-solution {
  z-index: 2;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #ffffff40;
  background-image: linear-gradient(to right, #fff0 50%, #fff9), url('../images/Section.jpg');
  background-position: 0 0, 43%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.sm-magnets {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #dde1ea;
  background-image: radial-gradient(circle at 100% 0, #fff, #fff0 31%), linear-gradient(356deg, #292d5426, #7c7e9b00 16%);
  flex-flow: column wrap;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 70vh;
  display: none;
  position: relative;
}

.sm-magnets-title {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  margin: auto;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
}

.sm-magnets-textwrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 60%;
  display: flex;
}

.sm-magnets-videowrapper {
  z-index: 2;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 60%;
  display: flex;
  position: absolute;
  inset: auto auto auto 0;
}

.background-video-8 {
  z-index: 2;
  aspect-ratio: auto;
  object-fit: contain;
  flex: 1;
  align-self: auto;
  display: block;
  position: static;
  overflow: visible;
}

.background-video-9 {
  aspect-ratio: 1;
}

.sm-micro {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  display: block;
  position: relative;
}

.sm-micro-title {
  z-index: 3;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  max-width: 1920px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: sticky;
  top: 42vh;
}

.sm-micro-textwrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 70%;
  display: flex;
}

.sm-micro-content-rapper {
  background-color: #dfdfe7;
  flex-direction: column;
  width: 100%;
  height: 300vh;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: relative;
}

.team-circles {
  z-index: 2;
  background-color: #b66a6a;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-3 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.centered-heading {
  text-align: center;
  margin-bottom: 16px;
}

.centered-subheading {
  text-align: center;
  max-width: 530px;
  margin-left: auto;
  margin-right: auto;
}

.team-grid {
  grid-column-gap: 64px;
  grid-row-gap: 56px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 50px;
  display: grid;
}

.team-card {
  text-align: center;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  display: flex;
}

.team-member-image {
  object-fit: cover;
  border-radius: 50%;
  width: 270px;
  height: 270px;
  margin-bottom: 24px;
}

.team-member-name {
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.team-member-position {
  margin-bottom: 24px;
}

.sm-micro-imagewrapper {
  z-index: 2;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 30%;
  padding-right: 7%;
  display: flex;
  position: sticky;
  top: 114px;
}

.sm-micro-description1 {
  z-index: 4;
  border-left: 1px solid #000;
  width: 12em;
  height: 46%;
  margin-top: 12%;
  margin-left: 28.7%;
  padding-left: .5em;
  display: block;
  position: absolute;
}

.sm-micro-description2 {
  z-index: 4;
  border-left: 1px solid #000;
  width: 12em;
  height: 26%;
  margin-top: 12%;
  margin-left: 51.9%;
  padding-left: .5em;
  position: absolute;
}

.sm-indicators {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #d8d9e5;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  top: 0;
}

.sm-indicators-contentwrapper {
  width: 100%;
  max-width: 1920px;
  height: 230vh;
  padding-left: 2em;
  padding-right: 2em;
  display: block;
  position: relative;
}

.sm-indicators-lottie {
  z-index: 2;
  flex-direction: column;
  width: 100%;
  margin-bottom: 15vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  top: 25vh;
}

.sm-indicators-textwrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 60%;
  display: flex;
}

.sm-indicators-title1 {
  z-index: 3;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 1920px;
  margin: auto auto 10em;
  padding-left: 2em;
  padding-right: 60%;
  display: flex;
  position: sticky;
  top: 7vh;
}

.sm-indicators-description1 {
  border-left: 1px solid #000;
  align-items: flex-end;
  width: 24em;
  height: 43%;
  margin-top: 23%;
  margin-left: 64%;
  padding-left: .5em;
  display: flex;
  position: absolute;
}

.sm-indicators-description2 {
  z-index: 4;
  border-left: 1px solid #000;
  align-items: flex-start;
  width: 32em;
  height: 40%;
  margin-top: 0;
  margin-left: 50%;
  padding-left: .5em;
  display: flex;
  position: absolute;
}

.sm-indicators-title2 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  width: 100%;
  max-width: 1920px;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2em;
  padding-right: 50%;
  display: none;
  position: sticky;
  top: 60vh;
}

.lottie-animation-6 {
  margin-left: 25%;
  margin-right: 25%;
}

.sm-photoblock1-bg {
  z-index: 3;
  background-image: url('../images/H_23_back.jpg');
  background-position: 50%;
  background-size: cover;
  height: 100vh;
  position: static;
  top: 0;
  overflow: hidden;
}

.sm-photoblock1 {
  height: 200vh;
  display: block;
  position: static;
  overflow: visible;
}

.sm-photoblock1-photo1 {
  height: 100vh;
  padding-top: 15vh;
  position: static;
}

.sm-photoblock1-imagewrapper {
  z-index: 33;
  justify-content: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  bottom: 0;
  overflow: hidden;
}

.sm-photoblock2 {
  flex-direction: column;
  height: 200vh;
  display: flex;
  position: relative;
  overflow: visible;
}

.sm-photoblock2-bg {
  z-index: 3;
  background-image: url('../images/hands-holding-bage_2.jpg');
  background-position: 0 0;
  background-size: cover;
  height: 100vh;
  position: static;
  top: 0;
  overflow: visible;
}

.sm-photoblock2-contentwrapper {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  bottom: 0;
  overflow: hidden;
}

.sm-photoblock2-photo1 {
  align-self: center;
  position: absolute;
  bottom: 0;
  overflow: hidden;
}

.image-23 {
  flex: 0 auto;
  align-self: center;
}

.sm-photoblock2-title {
  z-index: 5;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  margin-top: 13vh;
  display: block;
  position: static;
}

.sm-photoblock2-textwrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding-left: 32%;
  padding-right: 32%;
  display: flex;
  position: absolute;
  bottom: 7%;
}

.body-2 {
  overflow: visible;
}

.sm-photoblock1-bgwapper {
  z-index: 3;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.sm-photoblock1-bgwrapper {
  z-index: 3;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.div-block-57 {
  z-index: 2;
  background-color: #cfcfd6;
  width: 100%;
  display: block;
  position: relative;
}

.div-block-58 {
  height: 230vh;
  position: relative;
}

.div-block-59 {
  height: 100vh;
  position: sticky;
  top: 0;
}

.div-block-60 {
  height: 30vh;
  margin-left: 36%;
  margin-right: 12%;
  padding-top: 15vh;
  position: sticky;
  top: 0;
}

.image-24 {
  position: static;
}

.div-block-61 {
  border-left: 1px solid #000;
  width: 12em;
  height: 21%;
  margin-top: 20vh;
  margin-left: 60%;
  padding-left: .5em;
  position: absolute;
  top: 0;
}

.div-block-62 {
  height: 100vh;
}

.sm-branding {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--stahl-10);
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 230vh;
  display: block;
  position: relative;
}

.sm-micro-content-rapper-copy {
  flex-direction: column;
  justify-content: flex-start;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2em;
  padding-right: 2em;
  display: none;
  position: sticky;
  top: 0;
}

.sm-branding-imagewrapper {
  z-index: 4;
  aspect-ratio: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding-left: 30%;
  padding-right: 4em;
  display: flex;
  position: absolute;
  top: 10vh;
}

.sm-branding-imagewrapper._1 {
  z-index: 5;
  flex-flow: row;
  justify-content: space-around;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding-right: 2em;
  display: flex;
}

.sm-branding-imagewrapper._2 {
  flex-direction: row;
  justify-content: space-around;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding-right: 2em;
}

.sm-branding-imagewrapper.adaptive {
  display: none;
}

.sm-branding-title {
  z-index: 3;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  justify-content: space-between;
  width: auto;
  display: flex;
  position: absolute;
  top: 10vh;
}

.sm-branding-title.adaptive {
  display: none;
}

.sm-branding-textwrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 70%;
  display: flex;
}

.image-25 {
  width: 33%;
  max-width: none;
}

.lightbox-link {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: row;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  width: 100%;
  display: flex;
}

.sm-branding-folio1 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex: 0 auto;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  align-items: stretch;
  width: auto;
  display: grid;
  position: static;
}

.image-26, .image-27, .image-28, .image-29, .image-30, .image-31 {
  width: 100%;
}

.sm-branding-contentwrapper {
  flex-flow: column wrap;
  place-content: space-around flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: sticky;
  top: 0;
}

.sm-branding-image {
  width: 100%;
}

.hero-stack {
  z-index: 3;
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-4 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.hero-wrapper-two {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.margin-bottom-24px {
  margin-bottom: 24px;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.hero-image {
  width: 100%;
  margin-top: 50px;
}

.sm-packaging {
  z-index: 5;
  display: block;
  position: relative;
}

.sm-packaging-bgwrapper {
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
}

.sm-packaging-bg {
  background-image: url('../images/final.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100vh;
}

.sm-branding-title-copy {
  z-index: 3;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  justify-content: space-between;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  top: 40vh;
}

.sm-packaging-contentwrapper {
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2em;
  padding-right: 2em;
}

.sm-cloud {
  z-index: 2;
  background-color: var(--stahl-10);
  width: 100%;
  height: 300vh;
  display: block;
  position: relative;
}

.sm-cloud-contentwrapper {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.sm-cloud-titlewrapper {
  grid-column-gap: 5%;
  flex-flow: row;
  align-content: stretch;
  align-items: flex-start;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10vh;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
}

.sm-cloud-imagewrapper1 {
  width: 50%;
}

.sm-cloud-title {
  z-index: 3;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-self: auto;
  width: 40%;
  display: flex;
  position: relative;
}

.sm-branding-textwrapper-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.image-32 {
  width: 100%;
}

.sm-cloud-mobileapp {
  width: 100%;
  height: 100vh;
  margin-left: 45%;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.sm-cloud-mobileapp.adaptive {
  display: none;
}

.sm-cloud-screen {
  z-index: 2;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: row;
  height: 48vh;
  margin-top: 48vh;
  padding-left: 0;
  display: flex;
  position: absolute;
}

.sm-cloud-screen._2 {
  z-index: 3;
}

.sm-cloud-screen._3 {
  z-index: 4;
}

.sm-cloud-screen._4 {
  z-index: 5;
}

.sm-cloud-mobile {
  max-width: none;
  height: 100%;
  position: sticky;
  left: 0;
}

.sm-cloud-mobile.top {
  z-index: 5;
  display: block;
  position: static;
  left: 45%;
}

.sm-cloud-mobile._1 {
  z-index: 1;
  display: block;
  position: static;
}

.sm-cloud-mobile._2 {
  z-index: 2;
  display: block;
  position: static;
  left: 0;
}

.sm-cloud-mobileframe {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: row;
  height: 48vh;
  margin-top: 48vh;
  display: flex;
  position: absolute;
}

.div-block-66 {
  z-index: 3;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: row;
  height: 48vh;
  margin-top: 48vh;
  display: block;
  position: absolute;
}

.ux-service-grid {
  z-index: 4;
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  position: relative;
}

.ux-service-video-wrap {
  z-index: 22;
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  height: 70vh;
  display: flex;
  position: relative;
}

.ux-service-video-wrap.hide {
  display: none;
}

.text-block-6 {
  color: var(--white);
  font-size: 2em;
  line-height: 1;
  position: relative;
}

.ux-service-list {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  margin-left: 2em;
  display: flex;
}

.hover-parent {
  border-top: 2px solid #2e2a27;
  border-bottom: 2px solid #2e2a27;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.hover-parent.border-none {
  border-top-style: none;
  border-bottom-style: none;
}

.hover-parent.border-none.hide {
  display: none;
}

.hover_image {
  z-index: 2;
  border-radius: 15px;
  height: 15rem;
  position: absolute;
  right: 15%;
}

.n-container {
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 70rem;
  display: flex;
}

.background_image {
  opacity: 0;
  pointer-events: none;
  object-fit: cover;
  align-self: flex-end;
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  inset: 0%;
}

.background_image.hide {
  display: none;
}

.fill_image {
  object-fit: cover;
  width: 100%;
  height: 0%;
  position: absolute;
  inset: auto 0% 0%;
}

.component {
  z-index: 12;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.component.hover-image {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.is-main {
  z-index: 3;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.is-main.image_fill {
  cursor: pointer;
  border-top: 2px solid #2e2a27;
  border-bottom: 2px solid #2e2a27;
  justify-content: center;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.is-main.border-null {
  cursor: pointer;
  border-top: 2px #2e2a27;
  border-bottom: 2px #2e2a27;
  justify-content: center;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.is-main.backgorund_image {
  cursor: pointer;
  justify-content: center;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.is-main.backgorund_image.test {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  padding-top: 16rem;
  padding-bottom: 16rem;
}

.n-line {
  z-index: 1;
  background-color: #2e2a27;
  width: 100%;
  height: 1px;
  position: absolute;
  inset: 0% 0% auto;
}

.n-line.bottom {
  inset: auto 0% 0%;
}

.text_hover {
  z-index: 10;
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
}

.section-5 {
  z-index: 1;
  background-color: var(--black-text);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: relative;
}

.txt-service-hover {
  color: var(--white);
  letter-spacing: -.035em;
  font-size: 4em;
  font-weight: 700;
  line-height: 1;
}

.lottie-ux-hero {
  opacity: .5;
  width: 90em;
  height: 90em;
  position: relative;
  inset: -40% -30% 0% auto;
  transform: rotate(45deg);
}

.ux-bg-video-overlay {
  z-index: 3;
  opacity: .5;
  color: var(--black-text);
  position: absolute;
  inset: 0%;
}

.hidden-h1 {
  display: none;
  position: absolute;
}

.txt-service-small {
  color: var(--white);
  font-size: 1.25em;
  line-height: 1.3;
  transform: translate(0);
}

.txt-service-small.black {
  color: var(--black);
}

.txt-service-small.padding-txt-ux {
  padding-right: 40%;
}

.sm-indicators-image1 {
  display: none;
  overflow: visible;
}

.sm-packaging-title {
  z-index: 3;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  justify-content: space-between;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  top: 40vh;
}

.sm-glow-on-video {
  filter: blur(50px);
  background-color: #d0d2e2;
  border-radius: 50%;
  width: 340px;
  height: 1200px;
  position: absolute;
  top: -40%;
  bottom: 0%;
  left: -20%;
}

.sm-glow-on-video.hor {
  width: 1600px;
  height: 160px;
  top: -9%;
  left: 0%;
}

.main-wrap-sm {
  z-index: 5;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  align-items: flex-start;
  width: 37%;
  display: flex;
}

.sm-mobile-img-from-video {
  display: none;
  position: absolute;
  inset: 0%;
}

.sm-png {
  z-index: 4;
  max-width: 110%;
  position: relative;
  top: 5%;
  left: -20px;
}

.sm-hp-bg-color {
  background-color: var(--midnight-blue);
  background-image: radial-gradient(circle farthest-side at 100% 0, #5c75ff, #fff0);
  position: absolute;
  inset: 0%;
}

.timeline-line-cover {
  height: 100%;
}

.timeline-line-cover.bottom {
  transform: rotate(180deg);
}

.lottie-ux-hero-m {
  opacity: .5;
  width: 90em;
  height: 90em;
  position: relative;
  inset: -40% -30% 0% auto;
  transform: rotate(45deg);
}

.background_image-m {
  opacity: 0;
  object-fit: cover;
  align-self: flex-end;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.background_image-m.hide {
  display: none;
}

.lottie-animation-5-m {
  opacity: .5;
  width: 60em;
  height: 60em;
  display: none;
  position: relative;
  inset: 0% -35% 0% auto;
}

.lottie-service_p_analytics-m {
  opacity: .5;
  width: 80em;
  height: 80em;
  display: none;
  position: relative;
  inset: 0% -30% 0% auto;
}

.lottie-service_p_id-m {
  opacity: .5;
  width: 70em;
  height: 70em;
  display: none;
  position: relative;
  inset: 0% -30% 0% auto;
}

.lottie-service_p_electronics-m {
  opacity: .5;
  width: 60em;
  height: 60em;
  display: none;
  position: relative;
  inset: 10% -35% 0% auto;
}

.lottie-service_p_manuf-m {
  opacity: .5;
  width: 60em;
  height: 60em;
  display: none;
  position: relative;
  inset: 4% -40% 0% auto;
}

.lottie-service_p_scouting-m {
  opacity: .2;
  text-align: center;
  width: 100em;
  height: 60em;
  display: none;
  position: relative;
  inset: 1% -30% 0% auto;
  transform: rotate(-60deg);
}

.lottie-service_p_custom-m {
  opacity: .4;
  width: 60em;
  height: 60em;
  display: none;
  position: relative;
  top: 30%;
  right: -40%;
}

.container-5 {
  width: 90vw;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

.timeline_h__btn-2 {
  color: #000;
  font-size: 2.75em;
  font-weight: 700;
  line-height: 1;
}

.nao-button-arrow-2 {
  z-index: 2;
  color: #fff;
  background-color: #e96831;
  border-radius: 50em;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 3em;
  margin-top: .5em;
  margin-bottom: .5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-size: 1em;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nao-btn-bg-2 {
  z-index: 1;
  background-color: #fff;
  width: 110%;
  height: 110%;
  display: none;
  position: absolute;
  inset: 0%;
}

.section-timeline-heading-2 {
  background-color: #fff;
  background-image: url('../images/Grain-Background.png');
  background-position: 0 0;
  background-size: 300px 300px;
}

.btn__wrap-timeline-2 {
  color: #222;
  justify-content: center;
  display: flex;
}

.nao-btn-text-2 {
  z-index: 2;
  color: #fff;
  position: relative;
}

.html-embed-3 {
  z-index: 22;
  color: #000;
  width: 1.5em;
  height: 1.3em;
  display: none;
  position: relative;
  top: .125em;
}

.html-embed-3:hover {
  display: block;
}

.sbtop-promoimage-wrapper.crop {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  height: 640px;
  display: flex;
}

.sbtop-image {
  width: 100%;
}

.hero--kv-t {
  background-color: var(--black);
  height: 110vh;
  position: relative;
  overflow: hidden;
}

.text-wrap-kv-t {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  width: 46em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: relative;
}

.text-wrap-kv-t.left-abslt {
  text-align: left;
  margin-right: 2em;
  padding-top: 8em;
  position: absolute;
}

.text-wrap-kv-t.left-v {
  text-align: left;
  width: 100%;
  padding-left: 2em;
  padding-right: 2em;
}

.text-wrap-kv-t.left-v._2 {
  width: 45%;
  margin-left: 0;
}

.text-wrap-kv-t.left-v._3 {
  width: 50%;
  margin-left: auto;
  margin-right: 0;
}

.text-wrap-kv-t.left-h {
  text-align: left;
  flex-flow: row;
  width: 100%;
  padding-left: 2em;
  padding-right: 2em;
}

.text-wrap-kv-t.left-h._2 {
  width: 50%;
  margin-left: 0;
}

.text-wrap-kv-t.left-h._3 {
  width: 50%;
  margin-left: auto;
  margin-right: 0;
}

.story-kv-t {
  padding: 6em 2em;
}

.story-row {
  padding-bottom: 100vh;
  position: relative;
}

.story-img-kv-t {
  position: absolute;
}

.story-img-kv-t._40 {
  z-index: 1;
  width: 40%;
  padding-bottom: 40%;
  inset: 0% auto auto 0%;
}

.story-img-kv-t._32 {
  z-index: 2;
  width: 32%;
  top: 48%;
  left: 32%;
}

.story-img-kv-t._32._1st {
  top: 0%;
  left: 0%;
}

.story-img-kv-t._32._3-row {
  z-index: 1;
  top: 32%;
  left: 24%;
}

.story-img-kv-t._24 {
  z-index: 2;
  width: 24%;
  inset: 64% 0% auto auto;
}

.story-img-kv-t._24._2 {
  z-index: 1;
  top: 40%;
  right: 16%;
}

.story-img-kv-t._24._3 {
  top: 8%;
  left: 32%;
  right: auto;
}

.story-img-kv-t._24._4 {
  top: 8%;
  left: 60%;
  right: auto;
}

.story-img-kv-t._24._2-2 {
  z-index: 1;
  top: 40%;
  right: 16%;
}

.story-img-kv-t._16 {
  z-index: 2;
  width: 16%;
  top: -16%;
}

.story-img-kv-t._16._2 {
  z-index: 1;
  top: 8%;
  left: 8%;
}

.story-img-kv-t._16._3-row {
  top: 0%;
  left: 40%;
}

.story-kv-t-txt-wrap {
  width: 24%;
  position: absolute;
  inset: 0% 16% auto auto;
}

.story-square {
  z-index: 4;
  background-color: var(--black);
  width: 6em;
  height: 6em;
  position: absolute;
  top: 64%;
  left: 16%;
}

.story-square._2 {
  width: 6em;
  height: 12em;
  inset: 48% 9% auto auto;
}

.story-square._16 {
  z-index: 1;
  background-image: linear-gradient(#5b139c, #5b139c);
  width: 200px;
  height: 200px;
  top: 8%;
  left: 8%;
}

.story-square._3 {
  width: 12em;
  height: 6em;
  inset: 48% 9% auto auto;
}

.story-img-wrap {
  width: 40%;
}

.story-row-2 {
  margin-top: 6em;
  padding-bottom: 36vh;
  position: relative;
}

.story-row-3 {
  margin-top: 4em;
  padding-bottom: 100vh;
  position: relative;
}

.design-kv-t {
  z-index: 5;
  background-color: var(--black);
  height: 120vh;
  position: relative;
  overflow: hidden;
}

.design-kv-t.flex-h {
  height: auto;
  padding-top: 12em;
  padding-bottom: 8em;
  display: flex;
  overflow: hidden;
}

.design-kv-t.flex-v {
  flex-flow: column;
  height: auto;
  padding-top: 4em;
  display: flex;
}

.text-wrap-tv-t {
  width: 40em;
}

.design-img-wrap {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.design-img-wrap._2-abslt {
  width: 55%;
  height: 90%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.design-img-wrap._3-abslt {
  width: 60%;
  height: 90%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.design-img-wrap.center {
  justify-content: center;
  align-items: center;
  height: auto;
}

.design-img-wrap.center.hide {
  display: none;
}

.design-img-wrap.right {
  justify-content: flex-start;
  align-items: center;
}

.design-img-kv-t {
  position: absolute;
  bottom: 0%;
  right: 0%;
}

.design-img-kv-t._1 {
  position: absolute;
  inset: auto -4% -10% auto;
}

.design-img-kv-t._2 {
  z-index: 2;
  bottom: -5%;
  right: 15%;
}

.design-img-kv-t._3 {
  z-index: 3;
  position: absolute;
  bottom: -10%;
  right: 35%;
}

.design-img-kv-t._4-shadow {
  z-index: 2;
  bottom: -8%;
  right: 35%;
}

.design-img-kv-t._4-shadow._2 {
  z-index: 1;
  bottom: -4%;
  right: 16%;
}

.kv-t-hero-img-wrap {
  z-index: 3;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
  inset: 0%;
}

.kv-t-hero-img-wrap.hide {
  display: none;
}

.kv-t-hero-image-1 {
  width: 60%;
  position: relative;
  top: -100em;
  left: 34em;
}

.kv-t-hero-image-2 {
  z-index: 2;
  width: 60%;
  position: relative;
  left: 5em;
}

.kv-t-hero-image-2.hide {
  display: none;
}

.kv-t-visual-wrap {
  z-index: 4;
  position: relative;
}

.kv-t-img {
  object-fit: cover;
  object-position: 0% 100%;
  height: 90%;
}

.kv-t-img._2 {
  object-position: 100% 50%;
  display: none;
}

.kv-t-img.center {
  object-position: 50% 50%;
  height: auto;
}

.kv-t-img.right {
  border-bottom-right-radius: 0;
  width: 65%;
}

.image-36 {
  width: 100%;
}

.div-block-67 {
  background-color: var(--light-sea-green);
  height: 120vh;
}

.kv-t-line-abslt {
  background-image: linear-gradient(90deg, black, var(--dim-grey) 31%);
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.kv-t-line-abslt._1 {
  display: none;
}

.image-37 {
  z-index: -1;
  width: 100%;
  height: 120vh;
  position: relative;
}

.text-wrap-kv-t-in {
  width: 50%;
  display: flex;
}

.padding-1x1-em {
  width: 20em;
  height: 1em;
}

.kv-t-hero-mob {
  display: none;
}

.kv-t-video {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40em;
}

.design-kv-t-1 {
  z-index: 5;
  background-color: var(--black);
  align-items: flex-end;
  height: 120vh;
  position: relative;
  overflow: hidden;
}

.design-kv-t-1.flex-h {
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding-top: 8em;
  padding-bottom: 8em;
  display: flex;
  overflow: hidden;
}

.design-kv-t-1.flex-v {
  flex-flow: column;
  height: auto;
  padding-top: 4em;
  display: flex;
}

.design-img-kv-t-mob {
  display: none;
  position: absolute;
  bottom: 0%;
  right: 0%;
}

.design-img-kv-t-mob._1 {
  position: absolute;
  inset: auto -4% -10% auto;
}

.design-img-kv-t-mob._2 {
  z-index: 2;
  bottom: -5%;
  right: 15%;
}

.design-img-kv-t-mob._3 {
  z-index: 3;
  position: absolute;
  bottom: -10%;
  right: 35%;
}

.design-img-kv-t-mob._4-shadow {
  z-index: 2;
  bottom: -8%;
  right: 35%;
}

.design-img-kv-t-mob._4-shadow._2 {
  z-index: 1;
  bottom: -4%;
  right: 16%;
}

.big-row-portfolio-sber-p {
  width: 100%;
  display: flex;
}

.big-row-portfolio-sber-p.right {
  justify-content: flex-end;
}

.big-row-portfolio-sber-p.hide {
  display: none;
}

.sb-portal-img-small {
  z-index: 4;
  position: relative;
  top: 6em;
}

.kv-t-img-hp {
  z-index: 4;
  max-width: 105%;
  position: relative;
  top: 5%;
}

.temp-hide {
  display: none;
}

.design-img-wrap-anim {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.design-img-wrap-anim._2-abslt {
  width: 55%;
  height: 90%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.design-img-wrap-anim._3-abslt {
  width: 55%;
  height: 90%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.design-img-wrap-anim.center {
  justify-content: center;
  align-items: center;
  height: auto;
}

.design-img-wrap-anim.center.hide {
  display: none;
}

.design-img-wrap-anim.right {
  justify-content: flex-start;
  align-items: center;
}

.kv-t-line-abslt-2 {
  background-image: linear-gradient(270deg, black, var(--dim-grey) 31%);
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.blog-rte {
  margin-top: 100px;
  margin-bottom: 100px;
}

.rte {
  width: 70%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.rte p {
  max-width: 940px;
  margin-top: .625em;
  margin-left: auto;
  margin-right: auto;
  font-weight: 400;
  line-height: 1.5;
}

.rte a {
  font-size: 1em;
  line-height: 1.2;
}

.rte h1 {
  font-size: 5em;
}

.rte h2 {
  max-width: 940px;
  margin: .3em auto .625em;
  font-size: 2.6em;
}

.rte h3 {
  max-width: 940px;
  margin-bottom: .625em;
  margin-left: auto;
  margin-right: auto;
  font-size: 2em;
}

.rte blockquote {
  background-color: #eee;
  border-left-color: #252525;
  max-width: 940px;
  margin: .625em auto;
  padding: 20px 40px;
  font-size: 1.3em;
  font-weight: 500;
  line-height: 1.5;
}

.rte ol, .rte ul {
  max-width: 940px;
  margin: .25em auto;
  padding-left: 30px;
  font-size: 1.3em;
  line-height: 1.5;
}

.rte figure {
  margin-top: 2em;
  margin-bottom: 2em;
}

.rte img {
  border-radius: 4px;
}

.rte li {
  margin-bottom: 10px;
  padding-left: 10px;
  font-weight: 400;
}

.rte figcaption {
  font-size: 1em;
  line-height: 1.2;
}

.image-38 {
  border-top-left-radius: 100px;
}

.blog-page-wrap {
  padding-top: 100px;
  padding-bottom: 100px;
}

.blog-hero-section {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.blog-hero-collection {
  object-fit: cover;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 70vh;
  margin-bottom: 4em;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
}

.blog-hero-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.blog-h1 {
  color: var(--white);
  font-size: 4em;
}

.blog-h1.black {
  color: var(--black);
}

.figure {
  margin-top: 1em;
  margin-bottom: 1em;
}

.blog-hero-wrap {
  object-fit: cover;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blog-hero-content {
  z-index: 22;
  position: relative;
}

.blog-release-date {
  color: var(--d3);
  margin-bottom: 0;
}

.blog-release-date.dark {
  color: var(--black);
  font-size: 1em;
  font-weight: 400;
}

.blog-tag-date-wrap {
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.blog-hero-img-cover {
  z-index: 1;
  background-color: #0f0f0fcc;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.blog-tags {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--d3);
  color: var(--white);
  border-radius: 7px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  padding: 4px 12px;
  font-size: 1em;
  line-height: 1.2;
  text-decoration: none;
  display: flex;
}

.tags-collection {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-left: 20px;
  display: flex;
}

.blog-tag-txt {
  color: var(--orange-red);
  flex-flow: row;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.2;
}

.blog-tag-txt:hover {
  display: flex;
}

.collection-list {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  display: flex;
}

.tag-page-wrap {
  padding: 140px 2em;
  overflow: hidden;
}

.tag-link-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--black);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 40px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.tag-h2 {
  font-size: 2em;
}

.tag-image {
  object-fit: cover;
  border-radius: 2px;
  height: 420px;
}

.tag-h1 {
  margin-bottom: .25em;
  font-size: 5em;
}

.padding-6em {
  height: 6em;
}

.tag-txt-wrap {
  flex-flow: column;
  display: flex;
}

.all-blog-hero {
  padding-left: 2em;
  padding-right: 2em;
}

.all-blog-page-wrap {
  width: 100%;
  padding-top: 140px;
  padding-bottom: 100px;
  overflow: hidden;
}

.collection-item-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.blog-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tag-collaction {
  margin-left: auto;
  margin-right: auto;
}

.collection-item-3 {
  display: flex;
}

.collection-list-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.all-blog-posts {
  margin-top: 40px;
  padding-left: 2em;
  padding-right: 2em;
}

.blog-all-tags {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--d3);
  color: var(--white);
  border-radius: 7px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-right: 10px;
  padding: 4px 12px;
  font-size: 1em;
  text-decoration: none;
  display: flex;
}

.blog-all-tags.no-margin {
  margin-right: 0;
}

.blog-tag-txt-all {
  color: var(--orange-red);
  flex-flow: row;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.2;
}

.blog-tag-txt-all:hover, .tag-date-wrap {
  display: flex;
}

.collection-list-4 {
  grid-column-gap: 60px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.post-summary {
  margin-top: 10px;
  margin-bottom: 0;
  display: none;
}

.padding-14px {
  height: 14px;
}

.padding-40px {
  height: 40px;
}

.heading-3 {
  margin-bottom: .25em;
  font-size: 5em;
}

.blog-related-posts {
  width: 70%;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
}

.tag-image-related-post {
  object-fit: cover;
  border-radius: 2px;
  height: 240px;
}

.related-posts-header {
  margin-bottom: 0;
  font-size: 2em;
}

.blog-related-header-wrap {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1em;
  display: flex;
}

.big-link {
  width: 100%;
  text-decoration: none;
}

.collection-item-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
}

.first {
  width: 58.3333%;
}

.second {
  width: 41.6667%;
}

.small-news-img {
  object-fit: cover;
  width: 100%;
  height: 220px;
}

.small-link {
  width: 100%;
  margin-bottom: 40px;
  text-decoration: none;
}

.nao-blog-container-old {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  padding-bottom: 2em;
  padding-left: 2em;
  padding-right: 2em;
  display: none;
}

.temp-lottie {
  background-color: #000;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.lottie-services-copy {
  z-index: 2;
  opacity: .8;
  width: 70%;
  height: 90%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 5% 0% 0% -26%;
}

.lottie-services-copy._2 {
  opacity: 1;
  width: 200%;
  height: 200%;
  display: block;
  top: 0%;
  left: -50%;
}

.lottie-services-copy._3 {
  opacity: 1;
}

.lottie-services-copy._6 {
  width: 200%;
  height: 180%;
  top: -10%;
  left: -60%;
  transform: rotate(180deg);
}

.lottie-services-copy._7 {
  opacity: .6;
}

.lottie-services-copy.s-p-1 {
  top: -10%;
  left: 0%;
}

.lottie-services-copy.s-p-2 {
  opacity: 1;
  width: 300%;
  height: 300%;
  display: block;
  top: -25%;
  left: -70%;
}

.lottie-services-copy._8 {
  opacity: .6;
  width: 200%;
  height: 200%;
  top: 15%;
  left: -20%;
}

.lottie-services-copy.s-p-3 {
  opacity: .5;
  width: 200%;
  height: 200%;
  display: block;
  top: -40%;
  left: -20%;
}

.lottie-services-copy.s-p-3.hide {
  display: none;
}

.lottie-services-copy.s-p-4 {
  opacity: .5;
  top: -10%;
  left: 0%;
  transform: rotate(90deg);
}

.lottie-services-copy.ux {
  opacity: .6;
  width: 240%;
  height: 140%;
  left: -40%;
  transform: rotate(45deg);
}

.lottie-services-copy.s-p-ux {
  opacity: .5;
  top: -10%;
  left: 0%;
  transform: rotate(90deg);
}

.bc-user-pic {
  overflow: hidden;
}

.teplo-hero {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-wrap-teplo {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 46em;
  padding-bottom: 4em;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: relative;
}

.text-wrap-teplo.left-abslt {
  text-align: left;
  margin-right: 2em;
  padding-top: 8em;
  position: absolute;
}

.text-wrap-teplo.left-v {
  text-align: left;
  width: 100%;
  padding-left: 2em;
  padding-right: 2em;
}

.text-wrap-teplo.left-v._2 {
  width: 45%;
  margin-left: 0;
}

.text-wrap-teplo.left-v._3 {
  width: 50%;
  margin-left: auto;
  margin-right: 0;
}

.text-wrap-teplo.left-h {
  text-align: left;
  flex-flow: row;
  width: 100%;
  padding-left: 2em;
  padding-right: 2em;
}

.text-wrap-teplo.left-h._2 {
  width: 50%;
  margin-left: 0;
}

.text-wrap-teplo.left-h._3 {
  width: 50%;
  margin-left: auto;
  margin-right: 0;
}

.teplo-vid-hero {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.teplo-about {
  align-items: stretch;
  height: 60vh;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
}

.teplo-gif-wrap {
  justify-content: center;
  align-items: center;
  width: 60%;
  height: 100%;
  display: flex;
}

.teplo-text-wrap {
  justify-content: flex-end;
  align-items: center;
  width: 32%;
  margin-left: auto;
  padding-right: 2em;
  display: flex;
}

.teplo-process {
  background-color: #f6f6f6;
  flex-flow: column;
  justify-content: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}

.teplo-text-wrap-sketch {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 6em;
  padding-left: 2em;
  padding-right: 2em;
  display: grid;
}

.teplo-research {
  padding-top: 6em;
  padding-bottom: 4em;
  overflow: hidden;
}

.teplo-text-wrap-research {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  padding-left: 2em;
  padding-right: 2em;
  display: grid;
}

.teplo-img-grid {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 386px;
}

.teplo-img-grid._2 {
  aspect-ratio: 2;
}

.teplo-grid-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.teplo-grid-item {
  border: 1px solid #464646;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.teplo-grid-item._1 {
  border-radius: 90em;
}

.teplo-grid-item.w {
  padding-left: 6em;
  padding-right: 6em;
}

.teplo-grid-item._w-2 {
  border-radius: 20em;
  padding-left: 6em;
  padding-right: 6em;
}

.teplo-lifestyle-img1 {
  height: 90vh;
  position: relative;
  overflow: hidden;
}

.teplo-lifestyle-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.teplo-txt-wrap-absolut {
  z-index: 3;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 20%;
  margin-top: 8em;
  margin-right: 2em;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.teplo-story {
  background-color: #1b1b1b;
  padding-top: 6em;
  padding-bottom: 4em;
}

.teplo-connection {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--black);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  position: relative;
  overflow: hidden;
}

.teplo-header-txt-color-bg {
  position: relative;
}

.image-39 {
  display: none;
  position: absolute;
}

.teplo-conn-vid {
  z-index: 3;
  width: 100vw;
  height: 100vh;
  position: relative;
  top: 0;
}

.teplo-txt-wrap-abs {
  z-index: 5;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 32em;
  padding-left: 2em;
  display: flex;
  position: absolute;
}

.teplo-txt-wrap-abs._2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: 100%;
  margin-left: 8em;
  margin-right: 8em;
  padding-top: 4em;
  padding-bottom: 4em;
  padding-right: 2em;
  inset: 0%;
}

.teplo-txt-wrap-abs._40-margin-top {
  width: auto;
  margin-top: 10em;
  margin-right: 55%;
}

.teplo-setup {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--black);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.teplo-setup-vid {
  z-index: 3;
  width: 100%;
  height: 100%;
  position: sticky;
  top: 0;
}

.teplo-setup-txt-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 48em;
  display: grid;
}

.teplo-lifestyle-img-group {
  z-index: 8;
  position: relative;
}

.teplo-img-group-item {
  z-index: 1;
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
}

.teplo-img-group-item._2 {
  z-index: 2;
}

.teplo-img-group-item._3 {
  z-index: 3;
}

.teplo-group-img {
  object-fit: cover;
}

.teplo-sticky-scroll-wrap {
  position: relative;
  bottom: auto;
}

.teplo-sticky-wrap {
  padding-bottom: 0;
  position: relative;
  top: 0;
}

.image-test {
  width: 100%;
  height: 100vh;
}

.image-test._1 {
  z-index: 1;
  object-fit: cover;
  position: sticky;
  top: 0;
}

.image-test._2 {
  z-index: 2;
  object-fit: cover;
  position: sticky;
  top: 0;
}

.image-test._3 {
  z-index: 3;
  object-fit: cover;
  position: sticky;
  top: 0;
}

.image-test._4 {
  z-index: 4;
  object-fit: cover;
  position: sticky;
  top: 0;
}

.teplo-vid-hero-mob {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.teplo-blog {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f6f6f6;
  padding: 4em 2em;
  display: flex;
  position: relative;
}

.teplo-blog.hide {
  display: none;
}

.teplo-blog-img-wrap {
  width: 60%;
}

.teplo-blog-post-txt-wrap {
  width: 40%;
  padding-bottom: 0;
}

.h2-nao-paragraph {
  text-transform: none;
  font-size: 2.4em;
  font-weight: 700;
  line-height: 1;
}

.h2-nao-paragraph.white {
  color: var(--white);
}

.h2-nao-paragraph.sm {
  color: var(--midnight-blue);
  margin-top: .25vh;
}

.h2-nao-paragraph.sm.lp60 {
  margin-left: 60%;
}

.h2-nao-paragraph.sm.centred {
  text-align: center;
}

.h2-nao-paragraph.sm.centred.white {
  color: var(--white);
}

.h2-nao-paragraph.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.h2-nao-paragraph.no-margin.gradient {
  -webkit-text-fill-color: transparent;
  background-image: url('../images/txt-color.jpg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
}

.link-orange {
  background-color: var(--black-text);
  color: var(--orange-red);
  border-radius: 40px;
  padding: 10px 24px;
  font-size: 1em;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .3s;
  display: block;
}

.link-orange:hover {
  background-color: var(--white);
}

.collection-list-wrapper {
  margin-top: 2em;
}

.teplo-vid-grid {
  aspect-ratio: 1;
}

.teplolux-grid-vid {
  z-index: 2;
  aspect-ratio: 1;
  width: 100%;
  max-width: 386px;
  height: 100%;
  max-height: 386px;
}

.teplo-packaging {
  background-color: var(--black);
  height: 80vh;
  position: relative;
  overflow: hidden;
}

.teplo-packaging-img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.teplo-txt-wrap-absolut-2 {
  z-index: 3;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 35%;
  margin-left: 2em;
  margin-right: 2em;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.teplo-label {
  border: 1px solid #3f3f3f;
  border-radius: 40px;
  padding: 8px 24px;
}

.nao-p-label {
  color: var(--d3);
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.4em;
}

.nao-p-label.black {
  color: var(--black-text);
}

.nao-p-label.black.center {
  text-align: center;
}

.nao-p-label.black.no-margin {
  margin-bottom: 0;
}

.nao-p-label.black.no-margin.align-c {
  text-align: center;
}

.nao-p-label.sm {
  color: var(--midnight-blue);
}

.nao-p-label.sm.white-centered {
  color: var(--white);
  text-align: center;
}

.nao-p-label.no-margin {
  margin-bottom: 0;
}

.teplo-pack-img-mob {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: none;
}

.teplo-about-section {
  align-items: stretch;
  overflow: hidden;
}

.one-row-portfolio {
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.one-row-portfolio.right {
  justify-content: flex-end;
}

.one-portfolio-item {
  background-image: radial-gradient(circle at 0 0, #9c7dd5, #121c52 78%);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 35em;
  display: flex;
  position: relative;
}

.one-portfolio-item.right {
  background-image: url('../images/Lifecontrol.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.one-portfolio-item.sb-portal {
  background-image: radial-gradient(circle at 0 0, #003f2f, #00101d 78%);
}

.one-portfolio-item.sb-top {
  background-image: radial-gradient(circle at 0 100%, #03703e, #0e132c 78%);
}

.one-raw-portfolio-img {
  z-index: 4;
  height: 100%;
  position: relative;
}

.one-raw-portfolio-img.sber-time {
  object-fit: cover;
}

.one-raw-portfolio-img.sb-portal {
  height: 90%;
}

.one-raw-portfolio-img.sb-top {
  height: 80%;
}

.one-raw-portfolio-img.y-station {
  object-fit: cover;
  width: 100%;
}

.one-raw-portfolio-img.sb-top-2 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.one-raw-portfolio-img.teplo {
  object-fit: cover;
  width: 100%;
}

.career-hero {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  flex-flow: column;
  place-content: center flex-start;
  align-items: flex-start;
  height: 220vh;
  display: block;
  position: relative;
  top: 0;
  overflow: hidden;
}

.div-block-68 {
  background-image: url('../images/hero.jpg');
  background-position: 0 0;
  background-size: cover;
  max-width: 100%;
  height: 100%;
  overflow: auto;
}

.image-40 {
  object-fit: cover;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: fixed;
  inset: 0%;
}

.div-block-69 {
  position: relative;
}

.div-block-70 {
  height: 7%;
  display: flex;
}

.image-41 {
  object-fit: cover;
  border-bottom-right-radius: 0;
}

.career-hero-animated-bg {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: stretch stretch;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  display: grid;
  position: fixed;
  inset: 0 auto auto;
  overflow: hidden;
}

.career-hero-image {
  border-bottom-right-radius: var(--career-hero-corner);
  object-fit: cover;
  object-position: 100% 50%;
  height: 100%;
}

.career-hero-image.left {
  border-bottom-left-radius: 0;
  width: 100%;
}

.career-hero-image.right {
  width: 100%;
}

.div-block-72 {
  border-bottom-right-radius: 60px;
  overflow: hidden;
}

.right {
  border-bottom-right-radius: var(--career-hero-corner);
  object-fit: cover;
  object-position: 0% 50%;
  height: 100%;
}

.career-hero-heading-text {
  z-index: 3;
  grid-column-gap: 0%;
  grid-row-gap: 0%;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  max-width: 1920px;
  height: 100vh;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 4em 2em;
  display: flex;
  position: fixed;
  inset: auto 0 0;
}

.text-block-8 {
  width: 100%;
  max-width: 1920px;
  margin: auto;
  padding-top: 10em;
  padding-left: 2em;
  padding-right: 2em;
}

.h1-nao-ru-career {
  box-sizing: border-box;
  color: var(--white);
  height: auto;
  font-size: 5.653em;
  font-weight: 500;
  line-height: 1;
  position: relative;
}

.h1-nao-ru-career.b {
  color: var(--black);
}

.h1-nao-ru-career.turnkey_p {
  padding-right: 2.5em;
}

.h1-nao-ru-career.is-blue {
  color: var(--midnight-blue);
}

.career-hero-section-title {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  display: flex;
}

.image-42 {
  width: 2em;
}

.career-hero-title-wrapper {
  z-index: 4;
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  flex-flow: column;
  align-items: flex-start;
  height: auto;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
}

.link-3 {
  margin-top: .5em;
  margin-bottom: .5em;
}

.secondary-button-text {
  z-index: 2;
  font-size: 1em;
  text-decoration: none;
}

.secondary-button-text.icon {
  font-size: 1.5em;
  text-decoration: none;
}

.career-numbers {
  z-index: 3;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex-flow: column;
  place-content: center flex-start;
  align-items: center;
  height: auto;
  display: flex;
  position: relative;
  top: 0;
  overflow: hidden;
}

.career-scroll-wrapper {
  z-index: 2;
  position: relative;
}

.career-numbers-background {
  z-index: 2;
  filter: blur(70px);
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  height: 140vh;
  display: flex;
  position: absolute;
  top: 0;
  bottom: auto;
  overflow: hidden;
}

.career-background-circle {
  border-radius: 100%;
  width: 100vh;
  height: 100vh;
  position: absolute;
  top: 10%;
  left: 35%;
}

.career-background-circle._1 {
  z-index: 1;
  background-color: #f4ea8e9c;
  width: 70em;
  height: 70em;
  display: none;
  top: 9%;
  left: 49%;
}

.career-background-circle._2 {
  z-index: 2;
  background-color: #e968319c;
  width: 70em;
  height: 70em;
  display: none;
  top: 18%;
  left: 49%;
}

.career-background-circle._3 {
  z-index: 3;
  background-color: #a38ef499;
  width: 70em;
  height: 70em;
  display: none;
  top: 10%;
  left: 54%;
}

.career-background-circle._4 {
  z-index: 4;
  background-color: #fff;
  width: 70em;
  height: 70em;
  display: none;
  top: 24%;
  left: 57%;
}

.career-background-circle._5 {
  z-index: 2;
  background-color: #e968319c;
  width: 100em;
  height: 60em;
  display: none;
  top: 81%;
  left: -34%;
}

.career-background-circle._6 {
  z-index: 3;
  background-color: #a38ef499;
  width: 110em;
  height: 60em;
  display: none;
  top: 79%;
  left: -55%;
}

.career-background-circle._7 {
  z-index: 4;
  background-color: #fff9;
  width: 140em;
  height: 120em;
  display: none;
  top: 94%;
  left: -43%;
}

.career-background-circle._8 {
  z-index: 2;
  background-color: #f4ea8e9c;
  width: 100em;
  height: 60em;
  display: none;
  top: 79%;
  left: -38%;
}

.career-background-circle._9 {
  z-index: 4;
  background-color: #fff9;
  width: 140em;
  height: 120em;
  display: none;
  top: 73%;
  left: -87%;
}

.career-h3-title {
  color: var(--black-text);
  font-size: 3em;
  line-height: 1.2;
}

.career-h3-title.is-white {
  color: var(--white);
}

.career-h3-title.is-blue {
  color: #292d54;
}

.career-numbers-title-wrapper {
  z-index: 4;
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  flex-flow: column;
  align-items: flex-start;
  height: auto;
  margin-top: 10em;
  margin-right: 60%;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
}

.career-numbers-content-wrapper {
  z-index: 3;
  grid-column-gap: 10em;
  grid-row-gap: 10em;
  aspect-ratio: auto;
  border-style: solid;
  border-width: 0 0 .5px;
  border-color: var(--dim-grey);
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1920px;
  margin: 0 auto auto;
  padding-left: 2em;
  padding-right: 2em;
  display: block;
  position: relative;
  top: 0;
  overflow: visible;
}

.career-numbers-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 10em;
  margin-bottom: 5em;
  display: grid;
  overflow: visible;
}

.flex-block {
  margin-bottom: auto;
  display: block;
  position: relative;
  top: 0;
}

.career-departments-content-wrapper {
  z-index: 3;
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  max-width: 1920px;
  height: auto;
  margin: 0 auto auto;
  padding: 5em 2em;
  display: flex;
  position: relative;
  top: 0;
  overflow: hidden;
}

.career-deparments-chips-wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  object-fit: fill;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.career-departments-chips {
  border: .5px solid var(--dim-grey);
  border-radius: 5em;
  padding: .25em 1em;
  font-size: 2em;
  line-height: 1.2;
}

.career-departments-link-wrap {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  color: var(--black);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.link-wrap-with-icon {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 1.2em;
  display: flex;
}

.image-43 {
  width: 75vw;
  position: absolute;
  top: 10%;
  left: 43%;
  overflow: clip;
}

.career-bg-gradient-1 {
  width: 75vw;
  position: absolute;
  top: 82%;
  left: -20%;
  right: auto;
  overflow: clip;
}

.div123 {
  z-index: 5;
  background-color: var(--black);
  height: 200vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.career-benefits-content-wrapper {
  z-index: 3;
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 100%;
  max-width: 1920px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 5em 2em;
  display: grid;
  position: sticky;
  top: 15vh;
  overflow: hidden;
}

.career-benefits-h2 {
  color: var(--white);
  display: block;
  position: relative;
}

.career-benefits-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white);
  border: 2px solid #000;
  border-radius: 1em;
  grid-template-rows: auto auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  height: 23vh;
  padding: 1em;
  display: grid;
}

.career-benefits-card-title {
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
}

.career-easystart-list-text {
  font-size: 1em;
  line-height: 1.5;
}

.career-benefits-card-dot {
  background-color: var(--black);
  border-radius: 1em;
  width: 1em;
  height: 1em;
}

.divjewfld {
  z-index: 5;
  justify-content: center;
  align-items: flex-start;
  height: 200vh;
  display: none;
  position: relative;
  top: 0;
  bottom: auto;
}

.div-block-73 {
  z-index: 5;
  background-color: var(--black);
  position: relative;
}

.career-benefits {
  z-index: 5;
  background-color: var(--black);
  position: relative;
  top: auto;
  overflow: visible;
}

.career-benefits-scroll-wrapperr {
  height: 180vh;
  display: block;
  position: sticky;
  top: 0;
}

.career-easystart {
  z-index: 5;
  background-color: var(--white);
  position: relative;
  overflow: hidden;
}

.career-easystart-content-wrapper {
  z-index: 3;
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  max-width: 1920px;
  height: auto;
  margin: 0 auto auto;
  padding: 5em 2em;
  display: flex;
  position: relative;
  top: 0;
  overflow: hidden;
}

.career-easystart-list {
  border-bottom: .5px solid var(--dim-grey);
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 1.4em;
  display: grid;
}

.career-easystart-list-title {
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.2;
}

.career-easystart-list-wrapper {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  margin-right: 45%;
  display: flex;
}

.career-easystart-background-circle {
  z-index: 6;
  background-image: linear-gradient(#dbd4f7, #fdc9b4 71%);
  border-radius: 100%;
  width: 35em;
  height: 35em;
  position: absolute;
  top: 16vh;
  right: 3%;
}

.career-easystart-mainimage {
  z-index: 6;
  height: 90%;
  position: absolute;
  bottom: 0;
  right: 0;
}

.career-carousel {
  z-index: 7;
  background-color: var(--orange-red);
  padding-top: .25em;
  padding-bottom: .25em;
  position: relative;
  overflow: hidden;
}

.career-carousel-wrap {
  justify-content: space-around;
  align-items: stretch;
  width: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.career-carousel-text-wraper {
  object-fit: contain;
  flex-flow: row;
  flex: none;
  order: 0;
  justify-content: space-around;
  align-items: center;
  width: 100vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.career-carousel-title {
  box-sizing: border-box;
  text-transform: none;
  white-space: nowrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  font-size: 2.5em;
  font-weight: 500;
  line-height: 1;
  display: block;
  overflow: visible;
}

.career-carousel-asterixicon {
  height: 2em;
}

.career-stickycards {
  z-index: 8;
  position: relative;
}

.career-stickycards-wrapper {
  position: relative;
}

.career-stickycard {
  width: 100%;
  height: 100vh;
}

.career-stickycard._1 {
  z-index: 1;
  object-fit: cover;
  background-color: #fff;
  background-image: radial-gradient(circle, #0000, #0003), url('../images/1_01.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  position: sticky;
  top: 0;
}

.career-stickycard._2 {
  z-index: 2;
  object-fit: cover;
  background-image: radial-gradient(circle, #0000, #0003), url('../images/1_02_12.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  position: sticky;
  top: 0;
}

.career-stickycard._3 {
  z-index: 3;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/1_04.jpg');
  background-position: 50%;
  background-size: cover;
  position: sticky;
  top: 0;
}

.career-stickycard._4 {
  z-index: 4;
  object-fit: cover;
  background-color: #fff;
  background-image: radial-gradient(circle, #0000, #05091666), url('../images/1_03_22.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  display: block;
  position: sticky;
  top: 0;
}

.career-stickycard-text-wrapper {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-end;
  width: 100%;
  max-width: 1920px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10em;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: relative;
}

.image-47 {
  z-index: 1;
  position: relative;
}

.career-stickycards-h2 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 50%;
  display: none;
  position: relative;
}

.career-stickycard-descriptin {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white);
  border: 0 #000;
  border-radius: 2em;
  grid-template-rows: auto;
  grid-template-columns: 3fr 1fr;
  grid-auto-columns: 1fr;
  height: 25vh;
  margin-right: 65%;
  padding: 1.5em 2em;
  display: grid;
}

.career-stickycard-text {
  font-size: 1.2em;
  line-height: 1.5;
}

.slider {
  background-color: #fff0;
  height: 45vh;
  position: relative;
  bottom: 20vh;
}

.slide-4 {
  background-image: url('../images/image-78.jpg');
  background-position: 50%;
  background-size: cover;
  top: 0;
}

.mask {
  aspect-ratio: 2.82;
  height: 80%;
}

.career-slider {
  z-index: 9;
  background-color: var(--black);
  display: none;
  position: relative;
}

.career-slider-h2 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  position: relative;
  top: 15vh;
}

.career-slider-contentwrapper {
  flex-flow: column;
  justify-content: space-between;
  max-width: 1920px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: relative;
}

.left-arrow-2 {
  display: none;
}

.career-slider-decoelipses {
  z-index: 3;
  height: 45%;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 50%;
}

.slide-nav, .right-arrow-2 {
  display: none;
}

.career-slider-leftarrow {
  border: 1px solid var(--white);
  border-radius: 100%;
  width: 5vh;
  height: 5vh;
  margin: auto 18% 0 auto;
  display: block;
  right: 0;
}

.career-slider-lrightarrow {
  border: 1px solid var(--white);
  border-radius: 100%;
  width: 5vh;
  height: 5vh;
  margin-top: auto;
  margin-bottom: 0;
  margin-right: 13%;
  display: block;
  bottom: 0;
  right: 0;
}

.career-slider-content {
  display: none;
}

.slider-text {
  color: var(--white);
  margin-left: 1251px;
  margin-right: 381px;
  position: absolute;
  left: -81px;
}

.rl_testimonial15_slide-nav {
  height: 1.75rem;
  font-size: .5rem;
  inset: auto auto 0% 0%;
}

.rl_testimonial15_arrow-icon {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.rl_testimonial15_arrow-right {
  border: 1px solid var(--relume-library-lite--rl-black);
  background-color: var(--relume-library-lite--rl-white);
  color: var(--relume-library-lite--rl-black);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
  inset: auto 0% 0% auto;
}

.rl_testimonial15_arrow-left {
  border: 1px solid var(--relume-library-lite--rl-black);
  background-color: var(--relume-library-lite--rl-white);
  color: var(--relume-library-lite--rl-black);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
  inset: auto 4rem 0% auto;
}

.rl_testimonial15_logo {
  max-height: 3rem;
}

.rl_testimonial15_divider {
  background-color: var(--relume-library-lite--rl-black);
  align-self: stretch;
  width: 1px;
}

.rl-text-style-regular {
  color: var(--relume-library-lite--rl-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl_testimonial15_client-name-text {
  color: var(--relume-library-lite--rl-black);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.rl_testimonial15_client {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  text-align: left;
  align-items: center;
  display: flex;
}

.rl_testimonial_spacing-block-1 {
  width: 100%;
  padding-bottom: 2rem;
}

.rl-heading-style-h5 {
  color: var(--relume-library-lite--rl-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.rl_testimonial15_rating-icon {
  color: var(--relume-library-lite--rl-black);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.rl_testimonial15_rating-wrapper {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  display: flex;
}

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

.rl_testimonial15_client-image {
  object-fit: cover;
}

.rl_testimonial15_content {
  grid-column-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.rl_testimonial15_slide {
  margin-right: 5rem;
}

.rl_testimonial15_component {
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-bottom: 5rem;
}

.rl-padding-section-large {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.rl-container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.rl-padding-global {
  padding-left: 5%;
  padding-right: 5%;
}

.rl_section_testimonial15 {
  z-index: 9;
  background-color: var(--relume-library-lite--rl-white);
  position: relative;
}

.career-moments {
  z-index: 8;
  background-color: var(--white);
  position: relative;
}

.career-moments-contentwrapper {
  grid-column-gap: 1.2em;
  grid-row-gap: 1.2em;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1920px;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2em;
  padding-right: 2em;
  display: grid;
  overflow: hidden;
}

.career-moments-array {
  background-color: var(--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  display: flex;
  overflow: visible;
}

.carrer-moments-card {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  margin-bottom: 2em;
  display: flex;
}

.career-moments-textwrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  padding-top: 5em;
  display: flex;
}

.carrer-moments-image {
  aspect-ratio: 2 / 2.5;
  object-fit: cover;
  display: flex;
}

.carrer-moments-cardtitle {
  font-size: 1em;
  line-height: 1.5;
}

.carrer-moments-cardtext {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.carrer-moments-carddate {
  text-align: right;
  font-size: 1em;
  line-height: 1.5;
}

.image-48 {
  border-radius: 1em;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.career-moments-cards-1, .career-moments-cards-2, .career-moments-cards-3, .career-moments-cards-4 {
  object-fit: contain;
  flex-flow: column;
  flex: none;
  display: flex;
  position: static;
  overflow: visible;
}

.career-moments-text {
  font-size: 1.2em;
  line-height: 1.5;
}

.features-table {
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-6 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.centered-heading-2 {
  text-align: center;
  margin-bottom: 16px;
}

.centered-subheading-2 {
  text-align: center;
  max-width: 530px;
  margin-left: auto;
  margin-right: auto;
}

.comparison-table {
  flex-direction: column;
  margin-top: 50px;
  display: flex;
}

.comparison-row-main {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 24px;
  padding-bottom: 24px;
  display: grid;
}

.comparison-title {
  margin-bottom: 0;
  margin-left: 24px;
}

.comparison-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #e4ebf3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 24px;
  padding-bottom: 24px;
  display: grid;
}

.comparison-negative {
  background-image: url('../images/');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-left: 24px;
  padding-left: 40px;
}

.comparison-positive {
  background-image: url('../images/');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-left: 24px;
  padding-left: 40px;
}

.tabs-2 {
  background-color: var(--white);
}

.rl-text-style-regular-2 {
  color: var(--relume-library-lite--rl-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl_layout28_spacing-block-1 {
  width: 100%;
  padding-bottom: 1rem;
}

.rl-heading-style-h4 {
  color: var(--relume-library-lite--rl-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

.rl_layout28_tabs-link {
  background-color: #0000;
  border-left: 2px solid #0000;
  padding: 0 0 0 2rem;
  display: block;
}

.rl_layout28_tabs-link.w--current {
  border-left-color: var(--relume-library-lite--rl-black);
  opacity: 1;
  background-color: #0000;
}

.rl_layout28_tabs-menu {
  grid-column-gap: 1rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.career-space-tabs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 100%;
  grid-template-columns: 1fr 4.25fr;
  grid-auto-rows: 100%;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: stretch;
  height: auto;
  display: grid;
}

.rl-padding-section-large-2 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.rl-container-large-2 {
  width: 100%;
  max-width: 80rem;
}

.rl-padding-global-2 {
  margin-left: auto;
  margin-right: auto;
  padding-left: 5%;
  padding-right: 5%;
}

.rl_section_layout28 {
  z-index: 9;
  background-color: var(--relume-library-lite--rl-white);
  position: relative;
}

.career-space {
  z-index: 9;
  background-color: var(--black);
  height: auto;
  position: relative;
  overflow: hidden;
}

.career-space-wrapper {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  flex-flow: column;
  justify-content: flex-start;
  max-width: 1920px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 5em 2em;
  display: flex;
}

.career-space-tabs-menu {
  grid-column-gap: 1rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start space-around;
  display: block;
}

.career-space-tabs-link {
  border-bottom: 1px solid var(--dim-grey);
  color: var(--white);
  background-color: #0000;
  border-left: 0 #0000;
  padding: 0;
  transition: padding-left .3s;
  display: block;
}

.career-space-tabs-link:hover {
  color: var(--dim-grey);
  padding-left: .5em;
}

.career-space-tabs-link.w--current {
  border-left-style: none;
  border-left-color: var(--relume-library-lite--rl-black);
  opacity: 1;
  color: var(--black);
  background-color: #fff;
  height: auto;
  padding-left: .25em;
}

.rl_layout28_tabs-link-copy {
  background-color: #0000;
  border-left: 2px solid #0000;
  padding: 0 0 0 2rem;
  display: block;
}

.rl_layout28_tabs-link-copy.w--current {
  border-left-color: var(--relume-library-lite--rl-black);
  opacity: 1;
  background-color: #0000;
}

.career-space-image_wrapper {
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.career-space-image {
  box-sizing: border-box;
  object-fit: cover;
  width: 100%;
  max-height: 100%;
  display: block;
}

.tabs-content-2 {
  flex-flow: column;
  display: flex;
}

.career-space-tab_content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.career-spase-tab {
  box-sizing: border-box;
  aspect-ratio: 16 / 9;
  object-fit: fill;
  flex: none;
  order: 0;
  align-self: auto;
  width: 100%;
  max-height: none;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.career-space-h2 {
  color: var(--white);
}

.career-space-tabname {
  padding-top: .5em;
  padding-bottom: .5em;
  font-size: 1.4em;
  line-height: 1.2;
}

.career-space-tabname.active {
  padding-left: .25px;
}

.image-49 {
  object-fit: cover;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  display: inline-flex;
}

.rl-text-style-regular-3 {
  color: var(--relume-library-lite--rl-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl_layout28_spacing-block-1-2 {
  width: 100%;
  padding-bottom: 1rem;
}

.rl-heading-style-h4-2 {
  color: var(--relume-library-lite--rl-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

.rl_layout28_tabs-link-2 {
  background-color: #0000;
  border-left: 2px solid #0000;
  padding: 0 0 0 2rem;
  display: block;
}

.rl_layout28_tabs-link-2.w--current {
  border-left-color: var(--relume-library-lite--rl-black);
  opacity: 1;
  background-color: #0000;
}

.rl_layout28_tabs-menu-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.rl_layout28_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.rl-padding-section-large-3 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.rl-container-large-3 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.rl-padding-global-3 {
  padding-left: 5%;
  padding-right: 5%;
}

.rl_section_layout28-2 {
  z-index: 12;
  background-color: var(--relume-library-lite--rl-white);
  position: relative;
}

.career-vacancies {
  z-index: 5;
  background-color: var(--white);
  display: block;
  position: relative;
  overflow: hidden;
}

.career-vacancies-content-wrapper {
  z-index: 3;
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  max-width: 1920px;
  height: auto;
  margin: 0 auto auto;
  padding: 5em 2em;
  display: flex;
  position: relative;
  top: 0;
  overflow: hidden;
}

.career-vacancies-list-wrapper {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  border-top: .05em solid #000;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.career-vacancies-item {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border-bottom: .05em solid var(--black);
  color: var(--black);
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr .5fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  font-size: 1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: flex;
}

.career-vacancies-list-title {
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1;
  display: flex;
}

.career-vacancies-list-text {
  text-align: right;
  font-size: 1.2em;
  line-height: 1.5;
}

.career-vacancies-chips {
  border: 0px none var(--dim-grey);
  background-color: var(--d3);
  border-radius: 1em;
  justify-content: space-between;
  width: auto;
  height: auto;
  padding: .125em .75em;
  font-size: 1em;
  line-height: 1.2;
  display: inline-block;
}

.career-vacancies-chips:where(.w-variant-305fde35-adda-3d6d-d3ca-410813f34736) {
  padding: .5em 1em;
  font-size: .9em;
}

.career-vacancies-chips-wrapper {
  grid-column-gap: .4em;
  grid-row-gap: .4em;
  border: .5px none var(--dim-grey);
  border-radius: 0;
  padding-top: .25em;
  padding-bottom: .25em;
  font-size: 1.2em;
  line-height: 1.2;
  display: flex;
}

.career-vacancies-list-link {
  color: var(--black);
  text-align: right;
  text-decoration: none;
  -webkit-text-decoration-color: var(--black);
  text-decoration-color: var(--black);
  border-radius: 60px;
  justify-content: space-between;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  padding: .25em 1em;
  font-size: 1.2em;
  line-height: 1.5;
}

.career-vacancies-list-link:hover {
  background-color: var(--orange-red);
  color: var(--white);
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  margin-right: 0;
  padding-left: 1em;
  padding-right: 1em;
  display: flex;
}

.kv-t-hero-img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.kv-t-vid {
  width: 100%;
  height: 90%;
}

.kv-t-vid._2 {
  object-position: 100% 50%;
}

.kv-t-vid.center {
  object-position: 50% 50%;
  height: auto;
}

.kv-t-vid.right {
  border-bottom-right-radius: 0;
  width: 65%;
}

.kv-t-img-3colors {
  object-fit: cover;
  height: 100%;
  display: block;
  position: relative;
}

.kv-t-lifestyle-img-sec {
  z-index: 33;
  height: 100vh;
  position: relative;
}

.kv-t-lifestyle-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image-50 {
  display: none;
}

.div-block-74 {
  overflow: hidden;
}

.career-hero-bgpart1 {
  border-bottom-right-radius: 0;
  overflow: hidden;
}

.career-hero-bgpart2 {
  overflow: hidden;
}

.career-moments-adaptive {
  display: none;
}

.career-moments-adaptive-cards-1 {
  object-fit: contain;
  flex-flow: column;
  flex: none;
  display: flex;
  position: static;
  overflow: visible;
}

.carrer-moments-adaptive-card {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  margin-bottom: 2em;
  display: flex;
}

.carrer-moments-image-adaptive {
  aspect-ratio: 2 / 2.5;
  object-fit: cover;
  display: flex;
}

.career-moments-adaptive-cards-2, .career-moments-adaptive-cards-3 {
  object-fit: contain;
  flex-flow: column;
  flex: none;
  display: flex;
  position: static;
  overflow: visible;
}

.career-benefits-adapt-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white);
  border: 2px solid #000;
  border-radius: 1em;
  grid-template-rows: auto auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  height: 23vh;
  padding: 1em;
  display: grid;
}

.career-benefits-scroll-wrapperr-adapt {
  height: 180vh;
  display: none;
  position: sticky;
  top: 0;
}

.career-benefits-content-wrapper-adapt {
  z-index: 3;
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 100%;
  max-width: 1920px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 5em 2em;
  display: grid;
  position: sticky;
  top: 15vh;
  overflow: hidden;
}

.career-easystart-adapt-content {
  z-index: 3;
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  max-width: 1920px;
  height: auto;
  margin: 0 auto auto;
  padding: 5em 2em;
  display: none;
  position: relative;
  top: 0;
  overflow: hidden;
}

.career-easystart-list-wrapper-adapt {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  margin-right: 45%;
  display: flex;
}

.career-easystart-list-adapt {
  border-bottom: .5px solid var(--dim-grey);
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 1.4em;
  display: grid;
}

.career-stickycards-mobile {
  z-index: 8;
  display: none;
  position: relative;
}

.career-space-mobile {
  display: none;
  overflow: hidden;
}

.rl-padding-section-large-4 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.rl-heading-style-h2 {
  color: var(--relume-library-lite--rl-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.rl_gallery21_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.rl_gallery21_arrow-icon {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.rl_gallery21_slide {
  padding-right: 2rem;
}

.rl_gallery21_mask {
  width: 50%;
  overflow: visible;
}

.rl_gallery21_slide-nav {
  height: 1.75rem;
  font-size: .5rem;
  inset: auto auto 0% 0%;
}

.rl_gallery21_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: start;
}

.rl_gallery21_slider {
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-bottom: 5rem;
  position: relative;
}

.rl_gallery21_lightbox-link {
  width: 100%;
}

.rl_gallery21_arrow-right {
  border: 1px solid var(--relume-library-lite--rl-black);
  background-color: var(--relume-library-lite--rl-white);
  color: var(--relume-library-lite--rl-black);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
  inset: auto 0% 0% auto;
}

.rl-text-style-medium {
  color: var(--relume-library-lite--rl-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl_gallery21_heading-wrapper {
  width: 100%;
  max-width: 48rem;
}

.rl_gallery21_spacing-block-1 {
  width: 100%;
  padding-bottom: 5rem;
}

.rl_gallery21_image-wrapper {
  width: 100%;
  padding-top: 100%;
  position: relative;
}

.rl_section_gallery21 {
  background-color: var(--relume-library-lite--rl-white);
  overflow: hidden;
}

.rl_blog33_spacing-block-2 {
  width: 100%;
  padding-bottom: 1.5rem;
}

.rl_gallery21_arrow-left {
  border: 1px solid var(--relume-library-lite--rl-black);
  background-color: var(--relume-library-lite--rl-white);
  color: var(--relume-library-lite--rl-black);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
  inset: auto 4rem 0% auto;
}

.rl-padding-global-4 {
  padding-left: 5%;
  padding-right: 5%;
}

.rl-container-large-4 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.career_title_icon {
  width: 2em;
}

.career-bg-gradient-2 {
  width: 75vw;
  position: absolute;
  top: 10%;
  left: 43%;
  overflow: clip;
}

.kv-photoblock {
  height: 200vh;
  display: block;
  position: static;
  overflow: visible;
}

.kv-photoblock-bgwrapper {
  z-index: 32;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.kv-photoblock-imagewrapper {
  z-index: 33;
  justify-content: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  bottom: 0;
  overflow: hidden;
}

.kv-photoblock-bg {
  z-index: 3;
  background-image: url('../images/photoblock_bg.jpg');
  background-position: 50%;
  background-size: cover;
  height: 100vh;
  position: static;
  top: 0;
  overflow: hidden;
}

.kv-photoblock-photo {
  aspect-ratio: auto;
  align-self: flex-end;
  width: auto;
  min-width: auto;
  max-width: 100%;
  height: auto;
  min-height: 41vh;
  max-height: 100vh;
  position: static;
}

.career-vacancies-info {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: inline-flex;
}

.button-wrap {
  font-size: 1em;
  text-decoration: none;
  display: inline-block;
}

.button-wrap:where(.w-variant-5afa60c0-fbf5-0924-0a78-84188b602dda) {
  font-size: .8em;
}

.button-wrap:where(.w-variant-305fde35-adda-3d6d-d3ca-410813f34736) {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 1.2em;
  line-height: 1em;
  text-decoration: none;
}

.button-wrap:where(.w-variant-eaec4655-5079-1939-1baa-7ead432e96d5) {
  font-size: 1.2em;
}

.button-wrap:where(.w-variant-240494e5-bba6-d3c7-214b-db852cf1616c) {
  font-size: .8em;
}

.button-content {
  background-color: var(--orange-red);
  color: var(--white);
  border-radius: 2em;
  padding: 1em 2em;
  font-size: 1em;
  text-decoration: none;
  transition: all .2s;
}

.button-content:where(.w-variant-34f60490-538f-8bbd-0da7-5c17f9ad3ebb) {
  background-color: var(--transparent);
  color: var(--black);
  border: .06em solid #000;
}

.button-content:where(.w-variant-41ba762b-6be6-f0b3-4ce0-bc7690cf90bd) {
  background-color: var(--transparent);
  border: 1px solid #fff;
}

.button-content:where(.w-variant-aebd4676-c74a-032b-4f41-4fa5b74ddc45), .button-content:where(.w-variant-c8a0bd90-805c-32c8-1897-9bc2334e2f8c) {
  background-color: var(--white);
  color: var(--black);
}

.button-content:where(.w-variant-84d33b39-f3f0-7fe1-9703-854ca2f7b7a3) {
  background-color: var(--transparent);
  color: var(--black);
  border: .06em solid #000;
}

.button-content:where(.w-variant-d681a405-21e2-586f-ecfa-cf0c25ebf794) {
  border: .06em solid var(--white);
  background-color: var(--transparent);
}

.button-content:hover {
  background-color: var(--black);
  color: var(--white);
}

.button-content:hover:where(.w-variant-41ba762b-6be6-f0b3-4ce0-bc7690cf90bd) {
  background-color: var(--white);
  color: var(--black);
  border-style: none;
}

.button-content:hover:where(.w-variant-aebd4676-c74a-032b-4f41-4fa5b74ddc45), .button-content:hover:where(.w-variant-c8a0bd90-805c-32c8-1897-9bc2334e2f8c) {
  background-color: var(--orange-red);
}

.button-content:hover:where(.w-variant-d681a405-21e2-586f-ecfa-cf0c25ebf794) {
  background-color: var(--white);
  color: var(--black);
}

.button_layout {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button_layout:where(.w-variant-3d9d6627-83e5-795f-9bb1-ca3e4ac50e6b) {
  flex-flow: row-reverse;
}

.button_text {
  line-height: 100%;
  text-decoration: none;
}

.page-slot {
  aspect-ratio: 1;
  width: 1em;
}

.slot {
  aspect-ratio: 1;
  width: 1em;
  padding: 0;
}

.button_icon {
  aspect-ratio: 1;
  object-fit: fill;
  width: 1em;
  padding: 0;
}

.button_slot {
  width: 100%;
  height: 100%;
  padding: 0;
}

.text-block-9 {
  aspect-ratio: 1;
  width: 1em;
  font-size: 1em;
  line-height: 1px;
}

.div-block-75 {
  background-color: #000;
}

.icon-arrow-totop {
  aspect-ratio: 1;
  text-align: center;
  width: auto;
  height: auto;
  font-size: 1em;
  line-height: 1em;
  display: block;
}

.div-block-76:where(.w-variant-305fde35-adda-3d6d-d3ca-410813f34736) {
  padding: 1em;
}

.text-block-10:where(.w-variant-305fde35-adda-3d6d-d3ca-410813f34736) {
  padding-top: 1em;
}

.chip {
  background-color: var(--stahl-10);
  border-radius: 6em;
  flex: none;
  font-size: 1.1em;
  display: inline-block;
}

.chip:where(.w-variant-305fde35-adda-3d6d-d3ca-410813f34736) {
  display: inline-block;
}

.chip:where(.w-variant-fcdc2ed8-8c10-1127-6df9-1d1d003976ac) {
  border: .06em solid var(--stahl-50);
  background-color: var(--transparent);
}

.chip-content {
  background-color: var(--stahl-10);
  border-radius: 12em;
  width: 100%;
  height: 100%;
  font-size: 1em;
  display: inline-block;
}

.chip-content:hover {
  background-color: var(--stahl-40);
}

.chip-text {
  justify-content: center;
  align-items: center;
  display: inline-block;
}

.career-vacancies-button {
  border: .05em solid #000;
  border-radius: 5em;
  flex: none;
  padding: .8em 1.6em;
  font-size: 1em;
  line-height: 100%;
  text-decoration-style: solid;
}

.career-vacancies-button:hover {
  background-color: var(--black);
  color: var(--white);
}

.div-block-77 {
  flex: none;
  display: inline-flex;
}

.chip-text-block {
  color: var(--stahl-50);
  padding: .6em 1em;
  font-size: 1em;
}

.chips-container {
  font-size: .6em;
}

.chips-container:where(.w-variant-ce0a5fd7-b94c-98ac-9cc1-ae8c8a60246e) {
  font-size: 1.2em;
}

.chips-container:where(.w-variant-ca0693dc-5adb-8b24-7153-2ff9a11eacf3) {
  font-size: 1.4em;
}

.div-block-78 {
  background-image: url('../images/workroom.jpg');
  background-position: 0 0;
  background-size: auto;
}

.career-space-image-tray {
  box-sizing: border-box;
  object-fit: cover;
  background-image: url('../images/workroom.jpg');
  background-position: 50%;
  background-size: cover;
  height: 100%;
  display: block;
}

.career-space-image-tray._2 {
  background-image: url('../images/IMG_9533_Nero-AI_Photo_1.avif');
}

.career-space-image-tray._3 {
  background-image: url('../images/meetingroom_1.avif');
}

.career-space-image-tray._4 {
  background-image: url('../images/P1012329_1.avif');
}

.career-space-image-tray._5 {
  background-image: url('../images/Layer-20_Nero-AI_Photo_Face2_1.avif');
}

.image-52 {
  aspect-ratio: 1;
  width: 1em;
}

.ghost_button_layout {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ghost_button_layout:where(.w-variant-3d9d6627-83e5-795f-9bb1-ca3e4ac50e6b), .ghost_button_layout:where(.w-variant-292dd053-efed-7820-03e4-dbed008404f5) {
  flex-flow: row-reverse;
}

.ghost-button-style {
  font-size: 1em;
}

.ghost-button-style:where(.w-variant-1935ecaf-8414-42c2-133d-e6327696928e) {
  color: var(--white);
}

.ghost-button-style:hover {
  color: var(--stahl-50);
}

.ghost-button-with-icon:where(.w-variant-ec857bcc-df75-2f35-7702-45dcac8d2f57) {
  color: var(--black);
  font-size: 1.4em;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.ghost-button-with-icon:where(.w-variant-c1e79831-76a8-f0b2-1609-26e8e9da5960) {
  font-size: .8em;
}

.add_icon_component {
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.rl-padding-section-large-5 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.rl-button-group-center {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.rl_header26_spacing-block-2 {
  width: 100%;
  padding-bottom: 2rem;
}

.rl-button-secondary {
  border: 1px solid var(--relume-library-lite--rl-black);
  background-color: var(--relume-library-lite--rl-white);
  color: var(--relume-library-lite--rl-black);
  text-align: center;
  padding: .75rem 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
}

.rl_header26_image-wrapper {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.rl-button {
  border: 1px solid var(--relume-library-lite--rl-black);
  background-color: var(--relume-library-lite--rl-black);
  color: var(--relume-library-lite--rl-white);
  text-align: center;
  padding: .75rem 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
}

.rl_header26_spacing-block-1 {
  width: 100%;
  padding-bottom: 2rem;
}

.rl_header26_spacing-block-3 {
  width: 100%;
  padding-bottom: 5rem;
}

.rl_header26_content {
  text-align: center;
  width: 100%;
  max-width: 48rem;
}

.rl-text-style-medium-2 {
  color: var(--relume-library-lite--rl-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl-text-style-medium-2.is-white {
  color: #fff;
}

.rl_section_header26 {
  background-color: var(--relume-library-lite--rl-white);
}

.rl_header26_component {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.rl-heading-style-h1 {
  color: var(--relume-library-lite--rl-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.rl-heading-style-h1.is-white {
  color: #fff;
}

.rl-container-large-5 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.rl_heading1_spacing-block-2 {
  width: 100%;
  padding-bottom: 2rem;
}

.rl_heading1_spacing-block-1 {
  width: 100%;
  padding-bottom: 1.5rem;
}

.rl-button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.header5_component {
  align-items: center;
  min-height: 100vh;
  max-height: 60rem;
  display: flex;
}

.rl_section_header5 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/placeholder-image.svg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  position: relative;
}

.rl_header5_content {
  color: #fff;
  width: 100%;
  max-width: 35rem;
}

.rl-button-secondary-alternate {
  border: 1px solid var(--relume-library-lite--rl-white);
  color: var(--relume-library-lite--rl-white);
  text-align: center;
  background-color: #0000;
  padding: .75rem 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
}

.header-menu {
  z-index: 3000;
  background-color: var(--white);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  width: 100vw;
  margin-left: auto;
  margin-right: auto;
  padding-top: .5em;
  padding-bottom: .5em;
  display: block;
  position: static;
}

.header-menu-wraper {
  justify-content: space-between;
  align-items: center;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
}

.header-menu-list-desktop {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: row;
  display: flex;
}

.div-block-79 {
  background-color: #000;
  height: 100vh;
}

.text-block-11 {
  border-radius: 0;
}

.div-block-80 {
  vertical-align: middle;
  padding: 1em 2em;
  font-size: 1em;
  display: inline-block;
}

.text-block-12 {
  padding: 0;
  font-size: 1em;
  line-height: 1em;
}

.link-block {
  display: inline-block;
}

.header-menu-link-name {
  font-size: 1em;
  font-weight: 400;
}

.header-menu-link-name:where(.w-variant-d8a36ae9-4f86-fd6a-6794-ea85edbc4352) {
  color: var(--white);
}

.header-menu-link-name:hover {
  color: var(--black);
  font-weight: 400;
}

.header-menu-link-name:hover:where(.w-variant-d8a36ae9-4f86-fd6a-6794-ea85edbc4352) {
  color: var(--white);
}

.header-menu-link-item {
  grid-column-gap: .15em;
  grid-row-gap: .15em;
  color: var(--black);
  -webkit-text-stroke-color: var(--black);
  flex-flow: column;
  padding-top: .15em;
  font-size: 1em;
  text-decoration: none;
  display: flex;
}

.header-menu-link-item:hover {
  color: var(--stahl-90);
}

.header-menu-link-underline {
  width: var(--header-menu-link-underline\<deleted\|variable-60148f3c-f17c-dc3d-c82a-3184cdcb66a2\>);
  border-bottom: .06em solid #000;
}

.header-menu-link-underline:where(.w-variant-d8a36ae9-4f86-fd6a-6794-ea85edbc4352) {
  border-bottom-color: #fff;
}

.header-menu-dropdown {
  flex-flow: column;
  display: block;
}

.dropdown-toggle {
  padding: 0;
}

.dropdown-list-2 {
  background-color: #fff;
  width: 100vw;
  display: block;
  top: 3em;
}

.header-menu-dropdown-toggle {
  padding: 0;
}

.header-menu-dropdown-list {
  background-color: var(--transparent);
}

.header-menu-dropdown-list.w--open {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-flow: column;
  display: flex;
}

.header-menu-dropdown-bg {
  height: 17.6rem;
  display: none;
}

.header-menu-dropdown-wrappper {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 18vw;
  height: 18rem;
  padding-top: 1em;
  font-size: .9em;
  display: flex;
  position: static;
}

.rl_navbar2_button-wrapper {
  grid-column-gap: 1rem;
  margin-left: 1rem;
  display: flex;
}

.rl_navbar2_component {
  border-bottom: 1px solid var(--relume-library-lite--rl-black);
  background-color: var(--relume-library-lite--rl-white);
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 4.5rem;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.rl_navbar2_link {
  color: var(--relume-library-lite--rl-black);
  padding: .5rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl_navbar2_link.w--current {
  color: #000;
}

.rl_navbar2_dropdown-link {
  color: #000;
  padding: .5rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl_navbar2_dropdown-link.w--current {
  color: #000;
}

.rl_navbar2_menu-button {
  padding: 0;
}

.rl_navbar2_logo-link {
  padding-left: 0;
}

.rl-dropdown-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 1rem;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  right: 0%;
}

.rl_navbar2_menu {
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.rl_navbar2_button {
  border: 1px solid var(--relume-library-lite--rl-black);
  background-color: var(--relume-library-lite--rl-black);
  color: var(--relume-library-lite--rl-white);
  text-align: center;
  padding: .5rem 1.25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
}

.rl_navbar2_dropdown-list.w--open {
  background-color: #fff;
  border: 1px solid #000;
  padding: .5rem;
  position: absolute;
}

.rl_navbar2_container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.rl_navbar2_dropdwn-toggle {
  color: var(--relume-library-lite--rl-black);
  padding: .5rem 2.5rem .5rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.header-menu-list-adaptive-wrapper {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: row;
  display: none;
}

.header-menu-dropdown-adaptive_wrappper {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 18vw;
  height: 18rem;
  padding-top: 1em;
  font-size: .9em;
  display: flex;
  position: static;
}

.header-menu-desktop-button-wrapper {
  font-size: 1em;
}

.header-menu-container {
  z-index: 33;
  width: 100%;
  max-width: 1920px;
  padding-left: 2em;
  padding-right: 2em;
  text-decoration: none;
  display: block;
  position: static;
  overflow: visible;
}

.header-menu-container.hight-100 {
  width: 100vw;
}

.header-menu-container.dropdown-list {
  z-index: 22;
}

.header-menu-adaptive-button-wrapper {
  display: none;
}

.menu-component {
  z-index: 99998;
  display: block;
  position: fixed;
  top: 0;
}

.gradient-bg {
  width: 100%;
  height: 100%;
  display: none;
}

.hero-circles-copy {
  z-index: -1;
  filter: none;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.rl_navbar2_button-wrapper-2 {
  grid-column-gap: 1rem;
  margin-left: 1rem;
  display: flex;
}

.rl_navbar2_component-2 {
  border-bottom: 1px solid var(--relume-library-lite--rl-black);
  background-color: var(--relume-library-lite--rl-white);
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 4.5rem;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.rl_navbar2_link-2 {
  color: var(--relume-library-lite--rl-black);
  padding: .5rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl_navbar2_link-2.w--current {
  color: #000;
}

.rl_navbar2_dropdown-link-2 {
  color: #000;
  padding: .5rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl_navbar2_dropdown-link-2.w--current {
  color: #000;
}

.rl_navbar2_menu-button-2 {
  padding: 0;
}

.rl_navbar2_logo-link-2 {
  padding-left: 0;
}

.rl-dropdown-icon-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 1rem;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  right: 0%;
}

.rl_navbar2_menu-2 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.rl_navbar2_button-2 {
  border: 1px solid var(--relume-library-lite--rl-black);
  background-color: var(--relume-library-lite--rl-black);
  color: var(--relume-library-lite--rl-white);
  text-align: center;
  padding: .5rem 1.25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
}

.rl_navbar2_dropdown-list-2.w--open {
  background-color: #fff;
  border: 1px solid #000;
  padding: .5rem;
  position: absolute;
}

.rl_navbar2_container-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.rl_navbar2_dropdwn-toggle-2 {
  color: var(--relume-library-lite--rl-black);
  padding: .5rem 2.5rem .5rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl_navbar5_spacing-block1 {
  width: 100%;
  padding-bottom: .25rem;
}

.rl_navbar5_dropdown-toggle {
  color: var(--relume-library-lite--rl-black);
  padding: 1.5rem 2.5rem 1.5rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
}

.rl_navbar5_logo-link {
  padding-left: 0;
}

.rl_navbar5_blog-item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .6fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: .5rem;
  padding-bottom: .5rem;
  text-decoration: none;
  display: grid;
}

.rl_navbar5_link {
  color: var(--relume-library-lite--rl-black);
  padding: 1.5rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
}

.rl_navbar5_link.w--current {
  color: #0000;
}

.rl_navbar5_dropdown-column-text {
  color: var(--relume-library-lite--rl-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.3;
}

.rl_navbar5_dropdown-background-layer {
  background-color: var(--relume-library-lite--rl-gray);
  min-width: 100vw;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.rl_navbar5_dropdown-content-left {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 2rem 2rem 2rem 0;
  display: grid;
}

.rl_navbar5_dropdown-list.w--open {
  background-color: #fff;
  border-bottom: 1px solid #000;
  width: 100vw;
  min-width: 100vw;
  max-width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  position: absolute;
  inset: 100% 0% auto;
  overflow: hidden;
}

.rl_navbar5_text-small {
  color: var(--relume-library-lite--rl-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
}

.rl-button-link-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.rl_navbar5_large-item-content {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.rl_navbar5_dropdown-content {
  width: 100%;
  display: flex;
}

.rl_navbar5_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.rl-text-style-small {
  color: var(--relume-library-lite--rl-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl_navbar5_dropdown-link-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  display: grid;
}

.rl_navbar5_button {
  border: 1px solid var(--relume-library-lite--rl-black);
  background-color: var(--relume-library-lite--rl-black);
  color: var(--relume-library-lite--rl-white);
  text-align: center;
  padding: .5rem 1.25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
}

.rl_navbar5_menu-button {
  padding: 0;
}

.rl-button-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px none var(--relume-library-lite--rl-black);
  color: var(--relume-library-lite--rl-black);
  text-align: center;
  background-color: #0000;
  padding: .25rem 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1;
  text-decoration: none;
  display: flex;
}

.rl_navbar5_icon {
  height: 1.5rem;
}

.rl_navbar5_blog-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.rl_navbar5_icon-wrapper {
  flex: none;
}

.rl_navbar5_item-title {
  color: var(--relume-library-lite--rl-black);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
}

.rl_navbar5_blog-list {
  grid-column-gap: 0rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: grid;
}

.rl_navbar5_blog-image-wrapper {
  width: 100%;
  padding-top: 66.66%;
  position: relative;
}

.rl_navbar5_item-right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.rl-button-group-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.rl_navbar5_menu-right {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.rl_navbar5_menu {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  margin-left: 1.5rem;
  display: flex;
  position: static;
}

.rl_navbar5_dropdown-link {
  grid-column-gap: .75rem;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding-top: .5rem;
  padding-bottom: .5rem;
  text-decoration: none;
  display: grid;
}

.rl_navbar5_dropdown-content-right {
  flex: 1;
  max-width: 35rem;
  padding: 2rem 0 2rem 2rem;
  display: flex;
  position: relative;
}

.rl_navbar5_spacing-block2 {
  width: 100%;
  padding-bottom: .5rem;
}

.rl_navbar5_menu-dropdown {
  position: static;
}

.rl_navbar5_item-link {
  color: var(--relume-library-lite--rl-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: underline;
}

.rl_navbar5_component {
  border-bottom: 1px solid var(--relume-library-lite--rl-black);
  background-color: var(--relume-library-lite--rl-white);
  align-items: center;
  width: 100%;
  min-height: 4.5rem;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.rl_navbar5_button-secondary {
  border: 1px solid var(--relume-library-lite--rl-black);
  color: var(--relume-library-lite--rl-black);
  text-align: center;
  background-color: #0000;
  padding: .5rem 1.25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
}

.rl_navbar5_dropdown-content-wrapper {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: max-content max-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  display: grid;
  position: relative;
}

.uui-text-size-small {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.show-tablet {
  display: none;
}

.uui-button {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary600);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-dropdown-icon {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 1rem;
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
}

.uui-icon-1x1-xsmall {
  width: 1.5rem;
  height: 1.5rem;
}

.uui-navbar07_item-right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-weight: 400;
  display: flex;
}

.uui-navbar07_icon-wrapper {
  color: var(--untitled-ui--primary600);
  flex: none;
}

.uui-navbar07_dropdown-link {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: .75rem;
  text-decoration: none;
  transition: all .3s;
  display: grid;
}

.uui-navbar07_dropdown-link:hover {
  background-color: var(--untitled-ui--gray50-2);
}

.uui-navbar07_dropdown-link-list {
  grid-column-gap: 0px;
  grid-row-gap: .5rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  display: grid;
}

.uui-navbar07_component {
  border-bottom: 1px solid var(--untitled-ui--gray100);
  background-color: #fff;
  align-items: center;
  min-height: 5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.uui-navbar07_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.uui-navbar07_logo-link {
  padding-left: 0;
}

.uui-navbar07_menu {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 1.5rem;
  display: flex;
  position: static;
}

.uui-navbar07_link {
  color: var(--untitled-ui--gray600);
  align-items: center;
  padding: .75rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all .3s;
}

.uui-navbar07_link:hover {
  color: var(--untitled-ui--gray700);
}

.uui-navbar07_link.w--current {
  color: #000;
}

.uui-navbar07_dropdown-toggle {
  color: var(--untitled-ui--gray600);
  align-items: center;
  padding: .75rem 2.5rem .75rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all .3s;
  display: flex;
}

.uui-navbar07_dropdown-toggle:hover {
  color: var(--untitled-ui--gray700);
}

.uui-navbar07_menu-right {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.uui-navbar07_menu-button {
  padding: 0;
}

.uui-navbar07_dropdown-list {
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.uui-navbar07_dropdown-list.w--open {
  border: 1px solid var(--untitled-ui--gray200);
  background-color: var(--untitled-ui--white);
  border-radius: .75rem;
  width: 20rem;
  padding: .75rem;
  right: -100%;
}

.uui-button-secondary-gray {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray800);
}

.uui-button-secondary-gray:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.uui-button-secondary-gray.show-tablet {
  display: none;
}

.uui-button-tertiary-gray {
  grid-column-gap: .5rem;
  color: var(--untitled-ui--gray600);
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-button-tertiary-gray:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray700);
}

.uui-navbar07_button-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  display: flex;
}

.uui-logo_component {
  flex-wrap: nowrap;
  width: auto;
  height: 2rem;
  display: flex;
}

.uui-logo_logomark {
  border: .1px solid #dae0e8;
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 1px #1018280f, 0 1px 2px #1018281a;
}

.uui-styleguide_logomark-bg {
  border-radius: 8px;
  width: 2rem;
  height: 2rem;
  position: absolute;
  inset: 0%;
}

.uui-logo_logomark-blur {
  z-index: 2;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #fff3;
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
  width: 100%;
  height: 50%;
  position: absolute;
  inset: 50% 0% 0%;
  overflow: hidden;
}

.uui-logo_logomark-dot {
  z-index: 1;
  background-image: linear-gradient(26.5deg, #6941c6, #53389e);
  border-radius: 50%;
  width: 50%;
  height: 50%;
  position: relative;
}

.uui-logo_logotype {
  flex: none;
  width: auto;
  height: 100%;
}

.uui-navbar07_item-heading {
  color: var(--untitled-ui--gray900);
  margin-top: 0;
  margin-bottom: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
}

.uui-logo_image {
  flex: none;
  width: auto;
  height: 100%;
  display: none;
}

.career-vacancies-item-copy {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border-bottom: .05em solid var(--black);
  color: var(--black);
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr .5fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  font-size: 1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: flex;
}

.nao-footer_text {
  opacity: .6;
  color: var(--white);
  width: auto;
  margin-bottom: 1em;
  font-size: 1em;
  line-height: 1.2;
  text-decoration: none;
}

.nao-footer_text:hover {
  text-decoration: none;
}

@media screen and (max-width: 991px) {
  .hero-wrap {
    height: 100vh;
    display: block;
  }

  .text-2-5.b {
    display: block;
  }

  .text-wrap {
    width: 70%;
  }

  .intro {
    height: 90vh;
  }

  .main-text-wrap-40-per-w {
    width: 70%;
  }

  ._02-vortex {
    flex-direction: column;
    height: 80vh;
  }

  .video-wrap {
    width: 90%;
    left: 38px;
  }

  .text-wrap-2 {
    width: 90%;
    padding-top: 10vh;
    padding-left: 0;
  }

  .anim-wrap {
    width: 100%;
    height: 1px;
    display: flex;
    position: absolute;
    inset: 0% 0% auto;
  }

  ._03-shape {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 80vh;
  }

  .text-wrap-3 {
    width: 65%;
    margin-left: 2em;
    padding-top: 10vh;
    padding-right: 0;
    left: 0;
  }

  .video-wrap-shape {
    width: 100%;
    inset: 0%;
  }

  .bg-vid-shape {
    height: 100%;
  }

  ._04-heat {
    flex-direction: column;
    justify-content: flex-start;
    height: 80vh;
  }

  ._05-materials {
    height: 100vh;
  }

  .text-wrap-4 {
    padding-top: 10vh;
  }

  .text-wrap-5._2 {
    width: 80%;
  }

  .text-wrap-5._3 {
    width: 70%;
  }

  .img-mat {
    width: 100%;
  }

  .img-mat-2 {
    width: 100%;
    inset: auto 0% 0%;
  }

  ._06-materials {
    height: 90vh;
  }

  ._07-3d {
    align-items: flex-start;
  }

  .a__hero {
    height: 80vh;
  }

  .a__hero-text-wrap {
    width: 70%;
  }

  .a__pro {
    height: 100%;
  }

  .grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-bottom: 10vh;
  }

  .h2-2 {
    font-size: 4vw;
  }

  .a_2_text-wrap-2 {
    width: 100%;
    padding-bottom: 5vh;
  }

  .a_2_text-wrap-2.width {
    width: 100%;
    padding-left: 10vw;
  }

  .img-explode {
    max-width: 100%;
    margin-top: 180px;
  }

  .a_img-wrp {
    margin-left: auto;
    top: 19px;
  }

  .grid-design {
    grid-template-rows: auto auto;
  }

  .wrpr_a_2_text-4 {
    width: 50%;
  }

  .a_2_text-wrap-3 {
    width: 70%;
    padding-top: 10vh;
    padding-left: 0;
    padding-right: 0;
  }

  .a__plus-intro {
    height: 100%;
  }

  .grid_a_plus {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .a_2_text-wrap-intro {
    flex-direction: column;
    align-items: flex-start;
    width: 90%;
    padding-left: 10vw;
    padding-right: 0;
  }

  .a__grid_icons-plus {
    grid-column-gap: 0px;
    grid-template-columns: 1fr 1fr;
  }

  .img-explode-pl {
    max-width: 120%;
    position: relative;
    top: 30px;
    left: -100px;
  }

  .a__plus-mat2 {
    height: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    padding-right: 0;
  }

  .grid-3 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .intro-mini {
    height: 60vh;
  }

  ._02-design-l-mini {
    flex-direction: column;
    height: 200vh;
  }

  .hero-wrap-mini {
    height: 80vh;
  }

  .text-wrap-2-mini {
    padding-top: 20vh;
  }

  .main-wrap-mini {
    width: 70%;
  }

  .video-wrap-shape-mini {
    width: 100%;
  }

  .text-wrap-2-mini-2 {
    padding-top: 120vh;
  }

  .text-wrap-3-mini-2 {
    padding-top: 120vh;
    left: 10vw;
  }

  ._04-materials-mini {
    height: 180vh;
  }

  .grid-wrpr-2 {
    padding-top: 50vh;
  }

  .mini-img-mat01 {
    bottom: 50%;
  }

  .text-wrap-3-mini-3 {
    padding-top: 140vh;
    padding-right: 0;
  }

  .mini-img-mat02 {
    top: 30%;
    right: 0%;
  }

  ._05-mini-text-wrpr {
    width: 45%;
    padding-bottom: 70px;
  }

  .text-wrap-mini {
    width: 70%;
  }

  .hero-wrap-perenio {
    background-color: #c8cccf;
    height: 100vh;
  }

  .intro-perenio {
    height: 60vh;
  }

  .img-perenio-01 {
    background-position: 50% 100%;
    background-size: 1000px;
  }

  .text-wrap-perenio {
    width: 71%;
  }

  .p-inspiration {
    overflow: hidden;
  }

  .p-img-insp-02 {
    display: none;
  }

  .p-form {
    height: 80vh;
  }

  .text-wrap-2-p {
    width: 100%;
    padding-top: 10vh;
    padding-right: 10vw;
  }

  .p-rule-section {
    height: 100vh;
  }

  .text-wrap-2-p-2 {
    width: 100%;
    padding-top: 50vh;
    padding-left: 10vw;
  }

  .p-img-form-2 {
    background-size: 1320px;
    top: 0%;
  }

  .p-img-insp-03 {
    top: 51%;
    left: 46%;
  }

  .p-anim-insp {
    left: 7%;
  }

  .slider-p-01 {
    height: 70vh;
  }

  .main-wrap-sber {
    width: 70%;
  }

  .sec-1-sber {
    align-items: center;
    height: 80vh;
  }

  .img-sber {
    background-position: 50% 0;
    background-size: cover;
  }

  .text-wrpr-sber {
    width: 60%;
  }

  .text-wrpr-sber.center {
    width: 80%;
  }

  .sec-2-sber {
    height: 60vh;
  }

  .sec-3-sber {
    height: 80vh;
  }

  .text-wrap-sber {
    width: 70%;
  }

  .sec-5-sber {
    height: 140vh;
  }

  .sec-5-img-portal {
    background-size: 1080px;
    padding-bottom: 70%;
  }

  .sec-5-img-png {
    background-size: 1080px;
  }

  .sec-6-sber {
    height: 140vh;
  }

  .text-wrpr-sber-r {
    width: 60%;
    padding-bottom: 70px;
  }

  .sec-7-sber {
    background-size: 640px;
    align-items: flex-end;
    height: 100vh;
  }

  .sec-8-sber {
    margin-top: 0;
    display: none;
  }

  .text-wrpr-sber-2 {
    width: 45%;
    padding-bottom: 70px;
  }

  .vid-scroll {
    height: 140vh;
  }

  .text-wrpr-sber-sticky {
    width: 45%;
    padding-bottom: 70px;
  }

  .lottie-animation-4 {
    top: 50vh;
  }

  .sec-9-sber-fin {
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .desktop {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    padding-left: 0%;
    padding-right: 0%;
  }

  .igor-pic {
    background-size: contain;
    height: 320px;
  }

  .name-igor {
    line-height: 1em;
  }

  .sec-8-sber-mob {
    z-index: 10;
    background-image: url('../images/b-w.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 60vh;
    display: block;
    position: relative;
  }

  .text-wrpr-sber-1sec {
    width: 60%;
    inset: auto 0% 0%;
  }

  .kostya-pic {
    height: 480px;
  }

  .main-wrap-sber-m {
    width: 70%;
    display: none;
  }

  .text-wrpr-sber-m {
    width: 70%;
    padding-top: 0;
    padding-bottom: 60px;
    display: block;
    position: static;
  }

  .text-wrpr-sber-sec-7 {
    width: 60%;
    display: none;
  }

  .award-block {
    padding-left: 0%;
    padding-right: 0%;
  }

  .reddot-col {
    margin-bottom: 60px;
    padding-right: 0;
  }

  .if-col {
    padding-left: 0;
  }

  .a-__hero {
    height: 80vh;
  }

  .ac-hero-text-wrap {
    width: 50%;
  }

  .ac_img-wrp {
    height: 60%;
    margin-left: auto;
  }

  .blog-wrap {
    flex-direction: column;
  }

  ._1-blog_pic-wrap {
    width: 100%;
  }

  ._2-blog_pic-wrap, ._3-blog_pic-wrap {
    width: 50%;
  }

  .blog-img-big {
    height: 50vh;
  }

  .blog-all-img-wrap {
    flex-direction: row;
    width: 100%;
    height: 50vh;
  }

  .blog-title-link-wrap {
    width: 70%;
  }

  .careers-txt-wrap {
    max-width: 640px;
  }

  .h2-blog-header {
    font-size: 4vw;
  }

  .col-01-careers {
    padding-bottom: 0;
    padding-right: 0;
  }

  .career-item-col-wrap {
    margin-left: 0;
    margin-right: 0;
  }

  .col-02-item {
    position: relative;
    top: 0;
  }

  .ac-img-l {
    background-position: 0%;
    background-size: cover;
    height: 520px;
  }

  .absolute_text-wrap-50per {
    width: 100%;
    inset: auto 0% 5%;
  }

  .ac__design-section {
    padding-top: 60px;
  }

  .ac_wrpr_text {
    width: 70%;
    left: 0;
  }

  .ac_video {
    left: 15%;
  }

  .ac_wrpr_text_left {
    z-index: 2;
    width: 70%;
  }

  .ac-tile-img-x2 {
    width: 100%;
    height: 470px;
    margin-bottom: 40px;
  }

  .air-flow-img {
    width: 100%;
    height: 460px;
    left: 0;
  }

  .ecofriendly-img {
    width: 100%;
    height: 480px;
  }

  .ac-1280-absolute {
    width: 100%;
  }

  .wrap-2-flex {
    flex-direction: column;
    align-items: stretch;
  }

  .wrap-2-flex.flip {
    flex-direction: column-reverse;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .sb-time-hero-text-wrap {
    width: 60%;
  }

  .sb-time_gallery {
    background-image: url('../images/sb-time-interior.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
  }

  .sb-time-_text-wrap-50 {
    width: 100%;
    padding-left: 2em;
    padding-right: 2em;
    inset: auto 0% 5%;
  }

  .all-devices-img {
    background-size: cover;
    height: 250px;
  }

  .sb-top_img-wrp {
    height: 60%;
    margin-left: auto;
  }

  .sb-top-img-l {
    background-position: 50%;
    background-size: cover;
    height: 60vh;
  }

  .sb-time-wrap-galley {
    width: 100%;
  }

  .sb-time-explode {
    height: 70vh;
  }

  .sb-time_gallery-m {
    background-image: url('../images/sb-time-interior.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 560px;
  }

  .sb-time-gallery-section-m {
    flex-direction: column;
    display: flex;
  }

  .sb-time-wrap-galley-m {
    background-color: var(--d3);
    width: 100%;
    height: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .link-light {
    margin-left: 0;
    margin-right: 0;
    padding-top: 1.4em;
    padding-bottom: 1.4em;
    font-size: 1.6em;
  }

  .nao-logo-svg {
    width: 25vw;
    min-width: 143px;
    max-width: 250px;
  }

  .hero-txt-wrap.top {
    width: 60em;
  }

  .container-1 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .h1-nao-ru {
    font-size: 48px;
  }

  .nao-button-arrow {
    height: 5em;
    margin-right: 1em;
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .nao-button-arrow.nav {
    display: none;
  }

  .nao-btn-text {
    color: var(--white);
    font-size: 1.6em;
  }

  .track {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .camera {
    width: auto;
    height: auto;
    overflow: visible;
  }

  .frame {
    flex-direction: column;
    margin-right: 2em;
  }

  .item {
    width: 100%;
    padding-bottom: 2em;
  }

  .nao-sec-header {
    font-size: 1.9em;
  }

  .nao-grid-wrap {
    margin-left: 2em;
  }

  .nao-1920-header.absolut {
    width: 100%;
    padding-left: 0;
    position: relative;
    top: 0;
  }

  .h3-nao {
    font-size: 2.4em;
    font-weight: 700;
  }

  .lottie-services.s-p-1, .lottie-services.s-p-2, .lottie-services.s-p-3, .lottie-services.s-p-4, .lottie-services.s-p-ux {
    display: none;
  }

  .portfolio-wrap {
    display: flex;
  }

  .portfolio-left-wrap.on-page {
    width: auto;
  }

  .portfolio-item {
    text-decoration: none;
  }

  .nao-blog-container {
    flex-direction: column;
  }

  .big-news, .small-news-wrap {
    width: auto;
  }

  .f-wrap.last {
    flex-direction: column;
    align-items: flex-start;
  }

  .small-txt {
    font-size: 1em;
  }

  .arrow-back2top {
    top: 5%;
  }

  .footer-cta-wrap {
    width: auto;
  }

  .cta-grid-wrap {
    grid-column-gap: 5em;
    grid-row-gap: 5em;
    flex-direction: column;
  }

  .footer-grid-wrap {
    width: auto;
  }

  .nao-list-item {
    font-size: 1.2em;
  }

  .text-wrap-32em {
    width: 70%;
  }

  .h1-nao-ru-inner.turnkey_p {
    padding-right: 0;
  }

  .header-menu-list-wrapper {
    background-color: var(--white);
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding-top: 6em;
    overflow: hidden;
  }

  .nav-menu-wrap {
    padding-top: 1em;
    padding-bottom: 1em;
    position: relative;
  }

  .mob-menu {
    background-color: var(--black);
    color: var(--black-text);
    border-radius: 50%;
    margin-right: -.35em;
    padding: .35em;
  }

  .mob-menu.w--open {
    z-index: 660;
    background-color: var(--black);
  }

  .menu-icon-lottie {
    width: 1em;
    height: 1em;
    position: relative;
  }

  .brand, .brand.w--current {
    z-index: 333;
  }

  .portfolio-wrap2 {
    display: none;
  }

  .small-portfolio-item.left, .small-portfolio-item.center {
    width: 50%;
  }

  .small-portfolio-item.right {
    z-index: 4;
    width: 50%;
  }

  .portfolio-h3-wrap {
    padding-right: 2em;
  }

  .hero-image-5400 {
    display: none;
  }

  .main-text-wrap-40em {
    width: 70%;
  }

  .hero-text-wrap-item {
    grid-row-gap: 1em;
    width: 60%;
    display: flex;
  }

  .story-wrap {
    flex-direction: column;
  }

  .story-wrap.center {
    grid-row-gap: 1em;
  }

  .p-wrap-33, .wrap-33, .wrap-66 {
    width: auto;
  }

  .p-absolut {
    left: 160px;
  }

  .txt-img-wrap {
    flex-direction: column;
  }

  .hero-image-mob {
    display: block;
    position: relative;
    inset: 0%;
  }

  .mob-hero {
    object-fit: cover;
    justify-content: center;
    width: 100%;
    display: flex;
    position: fixed;
  }

  .hero-section-sb-top {
    height: auto;
    padding-bottom: 4em;
  }

  .video-bg {
    height: 60vh;
  }

  .img-wrap.crop {
    height: auto;
  }

  .sber-top-lottie, .hero-txt-wrap-400vh, .cover-shadow-sb-top {
    display: none;
  }

  .hero-mob {
    grid-row-gap: 2em;
    flex-direction: column;
    margin-top: 20vh;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2em;
    padding-right: 2em;
    display: flex;
  }

  .link-wrap {
    flex-direction: row;
    display: none;
    position: relative;
  }

  .main-menu-wrap {
    grid-row-gap: 2.5em;
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 10em;
    display: block;
  }

  .mob-menu-item {
    color: var(--black);
    text-align: left;
    margin-bottom: 1em;
    font-size: 2em;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    display: flex;
  }

  .hero-line-hp {
    width: 35em;
  }

  .h1-nao-ru-2, .h1-nao-ru-3, .h1-nao-ru-4, .h1-nao-ru-5 {
    font-size: 48px;
  }

  .hubspot-form {
    width: 70%;
  }

  .shadow-hero-lc {
    z-index: 2;
  }

  .mob-menu-wrap {
    height: 80vh;
    padding-left: 2em;
    padding-right: 2em;
    overflow: auto;
  }

  .nao-btn-mob {
    background-color: var(--orange-red);
    color: var(--white);
    border-radius: 50em;
    justify-content: center;
    margin-top: 1em;
    padding: 1em 2em;
    font-size: 1.6em;
    text-decoration: none;
    display: flex;
  }

  .timeline_date-text {
    font-size: 34px;
  }

  .section-timeline-heading {
    position: relative;
  }

  .timeline_text.reg, .timeline_text.reg.sticky {
    font-size: 16px;
  }

  .padding-vertical-xlarge {
    padding-bottom: 4em;
  }

  .services__item {
    width: 100%;
    padding-top: 2em;
    padding-bottom: 2em;
    padding-right: 2em;
  }

  .heading {
    font-size: 54px;
  }

  .lottie-animation-5 {
    display: none;
  }

  .quote__style {
    font-size: 30px;
  }

  .text-block, .text-block-2 {
    font-size: 16px;
  }

  .lottie-service_p_id, .lottie-service_p_analytics {
    display: none;
  }

  .what_we_do_container {
    grid-row-gap: 2em;
    flex-direction: column;
  }

  .what_we_do_item, .what_we_do_item.last {
    width: 100%;
  }

  .what_we_do_header {
    padding-right: 0;
  }

  .lottie-service_p_manuf, .lottie-service_p_electronics, .lottie-service_p_scouting {
    display: none;
  }

  .small-row-portfolio-2 {
    grid-row-gap: 2em;
    flex-direction: column;
    align-items: center;
  }

  .play-pause-button {
    opacity: 1;
  }

  .services__grid_wrap_2 {
    grid-template-columns: 1fr;
  }

  .svg__icon {
    left: 0;
  }

  .secondary_link_mob-menu {
    color: var(--black);
    font-size: 1.5em;
    line-height: 1.5;
    text-decoration: none;
    display: flex;
  }

  .sub_link_wrap {
    grid-column-gap: .5em;
    grid-row-gap: .75em;
    flex-direction: column;
    margin-bottom: 2.5em;
    display: flex;
  }

  .lottie-service_p_custom {
    display: none;
  }

  .cta__section-services {
    padding-bottom: 4em;
  }

  .social-icons_wrap {
    margin-top: 4em;
  }

  .pop-up-subscribe {
    width: 30em;
  }

  .policy-header {
    width: auto;
  }

  .link_footer_small, .link_footer_small.w--current {
    font-size: 1em;
  }

  .ya-is-absolute {
    align-items: flex-start;
  }

  .nao-1920-header_about {
    padding-right: 10em;
  }

  .wrap-in-vid_item {
    margin-left: 0;
  }

  .track-2 {
    height: auto;
    overflow: visible;
  }

  .horizontal-scroll {
    width: auto;
    height: auto;
    position: static;
  }

  .div-block-9 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    place-items: stretch stretch;
    width: auto;
    height: auto;
    padding-left: 2em;
    padding-right: 2em;
    display: grid;
    overflow: hidden;
  }

  .hs_item {
    width: 100%;
    max-width: none;
    height: 100%;
    margin-right: 0;
    padding: 0;
    overflow: auto;
  }

  .clickable-area {
    max-width: none;
  }

  .heading-2 {
    font-size: 6em;
  }

  .heading-2.resizable {
    font-size: 4vw;
  }

  .wrap-in-vid_item_mob {
    margin-left: 0;
  }

  .contact_info_tabs_section {
    flex-direction: column;
  }

  .contact_left.flex-contact {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-flow: column;
  }

  .contact_right {
    width: 100%;
  }

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

  .tabs-menu {
    margin-bottom: 4em;
  }

  .text-block-3, .text-block-4 {
    font-size: 1.4em;
  }

  .nao-txt-item {
    font-size: 1.2em;
  }

  .at-logo-img {
    margin-left: 0;
  }

  .privacypolicy-table {
    padding-left: 20px;
  }

  .sm-hero {
    background-image: linear-gradient(348deg, #d0d2e2 92%, #fff);
    max-width: 100%;
    height: 100vh;
  }

  .sm-hero-title {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    max-width: 100%;
    overflow: hidden;
  }

  .sm-hero-textwrapper {
    padding-bottom: 0;
    padding-right: 35%;
  }

  .sm_hero_videowrapper {
    width: 100%;
    height: 70vh;
    display: none;
    inset: auto 0% 0%;
  }

  .h1-nao-ru-inner-sm.turnkey_p {
    padding-right: 0;
  }

  .sm-intro {
    max-width: 100%;
    height: 60vh;
  }

  .sm-solution {
    height: 60vh;
    overflow: hidden;
  }

  .sm-micro {
    height: 60vh;
    min-height: 500px;
  }

  .sm-micro-title {
    height: auto;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    top: 38vh;
    overflow: visible;
  }

  .sm-micro-content-rapper {
    height: 100vh;
    overflow: hidden;
  }

  .container-3 {
    max-width: 728px;
  }

  .team-grid {
    grid-column-gap: 40px;
  }

  .team-member-image {
    width: 190px;
    height: 190px;
  }

  .sm-micro-imagewrapper {
    padding-left: 12%;
    position: absolute;
    top: 5vh;
    overflow: visible;
  }

  .sm-micro-description1 {
    margin-top: 15%;
    margin-left: 37%;
    overflow: visible;
  }

  .sm-micro-description2 {
    margin-top: 15%;
    margin-left: 66.2%;
    overflow: visible;
  }

  .sm-indicators {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 54vh;
    overflow: hidden;
  }

  .sm-indicators-contentwrapper {
    flex-flow: column wrap;
    align-self: stretch;
    max-width: none;
    height: auto;
    display: block;
    position: relative;
    overflow: visible;
  }

  .sm-indicators-lottie {
    aspect-ratio: auto;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    max-width: 991px;
    height: 38vh;
    margin-bottom: 0;
    display: flex;
    position: relative;
    top: -52px;
  }

  .sm-indicators-title1 {
    margin-top: 7vh;
    margin-bottom: 0;
    padding-right: 60%;
    position: relative;
    top: 0;
    overflow: visible;
  }

  .sm-indicators-description1 {
    width: 20em;
    height: 42%;
    margin-top: 27%;
    margin-left: 69.5%;
  }

  .sm-indicators-description2 {
    width: 25em;
    height: 35%;
  }

  .sm-indicators-title2 {
    position: relative;
  }

  .lottie-animation-6 {
    display: none;
  }

  .sm-photoblock1-bg, .sm-photoblock1 {
    height: 70vh;
    overflow: visible;
  }

  .sm-photoblock1-photo1 {
    padding-top: 10vh;
  }

  .sm-photoblock1-imagewrapper {
    height: 70vh;
    overflow: hidden;
  }

  .sm-photoblock2 {
    height: 60vh;
  }

  .sm-photoblock2-bg {
    height: 100%;
  }

  .sm-photoblock2-contentwrapper {
    height: 60vh;
    position: absolute;
  }

  .sm-photoblock2-photo1 {
    max-width: none;
    height: 42vh;
    position: absolute;
  }

  .sm-photoblock2-title {
    margin-top: 7vh;
  }

  .sm-photoblock2-textwrapper {
    padding-left: 20%;
    padding-right: 20%;
    bottom: 12%;
  }

  .sm-photoblock1-bgwapper {
    height: 100%;
    position: relative;
  }

  .sm-photoblock1-bgwrapper {
    height: 0;
    position: relative;
    overflow: visible;
  }

  .sm-branding {
    height: 90vh;
  }

  .sm-branding-imagewrapper._1 {
    display: none;
    top: 54.5vh;
  }

  .sm-branding-imagewrapper._2 {
    display: none;
  }

  .sm-branding-imagewrapper.adaptive {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    align-items: flex-start;
    padding-left: 33%;
    padding-right: 0;
    display: flex;
    position: relative;
  }

  .container-4 {
    max-width: 728px;
  }

  .sm-packaging-bgwrapper, .sm-packaging-bg {
    height: 60vh;
  }

  .sm-cloud {
    height: 70vh;
  }

  .sm-cloud-contentwrapper {
    flex-direction: column;
    align-items: flex-end;
    height: 70vh;
    display: flex;
  }

  .sm-cloud-imagewrapper1 {
    width: 60%;
  }

  .sm-cloud-mobileapp {
    margin-left: auto;
    display: none;
  }

  .sm-cloud-mobileapp.adaptive {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-direction: row;
    justify-content: flex-end;
    align-self: auto;
    align-items: flex-start;
    width: 100%;
    height: 29vh;
    margin-right: auto;
    padding-top: 2vh;
    padding-left: 2em;
    padding-right: 2em;
    display: flex;
    position: static;
    top: 2vh;
    left: 2em;
    overflow: visible;
  }

  .hover-parent.border-none {
    flex-direction: column;
  }

  .hover_image {
    display: none;
  }

  .n-container {
    grid-column-gap: 3.5rem;
    grid-row-gap: 3.5rem;
    display: flex;
  }

  .background_image, .fill_image {
    display: none;
  }

  .component.hover-image {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .is-main {
    font-size: 3rem;
  }

  .is-main.backgorund_image.test {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .text_hover {
    grid-column-gap: .25em;
    grid-row-gap: .25em;
  }

  .section-5 {
    height: auto;
  }

  .txt-service-hover {
    font-size: 34px;
  }

  .lottie-ux-hero {
    display: none;
  }

  .txt-service-small {
    font-size: .4em;
    line-height: 1;
  }

  .txt-service-small.padding-txt-ux {
    padding-right: 0%;
  }

  .sm-indicators-image1 {
    margin-left: 14%;
    margin-right: 14%;
    display: block;
  }

  .image-33 {
    margin-top: 17%;
  }

  .image-34, .image-35 {
    height: 100%;
  }

  .sm-glow-on-video, .sm-glow-on-video.hor {
    display: none;
  }

  .main-wrap-sm {
    width: 70%;
  }

  .sm-mobile-img-from-video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
  }

  .lottie-ux-hero-m {
    top: -10%;
    right: -10%;
  }

  .background_image-m {
    z-index: 22;
    opacity: 1;
    height: 20rem;
    margin-top: 2em;
    display: block;
    position: relative;
  }

  .lottie-animation-5-m {
    display: block;
    top: 10%;
    right: -30%;
  }

  .lottie-service_p_analytics-m {
    display: block;
    right: -10%;
  }

  .lottie-service_p_id-m, .lottie-service_p_electronics-m, .lottie-service_p_manuf-m {
    display: block;
  }

  .lottie-service_p_scouting-m, .lottie-service_p_custom-m {
    display: block;
    right: -20%;
  }

  .nao-button-arrow-2 {
    height: 5em;
    margin-right: 1em;
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .nao-btn-text-2 {
    color: #fff;
    font-size: 1.6em;
  }

  .sbtop-promoimage-wrapper.crop {
    height: auto;
  }

  .text-wrap-kv-t.left-abslt {
    width: 80%;
    padding-top: 4em;
  }

  .story-row {
    padding-bottom: 60vh;
  }

  .story-kv-t-txt-wrap {
    width: 32%;
    right: 8%;
  }

  .story-row-3 {
    padding-bottom: 50vh;
  }

  .design-kv-t {
    height: 80vh;
  }

  .text-wrap-tv-t {
    width: 70%;
  }

  .design-img-wrap._1, .kv-t-hero-img-wrap {
    display: none;
  }

  .kv-t-img._2, .kv-t-img.hide {
    display: block;
  }

  .kv-t-line-abslt {
    z-index: 6;
  }

  .kv-t-hero-mob {
    justify-content: center;
    align-items: center;
    display: block;
  }

  .kv-t-hero-img-mob {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .kv-t-video {
    width: 100%;
  }

  .design-kv-t-1 {
    flex-flow: column;
    justify-content: flex-end;
    align-items: stretch;
    height: 60vh;
  }

  .design-img-kv-t-mob {
    z-index: 6;
    object-fit: contain;
    object-position: 50% 100%;
    height: 100%;
    display: block;
    position: relative;
    bottom: auto;
    right: auto;
  }

  .design-img-wrap-anim, .design-img-wrap-anim._1 {
    display: none;
  }

  .kv-t-line-abslt-2 {
    z-index: 6;
  }

  .rte {
    width: 90%;
    margin-top: 40px;
  }

  .blog-hero-section {
    width: 90%;
  }

  .blog-h1 {
    font-size: 3.2em;
  }

  .blog-hero-wrap {
    padding-top: 0;
  }

  .blog-hero-content {
    width: 90%;
  }

  .blog-release-date.dark, .blog-tag-txt {
    font-size: 1.2em;
  }

  .tag-page-wrap, .all-blog-page-wrap {
    padding-top: 100px;
  }

  .blog-grid {
    grid-template-columns: 1fr;
  }

  .blog-tag-txt-all {
    font-size: 1.2em;
  }

  .collection-list-4 {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .post-summary {
    display: none;
  }

  .blog-related-posts {
    width: 90%;
  }

  .first, .second {
    width: auto;
  }

  .small-link {
    margin-bottom: 20px;
  }

  .nao-blog-container-old {
    flex-direction: column;
  }

  .lottie-services-copy.s-p-1, .lottie-services-copy.s-p-2, .lottie-services-copy.s-p-3, .lottie-services-copy.s-p-4, .lottie-services-copy.s-p-ux {
    display: none;
  }

  .text-wrap-teplo.left-abslt {
    width: 80%;
    padding-top: 4em;
  }

  .teplo-vid-hero {
    display: none;
  }

  .teplo-grid-item.w {
    padding-left: 3em;
    padding-right: 3em;
  }

  .teplo-grid-item._w-2 {
    padding-left: 4em;
    padding-right: 2em;
  }

  .teplo-connection {
    height: 110vh;
  }

  .teplo-conn-vid {
    margin-bottom: 0;
  }

  .teplo-txt-wrap-abs {
    top: 20%;
  }

  .teplo-vid-hero-mob {
    display: block;
  }

  .career-hero, .career-hero-animated-bg {
    height: 60vh;
  }

  .career-hero-heading-text {
    height: 60vh;
    top: 0;
    bottom: auto;
  }

  .h1-nao-ru-career.turnkey_p {
    padding-right: 0;
  }

  .secondary-button-text {
    font-size: 1.6em;
  }

  .career-numbers-background {
    top: 2em;
  }

  .career-h3-title {
    font-size: 34px;
  }

  .career-numbers-title-wrapper {
    margin-right: 20%;
  }

  .career-numbers-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 5em;
  }

  .career-departments-chips {
    font-size: 1.6em;
  }

  .career-benefits-content-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .career-benefits-card {
    grid-template-columns: .5fr .75fr;
    height: auto;
    min-height: 16vh;
  }

  .career-benefits-card-title {
    font-size: 1.4em;
  }

  .career-easystart-list-text {
    font-size: 1.2em;
  }

  .career-easystart-content-wrapper {
    height: auto;
    padding-bottom: 0;
  }

  .career-easystart-list {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .career-easystart-list-title {
    font-size: 1.4em;
  }

  .career-easystart-list-wrapper {
    margin-top: 3vh;
    margin-left: 45vw;
    margin-right: 0%;
  }

  .career-easystart-background-circle {
    width: 25em;
    height: 25em;
    inset: auto auto 15.8vh 3%;
  }

  .career-easystart-mainimage {
    width: auto;
    max-width: 100%;
    height: 39vh;
    inset: auto auto 0 -63px;
  }

  .career-carousel-text-wraper {
    padding-top: 0;
  }

  .career-carousel-title {
    font-size: 1.8em;
  }

  .career-carousel-asterixicon {
    height: 1.5em;
  }

  .career-stickycard._1, .career-stickycard._2, .career-stickycard._3, .career-stickycard._4 {
    height: 50vh;
  }

  .career-stickycard-descriptin {
    height: auto;
    min-height: 13vh;
    margin-right: 50%;
  }

  .rl_testimonial15_content {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .rl-padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .career-moments {
    display: none;
  }

  .career-moments-array.adapt {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    width: auto;
    height: auto;
  }

  .carrer-moments-card {
    width: auto;
    height: 28vh;
  }

  .career-moments-textwrapper.adapt {
    height: 16vh;
    margin-left: 0;
    margin-right: 0;
    padding-left: 2em;
    padding-right: 2em;
  }

  .carrer-moments-cardtitle, .carrer-moments-carddate {
    font-size: 1.2em;
  }

  .image-48 {
    height: auto;
  }

  .career-moments-cards-1 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: row;
    justify-content: space-between;
    height: auto;
  }

  .container-6 {
    max-width: 728px;
  }

  .rl-heading-style-h4 {
    font-size: 1.75rem;
  }

  .career-space-tabs {
    grid-column-gap: 3rem;
    grid-row-gap: 0px;
    flex: 0 auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    height: auto;
  }

  .rl-padding-section-large-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .career-space {
    height: auto;
  }

  .career-space-wrapper {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    height: auto;
    padding-bottom: 5em;
    overflow: hidden;
  }

  .career-space-tabs-menu {
    grid-column-gap: 0rem;
    flex-flow: row;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
  }

  .career-space-tabs-link {
    border-bottom-width: 0;
    border-bottom-color: #fff0;
    padding-left: 2em;
    padding-right: 2em;
  }

  .career-space-tabs-link:hover {
    padding-left: 2em;
  }

  .career-space-tabs-link.w--current {
    width: auto;
    padding-left: 2em;
    padding-right: 2em;
  }

  .career-space-image {
    width: auto;
    max-width: none;
    height: 100%;
    max-height: none;
  }

  .career-space-tab_content {
    box-sizing: border-box;
    height: auto;
  }

  .career-spase-tab {
    aspect-ratio: auto;
    width: 100%;
    height: 38vh;
    max-height: none;
    margin-top: auto;
    margin-bottom: auto;
  }

  .career-space-tabname {
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: 1.3em;
  }

  .rl-heading-style-h4-2 {
    font-size: 1.75rem;
  }

  .rl_layout28_component {
    grid-column-gap: 3rem;
  }

  .rl-padding-section-large-3 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .career-vacancies-item {
    justify-content: space-between;
  }

  .career-vacancies-list-title {
    flex-flow: wrap;
    display: flex;
  }

  .career-vacancies-list-link {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    flex-flow: row;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    height: 2.4em;
    margin: 0 auto;
    font-size: 1.5em;
    display: block;
    overflow: visible;
  }

  .kv-t-vid {
    display: none;
  }

  .kv-t-lifestyle-img-sec {
    height: 70vh;
  }

  .career-moments-adaptive {
    z-index: 8;
    background-color: var(--white);
    flex-flow: column;
    display: flex;
    position: relative;
  }

  .career-moments-araptwrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    width: 100%;
    padding-bottom: 5em;
    display: flex;
    overflow: hidden;
  }

  .career-moments-adaptive-cards-1 {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: row;
    justify-content: space-between;
  }

  .carrer-moments-adaptive-card {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    justify-content: flex-start;
    align-self: auto;
    align-items: stretch;
    width: 32vw;
    max-width: 197px;
    margin-bottom: auto;
  }

  .carrer-moments-image-adaptive {
    flex-flow: column;
    width: auto;
    height: auto;
  }

  .career-moments-adaptive-cards-2 {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: row;
    justify-content: space-between;
    margin-left: 0;
  }

  .career-moments-adaptive-cards-3 {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: row;
    justify-content: space-between;
  }

  .career-benefits-adapt-card {
    grid-template-columns: .5fr .75fr;
    height: auto;
    min-height: 12vh;
  }

  .career-benefits-content-wrapper-adapt {
    grid-template-columns: 1fr 1fr;
  }

  .career-easystart-adapt-content {
    height: auto;
    padding-bottom: 0;
  }

  .career-easystart-list-wrapper-adapt {
    margin-left: 60%;
    margin-right: 0%;
  }

  .career-easystart-list-adapt {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .career-stickycards-mobile {
    display: none;
  }

  .career-space-mobile {
    display: none;
    overflow: hidden;
  }

  .rl-padding-section-large-4 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .rl-heading-style-h2 {
    font-size: 2.75rem;
  }

  .rl_gallery21_spacing-block-1 {
    padding-bottom: 4.5rem;
  }

  .kv-photoblock {
    height: 70vh;
    overflow: visible;
  }

  .kv-photoblock-bgwrapper {
    height: 0;
    position: relative;
    overflow: visible;
  }

  .kv-photoblock-imagewrapper {
    height: 73vh;
    overflow: hidden;
  }

  .kv-photoblock-bg {
    height: 70vh;
    overflow: visible;
  }

  .kv-photoblock-photo {
    width: auto;
    max-width: none;
    max-height: 70%;
  }

  .career-vacancies-info {
    flex-flow: column;
  }

  .button-content:where(.w-variant-34f60490-538f-8bbd-0da7-5c17f9ad3ebb) {
    border-width: .08em;
  }

  .chips-container {
    font-size: .7em;
  }

  .chips-container:where(.w-variant-ca0693dc-5adb-8b24-7153-2ff9a11eacf3) {
    font-size: 1.6em;
  }

  .chips-container:where(.w-variant-ce0a5fd7-b94c-98ac-9cc1-ae8c8a60246e) {
    font-size: 1.4em;
  }

  .career-space-image-tray {
    background-image: url('../images/IMG_9533_Nero-AI_Photo_1.avif');
  }

  .career-space-image-tray._1 {
    background-image: url('../images/workroom.jpg');
  }

  .career-space-image-tray._3 {
    background-image: url('../images/meetingroom_1.avif');
  }

  .career-space-image-tray._4 {
    background-image: url('../images/P1012329_1.avif');
  }

  .career-space-image-tray._5 {
    background-image: url('../images/Layer-20_Nero-AI_Photo_Face2_1.avif');
  }

  .rl-padding-section-large-5 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .rl_header26_spacing-block-3 {
    padding-bottom: 4.5rem;
  }

  .rl_header26_content {
    margin-bottom: 4.5rem;
  }

  .rl-heading-style-h1 {
    font-size: 3.25rem;
  }

  .header-menu {
    background-color: var(--transparent);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    justify-content: center;
    align-items: center;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    top: auto;
  }

  .header-menu-wraper {
    background-color: #fff;
    height: 6em;
    padding-top: 1em;
    padding-bottom: 1em;
    position: relative;
  }

  .header-menu-mobile {
    color: var(--black-text);
    border-radius: 50%;
    width: 14vw;
    height: 1.7em;
    padding-top: .35em;
    padding-bottom: .35em;
    padding-right: .35em;
    display: block;
  }

  .header-menu-mobile.w--open {
    z-index: 660;
    background-color: var(--black);
  }

  .header-menu-list-desktop {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: none;
    position: relative;
  }

  .header-menu-link-name:where(.w-variant-2f4d7eda-cb33-3660-dcc0-f080d403a7fb) {
    color: var(--light-grey);
  }

  .header-menu-link-item {
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 2em;
    display: inline-block;
  }

  .header-menu-dropdown {
    display: inline-block;
  }

  .rl_menu-icon2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .rl_navbar2_menu-dropdown {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1.125rem;
    display: flex;
  }

  .rl_menu-icon2_line-middle {
    background-color: #000;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .rl_navbar2_button-wrapper {
    align-items: center;
  }

  .rl_navbar2_component {
    display: none;
  }

  .rl_navbar2_link {
    text-align: center;
    padding: 1rem 0;
    font-size: 1.125rem;
  }

  .rl_navbar2_dropdown-link {
    text-align: center;
    width: auto;
    padding: .75rem 0;
    font-size: 16px;
  }

  .rl_menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .rl_navbar2_menu-button {
    padding: 0;
  }

  .rl_navbar2_menu-button.w--open {
    background-color: #0000;
  }

  .rl-dropdown-icon {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

  .rl_navbar2_menu {
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    border-bottom: 1px solid #000;
    justify-content: center;
    padding: 1rem 5% 2.5rem;
    display: flex;
    position: absolute;
    overflow: auto;
  }

  .rl_navbar2_menu.is-page-height-tablet {
    height: 100vh;
    padding-bottom: 15rem;
  }

  .rl_menu-icon2_line-bottom, .rl_menu-icon2_line-top {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .rl_navbar2_dropdown-list {
    position: static;
    overflow: hidden;
  }

  .rl_navbar2_dropdown-list.w--open {
    border-style: none;
    padding: 0;
    position: static;
  }

  .rl_navbar2_container {
    grid-template-columns: .25fr 1fr;
    display: flex;
  }

  .rl_navbar2_dropdwn-toggle {
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding: 1rem 2rem 1rem 0;
    display: flex;
  }

  .header-menu-list-adaptive-wrapper {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
    position: relative;
  }

  .header-menu-dropdown-adaptive_wrappper {
    grid-column-gap: 1.4em;
    grid-row-gap: 1.4em;
    color: var(--black);
    width: auto;
    height: auto;
    font-size: .8em;
  }

  .header-menu-wrapper {
    display: none;
  }

  .header-menu-adaptive-item {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .header-menu-desktop-button-wrapper {
    display: none;
  }

  .header-menu-container {
    background-color: var(--white);
    margin-bottom: auto;
  }

  .header-menu-adaptive-trigger {
    text-align: right;
    position: absolute;
  }

  .header-menu-adaptive-trigger.hidden {
    opacity: 1;
    color: var(--black);
    font-size: .9em;
    font-weight: 400;
    position: static;
  }

  .header-menu-adaptive-trigger.hidden:hover {
    color: var(--orange-red);
  }

  .header-menu-adaptive-trigger.relised {
    opacity: 1;
    color: var(--black);
    font-size: .9em;
    font-weight: 400;
    display: none;
    position: static;
  }

  .header-menu-adaptive-trigger.relised:hover {
    color: var(--orange-red);
  }

  .div-block-81 {
    order: 1;
    justify-content: flex-start;
    align-self: baseline;
    display: flex;
  }

  .header-menu-adaptive {
    background-color: var(--transparent);
    color: var(--black-text);
    border-radius: 0%;
    justify-content: center;
    align-items: baseline;
    width: auto;
    height: auto;
    padding: .5em 0 .5em 0;
    transition: all .35s cubic-bezier(.77, 0, .175, 1);
    display: flex;
  }

  .header-menu-adaptive.w--open {
    z-index: 660;
    background-color: var(--transparent);
    justify-content: center;
    align-items: center;
  }

  .header-menu-adaptive-button-wrapper {
    z-index: 9999;
    box-sizing: border-box;
    background-color: var(--orange-red);
    color: var(--white);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 6vh;
    padding: 1em 16px;
    font-size: 1.9em;
    font-weight: 400;
    text-decoration: none;
    display: none;
    position: fixed;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: visible;
  }

  .header-menu-adaptive-buttom {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .header-menu-list-adaptive {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-top: 2em;
    padding-left: 2em;
    padding-right: 2em;
    display: flex;
  }

  .rl_menu-icon2-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .rl_navbar2_menu-dropdown-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1.125rem;
    display: flex;
  }

  .rl_menu-icon2_line-middle-2 {
    background-color: #000;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .rl_navbar2_button-wrapper-2 {
    align-items: center;
  }

  .rl_navbar2_link-2 {
    text-align: center;
    padding: 1rem 0;
    font-size: 1.125rem;
  }

  .rl_navbar2_dropdown-link-2 {
    text-align: center;
    width: auto;
    padding: .75rem 0;
    font-size: 16px;
  }

  .rl_menu-icon_line-middle-inner-2 {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .rl_navbar2_menu-button-2 {
    padding: 0;
  }

  .rl_navbar2_menu-button-2.w--open {
    background-color: #0000;
  }

  .rl-dropdown-icon-2 {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

  .rl_navbar2_menu-2 {
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    border-bottom: 1px solid #000;
    justify-content: center;
    padding: 1rem 5% 2.5rem;
    display: flex;
    position: absolute;
    overflow: auto;
  }

  .rl_navbar2_menu-2.is-page-height-tablet {
    height: 100vh;
    padding-bottom: 15rem;
  }

  .rl_menu-icon2_line-bottom-2, .rl_menu-icon2_line-top-2 {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .rl_navbar2_dropdown-list-2 {
    position: static;
    overflow: hidden;
  }

  .rl_navbar2_dropdown-list-2.w--open {
    border-style: none;
    padding: 0;
    position: static;
  }

  .rl_navbar2_container-2 {
    grid-template-columns: .25fr 1fr;
    display: flex;
  }

  .rl_navbar2_dropdwn-toggle-2 {
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding: 1rem 2rem 1rem 0;
    display: flex;
  }

  .rl_menu-icon_line-middle {
    background-color: #000;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .rl_navbar5_dropdown-toggle {
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .rl_navbar5_blog-item {
    width: 100%;
  }

  .rl_menu-icon_line-top {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .rl_navbar5_link {
    width: auto;
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .rl_menu-icon {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .rl_navbar5_dropdown-background-layer {
    min-width: 100%;
  }

  .rl_navbar5_dropdown-content-left {
    align-content: start;
    align-items: start;
    padding-left: 0;
    padding-right: 0;
  }

  .rl_navbar5_dropdown-list {
    position: relative;
    overflow: hidden;
  }

  .rl_navbar5_dropdown-list.w--open {
    border-style: none;
    align-items: flex-start;
    min-width: auto;
    margin-bottom: 1.5rem;
    padding: 0 0 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  .rl_navbar5_large-item-content {
    width: 100%;
  }

  .rl_navbar5_dropdown-content {
    flex-direction: column;
  }

  .rl_navbar5_menu-button.w--open {
    background-color: #0000;
  }

  .rl_navbar5_blog-list {
    width: 100%;
  }

  .rl_menu-icon_line-bottom {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .rl_navbar5_menu-right {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
  }

  .rl_navbar5_menu {
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    border-bottom: 1px solid #000;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1rem 5% 15rem;
    position: absolute;
    overflow: auto;
  }

  .rl_navbar5_dropdown-content-right {
    align-items: flex-start;
    max-width: none;
  }

  .rl_navbar5_menu-dropdown {
    width: 100%;
    position: relative;
  }

  .rl_navbar5_dropdown-content-wrapper {
    width: 100%;
  }

  .hide-tablet {
    display: none;
  }

  .show-tablet {
    display: block;
  }

  .uui-dropdown-icon {
    color: var(--untitled-ui--gray500);
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

  .menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-bottom {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-top {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_component {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .uui-navbar07_dropdown-link {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar07_dropdown-link:hover {
    background-color: #0000;
  }

  .uui-navbar07_dropdown-link-list {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .uui-navbar07_menu {
    border-top: 1px solid var(--untitled-ui--gray100);
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .uui-navbar07_menu-left {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    color: var(--untitled-ui--gray900);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .uui-navbar07_link {
    color: var(--untitled-ui--gray900);
    width: 100%;
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .uui-navbar07_link:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar07_menu-dropdown {
    width: 100%;
    position: relative;
  }

  .uui-navbar07_dropdown-toggle {
    color: var(--untitled-ui--gray900);
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .uui-navbar07_dropdown-toggle:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar07_menu-right {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    padding-bottom: 7rem;
  }

  .uui-navbar07_menu-button.w--open {
    background-color: #0000;
  }

  .uui-navbar07_dropdown-list {
    position: static;
    overflow: hidden;
  }

  .uui-navbar07_dropdown-list.w--open {
    box-shadow: none;
    border-style: none;
    border-color: #0000;
    width: auto;
    padding: 0;
  }

  .uui-button-secondary-gray.show-tablet {
    display: block;
  }

  .uui-navbar07_button-wrapper {
    flex-direction: column-reverse;
    align-items: stretch;
    display: flex;
  }

  .career-vacancies-item-copy {
    justify-content: space-between;
  }

  .nao-footer_text {
    font-size: 1.2em;
  }
}

@media screen and (max-width: 767px) {
  .text-2-5 {
    display: block;
  }

  .text-2-5.hero {
    display: none;
  }

  .video-wrap {
    left: 28px;
  }

  .background-video-2 {
    height: 80%;
  }

  .h2-2 {
    font-size: 6vw;
  }

  .a_2_text-wrap-2.width {
    width: 90%;
    padding-left: 0;
    padding-right: 0;
  }

  .a__pro-2 {
    height: 140vh;
  }

  .img-explode {
    margin-top: 0;
  }

  .wrpr_a_2_text {
    width: 80%;
    margin-left: 0;
  }

  .a_img-wrp {
    position: absolute;
    top: 260px;
  }

  .a__pro-design {
    height: 100%;
    padding-top: 25%;
  }

  .wrpr_a_2_text-2 {
    width: 90%;
    margin-left: 0;
    top: 65%;
  }

  .grid-design {
    grid-template-rows: 1fr auto;
    grid-template-columns: 1fr;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .wrpr_a_2_text-3 {
    width: 50%;
    padding-top: 40vh;
  }

  .wrpr_a_2_text-4 {
    width: 60%;
    padding-top: 120vh;
  }

  .wrpr_a_2_text-5 {
    width: 50%;
    padding-top: 160vh;
  }

  .a__pro-gallery, .slider-a {
    height: 60vh;
  }

  .a__plus-2 {
    padding-bottom: 0;
  }

  .img-explode-pl {
    max-width: 120%;
    top: auto;
    left: -70px;
  }

  .a__plus-gallery, .slider-a-plus {
    height: 60vh;
  }

  .wrpr_a_2_text-mat2 {
    width: 80%;
    margin-left: 10vw;
    top: 50vh;
  }

  .hero-wrap-mini {
    height: 100vh;
  }

  .text-wrap-2-mini {
    width: 60%;
    padding-top: 10vh;
  }

  .main-wrap-mini {
    width: 100%;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .text-wrap-2-mini-2 {
    width: 60%;
    padding-top: 110vh;
  }

  .text-wrap-3-mini, .text-wrap-3-mini-2 {
    width: 90%;
    padding-right: 0;
    left: 2em;
  }

  ._04-materials-mini {
    height: 200vh;
  }

  .grid-wrpr-2 {
    width: 50%;
    padding-top: 65vh;
  }

  .mini-img-mat01 {
    background-size: 320px;
    bottom: 55%;
    left: 20%;
  }

  .text-wrap-3-mini-3 {
    width: 40%;
    padding-top: 150vh;
  }

  .mini-img-mat02 {
    background-size: 480px;
    top: 40%;
  }

  ._05-mini {
    justify-content: flex-end;
    height: 60vh;
  }

  ._05-mini-text-wrpr {
    width: 60%;
  }

  .text-wrap-mini {
    width: 90%;
  }

  .mini-photo-1 {
    background-position: 60% 0;
    background-size: cover;
    height: 60vh;
  }

  .hero-wrap-perenio {
    height: 80vh;
  }

  .intro-perenio {
    height: 50vh;
  }

  .img-perenio-01 {
    background-position: 50% 80%;
    background-size: 800px;
  }

  .text-wrap-perenio {
    width: 90%;
  }

  .text-wrap-2-perenio {
    width: 100%;
    padding-bottom: 75vh;
    padding-left: 50vw;
  }

  .p-inspiration {
    height: 120vh;
  }

  .p-img-insp-02 {
    top: 23%;
  }

  .p-form {
    height: 70vh;
  }

  .text-wrap-2-p {
    padding-top: 10vh;
  }

  .p-img-form {
    top: 30%;
  }

  .p-rule-section {
    height: 90vh;
  }

  .text-wrap-2-p-2 {
    width: 100%;
    padding-top: 35vh;
    padding-left: 10vw;
  }

  .p-img-form-2 {
    background-position: 50%;
    background-size: cover;
    bottom: 60%;
    left: 0;
    right: 0%;
  }

  .p-img-insp-03 {
    top: 65%;
    left: 40%;
  }

  .p-img-insp-03.cmb-1 {
    top: 30%;
    left: 20%;
  }

  .p-img-insp-03.cmb-2 {
    top: 50%;
  }

  .p-anim-insp {
    left: -5%;
  }

  .slider-p-01 {
    height: 60vh;
  }

  .intro-sber {
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .main-wrap-sber {
    width: 100%;
    padding-left: 10vw;
    padding-right: 10vw;
    display: none;
  }

  .sec-1-sber {
    background-image: radial-gradient(circle at 0 0, #000000b3 21%, #0000 50%), url('../images/SberPortal_kitchen_3.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    align-items: flex-start;
    height: 80vh;
  }

  .img-sber {
    background-position: 60% 0;
    background-size: cover;
  }

  .text-wrpr-sber {
    width: 80%;
    padding-top: 0;
    display: block;
    top: 5%;
  }

  .text-wrpr-sber.right-side {
    display: none;
  }

  .text-wrpr-sber.center {
    text-align: center;
    display: none;
  }

  .sec-2-sber {
    background-image: url('../images/sec-2.jpg');
    background-position: 20%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .text-wrap-sber {
    width: 70%;
    display: block;
  }

  .sec-4-sber {
    height: 60vh;
  }

  .sec-5-sber {
    height: 120vh;
    padding-top: 70px;
    padding-bottom: 0%;
  }

  .sec-5-img-portal, .sec-5-img-png {
    background-size: 820px;
  }

  .sec-6-sber {
    display: none;
  }

  .text-wrpr-sber-r {
    width: 60%;
  }

  .sec-7-sber {
    background-size: 600px;
  }

  .sec-z-sber {
    display: none;
  }

  .text-wrpr-sber-2 {
    width: 60%;
  }

  .vid-scroll {
    position: relative;
  }

  .text-wrpr-sber-sticky {
    width: 60%;
  }

  .sec-9-sber-fin {
    display: none;
  }

  .desktop {
    padding-left: 10%;
    padding-right: 10%;
  }

  .igor-pic {
    background-position: 50% 30%;
    background-size: 360px;
    width: 240px;
    height: 240px;
    margin-bottom: 40px;
  }

  .sec-8-sber-mob {
    background-size: 840px;
    height: 55vh;
  }

  .text-wrpr-sber-1sec {
    width: 80%;
  }

  .kostya-pic {
    background-position: 50% 0;
    background-size: 360px;
    width: 240px;
    height: 240px;
    margin-bottom: 40px;
  }

  .main-wrap-sber-m {
    width: 100%;
    padding-left: 10vw;
    padding-right: 10vw;
    display: flex;
  }

  .hero-text-m {
    z-index: 10;
    background-color: var(--black);
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
    position: relative;
    top: -5px;
  }

  .sec-2-sber-m {
    z-index: 10;
    background-color: var(--black);
    padding: 60px 10vw;
    display: block;
    position: relative;
  }

  .sec-6-sber-m {
    z-index: 10;
    background-color: #171717;
    display: block;
    position: relative;
  }

  .sec-6-img-m {
    background-image: url('../images/cap_00012.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .text-sber-m {
    padding: 60px 10vw 20px;
  }

  .sec-6-img-m-2 {
    background-image: url('../images/cap_00012.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .sec-z-sber-m {
    z-index: 10;
    background-color: #bbbcbf;
    display: block;
    position: relative;
  }

  .text-wrpr-sber-m {
    width: 100%;
    padding-top: 0;
    padding-right: 2em;
    top: 5%;
  }

  .sec-9-sber-fin-m {
    z-index: 10;
    flex-direction: column;
    justify-content: center;
    padding: 10vh 10vw 5vh;
    display: flex;
    position: relative;
  }

  .text-wrpr-sber-sec-7 {
    width: 80%;
    padding-top: 0;
    display: none;
    top: 5%;
  }

  .igor-div {
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 60px;
    display: flex;
  }

  .igor-div.hide {
    display: none;
  }

  .kostya-div {
    flex-direction: column;
    align-items: stretch;
    display: flex;
  }

  .reddot-col {
    padding-bottom: 0;
    padding-right: 0;
  }

  .award-block-m {
    padding-left: 0%;
    padding-right: 0%;
  }

  .if-col {
    padding-left: 0;
    padding-right: 0;
  }

  .award-logos-wrap {
    display: none;
  }

  .award-logos-wrap-m {
    margin-top: 20px;
  }

  .ac__designlanguage {
    height: 120vh;
  }

  .ac_img-wrp {
    position: absolute;
    inset: 0% 0% auto;
  }

  ._2-blog_pic-wrap, ._3-blog_pic-wrap {
    width: 100%;
  }

  .blog-all-img-wrap {
    flex-direction: column;
    height: 100vh;
  }

  .blog-title-link-wrap {
    width: 80%;
  }

  .h1-l-b {
    font-size: 4em;
  }

  .careers-txt-wrap {
    max-width: 460px;
  }

  .h2-blog-header {
    font-size: 6vw;
  }

  .columns {
    margin-left: 40px;
    margin-right: 40px;
  }

  .ac_award {
    height: 480px;
  }

  .ac_wrpr_text {
    width: 100%;
  }

  .ac__video-wrpr {
    position: relative;
  }

  .ac_video {
    width: 560px;
    height: 484px;
    left: -10%;
  }

  .ac_wrpr_text_left {
    width: 80%;
    margin-left: 0;
  }

  .air-flow-img {
    background-size: contain;
    height: 380px;
    margin-top: 60px;
  }

  .ecofriendly-img {
    height: 360px;
  }

  .ac-hvac-section {
    background-color: var(--white);
    height: auto;
    padding-bottom: 466px;
  }

  .ac-hvac-img {
    background-image: url('../images/02-library-x2-copy.jpg');
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
  }

  .ac_wrpr_txt_left-absolute {
    width: 80%;
    margin-left: 0;
  }

  .ac-1280-absolute {
    width: 100%;
    top: 30%;
  }

  .ac-if-award-section {
    background-color: var(--white);
    padding-bottom: 484px;
  }

  .ac-if-award-img {
    background-image: url('../images/Atmocube_01-2_hero_x2-opt.jpg');
    background-position: 75%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
  }

  .wrap-2-flex.flip {
    margin-top: 60px;
  }

  .sb-time-hero-text-wrap {
    width: 70%;
  }

  .sb-time__intro {
    height: 400px;
  }

  .sb-time_gallery {
    height: 480px;
  }

  .sb-top-img-l {
    background-position: 41% 0;
    height: 400px;
  }

  .sb-time-wrap-galley {
    padding: 40px 20px;
  }

  .sb-time-txt-wrap {
    padding-top: 0;
  }

  .sb-time_gallery-m {
    background-position: 15%;
    height: 440px;
  }

  .sb-time-wrap-galley-m {
    padding: 40px 20px;
  }

  .hero-txt-wrap.top {
    width: 100%;
  }

  .hero-awards-wrap {
    width: auto;
  }

  .track {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .item {
    height: 20em;
  }

  .nao-1920.flex_hor {
    flex-direction: column;
  }

  .nao-grid-wrap {
    margin-left: 2em;
  }

  .txt-mask {
    width: 85%;
  }

  .grid-4 {
    grid-template-columns: 1fr 1fr;
  }

  .portfolio-wrap {
    flex-flow: column;
  }

  .portfolio-left-wrap {
    width: auto;
  }

  .portfolio-left-wrap.top-margin {
    margin-top: 2em;
  }

  .footer-contacts {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-direction: column;
    width: 100%;
  }

  .f-wrap {
    width: 70%;
  }

  .btm-btm-wrap {
    flex-direction: column;
    align-items: flex-end;
    margin-top: 4em;
  }

  .btns-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .cta-grid-wrap {
    margin-bottom: 2em;
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }

  .footer-menu-wrap {
    margin-bottom: 2em;
  }

  .h1-nao-ru-inner {
    font-size: 4em;
  }

  .h2-nao.sm.lp60 {
    margin-left: 0%;
  }

  .hero-text-wrap-item {
    width: 100%;
  }

  .p-absolut {
    left: -184px;
  }

  .hero-image-mob {
    object-fit: cover;
    max-width: 140%;
  }

  .mob-hero {
    height: 100%;
  }

  .video-bg {
    height: 40vh;
  }

  .video-bg.fixed-500 {
    height: 320px;
  }

  .mob-menu-item {
    font-size: 2.5em;
  }

  .hero-line-hp {
    width: 10em;
  }

  .circle-item {
    top: -20%;
  }

  .circle-item-3, .circle-item-about-orng {
    bottom: 4%;
  }

  .nao-testimonials-sec {
    padding-top: 4em;
    padding-bottom: 8em;
  }

  .testimonial-wrap {
    grid-row-gap: 4em;
    flex-direction: column;
  }

  .testimonial-item {
    width: auto;
  }

  .form-header-wrap {
    margin-top: 2em;
  }

  .h1-offer-a-poject {
    text-align: center;
    font-size: 3.5em;
  }

  .timeline_date-text {
    font-size: 36px;
  }

  .margin-bottom-xlarge {
    margin-bottom: 48px;
  }

  .timeline_progress {
    left: 6px;
  }

  .timeline_text {
    font-size: 20px;
  }

  .timeline_item {
    grid-template-columns: 64px 1fr;
  }

  .timeline_centre {
    justify-content: flex-start;
  }

  .timeline_left {
    text-align: left;
  }

  .left__txt_wrap_sticky {
    margin-bottom: 40px;
  }

  .padding-vertical-xxlarge {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .nao-1920-header_services {
    padding-right: 2em;
  }

  .services__txt_wrap {
    width: auto;
  }

  .services__grid {
    grid-template-rows: auto auto auto;
  }

  .heading {
    font-size: 48px;
  }

  .heading.is-white {
    text-align: left;
  }

  .services__grid_wrap {
    grid-template-columns: 1fr;
  }

  .services_grid_item {
    padding-left: 0;
  }

  .quote_speaker__img_wrap {
    margin-bottom: 2em;
    margin-right: 2em;
  }

  .quote_speaker__img {
    width: auto;
  }

  .what_we_do_container {
    grid-row-gap: 2em;
    flex-direction: column;
  }

  .what_we_do_item {
    width: 100%;
  }

  .nao__txt__wrp {
    width: auto;
    padding-left: 2em;
    padding-right: 2em;
  }

  .services__grid_wrap_2 {
    grid-template-columns: 1fr;
  }

  .social-icon-item {
    max-width: 70%;
  }

  .policy_h1 {
    font-size: 3em;
  }

  .nao-1920-header_about {
    padding-right: 2em;
  }

  .wrap-in-vid_item {
    flex-direction: column;
    display: none;
  }

  .wrap-in-vid_item.hide {
    display: none;
  }

  .history_image {
    height: 100vw;
  }

  .image-20 {
    width: 100%;
    height: auto;
    max-height: none;
  }

  .clickable-area {
    width: 100%;
    max-width: none;
  }

  .mob-under-video {
    background-color: var(--black);
    padding: 4em 2em;
    display: block;
  }

  .wrap-in-vid_item_mob {
    flex-direction: column;
  }

  .wrap-in-vid_item_mob.hide {
    display: none;
  }

  .padding {
    height: 30px;
  }

  .section-2 {
    align-items: center;
  }

  .at-logo-img {
    background-position: 0%;
    background-size: 150px;
  }

  .wrpr {
    width: 80%;
  }

  .privacypolicy-table {
    padding-left: 20px;
  }

  .sm-hero-title {
    padding-top: 6em;
  }

  .sm-hero-textwrapper {
    width: auto;
  }

  .sm-solution-textwrapper {
    margin-left: 0%;
  }

  .sm_hero_videowrapper {
    height: 100vh;
  }

  .h1-nao-ru-inner-sm {
    font-size: 4em;
  }

  .sm-intro {
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .sm-solution-title {
    align-items: stretch;
  }

  .sm-solution {
    background-image: linear-gradient(#fff0 18%, #fff9), url('../images/Section.jpg');
    background-position: 0 0, 43%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    height: 100vh;
  }

  .sm-micro {
    height: 100vh;
    min-height: auto;
  }

  .sm-micro-title {
    top: 5vh;
    overflow: visible;
  }

  .team-circles {
    padding: 60px 15px;
  }

  .team-grid {
    grid-template-columns: 1fr 1fr;
  }

  .sm-micro-imagewrapper {
    top: auto;
    bottom: 0;
  }

  .sm-indicators {
    height: 120vh;
  }

  .sm-indicators-lottie {
    height: 70vh;
    top: 0;
  }

  .sm-indicators-title1 {
    margin-top: 14vh;
    padding-right: 2em;
  }

  .sm-indicators-description1 {
    width: 21em;
    margin-left: 55%;
  }

  .sm-indicators-description2 {
    width: 30em;
    margin-left: 36%;
  }

  .sm-photoblock1-bg, .sm-photoblock1 {
    height: 100vh;
  }

  .sm-photoblock1-photo1 {
    object-fit: cover;
  }

  .sm-photoblock1-imagewrapper {
    height: 100vh;
  }

  .sm-branding {
    height: auto;
    padding-bottom: 7vh;
  }

  .sm-branding-imagewrapper.adaptive {
    margin-top: 1em;
    padding-left: 0;
    position: static;
    top: 54vh;
  }

  .sm-branding-title {
    display: none;
    position: absolute;
    top: 20vh;
  }

  .sm-branding-title.adaptive {
    margin-top: 20vh;
    display: flex;
    position: static;
  }

  .sm-branding-textwrapper {
    margin-right: 0%;
  }

  .sm-branding-contentwrapper {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-direction: column;
    position: static;
  }

  .hero-stack {
    padding: 60px 15px;
  }

  .sm-packaging {
    height: 80vh;
    overflow: hidden;
  }

  .sm-packaging-bgwrapper {
    height: auto;
  }

  .sm-packaging-bg {
    background-position: 50%;
    height: 80vh;
  }

  .sm-cloud, .sm-cloud-contentwrapper {
    height: auto;
  }

  .sm-cloud-mobileapp.adaptive {
    justify-content: flex-start;
    height: 80vh;
    margin-bottom: 2vh;
  }

  .ux-service-grid {
    grid-template-columns: 1fr 1fr;
  }

  .component {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .is-main {
    font-size: 2.5rem;
    line-height: 1;
  }

  .sm-indicators-image1 {
    margin-left: 2%;
    margin-right: 28%;
  }

  .sm-packaging-title.adaptive {
    padding-right: 70%;
    top: 25vh;
  }

  .main-wrap-sm {
    width: 100%;
    padding-left: 10vw;
    padding-right: 10vw;
    display: none;
  }

  .lottie-ux-hero-m {
    top: -10%;
    right: 20%;
  }

  .lottie-animation-5-m {
    right: -20%;
  }

  .lottie-service_p_analytics-m {
    right: 0%;
  }

  .lottie-service_p_id-m, .lottie-service_p_electronics-m, .lottie-service_p_manuf-m {
    right: -20%;
  }

  .lottie-service_p_scouting-m {
    right: 10%;
  }

  .lottie-service_p_custom-m {
    right: 0%;
  }

  .text-wrap-kv-t, .text-wrap-kv-t.left-abslt, .text-wrap-kv-t.left-v._2, .text-wrap-kv-t.left-v._3 {
    width: 100%;
  }

  .text-wrap-kv-t.left-h {
    flex-flow: column;
  }

  .story-row {
    padding-bottom: 40vh;
  }

  .story-img-kv-t._40 {
    top: 30%;
  }

  .story-img-kv-t._32 {
    top: 64%;
  }

  .story-img-kv-t._32._1st {
    display: none;
    position: relative;
  }

  .story-img-kv-t._32._3-row, .story-img-kv-t._24._2-2, .story-img-kv-t._16._3-row {
    display: none;
  }

  .story-kv-t-txt-wrap {
    width: 100%;
    position: static;
  }

  .story-square {
    top: 80%;
  }

  .story-square._2, .story-square._3 {
    display: none;
    top: 56%;
  }

  .story-row-2 {
    padding-bottom: 20vh;
  }

  .story-row-3 {
    padding-bottom: 0;
  }

  .design-kv-t.flex-h {
    flex-flow: column-reverse;
    justify-content: flex-start;
    align-items: stretch;
    padding-top: 4em;
  }

  .design-img-wrap._2-abslt {
    width: 100%;
    position: relative;
  }

  .design-img-wrap._3-abslt {
    width: 120%;
    position: relative;
    left: -31%;
  }

  .kv-t-img.right {
    width: 70%;
  }

  .text-wrap-kv-t-in {
    width: 100%;
  }

  .kv-t-video {
    height: 100%;
    padding-bottom: 30em;
  }

  .design-kv-t-1 {
    height: 50vh;
  }

  .design-img-wrap-anim._2-abslt {
    width: 100%;
    position: relative;
  }

  .design-img-wrap-anim._3-abslt {
    width: 120%;
    position: relative;
    left: -31%;
  }

  .rte {
    margin-top: 20px;
  }

  .rte p {
    font-size: 1.5em;
  }

  .rte h2 {
    font-size: 2.4em;
  }

  .rte h3 {
    font-size: 1.8em;
  }

  .rte blockquote, .rte ol, .rte ul {
    font-size: 1.5em;
  }

  .blog-hero-content {
    width: 100%;
  }

  .tag-link-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-bottom: 30px;
  }

  .text-wrap-teplo, .text-wrap-teplo.left-abslt, .text-wrap-teplo.left-v._2, .text-wrap-teplo.left-v._3 {
    width: 100%;
  }

  .text-wrap-teplo.left-h {
    flex-flow: column;
  }

  .teplo-about {
    flex-flow: column;
    height: 50vh;
    padding-bottom: 2em;
  }

  .teplo-gif-wrap, .teplo-text-wrap {
    width: 100%;
  }

  .teplo-text-wrap-sketch {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .teplo-grid-item.w {
    padding: 1em 2em;
  }

  .teplo-grid-item._w-2 {
    padding: 1em 3em;
  }

  .teplo-txt-wrap-absolut {
    width: 50%;
  }

  .teplo-connection {
    height: 100vh;
    overflow: hidden;
  }

  .teplo-txt-wrap-abs._2 {
    margin-left: 2em;
    margin-right: 2em;
    padding-left: 0;
    padding-right: 0;
  }

  .teplo-setup-txt-wrap {
    grid-template-columns: 1fr;
    width: auto;
  }

  .image-test {
    height: 50vh;
  }

  .teplo-blog {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .teplo-blog-img-wrap, .teplo-blog-post-txt-wrap {
    width: auto;
  }

  .h2-nao-paragraph.sm.lp60 {
    margin-left: 0%;
  }

  .h2-nao-paragraph.no-margin.gradient {
    text-align: center;
  }

  .link-orange {
    font-size: 1.3em;
  }

  .collection-list-wrapper {
    margin-top: .25em;
  }

  .teplo-packaging {
    height: 70vh;
  }

  .teplo-packaging-img {
    display: none;
  }

  .teplo-txt-wrap-absolut-2 {
    width: 50%;
  }

  .teplo-coll-link {
    margin-top: .25em;
  }

  .teplo-pack-img-mob {
    display: block;
  }

  .teplo-about-section {
    flex-flow: column;
    height: 50vh;
    padding-bottom: 2em;
  }

  .career-hero, .career-hero-animated-bg, .career-hero-heading-text {
    height: 90vh;
  }

  .h1-nao-ru-career {
    font-size: 4em;
  }

  .career-h3-title {
    font-size: 36px;
  }

  .career-numbers-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .career-departments-h2 {
    font-size: 3.5em;
  }

  .career-departments-chips {
    font-size: 1.3em;
  }

  .career-benefits-h2 {
    font-size: 3.5em;
  }

  .career-benefits-card {
    min-height: 19vh;
  }

  .career-benefits-card-dot {
    margin-bottom: 0;
    margin-right: auto;
  }

  .career-benefits-scroll-wrapperr, .career-easystart-content-wrapper {
    display: none;
  }

  .career-easystart-h2 {
    width: auto;
    padding-right: 60%;
    font-size: 3.5em;
    position: absolute;
  }

  .career-easystart-h2:where(.w-variant-305fde35-adda-3d6d-d3ca-410813f34736) {
    position: static;
  }

  .career-easystart-background-circle {
    z-index: 5;
    width: 40vh;
    height: 40vh;
    max-height: 32vh;
    position: absolute;
    inset: 15vh auto auto;
  }

  .career-easystart-mainimage {
    aspect-ratio: auto;
    vertical-align: baseline;
    flex: 0 auto;
    width: auto;
    max-width: 100%;
    max-height: 90%;
    display: block;
    position: static;
    top: auto;
    left: auto;
    right: auto;
  }

  .career-stickycard {
    height: 50vh;
  }

  .career-stickycard._1, .career-stickycard._2 {
    background-position: 0 0, 50%;
    height: 70vh;
  }

  .career-stickycard._3, .career-stickycard._4 {
    height: 70vh;
  }

  .career-stickycard-text-wrapper {
    padding-top: 8em;
    padding-bottom: 8em;
  }

  .career-stickycards-h2 {
    padding-right: 0%;
    font-size: 3.5em;
  }

  .career-stickycard-descriptin {
    max-width: 480px;
    margin-right: auto;
    padding-bottom: 4em;
  }

  .career-stickycard-text {
    font-size: 1.4em;
  }

  .rl_testimonial15_slide-nav {
    inset: 0% auto auto 0%;
  }

  .rl_testimonial15_arrow-right {
    inset: 0% 0% auto auto;
  }

  .rl_testimonial15_arrow-left {
    inset: 0% 4rem auto auto;
  }

  .rl_testimonial15_client {
    align-items: center;
    width: 100%;
  }

  .rl_testimonial_spacing-block-1 {
    padding-bottom: 1.5rem;
  }

  .rl-heading-style-h5 {
    font-size: 1.25rem;
  }

  .rl_testimonial15_content {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .rl_testimonial15_slide {
    padding-left: 0;
    padding-right: 0;
  }

  .rl_testimonial15_component {
    padding-top: 5rem;
    padding-bottom: 0;
  }

  .rl-padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .career-moments-textwrapper.adapt {
    height: auto;
  }

  .features-table {
    padding: 60px 15px;
  }

  .rl_layout28_spacing-block-1 {
    padding-bottom: .75rem;
  }

  .rl-heading-style-h4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .career-space-tabs {
    grid-column-gap: 0px;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
    height: auto;
  }

  .rl-padding-section-large-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .career-space-wrapper {
    padding-bottom: 5em;
  }

  .career-space-tabs-menu {
    grid-row-gap: 1rem;
  }

  .career-space-tabs-link {
    padding-left: .5em;
    padding-right: .5em;
  }

  .career-space-tabs-link:hover {
    padding-left: .5em;
  }

  .career-space-tabs-link.w--current {
    padding-left: .5em;
    padding-right: .5em;
  }

  .career-space-tab_content {
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
    overflow: hidden;
  }

  .career-spase-tab {
    height: 30vh;
    margin-top: 0;
  }

  .career-space-h2 {
    font-size: 3.5em;
  }

  .rl_layout28_spacing-block-1-2 {
    padding-bottom: .75rem;
  }

  .rl-heading-style-h4-2 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .rl_layout28_component {
    grid-column-gap: 0px;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .rl-padding-section-large-3 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .career-vacancies-h2, .career-vacancies-h2:where(.w-variant-305fde35-adda-3d6d-d3ca-410813f34736) {
    font-size: 3.5em;
  }

  .career-vacancies-item {
    grid-column-gap: 1.8em;
    grid-row-gap: 1.8em;
    flex-flow: row;
    justify-content: space-between;
    align-self: auto;
    align-items: center;
    margin-left: 0;
  }

  .career-vacancies-chips-wrapper {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: wrap;
  }

  .kv-t-vid {
    height: 30em;
  }

  .kv-t-vid.right {
    width: 70%;
  }

  .kv-t-lifestyle-img-sec {
    height: 50vh;
  }

  .career-moments-araptwrapper {
    height: auto;
    padding-bottom: .5em;
  }

  .carrer-moments-adaptive-card {
    display: block;
  }

  .career-moments-adaptive-cards-2, .career-moments-adaptive-cards-3 {
    display: none;
  }

  .career-benefits-adapt-card {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    display: flex;
  }

  .career-benefits-scroll-wrapperr-adapt {
    height: auto;
    display: flex;
  }

  .career-benefits-content-wrapper-adapt {
    display: flex;
  }

  .career-easystart-adapt-content {
    display: block;
  }

  .career-easystart-list-wrapper-adapt {
    margin-top: 1.4em;
    margin-left: 0%;
  }

  .career-easystart-image-wrapper {
    z-index: 1;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: fill;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-end;
    width: auto;
    height: 50vh;
    max-height: 90%;
    display: flex;
    position: static;
    top: 0;
    overflow: hidden;
  }

  .career-stickycards-mobile {
    display: none;
  }

  .rl-padding-section-large-4 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .rl-heading-style-h2 {
    font-size: 2.25rem;
  }

  .rl_gallery21_slide {
    padding-right: 1.5rem;
  }

  .rl_gallery21_mask {
    width: 100%;
  }

  .rl-text-style-medium {
    font-size: 1rem;
  }

  .rl_gallery21_spacing-block-1 {
    padding-bottom: 3rem;
  }

  .rl_blog33_spacing-block-2 {
    padding-bottom: 1.25rem;
  }

  .rl_gallery21_arrow-left {
    right: 3.5rem;
  }

  .career-easystart-layout {
    justify-content: flex-end;
    align-items: stretch;
    width: 100%;
    display: flex;
    overflow: clip;
  }

  .image-51, .career-easystart-mainimage-adapt {
    order: 0;
    max-width: 60%;
    position: static;
    right: 0;
  }

  .kv-photoblock, .kv-photoblock-imagewrapper, .kv-photoblock-bg {
    height: 100vh;
  }

  .kv-photoblock-photo {
    object-fit: cover;
  }

  .career-vacancies-info {
    width: 100%;
  }

  .button-content:where(.w-variant-34f60490-538f-8bbd-0da7-5c17f9ad3ebb) {
    border-width: .1em;
    display: inline-block;
  }

  .chips-container {
    font-size: .8em;
  }

  .chips-container:where(.w-variant-ca0693dc-5adb-8b24-7153-2ff9a11eacf3) {
    font-size: 1.8em;
  }

  .chips-container:where(.w-variant-ce0a5fd7-b94c-98ac-9cc1-ae8c8a60246e) {
    font-size: 1.6em;
  }

  .rl-padding-section-large-5 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .rl_header26_spacing-block-2, .rl_header26_spacing-block-1 {
    padding-bottom: 1.5rem;
  }

  .rl_header26_spacing-block-3 {
    padding-bottom: 3rem;
  }

  .rl_header26_content {
    margin-bottom: 3rem;
  }

  .rl-text-style-medium-2 {
    font-size: 1rem;
  }

  .rl-heading-style-h1 {
    font-size: 2.5rem;
  }

  .rl_heading1_spacing-block-2 {
    padding-bottom: 1.5rem;
  }

  .rl_heading1_spacing-block-1 {
    padding-bottom: 1.25rem;
  }

  .rl_navbar2_component {
    min-height: 4rem;
  }

  .rl_navbar2_button {
    padding: .25rem 1rem;
  }

  .header-menu-list-adaptive-wrapper {
    height: 100vh;
  }

  .header-menu-adaptive-button-wrapper {
    background-color: var(--orange-red);
    width: 100%;
  }

  .link-block-2 {
    background-color: var(--orange-red);
  }

  .rl_navbar2_component-2 {
    min-height: 4rem;
  }

  .rl_navbar2_button-2 {
    padding: .25rem 1rem;
  }

  .rl_navbar5_spacing-block1 {
    padding-bottom: .75rem;
  }

  .rl_navbar5_blog-item {
    grid-template-columns: .6fr 1fr;
  }

  .rl_navbar5_dropdown-content-left {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .rl_navbar5_text-small {
    display: none;
  }

  .rl_navbar5_dropdown-link-list {
    grid-row-gap: .5rem;
    max-width: none;
  }

  .rl_navbar5_dropdown-content-right {
    padding: 1.5rem;
  }

  .rl_navbar5_spacing-block2 {
    padding-bottom: .75rem;
  }

  .rl_navbar5_component {
    min-height: 4rem;
  }

  .uui-button {
    font-size: 1rem;
  }

  .uui-button:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-navbar07_dropdown-link-list {
    grid-row-gap: .5rem;
    max-width: none;
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .uui-navbar07_component {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-navbar07_menu {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-navbar07_link, .uui-navbar07_dropdown-toggle {
    font-size: 1rem;
  }

  .uui-button-secondary-gray {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-button-tertiary-gray:hover {
    color: var(--untitled-ui--gray600);
    background-color: #0000;
  }

  .uui-styleguide_logomark-bg {
    background-image: url('../images/untitled-ui-logomark.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .career-vacancies-item-copy {
    grid-column-gap: 1.8em;
    grid-row-gap: 1.8em;
    flex-flow: row;
    justify-content: space-between;
    align-self: auto;
    align-items: center;
    margin-left: 0;
  }
}

@media screen and (max-width: 479px) {
  .h2.w {
    font-size: 3em;
  }

  .h2.w.caps-half, .h2.center, .h2.b, .h2.b.caps, .h2.b.caps-half {
    font-size: 3.5vh;
  }

  .text-2-5 {
    font-size: 1.5em;
  }

  .text-2-5.w, .text-2-5.b, .text-2-5.b-10vw {
    line-height: 1.3em;
  }

  .hero-text-wrap {
    padding-top: 10vw;
  }

  .main-text-wrap-40-per-w {
    width: 90%;
  }

  .video-wrap {
    width: 100%;
    left: 0;
  }

  .text-wrap-4 {
    width: 80%;
  }

  .text-wrap-5._2, .text-wrap-5._3 {
    width: 70%;
  }

  .a__hero-text-wrap.atmo {
    width: 90%;
  }

  .h2-2 {
    top: 15vw;
    left: 5vw;
  }

  .h2-2.w {
    font-size: 3.5vh;
  }

  .text-2-5-small {
    font-size: 2vh;
    line-height: 1.3em;
  }

  .a_2_text-wrap-2.width {
    padding-bottom: 0;
  }

  .background-video-7 {
    height: 60vh;
  }

  .a__pro-2 {
    height: 100vh;
    padding-top: 5vh;
    padding-bottom: 0;
  }

  .a_img-wrp {
    inset: 35% 0% 0%;
  }

  .a__pro-design {
    padding-top: 5%;
  }

  .wrpr_a_2_text-2 {
    top: 70%;
  }

  .a__pro-design2 {
    height: 180vh;
  }

  .grid-design {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .bg-vid-design {
    height: 50vh;
  }

  .wrpr_a_2_text-3 {
    width: 60%;
    padding-top: 10vh;
  }

  .wrpr_a_2_text-4 {
    width: 80%;
    padding-top: 80vh;
  }

  .a_2_text-wrap-3 {
    width: 80%;
  }

  .wrpr_a_2_text-5 {
    width: 60%;
    padding-top: 120vh;
  }

  .a__pro-gallery, .slider-a {
    height: 40vh;
  }

  .bg_vid-plus {
    height: 70vh;
  }

  .a__grid_icons-plus {
    grid-column-gap: 20px;
  }

  .a__plus-2 {
    height: 100vh;
    padding-top: 5vh;
  }

  .img-explode-pl {
    left: -40px;
  }

  .a__plus-gallery, .slider-a-plus {
    height: 40vh;
  }

  .a__plus-mat2 {
    padding-top: 0;
    padding-bottom: 20px;
  }

  .grid-3 {
    grid-row-gap: 20px;
  }

  .wrpr_a_2_text-mat2 {
    top: 35vh;
  }

  .image {
    padding-left: 0;
    padding-right: 0;
  }

  ._04-materials-mini {
    height: 190vh;
  }

  .grid-wrpr-2 {
    width: 100%;
    padding-right: 10vw;
  }

  .mini-img-mat01 {
    background-position: 50% 30%;
    background-size: 280px;
    bottom: 20%;
    left: 0%;
  }

  .text-wrap-3-mini-3 {
    width: 100%;
    padding-left: 10vw;
    padding-right: 10vw;
    left: auto;
  }

  .mini-img-mat02 {
    background-size: 360px;
    top: 30%;
  }

  ._05-mini {
    justify-content: flex-end;
    height: 50vh;
  }

  ._05-mini-text-wrpr {
    width: 100%;
    padding-top: 40px;
    padding-right: 10vw;
  }

  .mini-photo-1 {
    height: 50vh;
  }

  .img-perenio-01 {
    background-position: 50% 70%;
  }

  .text-2-perenio {
    font-size: 2vh;
    line-height: 1.3em;
  }

  .text-2-perenio.b {
    line-height: 1.3em;
  }

  .hero-text-wrap-perenio {
    padding-top: 10vw;
  }

  .text-wrap-2-perenio {
    padding-top: 5vh;
    padding-bottom: 100vh;
    padding-left: 10vw;
    left: 0%;
  }

  .p-img-insp-01 {
    width: 260px;
    height: 200px;
  }

  .p-img-insp-02 {
    width: 320px;
    height: 320px;
    display: none;
    top: 32%;
  }

  .p-form {
    height: 45vh;
  }

  .text-wrap-2-p {
    width: 100%;
    padding-top: 5vh;
    padding-right: 10vw;
  }

  .p-img-form {
    background-position: 50% 100%;
    inset: 0%;
  }

  .p-rule-section {
    height: 100%;
    padding-bottom: 20px;
  }

  .text-wrap-2-p-2 {
    padding-top: 22vh;
    position: relative;
    inset: 0%;
  }

  .p-img-form-2 {
    background-position: 50% 0;
    background-size: 500px;
    bottom: 50%;
    left: 0%;
  }

  .p-img-insp-03 {
    top: 55%;
    left: 20%;
  }

  .p-img-insp-03.cmb-1 {
    top: 35%;
    left: 60%;
  }

  .p-img-insp-03.cmb-2 {
    display: none;
    top: 65%;
    left: -20%;
  }

  .p-anim-insp {
    top: 25%;
    left: -25%;
  }

  .slider-p-01 {
    height: 35vh;
  }

  .text-wrpr-sber {
    width: 80%;
    padding-top: 20px;
  }

  .text-wrpr-sber.center {
    padding-top: 20px;
  }

  .sec-2-sber {
    background-image: linear-gradient(315deg, #000, #0000 50%), url('../images/sec-2.jpg');
    background-position: 0 0, 40%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    align-items: flex-end;
    height: 50vh;
    padding-bottom: 25px;
  }

  .sec-3-sber {
    background-size: auto, cover;
    height: 40vh;
  }

  .text-wrap-sber {
    width: 100%;
  }

  .sec-5-sber {
    height: 80vh;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .sec-5-img-portal {
    background-position: 50% 0;
    background-size: 540px;
    padding-bottom: 100%;
    top: 16%;
  }

  .sec-5-img-png {
    background-size: 540px;
    height: auto;
    top: 15%;
  }

  .text-wrpr-sber-r {
    width: 100%;
    padding-top: 40px;
    padding-right: 10vw;
  }

  .sec-7-sber {
    background-position: 100% 0;
    background-size: 360px;
    height: auto;
  }

  .text-wrpr-sber-2, .text-wrpr-sber-sticky {
    width: 100%;
    padding-top: 40px;
    padding-right: 10vw;
  }

  .desktop {
    grid-row-gap: 20px;
    grid-auto-columns: 1fr;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .igor-pic {
    height: 240px;
  }

  .sec-8-sber-mob {
    background-size: cover;
    height: 50vh;
    padding-bottom: 0;
    padding-right: 0;
  }

  .text-wrpr-sber-1sec {
    width: 90%;
    padding-top: 40px;
    inset: 0% auto auto 0%;
  }

  .kostya-pic {
    height: 240px;
  }

  .sec-z-sber-m {
    flex-direction: column;
    align-items: center;
    display: flex;
    overflow: hidden;
  }

  .text-wrpr-sber-m {
    margin-top: 40em;
    padding-top: 20px;
    padding-left: 2em;
    padding-right: 2em;
  }

  .text-wrpr-sber-sec-7 {
    width: 70%;
    padding-top: 20px;
  }

  .image-2 {
    max-width: 150%;
  }

  .igor-div.hide {
    display: none;
  }

  .if-logo {
    height: 60px;
  }

  .award-logos-wrap-m {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    width: 260px;
  }

  .a-__hero {
    height: 680px;
  }

  .ac-hero-text-wrap {
    width: 90%;
  }

  .ac__intro {
    height: 50vh;
  }

  .ac__designlanguage {
    flex-direction: column-reverse;
    height: auto;
  }

  .ac_img-wrp {
    height: 300px;
    position: relative;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  ._2-blog_pic-wrap, ._3-blog_pic-wrap {
    height: auto;
  }

  .blog-img-big, .blog-img-02, .blog-img-03 {
    height: 40vh;
  }

  .blog-all-img-wrap {
    height: 80vh;
  }

  .blog-title-link-wrap {
    left: 5vw;
  }

  .careers-01-sec {
    margin-left: 2em;
    margin-right: 2em;
  }

  .h1-l-b {
    font-size: 3em;
  }

  .careers-02-sec {
    padding-left: 2em;
    padding-right: 2em;
  }

  .h2-blog-header {
    top: 15vw;
    left: 5vw;
  }

  .columns {
    margin-left: 10px;
    margin-right: 10px;
  }

  .h3-careers {
    font-size: 3vh;
  }

  .email-link {
    font-size: 2vh;
  }

  .list-wrap {
    padding-left: 0;
  }

  .ac_award {
    height: 280px;
  }

  .ac-img-l {
    background-position: 25%;
    background-size: cover;
    height: 340px;
  }

  .absolute_text-wrap-50per {
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
  }

  .ac_wrpr_text {
    top: 70%;
  }

  .ac__video-wrpr {
    height: 410px;
  }

  .ac_video {
    width: 417px;
    height: 360px;
    left: -17%;
  }

  .ac_wrpr_text_left {
    width: 100%;
  }

  .ac-tile-img-x2 {
    height: 260px;
  }

  .air-flow-img, .ecofriendly-img {
    height: 220px;
  }

  .ac-hvac-section {
    flex-direction: column-reverse;
    padding-bottom: 0;
    display: flex;
  }

  .ac-hvac-img {
    height: 260px;
  }

  .ac_wrpr_txt_left-absolute {
    position: relative;
    top: 0;
  }

  .ac-1280-absolute {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
    top: 0;
  }

  .ac-if-award-section {
    flex-direction: column-reverse;
    padding-bottom: 0;
    display: flex;
  }

  .ac-if-award-img {
    height: 280px;
  }

  .sb-time-hero-text-wrap {
    width: 90%;
  }

  .sb-time__intro {
    height: 50vh;
  }

  .sb-time__design-language {
    flex-direction: column;
    padding-bottom: 0;
  }

  .sb-time_gallery {
    height: 280px;
  }

  .sb-time-_text-wrap-50 {
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
  }

  .all-devices-img {
    height: 120px;
    margin-top: 60px;
  }

  .sb-top_img-wrp {
    height: 300px;
    position: relative;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .sb-top-img-l {
    background-position: 50% 0;
    height: 300px;
  }

  .sb-time-txt-container {
    text-align: left;
  }

  .sb-time-explode {
    height: 300px;
  }

  .sb-time-txt-wrap._2 {
    padding-bottom: 40px;
  }

  .sb-time_gallery-m {
    height: 280px;
  }

  .sb-time-gallery-section-m {
    z-index: 33;
    position: relative;
  }

  .link-light {
    padding-top: .3em;
    padding-bottom: .3em;
    font-size: 1.5em;
  }

  .nao-logo-svg {
    width: 35vw;
    min-width: 156px;
    max-width: 220px;
    display: block;
  }

  .h1-nao-ru {
    font-size: 30px;
  }

  .item {
    padding: 2em;
  }

  .grid-item.btn-link {
    padding-bottom: 1em;
    padding-left: 1em;
  }

  .txt-mask {
    width: 100%;
  }

  .grid-4 {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-columns: 1fr;
  }

  .h3-nao {
    font-size: 2em;
  }

  .nao-p {
    font-size: 1.4em;
  }

  .portfolio-left-wrap {
    overflow: hidden;
  }

  .f-wrap {
    flex-direction: column;
    align-items: flex-start;
    width: 85%;
  }

  .btm-btm-wrap {
    align-items: flex-end;
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .footer-link-wrap {
    grid-row-gap: 1em;
  }

  .next-project-section {
    background-color: var(--white);
    justify-content: flex-end;
    height: 80vh;
  }

  .next-proj-img-wrap {
    height: 50vh;
  }

  .next-proj-img {
    height: 100%;
  }

  .h1-nao-ru-inner {
    font-size: 3.2em;
  }

  .h2-nao {
    font-size: 3em;
  }

  .sec-7-sber-img {
    width: 100%;
  }

  .cover-shadow {
    display: none;
  }

  .header-menu-list-wrapper {
    padding-top: 5em;
  }

  .brand {
    width: 14em;
  }

  .brand.w--current {
    width: 15em;
    overflow: visible;
  }

  .main-text-wrap-40em {
    width: 90%;
  }

  .hero-text-wrap-item {
    width: 100%;
  }

  .story-wrap {
    grid-row-gap: 1em;
  }

  .img-txt-wrap {
    padding-top: 159px;
  }

  .p-absolut {
    bottom: 74%;
    left: -40px;
  }

  .video-section {
    height: 50vh;
  }

  .video-bg {
    height: 25vh;
  }

  .video-bg.fixed-500 {
    height: 180px;
  }

  .hero-mob {
    margin-top: 30em;
  }

  .link-wrap {
    flex-direction: column;
    display: none;
  }

  .main-menu-wrap {
    grid-row-gap: 2em;
  }

  .mob-menu-item {
    font-size: 2em;
    line-height: 1;
  }

  .hero-line-hp {
    width: 5em;
  }

  .nao-ru-hero-video {
    height: 50vh;
  }

  .hero-heading-v2 {
    grid-row-gap: .5em;
  }

  .padding-1em {
    display: none;
  }

  .padding-1em.hp-blog {
    display: block;
  }

  .h1-nao-ru-2, .h1-nao-ru-3, .h1-nao-ru-4, .h1-nao-ru-5 {
    font-size: 30px;
  }

  .hubspot-form {
    width: 100%;
  }

  .image-8 {
    width: 240px;
  }

  .nao-btn-mob {
    display: block;
  }

  .timeline_date-text {
    font-size: 30px;
  }

  .timeline_item {
    grid-template-columns: 48px 1fr;
  }

  .margin-bottom-medium {
    margin-bottom: 24px;
  }

  .padding-vertical-xlarge {
    padding-bottom: 2em;
  }

  .timeline__list {
    padding-left: 0;
  }

  .services__grid {
    grid-template-columns: 1fr;
  }

  .heading {
    font-size: 36px;
  }

  .lottie-animation-5 {
    width: 200%;
    height: auto;
  }

  .btn__wrap-timeline {
    margin-bottom: 24px;
  }

  .quote {
    padding-top: 0;
    padding-bottom: 0;
  }

  .quote__style {
    font-size: 20px;
  }

  .loop_line_container {
    padding-bottom: 10px;
  }

  .what_we_do--list {
    padding-left: 10px;
  }

  .what_we_do_header {
    font-size: 2.5em;
  }

  .results_wrap {
    flex-direction: column;
  }

  .results_item, .results_item.right {
    width: 100%;
  }

  .prev-next-1920 {
    flex-direction: column;
  }

  .prev__wrap {
    text-align: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }

  .next__wrap {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .nav-link-drop-down {
    display: none;
  }

  .cta__section-services {
    padding-bottom: 2em;
  }

  .pop-up-subscribe {
    width: 320px;
  }

  .about_video {
    max-height: 80vw;
  }

  .history_image {
    height: 100vw;
  }

  .div-block-9 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .hs_item {
    overflow: auto;
  }

  .clickable-area {
    padding: 16px 16px 48px;
  }

  .text-block-5 {
    font-size: 18px;
    line-height: 24px;
  }

  .at-logo-img {
    background-size: 170px;
  }

  .link-2 {
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
  }

  .privacypolicy-table {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    padding-left: 0;
  }

  .sm-hero-textwrapper {
    padding-right: 0%;
  }

  .sm_hero_videowrapper {
    height: 64vh;
  }

  .h1-nao-ru-inner-sm {
    font-size: 3.2em;
  }

  .sm-solution-title {
    margin-bottom: 5vh;
  }

  .sm-solution {
    background-image: linear-gradient(#fff0, #fff9 42%), url('../images/Section.jpg');
    background-position: 0 0, 43%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .sm-micro {
    height: auto;
  }

  .sm-micro-title {
    position: static;
  }

  .sm-micro-textwrapper {
    margin-right: 0%;
  }

  .sm-micro-content-rapper {
    height: auto;
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .container-3 {
    max-width: none;
  }

  .centered-heading {
    margin-bottom: 24px;
  }

  .team-grid {
    grid-template-columns: 1fr;
  }

  .sm-micro-imagewrapper {
    padding-left: 0%;
    padding-right: 18.8%;
    position: static;
    bottom: 0;
  }

  .sm-micro-description1 {
    height: 24%;
    margin-top: 7%;
    margin-left: 34%;
  }

  .sm-micro-description2 {
    height: 16%;
    margin-top: 7%;
    margin-left: 61%;
  }

  .sm-indicators {
    height: auto;
  }

  .sm-indicators-contentwrapper {
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .sm-indicators-lottie {
    height: 30.7em;
  }

  .sm-indicators-description1 {
    border-left-style: none;
    width: auto;
    height: auto;
    margin-top: 62%;
    margin-left: 0%;
    padding-left: 0;
  }

  .sm-indicators-description2 {
    border-left-style: none;
    width: auto;
    height: auto;
    margin-left: auto;
    padding-left: 0;
  }

  .sm-photoblock1-bg {
    height: 65vh;
  }

  .sm-photoblock1 {
    height: 65vh;
    position: relative;
  }

  .sm-photoblock1-photo1 {
    height: 60%;
  }

  .sm-photoblock1-imagewrapper {
    align-items: flex-end;
    position: absolute;
    bottom: 0;
  }

  .sm-photoblock2-textwrapper {
    padding-left: 5%;
    padding-right: 5%;
    bottom: 7%;
  }

  .sm-photoblock1-bgwrapper {
    top: auto;
    bottom: 0;
  }

  .sm-branding {
    padding-bottom: 2vh;
  }

  .sm-branding-title.adaptive {
    margin-top: 7vh;
  }

  .sm-branding-textwrapper {
    margin-bottom: 10px;
  }

  .container-4 {
    max-width: none;
  }

  .sm-packaging {
    flex-direction: column-reverse;
    height: auto;
    display: flex;
  }

  .sm-packaging-bgwrapper {
    width: 100%;
    height: 240px;
    position: relative;
  }

  .sm-packaging-bg {
    background-position: 70%;
    background-repeat: no-repeat;
    height: 130%;
    position: relative;
    top: -40px;
  }

  .sm-packaging-contentwrapper {
    z-index: 333;
    background-color: var(--white);
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
  }

  .sm-cloud-titlewrapper {
    flex-direction: column;
    padding-bottom: 2vh;
  }

  .sm-cloud-imagewrapper1 {
    width: 100%;
    margin-bottom: 2vh;
  }

  .sm-cloud-title {
    width: auto;
  }

  .sm-cloud-mobileapp.adaptive {
    height: 28vh;
  }

  .ux-service-grid {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-columns: 1fr;
  }

  .lottie-ux-hero {
    width: 200%;
    height: auto;
  }

  .sm-indicators-image1 {
    margin-left: 0%;
    margin-right: 0%;
  }

  .image-33 {
    margin-top: 26%;
  }

  .sm-packaging-title.adaptive {
    padding-right: 0%;
    position: static;
  }

  .lottie-ux-hero-m {
    width: 200%;
    height: auto;
    top: 30%;
    right: 30%;
  }

  .background_image-m {
    height: 20rem;
  }

  .lottie-animation-5-m {
    width: 200%;
    height: auto;
    right: 10%;
  }

  .lottie-service_p_analytics-m {
    right: 50%;
  }

  .lottie-service_p_id-m, .lottie-service_p_electronics-m, .lottie-service_p_manuf-m {
    right: 0%;
  }

  .lottie-service_p_scouting-m {
    right: 30%;
  }

  .btn__wrap-timeline-2 {
    margin-bottom: 24px;
  }

  .sbtop-image {
    padding-left: 0;
    padding-right: 0;
  }

  .hero--kv-t {
    height: 100vh;
  }

  .text-wrap-kv-t {
    text-align: left;
  }

  .text-wrap-kv-t.left-abslt {
    width: auto;
    padding-top: 4em;
  }

  .text-wrap-kv-t.left-v._2 {
    padding-top: 20px;
  }

  .story-row {
    padding-bottom: 44vh;
  }

  .story-img-kv-t._40, .story-img-kv-t._32 {
    width: 50%;
  }

  .story-img-kv-t._24 {
    width: 33%;
    top: 50%;
  }

  .design-kv-t.flex-h {
    padding-bottom: 4em;
  }

  .design-img-wrap._3-abslt {
    left: -20%;
  }

  .design-img-wrap.center {
    margin-bottom: 60px;
  }

  .text-wrap-kv-t-in {
    flex-flow: column;
  }

  .kv-t-hero-img-mob {
    margin-top: 60px;
  }

  .kv-t-video {
    padding-bottom: 20em;
  }

  .design-img-wrap-anim._3-abslt {
    left: -20%;
  }

  .blog-tag-date-wrap {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 20px;
  }

  .tags-collection {
    margin-left: 0;
  }

  .tag-image, .tag-image-related-post {
    height: 340px;
  }

  .small-news-img {
    height: 120px;
  }

  .text-wrap-teplo {
    text-align: left;
  }

  .text-wrap-teplo.left-abslt {
    width: auto;
    padding-top: 4em;
  }

  .text-wrap-teplo.left-v._2 {
    padding-top: 20px;
  }

  .teplo-text-wrap-research {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    place-items: center stretch;
  }

  .teplo-grid-item._1 {
    display: flex;
  }

  .teplo-grid-item.w {
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .teplo-grid-item._w-2 {
    padding-top: 8em;
    padding-bottom: 8em;
  }

  .teplo-lifestyle-img1 {
    height: 70vh;
  }

  .teplo-txt-wrap-absolut {
    width: auto;
    margin-left: 2em;
    top: auto;
    bottom: 5%;
  }

  .teplo-story {
    overflow: hidden;
  }

  .teplo-txt-wrap-abs {
    width: auto;
  }

  .teplo-txt-wrap-abs._2 {
    padding-bottom: 8em;
  }

  .teplo-txt-wrap-abs._40-margin-top {
    margin-top: 4em;
    margin-right: 0;
    padding-right: 2em;
  }

  .teplo-txt-wrap-absolut-2 {
    width: auto;
    margin-left: 2em;
    top: auto;
    bottom: 7%;
  }

  .nao-p-label {
    font-size: 1.4em;
  }

  .h1-nao-ru-career {
    font-size: 3.2em;
  }

  .secondary-button-text {
    font-size: 1.2em;
  }

  .career-h3-title {
    font-size: 3em;
  }

  .career-numbers-grid {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .career-departments-content-wrapper {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
  }

  .career-departments-h2 {
    font-size: 3em;
  }

  .career-deparments-chips-wrapper {
    grid-column-gap: .4em;
    grid-row-gap: .4em;
  }

  .career-benefits-h2 {
    font-size: 3em;
  }

  .career-easystart-list-text {
    font-size: 1.4em;
  }

  .career-easystart-h2 {
    padding-right: 0%;
    font-size: 3em;
    position: relative;
  }

  .career-easystart-background-circle {
    width: 70vw;
    height: 70vw;
    top: auto;
    bottom: 2vh;
  }

  .career-easystart-mainimage {
    align-self: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    bottom: 0%;
    right: 0;
  }

  .career-carousel-text-wraper {
    width: auto;
  }

  .career-stickycards {
    display: none;
  }

  .career-stickycard-text-wrapper {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .career-stickycards-h2 {
    padding-left: 1em;
    padding-right: 1em;
    font-size: 2em;
  }

  .career-stickycard-descriptin {
    background-image: linear-gradient(0deg, #e2e2e2, #fff);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 0;
    margin-right: 0%;
    padding-bottom: 4vh;
  }

  .career-stickycard-text {
    font-size: 1.4em;
  }

  .rl_testimonial15_content {
    grid-template-columns: 1fr;
  }

  .career-moments-array.adapt {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }

  .carrer-moments-cardtext {
    justify-content: space-between;
  }

  .career-moments-h2 {
    font-size: 3em;
  }

  .container-6 {
    max-width: none;
  }

  .centered-heading-2 {
    margin-bottom: 24px;
  }

  .comparison-row-main {
    grid-column-gap: 20px;
  }

  .comparison-title {
    margin-left: 10px;
  }

  .comparison-row {
    grid-column-gap: 20px;
  }

  .comparison-negative {
    background-position: 0 5px;
    background-size: 14px;
    margin-left: 10px;
    padding-left: 20px;
  }

  .comparison-positive {
    background-position: 0 4px;
    background-size: 16px;
    margin-left: 10px;
    padding-left: 20px;
  }

  .career-space-tabs {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .career-space {
    display: none;
  }

  .career-space-wrapper {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    padding-left: 0;
    padding-right: 0;
  }

  .career-space-tabs-menu {
    grid-row-gap: .25rem;
    flex-flow: column;
  }

  .career-space-tabs-link:hover {
    padding-left: .5em;
  }

  .career-space-tab_content {
    justify-content: space-around;
    width: 100%;
    height: auto;
  }

  .career-space-h2 {
    font-size: 3em;
  }

  .career-space-tabname {
    padding-top: .5em;
    padding-bottom: .5em;
  }

  .rl_layout28_component {
    grid-template-columns: 1fr;
  }

  .career-vacancies-content-wrapper {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .career-vacancies-h2 {
    font-size: 3em;
  }

  .career-vacancies-h2:where(.w-variant-305fde35-adda-3d6d-d3ca-410813f34736) {
    font-size: 2em;
  }

  .career-vacancies-item {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .career-vacancies-chips-wrapper {
    grid-column-gap: .6em;
    grid-row-gap: .2em;
  }

  .kv-t-lifestyle-img-sec {
    height: 40vh;
  }

  .career-moments-araptwrapper {
    overflow: hidden;
  }

  .career-moments-adaptive-cards-1 {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }

  .carrer-moments-adaptive-card {
    grid-column-gap: 1vh;
    grid-row-gap: 1vh;
    width: 80vw;
    max-width: 242px;
    display: block;
  }

  .carrer-moments-image-adaptive {
    aspect-ratio: auto;
  }

  .career-benefits-content-wrapper-adapt {
    grid-column-gap: 1.6em;
    grid-row-gap: 1.6em;
  }

  .career-easystart-list-wrapper-adapt {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .career-easystart-list-adapt {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    padding-bottom: 1.6em;
  }

  .career-easystart-image-wrapper {
    flex-flow: column;
    height: 60vh;
  }

  .career-stickycards-mobile {
    display: block;
  }

  .career-space-mobile {
    z-index: 9;
    background-color: #000;
    flex-flow: column;
    height: auto;
    padding-top: 2em;
    padding-bottom: 2em;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .rl-padding-section-large-4 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .rl_gallery21_arrow-icon {
    color: var(--white);
  }

  .rl_gallery21_slide {
    padding-right: 0;
  }

  .rl_gallery21_slide-nav {
    -webkit-text-stroke-color: var(--white);
    border: 1px #fff;
    height: 3rem;
    padding-top: 17px;
    padding-left: 1em;
  }

  .rl_gallery21_slider {
    height: auto;
    padding-top: 2em;
    padding-bottom: 4rem;
  }

  .rl_gallery21_arrow-right {
    border-width: .5px .01em .01em;
    border-color: var(--white);
    right: .5rem;
  }

  .rl_gallery21_image-wrapper {
    height: 50vh;
    padding-top: 0%;
  }

  .rl_gallery21_arrow-left {
    border-width: .5px .01em .01em;
    border-color: var(--white);
    right: 4rem;
  }

  .image-51, .career-easystart-mainimage-adapt {
    width: 100%;
    max-width: none;
  }

  .kv-photoblock {
    height: 65vh;
    position: relative;
  }

  .kv-photoblock-bgwrapper {
    top: auto;
    bottom: 0;
  }

  .kv-photoblock-imagewrapper {
    align-items: flex-end;
    position: absolute;
    bottom: 0;
  }

  .kv-photoblock-bg {
    height: 65vh;
  }

  .kv-photoblock-photo {
    height: 60%;
  }

  .career-vacancies-info {
    grid-column-gap: .4em;
    grid-row-gap: .4em;
  }

  .button-content:where(.w-variant-34f60490-538f-8bbd-0da7-5c17f9ad3ebb) {
    border-width: .1em;
  }

  .chip {
    line-height: 1;
  }

  .chip-content {
    padding: .4em .75em;
    line-height: .8;
  }

  .career-space-mobile-textwrapper {
    padding-top: 5em;
    padding-left: 2em;
    padding-right: 2em;
  }

  .career-vacancies-button {
    border-width: 1px;
    flex: none;
  }

  .chips-container {
    font-size: .7em;
  }

  .chips-container:where(.w-variant-ca0693dc-5adb-8b24-7153-2ff9a11eacf3) {
    font-size: 1.2em;
  }

  .chips-container:where(.w-variant-ce0a5fd7-b94c-98ac-9cc1-ae8c8a60246e) {
    font-size: 1em;
  }

  .header-menu {
    position: static;
    top: 0;
  }

  .header-menu-list-desktop {
    flex-direction: column;
    display: none;
  }

  .header-menu-link-name {
    font-size: 1.1em;
  }

  .header-menu-link-name:where(.w-variant-2f4d7eda-cb33-3660-dcc0-f080d403a7fb) {
    font-size: 1.2em;
  }

  .header-menu-list-adaptive-wrapper {
    flex-direction: column;
    height: auto;
    display: flex;
    overflow: auto;
  }

  .header-menu-dropdown-adaptive_wrappper {
    grid-column-gap: 1.6vh;
    grid-row-gap: 1.6vh;
    padding-top: 1vh;
  }

  .header-menu-adaptive-item {
    grid-column-gap: 1.2vh;
    grid-row-gap: 1.2vh;
  }

  .header-menu-adaptive-trigger.hidden, .header-menu-adaptive-trigger.relised {
    font-size: .8em;
  }

  .header-menu-adaptive-button-wrapper {
    display: none;
  }

  .header-menu-list-adaptive {
    justify-content: space-around;
    align-items: flex-start;
    width: 100vw;
    padding: 1vh 2em 2em;
    font-size: 1.15vh;
    line-height: 1.1;
  }

  .menu-component {
    max-width: 100vh;
  }

  .link-block-2 {
    z-index: 99999;
    background-color: var(--orange-red);
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: 2vh;
    text-decoration: none;
    display: flex;
    position: sticky;
    bottom: 0;
  }

  .text-block-13 {
    color: var(--white);
  }

  .rl_navbar5_blog-item {
    flex-direction: column;
    display: flex;
  }

  .rl_navbar5_dropdown-content-left {
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .rl_navbar5_large-item-content {
    margin-top: 1rem;
  }

  .rl_navbar5_blog-list {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .rl_navbar5_dropdown-link, .uui-navbar07_dropdown-link {
    padding-left: 0;
  }

  .header-button {
    background-color: var(--orange-red);
    color: var(--white);
    width: 100%;
    margin-top: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: 1.9em;
    text-decoration: none;
    position: relative;
    bottom: 0;
    left: 0;
  }

  .career-vacancies-item-copy {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 2em;
    padding-bottom: 2em;
  }
}

#w-node-b655c0cb-252d-cc57-2b9e-c8e113223dc4-13223db0, #w-node-_22c605a2-e8e9-7931-6304-a7189a313303-a0c3c342, #w-node-dfb32c4f-8bb1-e0a6-0334-77e454b2bd2b-a0c3c342 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_80520268-c710-3b0c-341c-f41e8c6c86f5-a0c3c342 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_80520268-c710-3b0c-341c-f41e8c6c8708-a0c3c342 {
  grid-area: 2 / 4 / 3 / 6;
}

#w-node-_80520268-c710-3b0c-341c-f41e8c6c86f6-a0c3c342 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_80520268-c710-3b0c-341c-f41e8c6c8701-a0c3c342 {
  grid-area: 2 / 1 / 3 / 4;
}

#w-node-_3bad676b-8cbd-6180-0809-64b671d6215f-b5667170, #w-node-_3bad676b-8cbd-6180-0809-64b671d62165-b5667170, #w-node-_3bad676b-8cbd-6180-0809-64b671d6216b-b5667170, #w-node-_3bad676b-8cbd-6180-0809-64b671d62171-b5667170, #w-node-b680d8eb-9a83-4a01-f3ed-4948d7670031-b5667170, #w-node-a332d966-1568-5500-7075-27490bce052f-b5667170, #w-node-bcd7ac8c-5f02-0830-9485-47113e3089bf-b5667170, #w-node-_12085938-42e7-ef5a-a704-6210ecb6787a-603be63f, #w-node-_12085938-42e7-ef5a-a704-6210ecb67880-603be63f, #w-node-_12085938-42e7-ef5a-a704-6210ecb67887-603be63f, #w-node-_12085938-42e7-ef5a-a704-6210ecb6788d-603be63f, #w-node-_9b2d3bd9-44c8-3ced-dd3f-62eac5d8dd56-23e1d155, #w-node-_9b2d3bd9-44c8-3ced-dd3f-62eac5d8dd5c-23e1d155, #w-node-_9b2d3bd9-44c8-3ced-dd3f-62eac5d8dd62-23e1d155, #w-node-_9b2d3bd9-44c8-3ced-dd3f-62eac5d8dd68-23e1d155, #w-node-_9b2d3bd9-44c8-3ced-dd3f-62eac5d8dd6e-23e1d155, #w-node-ff43bc8e-c8e7-9750-8f5e-210089ee54ad-7db5cb2c, #w-node-ff43bc8e-c8e7-9750-8f5e-210089ee54b5-7db5cb2c, #w-node-ff43bc8e-c8e7-9750-8f5e-210089ee54bb-7db5cb2c, #w-node-ff43bc8e-c8e7-9750-8f5e-210089ee54c1-7db5cb2c, #w-node-_06557c00-3563-11ab-c185-c9f20d270e83-625b02dc, #w-node-_06557c00-3563-11ab-c185-c9f20d270e89-625b02dc, #w-node-_06557c00-3563-11ab-c185-c9f20d270e8f-625b02dc, #w-node-a942cfee-be90-9cdf-d8f7-232d56353a7a-eed8314d, #w-node-a942cfee-be90-9cdf-d8f7-232d56353a80-eed8314d, #w-node-a942cfee-be90-9cdf-d8f7-232d56353a86-eed8314d, #w-node-a942cfee-be90-9cdf-d8f7-232d56353a8c-eed8314d, #w-node-_500191c5-f3a0-4c87-0356-11898a31b652-85220f34, #w-node-_500191c5-f3a0-4c87-0356-11898a31b658-85220f34, #w-node-_500191c5-f3a0-4c87-0356-11898a31b65e-85220f34, #w-node-_500191c5-f3a0-4c87-0356-11898a31b664-85220f34, #w-node-b1249f57-723b-ae4a-41d9-31dc596faf40-60ecd3f4, #w-node-b1249f57-723b-ae4a-41d9-31dc596faf46-60ecd3f4, #w-node-b1249f57-723b-ae4a-41d9-31dc596faf4c-60ecd3f4, #w-node-b1249f57-723b-ae4a-41d9-31dc596faf52-60ecd3f4, #w-node-b1249f57-723b-ae4a-41d9-31dc596faf58-60ecd3f4, #w-node-_4e252180-0894-c5f4-2e94-4a4579d49cf9-60ecd3f4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0f643397-26ea-b0fd-a870-c697a33aff76-60ecd3f4 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_77c82e6c-3f1f-74a3-c452-9fe29b8c0062-489b2f6b {
  place-self: stretch stretch;
}

#w-node-_77c82e6c-3f1f-74a3-c452-9fe29b8c0066-489b2f6b, #w-node-_77c82e6c-3f1f-74a3-c452-9fe29b8c007e-489b2f6b, #w-node-_77c82e6c-3f1f-74a3-c452-9fe29b8c0080-489b2f6b, #w-node-_77c82e6c-3f1f-74a3-c452-9fe29b8c0082-489b2f6b, #w-node-_77c82e6c-3f1f-74a3-c452-9fe29b8c0084-489b2f6b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_245508e3-281e-3d80-4c68-7fb706850676-489b2f6b {
  place-self: stretch stretch;
}

#w-node-_245508e3-281e-3d80-4c68-7fb70685067a-489b2f6b, #w-node-_245508e3-281e-3d80-4c68-7fb706850692-489b2f6b, #w-node-_245508e3-281e-3d80-4c68-7fb706850694-489b2f6b, #w-node-_245508e3-281e-3d80-4c68-7fb706850696-489b2f6b, #w-node-_245508e3-281e-3d80-4c68-7fb706850698-489b2f6b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-af956224-6d98-0b77-2b28-accadf906367-489b2f6b {
  place-self: stretch stretch;
}

#w-node-af956224-6d98-0b77-2b28-accadf90636b-489b2f6b, #w-node-af956224-6d98-0b77-2b28-accadf906377-489b2f6b, #w-node-af956224-6d98-0b77-2b28-accadf906379-489b2f6b, #w-node-af956224-6d98-0b77-2b28-accadf90637b-489b2f6b, #w-node-af956224-6d98-0b77-2b28-accadf90637d-489b2f6b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_60ef532e-ded6-96b4-0805-a6726a4ef27e-489b2f6b {
  place-self: stretch stretch;
}

#w-node-_60ef532e-ded6-96b4-0805-a6726a4ef282-489b2f6b, #w-node-_60ef532e-ded6-96b4-0805-a6726a4ef290-489b2f6b, #w-node-_60ef532e-ded6-96b4-0805-a6726a4ef292-489b2f6b, #w-node-_60ef532e-ded6-96b4-0805-a6726a4ef294-489b2f6b, #w-node-_60ef532e-ded6-96b4-0805-a6726a4ef296-489b2f6b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_77c82e6c-3f1f-74a3-c452-9fe29b8c0062-eccfb97a {
  place-self: stretch stretch;
}

#w-node-_77c82e6c-3f1f-74a3-c452-9fe29b8c0066-eccfb97a, #w-node-_77c82e6c-3f1f-74a3-c452-9fe29b8c007e-eccfb97a, #w-node-_77c82e6c-3f1f-74a3-c452-9fe29b8c0080-eccfb97a, #w-node-_77c82e6c-3f1f-74a3-c452-9fe29b8c0082-eccfb97a, #w-node-_77c82e6c-3f1f-74a3-c452-9fe29b8c0084-eccfb97a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_245508e3-281e-3d80-4c68-7fb706850676-eccfb97a {
  place-self: stretch stretch;
}

#w-node-_245508e3-281e-3d80-4c68-7fb70685067a-eccfb97a, #w-node-_245508e3-281e-3d80-4c68-7fb706850692-eccfb97a, #w-node-_245508e3-281e-3d80-4c68-7fb706850694-eccfb97a, #w-node-_245508e3-281e-3d80-4c68-7fb706850696-eccfb97a, #w-node-_245508e3-281e-3d80-4c68-7fb706850698-eccfb97a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-af956224-6d98-0b77-2b28-accadf906367-eccfb97a {
  place-self: stretch stretch;
}

#w-node-af956224-6d98-0b77-2b28-accadf90636b-eccfb97a, #w-node-af956224-6d98-0b77-2b28-accadf906377-eccfb97a, #w-node-af956224-6d98-0b77-2b28-accadf906379-eccfb97a, #w-node-af956224-6d98-0b77-2b28-accadf90637b-eccfb97a, #w-node-af956224-6d98-0b77-2b28-accadf90637d-eccfb97a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_60ef532e-ded6-96b4-0805-a6726a4ef27e-eccfb97a {
  place-self: stretch stretch;
}

#w-node-_60ef532e-ded6-96b4-0805-a6726a4ef282-eccfb97a, #w-node-_60ef532e-ded6-96b4-0805-a6726a4ef290-eccfb97a, #w-node-_60ef532e-ded6-96b4-0805-a6726a4ef292-eccfb97a, #w-node-_60ef532e-ded6-96b4-0805-a6726a4ef294-eccfb97a, #w-node-_60ef532e-ded6-96b4-0805-a6726a4ef296-eccfb97a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bccc34cc-5e05-b135-489f-8904d6c52847-e557ef46 {
  align-self: end;
}

#w-node-b104f50c-5aba-ba12-5202-8e00fee75751-e557ef46, #w-node-b104f50c-5aba-ba12-5202-8e00fee75752-e557ef46, #w-node-b104f50c-5aba-ba12-5202-8e00fee75753-e557ef46, #w-node-b104f50c-5aba-ba12-5202-8e00fee75754-e557ef46, #w-node-b104f50c-5aba-ba12-5202-8e00fee75755-e557ef46, #w-node-b104f50c-5aba-ba12-5202-8e00fee75756-e557ef46, #w-node-_4cb4a66a-93c8-1b91-a45c-8a0d770cab5d-e557ef46, #w-node-_4cb4a66a-93c8-1b91-a45c-8a0d770cab5e-e557ef46, #w-node-_4cb4a66a-93c8-1b91-a45c-8a0d770cab5f-e557ef46, #w-node-_4cb4a66a-93c8-1b91-a45c-8a0d770cab60-e557ef46, #w-node-_4cb4a66a-93c8-1b91-a45c-8a0d770cab61-e557ef46, #w-node-_4cb4a66a-93c8-1b91-a45c-8a0d770cab62-e557ef46, #w-node-b9b8a456-c37d-caf4-a5b3-8fa108890715-e557ef46, #w-node-e9b2f33d-f662-c3af-fc52-742983af015a-e557ef46, #w-node-_25c1cdd9-635f-f1f8-6768-769641ad09c6-e557ef46, #w-node-_24d7ff75-1db6-6b9b-f1a9-1ad44bdc3c75-e557ef46, #w-node-a3901f11-625e-040c-e236-83242bbedbf9-e557ef46, #w-node-_917ea240-865a-589c-0057-2c73221d4bca-e557ef46, #w-node-_752ee320-0a24-72e8-0651-35c30fa64b12-e557ef46, #w-node-_752ee320-0a24-72e8-0651-35c30fa64b13-e557ef46, #w-node-_752ee320-0a24-72e8-0651-35c30fa64b14-e557ef46, #w-node-_752ee320-0a24-72e8-0651-35c30fa64b15-e557ef46, #w-node-_752ee320-0a24-72e8-0651-35c30fa64b16-e557ef46, #w-node-_752ee320-0a24-72e8-0651-35c30fa64b17-e557ef46, #w-node-_3bad676b-8cbd-6180-0809-64b671d6215f-90889054, #w-node-_3bad676b-8cbd-6180-0809-64b671d62165-90889054, #w-node-_3bad676b-8cbd-6180-0809-64b671d6216b-90889054, #w-node-b680d8eb-9a83-4a01-f3ed-4948d7670031-90889054, #w-node-a332d966-1568-5500-7075-27490bce052f-90889054, #w-node-bcd7ac8c-5f02-0830-9485-47113e3089bf-90889054, #w-node-b5db3234-366e-bb2c-aa03-9a88188f3630-1a730154 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8a35a348-29db-4e45-784a-8f7b4e48d0b1-216fddba {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0bd53e48-473e-ab12-1b43-83747f351e3f-216fddba {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_62b8d02d-22e5-6e6c-1646-5e32a5bdd94e-216fddba, #w-node-_62b8d02d-22e5-6e6c-1646-5e32a5bdd959-216fddba, #w-node-_62b8d02d-22e5-6e6c-1646-5e32a5bdd960-216fddba {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a9077b4f-8726-f050-76ed-ca2dd13d708f-f1253d43 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-bf0c1a00-76ed-a9ad-34cd-e1f1f5e17055-f1253d43 {
  align-self: end;
}

#w-node-_7814821c-931e-6d79-7f54-463e1fd4bc02-f1253d43 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_3320eae9-081f-c44a-68ab-cc43c007b02e-f1253d43 {
  align-self: end;
}

#w-node-_7be80b06-c94d-b683-14ac-0ffe4a2d81dd-f1253d43 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-dc59e5bc-44d2-5da7-1b2c-cb80ad6b45c4-f1253d43 {
  align-self: end;
}

#w-node-_0cae8ab7-7b02-8ddd-2e09-d3fedac08065-f1253d43 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_084781f3-7dff-7aee-b80a-bd1c51a652c8-f1253d43 {
  align-self: end;
}

#w-node-_1695478c-123f-8e96-f08e-ec212ede90df-f1253d43 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_155c49ff-9f7b-6ceb-dfd4-94be4e9d9523-f1253d43 {
  align-self: end;
}

#w-node-b5b70fa7-3a80-ee82-6510-8b85ce6b44f9-f1253d43 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-b8eec735-3c29-8c8c-e581-8df1e156e603-f1253d43 {
  align-self: end;
}

#w-node-_684e1667-5266-44db-3003-e86e576731a4-f1253d43 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-bfc43f73-334e-f752-526c-f8300b1f2ea4-f1253d43 {
  align-self: end;
}

#w-node-_0fefd3dc-833d-f56c-96b3-fadc05c4b0ff-f1253d43 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_0fefd3dc-833d-f56c-96b3-fadc05c4b101-f1253d43 {
  align-self: end;
}

#w-node-_0fefd3dc-833d-f56c-96b3-fadc05c4b105-f1253d43 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_0fefd3dc-833d-f56c-96b3-fadc05c4b107-f1253d43 {
  align-self: end;
}

#w-node-_0fefd3dc-833d-f56c-96b3-fadc05c4b10d-f1253d43 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_0fefd3dc-833d-f56c-96b3-fadc05c4b10f-f1253d43 {
  align-self: end;
}

#w-node-_0fefd3dc-833d-f56c-96b3-fadc05c4b115-f1253d43 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_0fefd3dc-833d-f56c-96b3-fadc05c4b117-f1253d43 {
  align-self: end;
}

#w-node-_0fefd3dc-833d-f56c-96b3-fadc05c4b11d-f1253d43 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_0fefd3dc-833d-f56c-96b3-fadc05c4b11f-f1253d43 {
  align-self: end;
}

#w-node-_0fefd3dc-833d-f56c-96b3-fadc05c4b123-f1253d43 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_0fefd3dc-833d-f56c-96b3-fadc05c4b125-f1253d43 {
  align-self: end;
}

#w-node-_0fefd3dc-833d-f56c-96b3-fadc05c4b129-f1253d43 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_0fefd3dc-833d-f56c-96b3-fadc05c4b12b-f1253d43 {
  align-self: end;
}

#w-node-c831a92a-0f70-f6e5-ba0c-bdacea53477f-f1253d43, #w-node-_96e0a870-29ed-3a3b-3c72-e6fc89d0a51a-f1253d43, #w-node-_20a947ce-d025-b042-2471-d8887c497500-f1253d43, #w-node-_2314c2aa-b045-da1d-6510-f3adab71cc20-f1253d43, #w-node-ae23508b-bbcc-d9d7-7c2d-37219a191627-f1253d43, #w-node-ae23508b-bbcc-d9d7-7c2d-37219a191630-f1253d43, #w-node-ae23508b-bbcc-d9d7-7c2d-37219a191639-f1253d43, #w-node-ae23508b-bbcc-d9d7-7c2d-37219a191642-f1253d43 {
  justify-self: end;
}

#w-node-_01d20cd1-6190-962f-422e-c2dcf3d4222f-f1253d43, #w-node-_6b432e89-7523-ff38-07aa-15a5782b202c-f1253d43, #w-node-a05b009d-673b-6c11-ae47-8d42228cfdab-f1253d43, #w-node-_60f6f1f4-0ee8-072d-cbc7-5d9856b516e7-f1253d43 {
  align-self: start;
}

#w-node-_84f746f9-fdc1-213b-2334-81721961fa20-f1253d43 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_9cdbd04c-5eb0-bb39-24d0-b3739ebccfd3-9ebccfd1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_80520268-c710-3b0c-341c-f41e8c6c86f5-a0c3c342 {
    grid-area: span 1 / span 5 / span 1 / span 5;
  }

  #w-node-_80520268-c710-3b0c-341c-f41e8c6c8708-a0c3c342 {
    grid-area: 3 / 1 / 4 / 6;
  }

  #w-node-_80520268-c710-3b0c-341c-f41e8c6c86f6-a0c3c342 {
    grid-area: span 1 / span 5 / span 1 / span 5;
  }

  #w-node-_80520268-c710-3b0c-341c-f41e8c6c8701-a0c3c342 {
    grid-area: 4 / 1 / 5 / 6;
  }

  #w-node-_89b11f5b-cd7e-18a1-eae7-52df91623fb2-60ecd3f4 {
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-f48b0311-e3ca-95df-a5f8-aee111c270ed-f1253d43 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }
}

@media screen and (max-width: 767px) {
  #w-node-dfb32c4f-8bb1-e0a6-0334-77e454b2bd2b-a0c3c342 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_80520268-c710-3b0c-341c-f41e8c6c86f5-a0c3c342 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_80520268-c710-3b0c-341c-f41e8c6c8708-a0c3c342 {
    grid-area: 3 / 1 / 4 / 5;
  }

  #w-node-_80520268-c710-3b0c-341c-f41e8c6c86f6-a0c3c342 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_80520268-c710-3b0c-341c-f41e8c6c8701-a0c3c342 {
    grid-area: 4 / 1 / 5 / 5;
  }

  #w-node-_758d6501-5c01-c36c-6d25-ee9076d51575-76d51568 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_758d6501-5c01-c36c-6d25-ee9076d5157d-76d51568 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_758d6501-5c01-c36c-6d25-ee9076d5157f-76d51568 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_758d6501-5c01-c36c-6d25-ee9076d515a1-76d51568 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_758d6501-5c01-c36c-6d25-ee9076d515a9-76d51568 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_758d6501-5c01-c36c-6d25-ee9076d515cd-76d51568 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_758d6501-5c01-c36c-6d25-ee9076d515d5-76d51568 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_758d6501-5c01-c36c-6d25-ee9076d515f8-76d51568 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_758d6501-5c01-c36c-6d25-ee9076d51600-76d51568 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_758d6501-5c01-c36c-6d25-ee9076d51627-76d51568 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_758d6501-5c01-c36c-6d25-ee9076d5162f-76d51568 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_288849fd-2815-5aeb-1666-d663a4d11050-603be63f {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_288849fd-2815-5aeb-1666-d663a4d11058-603be63f {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_288849fd-2815-5aeb-1666-d663a4d1105a-603be63f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_288849fd-2815-5aeb-1666-d663a4d1107c-603be63f {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_288849fd-2815-5aeb-1666-d663a4d11084-603be63f {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_288849fd-2815-5aeb-1666-d663a4d110a8-603be63f {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_288849fd-2815-5aeb-1666-d663a4d110b0-603be63f {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_288849fd-2815-5aeb-1666-d663a4d110d3-603be63f {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_288849fd-2815-5aeb-1666-d663a4d110db-603be63f {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_288849fd-2815-5aeb-1666-d663a4d11102-603be63f {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_288849fd-2815-5aeb-1666-d663a4d1110a-603be63f {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-df3f83ba-63e7-fa7b-8975-d8c569ce59a9-603be63f {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-df3f83ba-63e7-fa7b-8975-d8c569ce59af-603be63f {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-c31dfd46-2406-5d3d-f960-8692a58417b2-603be63f {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-c31dfd46-2406-5d3d-f960-8692a58417b8-603be63f {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_800e3795-178e-6622-0066-46aecbc02004-7db5cb2c {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_800e3795-178e-6622-0066-46aecbc0200c-7db5cb2c {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_800e3795-178e-6622-0066-46aecbc0200e-7db5cb2c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_800e3795-178e-6622-0066-46aecbc02030-7db5cb2c {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_800e3795-178e-6622-0066-46aecbc02038-7db5cb2c {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_800e3795-178e-6622-0066-46aecbc0205c-7db5cb2c {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_800e3795-178e-6622-0066-46aecbc02064-7db5cb2c {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_800e3795-178e-6622-0066-46aecbc02087-7db5cb2c {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_800e3795-178e-6622-0066-46aecbc0208f-7db5cb2c {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_800e3795-178e-6622-0066-46aecbc020b6-7db5cb2c {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_800e3795-178e-6622-0066-46aecbc020be-7db5cb2c {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-d7252bfb-cb10-4014-20c2-609d7cf961b1-7db5cb2c {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-d7252bfb-cb10-4014-20c2-609d7cf961b9-7db5cb2c {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_7d62e9d4-d9a8-c6aa-7d87-8aa9a1868c1c-7db5cb2c {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_7d62e9d4-d9a8-c6aa-7d87-8aa9a1868c24-7db5cb2c {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-ea84e932-69c9-9d0d-6a4b-d224f9bf3228-625b02dc {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-ea84e932-69c9-9d0d-6a4b-d224f9bf3230-625b02dc {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-ea84e932-69c9-9d0d-6a4b-d224f9bf3232-625b02dc {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ea84e932-69c9-9d0d-6a4b-d224f9bf3254-625b02dc {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-ea84e932-69c9-9d0d-6a4b-d224f9bf325c-625b02dc {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-ea84e932-69c9-9d0d-6a4b-d224f9bf3280-625b02dc {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-ea84e932-69c9-9d0d-6a4b-d224f9bf3288-625b02dc {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-ea84e932-69c9-9d0d-6a4b-d224f9bf32ab-625b02dc {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-ea84e932-69c9-9d0d-6a4b-d224f9bf32b3-625b02dc {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-ea84e932-69c9-9d0d-6a4b-d224f9bf32da-625b02dc {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-ea84e932-69c9-9d0d-6a4b-d224f9bf32e2-625b02dc {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_4596e4bf-a8ad-f017-ccb3-3b824142de07-625b02dc {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_4596e4bf-a8ad-f017-ccb3-3b824142de0b-625b02dc {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_3fc4bfe9-87da-dd87-319c-c90afb68c0cf-625b02dc {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_3fc4bfe9-87da-dd87-319c-c90afb68c0d3-625b02dc {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_614e7540-c8d2-c4f9-fbfd-ba2ebed9c6a8-eed8314d {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_614e7540-c8d2-c4f9-fbfd-ba2ebed9c6b0-eed8314d {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_614e7540-c8d2-c4f9-fbfd-ba2ebed9c6b2-eed8314d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_614e7540-c8d2-c4f9-fbfd-ba2ebed9c6d4-eed8314d {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_614e7540-c8d2-c4f9-fbfd-ba2ebed9c6dc-eed8314d {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_614e7540-c8d2-c4f9-fbfd-ba2ebed9c700-eed8314d {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_614e7540-c8d2-c4f9-fbfd-ba2ebed9c708-eed8314d {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_614e7540-c8d2-c4f9-fbfd-ba2ebed9c72b-eed8314d {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_614e7540-c8d2-c4f9-fbfd-ba2ebed9c733-eed8314d {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-a191703b-7873-86de-43c9-8b6671bc973e-60ecd3f4 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-a191703b-7873-86de-43c9-8b6671bc9746-60ecd3f4 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-a191703b-7873-86de-43c9-8b6671bc9748-60ecd3f4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a191703b-7873-86de-43c9-8b6671bc976c-60ecd3f4 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-a191703b-7873-86de-43c9-8b6671bc9774-60ecd3f4 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-a191703b-7873-86de-43c9-8b6671bc9798-60ecd3f4 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-a191703b-7873-86de-43c9-8b6671bc97a0-60ecd3f4 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-a191703b-7873-86de-43c9-8b6671bc97c0-60ecd3f4 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-a191703b-7873-86de-43c9-8b6671bc97c8-60ecd3f4 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-a191703b-7873-86de-43c9-8b6671bc97ee-60ecd3f4 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-a191703b-7873-86de-43c9-8b6671bc97f6-60ecd3f4 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-bdfa5fec-f29a-c47b-6b26-8b8267013e9f-90889054 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-bdfa5fec-f29a-c47b-6b26-8b8267013ea7-90889054 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-bdfa5fec-f29a-c47b-6b26-8b8267013ea9-90889054 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-bdfa5fec-f29a-c47b-6b26-8b8267013ecd-90889054 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-bdfa5fec-f29a-c47b-6b26-8b8267013ed5-90889054 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-bdfa5fec-f29a-c47b-6b26-8b8267013ef9-90889054 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-bdfa5fec-f29a-c47b-6b26-8b8267013f01-90889054 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-bdfa5fec-f29a-c47b-6b26-8b8267013f21-90889054 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-bdfa5fec-f29a-c47b-6b26-8b8267013f29-90889054 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_8a35a348-29db-4e45-784a-8f7b4e48d0b1-216fddba {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-d6e9ea99-2427-9141-c88c-a61c97f99064-216fddba {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38a493fe-9fa6-f029-9617-e0926474afdb-216fddba {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_0bd53e48-473e-ab12-1b43-83747f351e3f-216fddba {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-dfd7358c-5702-cd1c-4f3c-ceeda1423eec-216fddba {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_62b8d02d-22e5-6e6c-1646-5e32a5bdd94e-216fddba {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_62b8d02d-22e5-6e6c-1646-5e32a5bdd956-216fddba {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_62b8d02d-22e5-6e6c-1646-5e32a5bdd959-216fddba {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_84f746f9-fdc1-213b-2334-81721961fa30-f1253d43 {
    align-self: auto;
  }

  #w-node-_9cdbd04c-5eb0-bb39-24d0-b3739ebccfd3-9ebccfd1 {
    grid-area: 1 / 1 / 2 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_80520268-c710-3b0c-341c-f41e8c6c86f5-a0c3c342 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_80520268-c710-3b0c-341c-f41e8c6c8708-a0c3c342 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_80520268-c710-3b0c-341c-f41e8c6c86f6-a0c3c342 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_80520268-c710-3b0c-341c-f41e8c6c8701-a0c3c342 {
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-_77c82e6c-3f1f-74a3-c452-9fe29b8c006a-489b2f6b, #w-node-_77c82e6c-3f1f-74a3-c452-9fe29b8c006e-489b2f6b, #w-node-_77c82e6c-3f1f-74a3-c452-9fe29b8c007a-489b2f6b, #w-node-_77c82e6c-3f1f-74a3-c452-9fe29b8c007c-489b2f6b, #w-node-_77c82e6c-3f1f-74a3-c452-9fe29b8c007e-489b2f6b, #w-node-_77c82e6c-3f1f-74a3-c452-9fe29b8c0080-489b2f6b, #w-node-_77c82e6c-3f1f-74a3-c452-9fe29b8c0082-489b2f6b, #w-node-_77c82e6c-3f1f-74a3-c452-9fe29b8c0084-489b2f6b, #w-node-_245508e3-281e-3d80-4c68-7fb70685067e-489b2f6b, #w-node-_245508e3-281e-3d80-4c68-7fb706850682-489b2f6b, #w-node-_245508e3-281e-3d80-4c68-7fb70685068e-489b2f6b, #w-node-_245508e3-281e-3d80-4c68-7fb706850690-489b2f6b, #w-node-_245508e3-281e-3d80-4c68-7fb706850692-489b2f6b, #w-node-_245508e3-281e-3d80-4c68-7fb706850694-489b2f6b, #w-node-_245508e3-281e-3d80-4c68-7fb706850696-489b2f6b, #w-node-_245508e3-281e-3d80-4c68-7fb706850698-489b2f6b, #w-node-af956224-6d98-0b77-2b28-accadf90636d-489b2f6b, #w-node-af956224-6d98-0b77-2b28-accadf906371-489b2f6b, #w-node-af956224-6d98-0b77-2b28-accadf906373-489b2f6b, #w-node-af956224-6d98-0b77-2b28-accadf906375-489b2f6b, #w-node-af956224-6d98-0b77-2b28-accadf906377-489b2f6b, #w-node-af956224-6d98-0b77-2b28-accadf906379-489b2f6b, #w-node-af956224-6d98-0b77-2b28-accadf90637b-489b2f6b, #w-node-af956224-6d98-0b77-2b28-accadf90637d-489b2f6b, #w-node-_60ef532e-ded6-96b4-0805-a6726a4ef284-489b2f6b, #w-node-_60ef532e-ded6-96b4-0805-a6726a4ef288-489b2f6b, #w-node-_60ef532e-ded6-96b4-0805-a6726a4ef28c-489b2f6b, #w-node-_60ef532e-ded6-96b4-0805-a6726a4ef28e-489b2f6b, #w-node-_60ef532e-ded6-96b4-0805-a6726a4ef290-489b2f6b, #w-node-_60ef532e-ded6-96b4-0805-a6726a4ef292-489b2f6b, #w-node-_60ef532e-ded6-96b4-0805-a6726a4ef294-489b2f6b, #w-node-_60ef532e-ded6-96b4-0805-a6726a4ef296-489b2f6b, #w-node-_77c82e6c-3f1f-74a3-c452-9fe29b8c006a-eccfb97a, #w-node-_77c82e6c-3f1f-74a3-c452-9fe29b8c006e-eccfb97a, #w-node-_77c82e6c-3f1f-74a3-c452-9fe29b8c007a-eccfb97a, #w-node-_77c82e6c-3f1f-74a3-c452-9fe29b8c007c-eccfb97a, #w-node-_77c82e6c-3f1f-74a3-c452-9fe29b8c007e-eccfb97a, #w-node-_77c82e6c-3f1f-74a3-c452-9fe29b8c0080-eccfb97a, #w-node-_77c82e6c-3f1f-74a3-c452-9fe29b8c0082-eccfb97a, #w-node-_77c82e6c-3f1f-74a3-c452-9fe29b8c0084-eccfb97a, #w-node-_245508e3-281e-3d80-4c68-7fb70685067e-eccfb97a, #w-node-_245508e3-281e-3d80-4c68-7fb706850682-eccfb97a, #w-node-_245508e3-281e-3d80-4c68-7fb70685068e-eccfb97a, #w-node-_245508e3-281e-3d80-4c68-7fb706850690-eccfb97a, #w-node-_245508e3-281e-3d80-4c68-7fb706850692-eccfb97a, #w-node-_245508e3-281e-3d80-4c68-7fb706850694-eccfb97a, #w-node-_245508e3-281e-3d80-4c68-7fb706850696-eccfb97a, #w-node-_245508e3-281e-3d80-4c68-7fb706850698-eccfb97a, #w-node-af956224-6d98-0b77-2b28-accadf90636d-eccfb97a, #w-node-af956224-6d98-0b77-2b28-accadf906371-eccfb97a, #w-node-af956224-6d98-0b77-2b28-accadf906373-eccfb97a, #w-node-af956224-6d98-0b77-2b28-accadf906375-eccfb97a, #w-node-af956224-6d98-0b77-2b28-accadf906377-eccfb97a, #w-node-af956224-6d98-0b77-2b28-accadf906379-eccfb97a, #w-node-af956224-6d98-0b77-2b28-accadf90637b-eccfb97a, #w-node-af956224-6d98-0b77-2b28-accadf90637d-eccfb97a, #w-node-_60ef532e-ded6-96b4-0805-a6726a4ef284-eccfb97a, #w-node-_60ef532e-ded6-96b4-0805-a6726a4ef288-eccfb97a, #w-node-_60ef532e-ded6-96b4-0805-a6726a4ef28c-eccfb97a, #w-node-_60ef532e-ded6-96b4-0805-a6726a4ef28e-eccfb97a, #w-node-_60ef532e-ded6-96b4-0805-a6726a4ef290-eccfb97a, #w-node-_60ef532e-ded6-96b4-0805-a6726a4ef292-eccfb97a, #w-node-_60ef532e-ded6-96b4-0805-a6726a4ef294-eccfb97a, #w-node-_60ef532e-ded6-96b4-0805-a6726a4ef296-eccfb97a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8a35a348-29db-4e45-784a-8f7b4e48d0b1-216fddba {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-ed1dc548-87e5-7c3a-b8a2-8e69efb4f2fd-216fddba, #w-node-c48a35b2-6b98-73fd-300e-323814d1456b-216fddba, #w-node-d6e9ea99-2427-9141-c88c-a61c97f99064-216fddba, #w-node-_38a493fe-9fa6-f029-9617-e0926474afdb-216fddba {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0bd53e48-473e-ab12-1b43-83747f351e3f-216fddba {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-e454d822-56f6-29b4-69c8-4497350d2367-216fddba, #w-node-dfd7358c-5702-cd1c-4f3c-ceeda1423eec-216fddba, #w-node-_1c223562-d440-2e7a-a800-03fcf00bec84-216fddba, #w-node-_3ab086b1-8420-4690-fc7c-5399ca4aff01-216fddba {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_62b8d02d-22e5-6e6c-1646-5e32a5bdd94e-216fddba {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_62b8d02d-22e5-6e6c-1646-5e32a5bdd953-216fddba, #w-node-_62b8d02d-22e5-6e6c-1646-5e32a5bdd954-216fddba {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_62b8d02d-22e5-6e6c-1646-5e32a5bdd956-216fddba {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-e895ed01-1e7e-64d5-c153-b1714772f840-216fddba {
    grid-area: span 2 / span 3 / span 2 / span 3;
  }

  #w-node-_62b8d02d-22e5-6e6c-1646-5e32a5bdd959-216fddba {
    grid-area: span 2 / span 4 / span 2 / span 4;
  }

  #w-node-_62b8d02d-22e5-6e6c-1646-5e32a5bdd95c-216fddba {
    grid-area: span 2 / span 3 / span 2 / span 3;
  }

  #w-node-_62b8d02d-22e5-6e6c-1646-5e32a5bdd95d-216fddba {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_62b8d02d-22e5-6e6c-1646-5e32a5bdd960-216fddba {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }
}


@font-face {
  font-family: 'Aeonikpro';
  src: url('../fonts/AeonikPro-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aeonikpro';
  src: url('../fonts/AeonikPro-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aeonikpro';
  src: url('../fonts/AeonikPro-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aeonikpro air';
  src: url('../fonts/AeonikPro-Air.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aeonikpro';
  src: url('../fonts/AeonikPro-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aeonikpro';
  src: url('../fonts/AeonikPro-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aeonikpro';
  src: url('../fonts/AeonikPro-Thin.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}