@font-face {
  font-family: Outfit variablefont wght;
  src: url('../fonts/Outfit-VariableFont_wght.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: black;
  --brand-color: #005eb8;
  --dark-grey: #707070;
  --white: #fff;
  --light-gray: #ddd;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous, .w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.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-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

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

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: var(--black);
  font-family: Noto Sans JP, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 70px;
  font-weight: 700;
  line-height: 78px;
  position: relative;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 700;
  line-height: 66px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 54px;
  font-weight: 700;
  line-height: 58px;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 42px;
  font-weight: 700;
  line-height: 46px;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 46px;
}

h6 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 34px;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--black);
  text-decoration: none;
  position: relative;
}

ul, ol {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-left: 22px;
  line-height: 32px;
}

label {
  display: block;
}

blockquote {
  border-left: 5px solid var(--brand-color);
  color: var(--brand-color);
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 10px 0 10px 20px;
  font-size: 28px;
  font-weight: 500;
  line-height: 36px;
}

figure {
  margin-top: 40px;
  margin-bottom: 40px;
}

figcaption {
  color: var(--dark-grey);
  text-align: center;
  margin-top: 10px;
  font-size: 18px;
}

.navigation {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 90%;
  height: 110px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.top_imega_section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--brand-color);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: auto;
  padding-bottom: 0;
  display: block;
  position: relative;
  overflow: visible;
}

.top_imega_section.brand-color-background {
  background-color: var(--dark-grey);
}

.top_imega_section.black-background {
  background-color: var(--black);
  height: 300px;
  margin-top: 112px;
  font-size: 20px;
}

.top_imega_section.footer {
  background-color: var(--white);
  color: var(--white);
  margin-top: 100px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.top_imega_section.background {
  background-color: #dddddd4d;
  height: 800px;
  margin-top: 120px;
  margin-bottom: auto;
  padding-bottom: 0;
}

.top_imega_section._404 {
  background-color: var(--brand-color);
  align-items: center;
  height: 100vh;
  display: flex;
}

.top_imega_section.sticky {
  overflow: visible;
}

.top_imega_section.section-w {
  color: var(--brand-color);
}

.nav-text {
  color: var(--black);
  text-transform: uppercase;
  object-fit: fill;
  font-size: 16px;
  font-weight: 500;
  /* line-height: 24px; */
  transition: color .2s;
}

.nav-text:hover {
  color: var(--brand-color);
}

.nav-text.black {
  color: var(--black);
  font-weight: 600;
}

.nav-text.black:hover {
  color: var(--brand-color);
}

.nav-link.footer {
  margin-bottom: 20px;
}

.nav-divider {
  background-color: #ffffff1a;
  width: 100%;
  height: 1px;
  margin-bottom: 180px;
}

.nav-divider.black {
  background-color: #0000001a;
  margin-bottom: 0;
}

.main-heading {
  color: var(--black);
  text-align: left;
  width: 65%;
  font-family: Noto Sans JP, sans-serif;
  font-size: 70px;
  font-weight: 600;
  line-height: 96px;
  display: block;
  position: static;
}

.conteiner_list {
  max-width: 1400px;
  height: 100%;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  top: 0;
}

.conteiner_list.home {
  padding-top: 140px;
  padding-bottom: 100px;
  position: relative;
  top: auto;
}

.conteiner_list.team-view-image {
  padding-bottom: 0;
  top: auto;
  bottom: auto;
  overflow: hidden;
}

.conteiner_list.team-view-text {
  z-index: 100;
  height: 10%;
  margin-top: -660px;
  margin-bottom: 80px;
  padding-bottom: 0;
  display: block;
}

.conteiner_list.team-view-text.team-detail {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: -550px;
  padding-top: 10px;
  display: block;
  top: -100px;
}

.conteiner_list.current-portfolio {
  margin-top: 112px;
  padding-top: 192px;
  padding-bottom: 80px;
  top: -150px;
}

.bigger-paragraph {
  font-size: 24px;
  line-height: 32px;
}

.bigger-paragraph.home {
  color: var(--black);
  text-align: left;
  width: 66%;
  margin-top: 40px;
  margin-bottom: 320px;
  font-size: 23px;
  line-height: 40px;
  position: static;
}

.background-image {
  opacity: 1;
  object-fit: cover;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.background-image._6 {
  opacity: .06;
}

.text-68px {
  color: var(--white);
  text-align: left;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin-top: 40px;
  margin-bottom: auto;
  font-size: 24px;
  font-weight: 200;
  line-height: 42px;
}

.text-68px.home {
  opacity: .76;
  color: var(--white);
}

.text-68px.black {
  color: var(--black);
  margin-top: 40px;
  margin-bottom: 50px;
  font-size: 30px;
}

.text-120px {
  color: var(--white);
  text-transform: uppercase;
  font-size: 120px;
  font-weight: 500;
  line-height: 116px;
}

.home-key-number-wrapper {
  margin-top: 100px;
  display: flex;
}

.key-number-description {
  opacity: .76;
  margin-top: 8px;
  font-weight: 600;
}

.home-key-number {
  margin-right: 120px;
}

.h6-title-brand-color {
  box-sizing: border-box;
  color: var(--brand-color);
  margin-bottom: 20px;
  padding-top: 0;
  font-size: 50px;
  font-weight: 700;
  overflow: visible;
}

.h6-title-brand-color._404 {
  color: var(--white);
  margin-bottom: 36px;
}

.portfolio-logo-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-top: 1px solid #dddddd80;
  border-bottom: 1px solid #dddddd80;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 80px;
  padding-top: 60px;
  padding-bottom: 60px;
  display: grid;
}

.portfolio-logo-link {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  border: 1px solid var(--dark-grey);
  background-color: #fff;
  border-radius: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: 220px;
  transition: border-color .4s linear;
  display: flex;
}

.portfolio-logo-link:hover {
  border: 1px solid var(--light-gray);
}

.portfolio-logo-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.text-button {
  color: var(--black);
  margin-right: 26px;
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
}

.text-button-wrapper {
  align-items: center;
  width: 100%;
  display: flex;
}

.text-button-wrapper.hover {
  color: var(--black);
  position: absolute;
  left: -101%;
}

.text-button-link {
  margin-top: 40px;
  overflow: hidden;
}

.text-button-link._404 {
  margin-top: 100px;
}

.top-text {
  z-index: auto;
  color: var(--black);
  white-space: nowrap;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 80px;
  font-weight: 500;
  line-height: 200px;
  position: absolute;
  inset: auto 0% 0%;
}

.gray {
  color: var(--light-gray);
}

.brand-color {
  color: var(--black);
  flex-flow: column;
  justify-content: flex-start;
  margin-top: 60px;
  margin-bottom: 40px;
  font-size: 30px;
  display: block;
}

.top-animation-wrapper {
  align-items: flex-end;
  padding-top: 160px;
  padding-bottom: 86px;
  font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
  display: flex;
  position: relative;
}

.image-cover {
  object-fit: cover;
  object-position: 20% 10%;
  width: 100%;
  height: 100%;
}

.image-cover.our-values {
  opacity: .6;
  position: absolute;
}

.top-animation-image1 {
  flex: none;
  width: 620px;
  height: 240px;
  margin-left: 50vw;
}

.bottom-animation-wrapper {
  align-items: flex-start;
  padding-top: 86px;
  padding-bottom: 160px;
  font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
  display: flex;
  position: relative;
}

.top-animation-image2 {
  flex: none;
  width: 380px;
  height: 280px;
  margin-left: 20vw;
}

.bottom-text {
  text-align: left;
  white-space: nowrap;
  margin-right: 0;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 100px;
  font-weight: 500;
  line-height: 200px;
  position: absolute;
  inset: 0% 0% auto;
}

.top-animation-image3 {
  flex: none;
  width: 480px;
  height: 220px;
  margin-left: 30vw;
}

.top-animation-image4 {
  aspect-ratio: auto;
  flex: none;
  width: 400px;
  height: 280px;
  margin-left: 0;
  margin-right: 60vw;
}

.top-animation-image5 {
  flex: none;
  width: 460px;
  height: 320px;
  margin-left: 0;
  margin-right: 0;
}

.top-animation-image6 {
  flex: none;
  width: 620px;
  height: 240px;
  margin-left: 0;
  margin-right: 60vw;
}

.slider {
  background-color: var(--light-gray);
  height: 740px;
  margin-top: 80px;
}

.slider-image {
  z-index: 5;
  width: 500px;
  margin-top: -42px;
  margin-right: 45px;
  display: block;
  position: absolute;
  inset: 280px 0% 0 auto;
}

.gray-extended-background {
  background-color: var(--light-gray);
  width: 100vw;
  position: absolute;
  inset: -7% -99% 0% 0%;
}

.brand-color-extended-background {
  background-color: var(--brand-color);
  width: 100vw;
  height: 750px;
  position: absolute;
  inset: 100px 0% 0% auto;
}

.slide-nav {
  display: none;
}

.mask {
  box-sizing: border-box;
  float: none;
  clear: none;
  aspect-ratio: auto;
  object-fit: fill;
  border-radius: 0;
  margin-top: -39px;
  margin-bottom: auto;
  padding-bottom: 0;
  padding-right: 0;
  position: relative;
  left: auto;
  right: auto;
  overflow: hidden;
}

.right-arrow {
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
  inset: auto 30px 140px auto;
}

.left-arrow {
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
  inset: auto 120px 140px auto;
}

.quate-wrapper {
  width: 90%;
  position: absolute;
  inset: 25% 0% 5%;
}

.text-42px {
  font-size: 24px;
  line-height: 35px;
}

.text-42px.quate-home {
  color: var(--white);
  text-align: left;
  margin-bottom: 0;
  font-size: 45px;
  line-height: 60px;
  text-decoration: none;
  display: block;
}

.text-42px.light-gray-semibold {
  color: var(--light-gray);
  font-size: 30px;
  font-weight: 600;
  transition: color .2s;
}

.text-42px.light-gray-semibold:hover {
  color: var(--brand-color);
  text-decoration: underline;
}

.text-42px.category-selected {
  color: var(--brand-color);
  font-size: 30px;
  font-weight: 600;
  text-decoration: underline;
}

.text-42px.medium {
  font-size: 36px;
  font-weight: 500;
}

.white-semibold {
  color: var(--white);
  font-weight: 600;
}

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

.quotation-mark {
  color: var(--white);
  font-size: 80px;
  font-weight: 800;
  line-height: 80px;
  position: absolute;
  inset: -40px -40px auto auto;
}

.text-160px-semibold {
  font-size: 160px;
  font-weight: 600;
  line-height: 160px;
}

.text-160px-semibold.slide-no {
  position: absolute;
  inset: auto 40px -40px auto;
}

.focus-grid {
  grid-column-gap: 60px;
  grid-row-gap: 84px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: stretch;
  place-items: stretch stretch;
  margin-top: 80px;
  display: grid;
}

.focus-image {
  background-color: var(--black);
  height: 280px;
  margin-bottom: 30px;
  position: relative;
}

.focus-date {
  color: var(--dark-grey);
  margin-bottom: 10px;
}

.focus-paragraph {
  color: var(--dark-grey);
  height: 58px;
  margin-top: 24px;
  overflow: hidden;
}

.footer-grid {
  grid-column-gap: 100px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr .5fr .5fr 1.5fr;
}

.address-footer {
  color: var(--dark-grey);
  margin-bottom: 26px;
}

.footer-logo {
  width: 320px;
}

.footer-column-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.nav-footer-text {
  color: var(--white);
  text-transform: uppercase;
  font-weight: 500;
  transition: color .2s;
}

.nav-footer-text:hover {
  color: var(--brand-color);
}

.nav-footer-text.temp {
  text-transform: capitalize;
  font-weight: 300;
}

.bold {
  font-weight: 700;
}

.dark-gray {
  color: var(--dark-grey);
}

.footer-phone-link {
  margin-top: 6px;
}

.social-media-hover {
  opacity: 0;
  mix-blend-mode: difference;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: 0%;
}

.social-media-link {
  width: 42px;
  height: 42px;
  margin-right: 6px;
}

.social-media-wrapper {
  margin-top: 30px;
  display: flex;
}

.social-media-wrapper.team-view {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  margin-top: 0;
  margin-bottom: 80px;
}

.social-media-wrapper.portfolio {
  grid-column-gap: 18px;
  margin-top: 40px;
}

.social-media-wrapper.utility {
  grid-column-gap: 12px;
  margin-top: 0;
}

.footer-claim {
  color: var(--dark-grey);
  text-align: center;
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 22px;
}

.private-policy-link {
  float: right;
}

.footer-link-text {
  color: var(--black);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  transition: color .2s;
  display: inline-block;
}

.footer-link-text:hover {
  color: var(--brand-color);
}

.float-left {
  float: left;
}

.footer-link-divider {
  color: var(--black);
  text-transform: uppercase;
  margin-left: 6px;
  margin-right: 6px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  display: inline-block;
}

.back-to-top-wrapper {
  z-index: 98;
  background-color: #0000001a;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  padding-top: 2px;
  transition: background-color .2s;
  display: flex;
  position: fixed;
  inset: auto 20px 20px auto;
}

.back-to-top-wrapper:hover {
  background-color: var(--black);
}

.icon-top {
  width: 12px;
  margin-bottom: 2px;
  transform: rotate(-90deg);
}

.text-top {
  color: var(--white);
  font-size: 11px;
  font-weight: 500;
  line-height: 12px;
}

.back-to-top {
  position: absolute;
  inset: 0% 0% auto;
}

.submain-heading {
  opacity: 1;
  color: var(--black);
  margin-top: 20px;
  font-size: 30px;
  font-weight: 300;
  transform: translate(0);
}

.portfolio-grid {
  grid-column-gap: 60px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 280px auto 160px 32px;
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
  overflow: hidden;
}

.text-18px {
  font-size: 18px;
  line-height: 22px;
}

.text-18px.semibold {
  font-weight: 600;
}

.text-18px.porfolio-list {
  height: 46px;
  overflow: hidden;
}

.text-18px.white-normal {
  color: var(--white);
}

.text-18px.title {
  color: var(--dark-grey);
  margin-top: 6px;
}

.text-18px.margin-right {
  margin-right: 6px;
}

.text-18px.focus-view-date {
  color: #70707099;
  margin-bottom: 10px;
}

.text-18px.utility-font {
  margin-bottom: 40px;
}

.text-18px.utility-font-last {
  margin-top: 10px;
  margin-bottom: 0;
}

.text-18px.underline {
  text-decoration: underline;
}

.text-18px.punctuation-mark {
  float: left;
  margin-right: 6px;
}

.text-18px.medium {
  font-weight: 500;
  display: inline-block;
}

.portfolio-list-link {
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  transition: background-color .2s;
}

.portfolio-list-link:hover {
  background-color: #dddddd29;
}

.divider-dark-gray {
  background-color: var(--dark-grey);
  height: 1px;
  margin-top: 20px;
}

.h4-company-name {
  font-weight: 500;
}

.cross-icon-wrapper {
  width: 32px;
  height: 32px;
  position: relative;
}

.cross-icon-wrapper.utility {
  margin-top: 40px;
}

.change-to-brand-color {
  background-color: var(--brand-color);
  mix-blend-mode: overlay;
  position: absolute;
  inset: 0%;
}

.text-28px {
  font-size: 28px;
  line-height: 36px;
}

.text-28px.portfolio-description {
  margin-bottom: 36px;
  font-size: 18px;
}

.text-28px.location-sub-title {
  margin-top: 60px;
  margin-bottom: 16px;
}

.portfolio-grid-open {
  grid-column-gap: 24px;
  grid-row-gap: 6px;
  grid-template-rows: auto;
  grid-template-columns: auto 18% 18% 18%;
  margin-top: 30px;
  margin-bottom: 60px;
}

.portfolio-grid-open.current {
  grid-template-columns: auto 17% 17% 17%;
}

.portfolio-logo-wrapper-big {
  justify-content: center;
  align-items: center;
  width: 52%;
  height: 48%;
  display: flex;
}

.portfolio-logo-wrapper-big.current {
  width: 62%;
  display: flex;
}

.semibold {
  font-weight: 600;
}

.portfolio-grid-open-mask {
  display: none;
  overflow: hidden;
}

.divider-light-gray {
  background-color: var(--light-gray);
  height: 1px;
}

.website-link {
  background-color: var(--brand-color);
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  height: 46px;
  padding-left: 32px;
  padding-right: 32px;
  transition: background-color .2s;
  display: flex;
}

.website-link:hover {
  background-color: var(--black);
}

.image-contain {
  object-fit: contain;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  position: static;
}

.portfolio-social-media-link {
  opacity: .4;
  width: 46px;
  height: 46px;
  transition: opacity .2s;
}

.portfolio-social-media-link:hover, .portfolio-social-media-link.current {
  opacity: 1;
}

.nav-wrapper {
  z-index: 99;
  background-color: var(--white);
  opacity: 1;
  height: 121px;
  position: fixed;
  inset: 0% 0% auto;
}

.category-wrapper {
  z-index: 1;
  grid-column-gap: 32px;
  background-color: var(--white);
  align-items: center;
  margin-top: -42px;
  margin-bottom: 66px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  position: sticky;
  top: 0;
  bottom: 0;
}

.text-24px {
  font-size: 24px;
  line-height: 36px;
}

.text-24px./team/ {
  width: 50%;
  margin-top: -34px;
  margin-bottom: 80px;
}

.text-24px.focus-view-date {
  color: var(--brand-color);
  margin-bottom: 6px;
}

.text-24px.team-view-name {
  color: var(--dark-grey);
  margin-top: 10px;
  margin-bottom: 20px;
}

._3-column-grid {
  grid-column-gap: 40px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._3-column-grid.featured {
  overflow: hidden;
}

.team-image-wrapper {
  background-color: #dddddd4d;
  height: 460px;
  margin-bottom: 30px;
  position: relative;
}

.about-value-wrapper {
  display: block;
  overflow: hidden;
}

.team-brand-color-block {
  background-color: var(--brand-color);
  background-image: linear-gradient(#faec9a, #eba448), url('/omronventures/assets/img/common/parts/backImg.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  width: 86%;
  height: 180px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.team-image-cover {
  object-fit: cover;
  width: 100%;
  position: absolute;
  inset: auto 0% 0% auto;
}
.team-image-name{
  font-size: 36px;
  font-weight: 500;
}
.team-image-position{
  margin-top: 6px;
  color: var(--dark-grey);
}
.member-no {
  color: var(--brand-color);
  font-size: 180px;
  font-weight: 600;
  line-height: 180px;
}

.text-52px {
  font-size: 52px;
  line-height: 64px;
}

.text-52px.about {
  justify-content: flex-start;
  width: 45%;
  margin-top: 60px;
  margin-bottom: 40px;
  margin-right: 0;
  padding-right: 0;
  font-size: 20px;
  line-height: 35px;
  display: block;
}

._50 {
  width: 50%;
}

.our-value-image {
  background-color: var(--white);
  color: var(--white);
  align-items: flex-end;
  height: 160px;
  margin-top: auto;
  margin-left: 0;
  margin-right: -80px;
  display: flex;
  position: relative;
}

.our-values-title {
  color: var(--black);
  text-align: center;
  width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 50px;
  font-weight: 500;
}

.about-paragraph {
  margin-top: 26px;
}

.about-value-icon-wrapper {
  align-items: flex-start;
  height: 220px;
  margin-bottom: 40px;
  padding-bottom: 40px;
  padding-left: 20px;
  display: flex;
  position: relative;
}

.about-value-icon-wrapper.utility {
  height: 160px;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.about-icon {
  height: 100%;
}

.about-value-brand-color-block {
  z-index: -1;
  background-color: var(--brand-color);
  width: 100%;
  height: 50%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.our-values-grid {
  grid-column-gap: 100px;
  grid-row-gap: 120px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 80px;
  margin-bottom: 100px;
}

.contact-grid {
  grid-column-gap: 140px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
}

.contact-title {
  margin-bottom: 14px;
}

.text-field {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: var(--light-gray);
  color: var(--black);
  height: 72px;
  margin-bottom: 20px;
  font-size: 20px;
  transition: border-color .2s;
}

.text-field:hover {
  border-bottom-color: var(--brand-color);
}

.text-field:focus {
  border-bottom-color: var(--black);
}

.text-field::placeholder {
  color: var(--dark-grey);
  font-size: 16px;
  /* line-height: 20px; */
}

.form-block {
  margin-top: 40px;
}

.textarea {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: var(--light-gray);
  min-height: 180px;
  font-size: 20px;
  transition: border-color .2s;
}

.textarea:hover {
  border-bottom-color: var(--brand-color);
}

.textarea:focus {
  border-bottom-color: var(--black);
}

.textarea::placeholder {
  color: var(--dark-grey);
  font-size: 16px;
  /* line-height: 20px; */
}

.checkbox-field {
  font-size: 16px;
}

.link {
  text-decoration: underline;
}

.checkbox {
  width: 20px;
  height: 20px;
  margin-right: 14px;
  transition: border-color .2s;
}

.checkbox.w--redirected-checked {
  background-color: var(--black);
}

.submit-button {
  background-color: var(--black);
  width: 100%;
  margin-top: 60px;
  padding-top: 28px;
  padding-bottom: 28px;
  font-weight: 600;
}

.location-title {
  margin-bottom: 14px;
  font-weight: 500;
}

.location-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.email-link {
  margin-top: 6px;
}

.logo {
  width: 120px;
  height: 24px;
}

.text-60px {
  font-size: 60px;
  font-weight: 400;
  line-height: 66px;
}

.text-60px.semibold {
  height: auto;
  margin-top: 20px;
  margin-bottom: auto;
  font-size: 50px;
  line-height: 65px;
}

.text-60px.utility {
  margin-bottom: 80px;
}

.content-hero-image {
  height: 300px;
  margin-top: 100px;
}

.focus-view-name-wrapper {
  color: var(--dark-grey);
  flex-wrap: wrap;
  margin-top: 26px;
  display: flex;
}

.posting {
  margin-top: 0;
}

.posting h1 {
  margin-top: 40px;
  margin-bottom: 20px;
}

.posting h2 {
  margin-top: 40px;
  margin-bottom: 20px;
  font-weight: 700;
}

.posting h3 {
  margin-top: 40px;
  margin-bottom: 20px;
}

.posting h4, .posting h5 {
  margin-top: 40px;
  margin-bottom: 20px;
  font-weight: 600;
}

.posting h6 {
  text-transform: none;
  margin-top: 40px;
  margin-bottom: 20px;
  font-weight: 600;
}

.focus-view-divider {
  background-color: var(--light-gray);
  height: 1px;
  margin-top: 120px;
  margin-bottom: 60px;
}

.featured-title {
  margin-bottom: 80px;
  font-size: 40px;
  font-weight: 400;
}

.featured-title.white {
  font-size: 35px;
}

.text-30px {
  font-size: 30px;
  line-height: 36px;
}

.text-30px.pagination {
  margin-top: 20px;
  font-weight: 500;
}

._2-column-grid-40-50 {
  grid-column-gap: 80px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 40% 50%;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  padding-top: 20px;
  text-decoration: none;
  display: grid;
}

.team-view-image-wrapper {
  height: 650px;
  padding-top: 0;
  position: relative;
}

.team-view-brand-color-block {
  z-index: -1;
  background-color: var(--brand-color);
  width: 86%;
  height: 240px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.team-view-brand-color-block.extended {
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(#fff68e, #fad585);
  background-clip: border-box;
  width: 100vw;
  inset: auto -100% 0% 0%;
  overflow: hidden;
}

.blank-div {
  width: 100%;
  height: 100%;
}

.utility-grid {
  grid-column-gap: 80px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 28% 66%;
}

.utility-3column-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.utility-divider {
  background-color: var(--light-gray);
  height: 1px;
  margin-top: 80px;
  margin-bottom: 80px;
}

.utility-title {
  margin-bottom: 20px;
  font-weight: 500;
}

.utility-color-block {
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 140px;
  display: flex;
}

.utility-color-block._68dba2 {
  background-color: var(--brand-color);
  color: var(--white);
  font-weight: 500;
}

.utility-color-block._707070 {
  background-color: var(--dark-grey);
  color: var(--white);
  font-weight: 500;
}

.utility-color-block.dddddd {
  background-color: var(--light-gray);
  font-weight: 500;
}

.utility-color-block._000000 {
  background-color: var(--black);
  color: var(--white);
  font-weight: 500;
}

.utility-color-block.ffffff {
  border: 1px solid var(--light-gray);
  background-color: var(--white);
  font-weight: 500;
}

.utility-image-block {
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 160px;
}

.text-link {
  text-decoration: underline;
}

.utility-2-column-grid {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1.25fr;
}

.next {
  float: right;
  text-align: right;
  background-color: #0000;
  border-width: 0;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 100px;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 0;
}

.pagination {
  height: 200px;
  display: block;
  position: relative;
}

.previous {
  float: left;
  background-color: #0000;
  border-width: 0;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 100px;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 0;
}

.rotate-z180 {
  transform: rotate(180deg);
}

.empty-state {
  border-top: 1px solid var(--dark-grey);
  border-bottom: 1px solid var(--light-gray);
  background-color: #dddddd29;
  padding: 20px 40px;
}

.empty-state.portfolio {
  border-top-width: 0;
}

.empty-state.featured {
  margin-top: 60px;
}

.green-arrow {
  width: 24px;
}

.partner-category-wrapper {
  position: relative;
}

.text-280px {
  margin-bottom: 10px;
  font-size: 280px;
  line-height: 210px;
}

.utility-typography-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.menu-wrapper {
  grid-column-gap: 80px;
  color: var(--black);
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.hamburger-wrapper {
  border: 1px solid var(--brand-color);
  flex-direction: column;
  justify-content: center;
  width: 58px;
  height: 58px;
  padding-left: 14px;
  padding-right: 14px;
  display: none;
}

.hamburger-line {
  background-color: var(--white);
  width: 100%;
  height: 2px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.hamburger-line.bottom {
  width: 60%;
}

.nav-open-text {
  color: var(--white);
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  /* line-height: 24px; */
  transition: color .2s;
}

.nav-open-text:hover {
  color: var(--brand-color);
}

.nav-open-wrapper {
  z-index: 100;
  display: none;
  position: fixed;
  inset: 0%;
}

.close {
  width: 100%;
  transform: rotate(45deg);
}

.go-arrow {
  color: var(--black);
  -webkit-text-stroke-color: var(--black);
  width: 26px;
}

.slide-icon {
  width: 20px;
}

.underline {
  text-decoration: underline;
}

.footer-link-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-outer-link-wrapper {
  text-align: center;
  flex: 1;
}

.current-portfolio-brand-color-block {
  background-color: var(--brand-color);
  width: 100vw;
  height: 164px;
  position: absolute;
  inset: auto 0% 0% 460px;
}

.current-portfolio-company-name-wrapper {
  margin-bottom: 20px;
}

.main-title-animation-mask, .main-heading-animation-mask {
  overflow: hidden;
}

.title-animation-mask {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border: 1px #000;
  border-radius: 0;
  margin-top: auto;
  overflow: hidden;
}

.back-link {
  align-items: center;
  margin-top: 0;
  margin-bottom: 40px;
}

.back-arrow {
  width: 30px;
  margin-right: 10px;
}

.page-title {
  color: var(--black);
  margin-top: 60px;
  font-size: 42px;
  line-height: 46px;
}

.bold-text {
  font-size: 24px;
}

.bold-text-2 {
  font-size: 16px;
}

.slide {
  text-align: left;
  padding-top: 200px;
  position: relative;
  top: -161px;
}

.code {
  box-sizing: border-box;
  object-fit: fill;
  height: 500px;
  max-height: none;
  position: static;
  top: auto;
}

.slide-2 {
  border-radius: 0;
  margin-left: auto;
  margin-right: auto;
}

.div-block {
  aspect-ratio: auto;
  padding-top: 0;
  position: static;
}

.news_section {
  justify-content: center;
  display: block;
}

.news_section.about-tate {
  margin-top: 220px;
  display: flex;
}

.paragraph {
  aspect-ratio: auto;
  opacity: 1;
  color: var(--white);
  text-align: left;
  object-fit: fill;
  border: 1px #000;
  width: 800px;
  margin-top: 0;
  padding-top: 20px;
  font-size: 18px;
  line-height: 30px;
  text-decoration: none;
  display: block;
  position: static;
  inset: auto 0%;
  overflow: visible;
}

.div-block-2 {
  flex-flow: column;
  width: 100%;
  margin-top: 50px;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.container-2 {
  max-width: 1400px;
}

.container-2.home {
  padding-top: 100px;
  padding-bottom: 0;
  position: relative;
}

.div-block-3 {
  opacity: 1;
  background-color: #ddd;
  width: 100%;
  height: 750px;
  margin-right: 0;
  padding-top: 0;
  padding-right: 0;
}

.div-block-4 {
  -webkit-text-fill-color: inherit;
  background-color: #a37b7b;
  background-image: linear-gradient(#00000080, #00000080);
  background-clip: border-box;
  width: 100vw;
  height: 500px;
  margin-top: 150px;
  padding-top: 0;
  padding-left: 0;
  position: absolute;
  inset: 100px 0% 0% auto;
}

.div-block-4.brand-color-extended-background {
  z-index: 0;
  background-color: #145899;
  background-image: none;
  height: 750px;
  margin-top: 130px;
  position: absolute;
  top: 60px;
}

.story_section {
  z-index: 0;
  background-color: #f1f1f1;
  display: block;
  position: relative;
}

.div-block-5 {
  aspect-ratio: auto;
  position: static;
}

.link-block {
  width: 172px;
}

.link-block.w--current {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  width: 140px;
  display: flex;
}

.div-block-6 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 450px;
  display: flex;
}

.text-block {
  font-size: 13px;
}

.text-block-2 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 250px;
  height: 16px;
  font-size: 13px;
  line-height: 17px;
  text-decoration: none;
  display: flex;
}

.div-block-7 {
  display: block;
}

.div-block-3-copy {
  opacity: 1;
  background-color: #ddd;
  width: 100vw;
  height: 650px;
}

.paragraph-2 {
  font-size: 16px;
  font-weight: 400;
}

.image {
  text-align: left;
  flex: 0 auto;
  align-self: auto;
  width: 45%;
  max-width: 100%;
  display: inline-block;
}

.section-4 {
  justify-content: flex-start;
  padding-right: 0;
  display: flex;
}

.image-2 {
  width: 100%;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.text-block-3 {
  width: 20%;
}

.column {
  display: flex;
}

.text-block-4 {
  width: 80%;
  display: flex;
}

.columns {
  margin-top: 60px;
  display: flex;
}

.column-2 {
  display: flex;
}

.table-col {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.table-col.data {
  justify-content: center;
  align-items: flex-end;
}

.table-col.data.left {
  z-index: 80;
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
  position: sticky;
  left: 0;
}

.table-col.header.left-col {
  z-index: 100;
  background-color: #fff;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
  display: flex;
  position: sticky;
  left: 0;
}

.table {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #fff;
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

.table:active {
  border: 1px solid #dadada;
}

.table:focus {
  border-color: #d4d4d4;
}

.table.no-pad {
  padding-top: 0;
  padding-bottom: 0;
}

.table.no-pad.overflow {
  flex: none;
  height: auto;
  max-height: 360px;
  padding-left: 0;
  position: relative;
  overflow: auto;
}

.table-1---header---text {
  color: #5e5656;
  text-align: center;
  border: 1px #000;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.table-1---header---text.data {
  text-align: right;
  width: 100%;
  font-weight: 400;
}

.table-1---header---text.data.center {
  text-align: right;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

.table-label {
  color: #2d3e4e;
  text-align: center;
  text-transform: capitalize;
  background-color: #0000;
  margin-bottom: 12px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.table-header-details-text {
  font-size: 12px;
  line-height: 14px;
}

.table-wrapper {
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  width: 50%;
  height: auto;
  margin-left: 3px;
  margin-right: 10px;
  padding: 15px 5px;
  transition: transform .2s;
  position: relative;
}

.table-wrapper.medium {
  max-height: none;
  overflow: hidden;
}

.table-wrapper.medium.rankings {
  width: 80%;
}

.table-row-3-col {
  z-index: 100;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 140vw;
  display: grid;
  position: sticky;
}

.table-row-3-col.data-row {
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  width: 100%;
  height: 30px;
}

.table-row-3-col.data-row:hover {
  background-color: #0000;
}

.table-row-3-col.data-row.wide {
  grid-template-columns: 1fr 1fr;
}

.table-row-3-col.header {
  z-index: 999;
  background-color: #fff;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  height: auto;
  min-height: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
  position: sticky;
  top: 0;
}

.table-row-3-col.header.wide {
  grid-template-columns: 1fr 1fr;
}

.text-span-cite {
  font-weight: 400;
}

.shortcuts-table {
  box-shadow: none;
  background-color: #020202;
  border-radius: 8px;
  padding-bottom: 8px;
  padding-left: 24px;
  padding-right: 24px;
}

.shortcut-row-header {
  color: #fffc;
  letter-spacing: 2px;
  border-bottom: 1px solid #ffffff1f;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 14px;
  font-weight: 600;
}

.shortcut-row {
  border-bottom: 0 dashed #ffffff1f;
  padding-top: 16px;
  padding-bottom: 16px;
}

.shortcut {
  color: #88c3ff;
  text-align: left;
  text-transform: none;
  font-weight: 400;
}

.shortcut-row-2 {
  background-color: #0a0a0a;
  border-bottom: 0 dashed #ffffff1f;
  padding-top: 16px;
  padding-bottom: 16px;
}

.shortcut-row-bottom {
  color: #ebf0f5;
  padding-top: 16px;
  padding-bottom: 16px;
}

.text-block-5 {
  width: 100%;
}

.empty {
  height: auto;
}

.empty.bg-dark {
  background-color: #000;
}

.bottom-row {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 50px;
  display: grid;
}

.table-sc-v1 {
  width: 100%;
  max-width: 100%;
  margin: 40px auto 100px;
}

.col-th {
  justify-content: center;
  align-items: center;
  display: flex;
}

.col-th.bg-dark {
  color: #fff;
  background-color: #000;
}

.center-el {
  text-align: left;
  border-bottom: 1px solid #bdbdbd;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.center-el.bg-dark {
  color: #fff;
  background-color: #000;
}

.table-head {
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
}

.fa-icon {
  font-size: 25px;
  line-height: 25px;
}

.row-tr {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 69px;
  display: grid;
}

.row-tr.bg-gray {
  background-color: #fff;
  grid-template-columns: .5fr 1.75fr;
  height: auto;
  min-height: 90px;
}

.row-tr.bg-white {
  text-align: left;
  background-color: #fff;
  grid-template-columns: .5fr 1.75fr;
  width: 100%;
  height: auto;
  min-height: 90px;
}

.table-feature {
  text-align: left;
  width: 100%;
  height: auto;
  /* margin-top: 20px;
  margin-bottom: 20px; */
  padding-left: 40px;
  padding-right: 40px;
  font-weight: 400;
  /* line-height: 24px; */
  display: inline-flex;
}

.table-feature.text-white {
  color: #fff;
}

.image-3 {
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.section-5 {
  position: static;
}

.image-4 {
  height: 819.047px;
}

.slider-2 {
  height: 100vh;
}

.div-block-8 {
  height: 728vw;
  position: absolute;
}

.bold-text-3 {
  color: var(--white);
  width: auto;
  font-size: 40px;
  line-height: 60px;
  display: block;
  position: static;
}

.section-6 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.section-7 {
  margin-top: 60px;
  margin-bottom: 40px;
}

.section-8 {
  margin-top: 100px;
}

.div-block-9 {
  flex-flow: column;
  flex: 0 auto;
  margin-right: 40px;
  display: flex;
}

.div-block-10 {
  width: 100%;
}

.div-block-11 {
  position: absolute;
}

.slide_text_lapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.team_section {
  margin-top: 200px;
}

.portfolic_imega_section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--brand-color);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: auto;
  padding-bottom: 0;
  display: block;
  position: relative;
  overflow: visible;
}

.portfolic_imega_section.brand-color-background {
  background-color: var(--dark-grey);
}

.portfolic_imega_section.black-background {
  background-color: var(--black);
  font-size: 20px;
}

.portfolic_imega_section.footer {
  background-color: var(--white);
  color: var(--white);
  margin-top: 100px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.portfolic_imega_section.background {
  background-color: #dddddd4d;
}

.portfolic_imega_section._404 {
  background-color: var(--brand-color);
  align-items: center;
  height: 100vh;
  display: flex;
}

.portfolic_imega_section.sticky {
  overflow: visible;
}

.portfolic_imega_section.section-w {
  color: var(--brand-color);
}

.slider-3 {
  height: 500px;
}

.image-5 {
  width: 100px;
  height: 100px;
}

.slide-3 {
  -webkit-text-fill-color: inherit;
  vertical-align: baseline;
  background-clip: border-box;
}

.top_slider {
  height: 100vh;
}

.slider_image1 {
  aspect-ratio: auto;
  opacity: .75;
  object-fit: cover;
  height: 100%;
  overflow: clip;
}

.slider_image2 {
  opacity: .75;
  object-fit: cover;
  height: 100%;
}

.slide-1 {
  -webkit-text-stroke-color: var(--black);
  background-color: #c9d4ff;
}

.slide_text_wrapper {
  z-index: 2;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.slide_test_box {
  z-index: 1;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 450px;
  display: flex;
  position: absolute;
}

.slide-4 {
  background-color: #355dd3;
}

.navigation_section {
  z-index: 1000;
  height: 112px;
  position: fixed;
  inset: 0% 0% auto;
}

.container_news {
  max-width: 1400px;
  height: 100%;
  margin-bottom: 0;
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
  top: 0;
}

.container_news.home {
  padding-top: 140px;
  padding-bottom: 100px;
  position: relative;
  top: auto;
}

.container_news.team-view-image {
  padding-bottom: 0;
}

.container_news.team-view-text {
  z-index: 100;
  height: 10%;
  margin-top: -660px;
  margin-bottom: 80px;
  padding-bottom: 0;
  display: block;
}

.container_news.team-view-text.team-detail {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 10px;
  display: block;
  top: -100px;
}

.container_news.current-portfolio {
  padding-top: 80px;
  padding-bottom: 80px;
  top: -150px;
}

.container_navi {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 1300px;
  height: 90%;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.container-copy {
  max-width: 1400px;
  height: 100%;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  top: 0;
}

.container-copy.home {
  padding-top: 140px;
  padding-bottom: 100px;
  position: relative;
  top: auto;
}

.container-copy.team-view-image {
  padding-bottom: 0;
}

.container-copy.team-view-text {
  z-index: 100;
  height: 10%;
  margin-top: -660px;
  margin-bottom: 80px;
  padding-bottom: 0;
  display: block;
}

.container-copy.team-view-text.team-detail {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: -550px;
  padding-top: 10px;
  display: block;
  top: -100px;
}

.container-copy.current-portfolio {
  padding-top: 192px;
  padding-bottom: 80px;
  top: -150px;
}

.container_team {
  max-width: 1400px;
  height: 100%;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  top: 0;
}

.container_team.home {
  padding-top: 140px;
  padding-bottom: 100px;
  position: relative;
  top: auto;
}

.container_team.team-view-image {
  padding-bottom: 0;
}

.container_team.team-view-text {
  z-index: 100;
  max-width: 1400px;
  height: 10%;
  margin-top: -750px;
  margin-bottom: 80px;
  padding-bottom: 0;
  display: block;
  position: relative;
}

.container_team.team-view-text.team-detail {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: -550px;
  padding-top: 10px;
  display: block;
  top: -100px;
}

.container_team.current-portfolio {
  padding-top: 192px;
  padding-bottom: 80px;
  top: -150px;
}

.div-block-12 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 0;
  display: flex;
}

.portfolio_back {
  outline-offset: 0px;
  background-color: #f6f6f6;
  outline: 3px #000;
}

.container_news-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1400px;
  height: 100%;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
  top: 0;
}

.container_news-copy.home {
  padding-top: 140px;
  padding-bottom: 100px;
  position: relative;
  top: auto;
}

.container_news-copy.team-view-image {
  padding-bottom: 0;
}

.container_news-copy.team-view-text {
  z-index: 100;
  height: 10%;
  margin-top: -660px;
  margin-bottom: 80px;
  padding-bottom: 0;
  display: block;
}

.container_news-copy.team-view-text.team-detail {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 10px;
  display: block;
  top: -100px;
}

.container_news-copy.current-portfolio {
  padding-top: 80px;
  padding-bottom: 80px;
  top: -150px;
}

.top_imega_section_detail {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 100%;
  height: auto;
  padding-bottom: 0;
  display: block;
  position: relative;
  overflow: visible;
}

.top_imega_section_detail.brand-color-background {
  background-color: var(--dark-grey);
}

.top_imega_section_detail.black-background {
  background-color: var(--black);
  height: 300px;
  margin-top: 112px;
  font-size: 20px;
}

.top_imega_section_detail.footer {
  background-color: var(--white);
  color: var(--white);
  margin-top: 100px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.top_imega_section_detail.background {
  background-color: #dddddd4d;
  height: 800px;
  margin-top: 112px;
  margin-bottom: auto;
  padding-bottom: 0;
}

.top_imega_section_detail._404 {
  background-color: var(--brand-color);
  align-items: center;
  height: 100vh;
  display: flex;
}

.top_imega_section_detail.sticky {
  overflow: visible;
}

.top_imega_section_detail.section-w {
  color: var(--brand-color);
}

.container-3 {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.text-42px-copy {
  font-size: 30px;
  line-height: 52px;
}

.text-42px-copy.quate-home {
  color: var(--white);
  text-align: left;
  margin-bottom: 60px;
  font-size: 45px;
  line-height: 70px;
  text-decoration: none;
}

.text-42px-copy.light-gray-semibold {
  color: var(--light-gray);
  flex-flow: row;
  justify-content: flex-start;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 600;
  display: block;
}

.text-42px-copy.light-gray-semibold:hover {
  color: var(--brand-color);
  text-decoration: underline;
}

.text-42px-copy.category-selected {
  color: var(--brand-color);
  font-size: 30px;
  font-weight: 600;
  text-decoration: underline;
}

.text-42px-copy.medium {
  font-size: 36px;
  font-weight: 500;
}

.paragraph-copy {
  aspect-ratio: auto;
  opacity: 1;
  color: var(--white);
  text-align: left;
  object-fit: fill;
  border: 1px #000;
  width: 100%;
  margin-top: 9px;
  font-size: 18px;
  line-height: 30px;
  text-decoration: none;
  display: block;
  position: static;
  inset: auto 0%;
  overflow: visible;
}

.bold-text-3-copy {
  color: var(--white);
  width: 10%;
  font-size: 30px;
  line-height: 70px;
}

.div-block-13 {
  margin-bottom: 10px;
  display: flex;
}

.text-42px-copy-copy {
  font-size: 30px;
  line-height: 52px;
}

.text-42px-copy-copy.quate-home {
  color: var(--white);
  text-align: left;
  margin-bottom: 60px;
  font-size: 45px;
  line-height: 70px;
  text-decoration: none;
}

.text-42px-copy-copy.light-gray-semibold {
  color: var(--light-gray);
  flex-flow: row;
  justify-content: flex-start;
  width: 10%;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 30px;
  font-weight: 600;
  line-height: 52px;
  display: block;
}

.text-42px-copy-copy.light-gray-semibold:hover {
  color: var(--brand-color);
  text-decoration: underline;
}

.text-42px-copy-copy.category-selected {
  color: var(--brand-color);
  font-size: 30px;
  font-weight: 600;
  text-decoration: underline;
}

.text-42px-copy-copy.medium {
  font-size: 36px;
  font-weight: 500;
}

.div-block-14 {
  margin-top: 60px;
}

.column-3 {
  display: block;
}

.about_company {
  position: relative;
}

.small {
  font-size: 16px;
}

.text-block-6 {
  padding-top: 100px;
  padding-left: 40px;
}

.mission {
  outline-offset: 0px;
  pointer-events: auto;
  color: var(--white);
  border-bottom: 1px solid #fff;
  outline: 3px #fff;
  width: auto;
  font-size: 30px;
  line-height: 60px;
  text-decoration: none;
  display: block;
  position: static;
}

.grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.collection-item {
  display: block;
}

.div-block-15 {
  grid-column-gap: 39px;
  grid-row-gap: 39px;
  display: flex;
}

.link-block-2 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  opacity: .7;
  border: 0 #000;
  border-bottom: 1px solid #000;
  margin-bottom: 1em;
  text-decoration: none;
  display: block;
}

.link-block-2:hover {
  font-weight: 400;
}

.text-block-7 {
  color: var(--brand-color);
  font-size: 18px;
  font-weight: 700;
}

.text-block-8 {
  opacity: .8;
  margin-bottom: 10px;
  font-size: 18px;
  transition: opacity .2s;
}

.text-block-8:hover {
  opacity: 1;
}

.container-4 {
  box-sizing: border-box;
  width: 100%;
  max-width: 1400px;
  height: auto;
  margin: 0 auto;
  display: block;
}

.container_news_header {
  box-sizing: border-box;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: none;
  height: auto;
  margin-top: 121px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
  top: 0;
}

.container_news_header.home {
  padding-top: 140px;
  padding-bottom: 100px;
  position: relative;
  top: auto;
}

.container_news_header.team-view-image {
  padding-bottom: 0;
}

.container_news_header.team-view-text {
  z-index: 100;
  height: 10%;
  margin-top: -660px;
  margin-bottom: 80px;
  padding-bottom: 0;
  display: block;
}

.container_news_header.team-view-text.team-detail {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 10px;
  display: block;
  top: -100px;
}

.container_news_header.current-portfolio {
  padding-top: 80px;
  padding-bottom: 80px;
  top: -150px;
}

.div-block-16, .div-block-17, .div-block-18 {
  margin-top: 100px;
}

.slide_test_box-copy_white {
  z-index: 0;
  background-color: var(--white);
  opacity: .35;
  outline-offset: 0px;
  outline: 3px #000;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 600px;
  transition: opacity .2s;
  display: flex;
  position: absolute;
}

.container-5 {
  width: 100%;
  max-width: 100%;
}

.grid-2 {
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  max-width: 60%;
  max-height: 400px;
}

.collection-item-2 {
  width: 100%;
}

.grid-3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.text-block-9 {
  text-align: left;
  width: 100%;
  display: block;
}

.link-2 {
  width: 100%;
}

.heading {
  width: auto;
  font-size: 30px;
  font-weight: 500;
}

.div-block-19 {
  display: flex;
}

.text-block-10 {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 1em;
  font-size: 30px;
  font-weight: 500;
}

/* .portfolio_list {
  margin-top: 60px;
}
 */
.collection-list {
  margin-left: 0;
}

.text-block-11 {
  margin-bottom: 10px;
  font-size: 18px;
}

.collection-item-3 {
  flex-flow: column;
  display: flex;
}

.collection-list-wrapper {
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
  display: flex;
}

.collection-list-2 {
  margin-bottom: 20px;
}

.link-3 {
  font-size: 18px;
}

.container_list {
  max-width: 1400px;
  height: 100%;
  margin-top: 40px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  top: 0;
}

.container_list.home {
  padding-top: 140px;
  padding-bottom: 100px;
  position: relative;
  top: auto;
}

.container_list.team-view-image {
  padding-bottom: 0;
  top: auto;
  bottom: auto;
}

.container_list.team-view-text {
  z-index: 100;
  height: 10%;
  margin-top: -660px;
  margin-bottom: 80px;
  padding-bottom: 0;
  display: block;
}

.container_list.team-view-text.team-detail {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: -550px;
  padding-top: 10px;
  display: block;
  top: -100px;
}

.container_list.current-portfolio {
  margin-top: 112px;
  padding-top: 192px;
  padding-bottom: 80px;
  top: -150px;
}

.paragraph-3 {
  text-align: justify;
  line-height: 35px;
}

.code-embed {
  width: 100%;
}

.ivs_movie {
  border: 1px solid #000;
  width: 100%;
  height: 200px;
  margin-top: 60px;
}

.text-block-12 {
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.div-block-400 {
  -webkit-text-fill-color: inherit;
  background-color: #a37b7b;
  background-image: linear-gradient(#00000080, #00000080);
  background-clip: border-box;
  width: 100vw;
  height: 500px;
  margin-top: 150px;
  padding-top: 0;
  padding-left: 0;
  position: absolute;
  inset: 100px 0% 0% auto;
}

.div-block-400.brand-color-extended-background {
  z-index: -1;
  background-color: #ddd;
  background-image: none;
  width: 1400px;
  height: 750px;
  margin-top: 60px;
  margin-left: 220px;
  position: absolute;
  top: 94px;
  left: -300px;
  right: 0;
}

.ble {
  flex-flow: row;
  width: 100%;
  margin-top: 20px;
  margin-right: 40px;
  padding-bottom: 20px;
  padding-left: 40px;
}

.paragraph-4 {
  margin-left: 10px;
}

.link-4 {
  color: var(--brand-color);
  text-decoration: none;
}

.flex-block {
  flex-flow: row;
  width: 100%;
}

@media screen and (max-width: 991px) {
  .navigation {
    margin-left: 30px;
    margin-right: 30px;
  }

  .nav-divider.open {
    margin-bottom: 46px;
  }

  .main-heading {
    width: auto;
    font-size: 60px;
  }

  .conteiner_list {
    padding-left: 30px;
    padding-right: 30px;
  }

  .conteiner_list.team-view-text {
    margin-top: -40px;
  }

  .bigger-paragraph.home {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
  }

  .home-key-number-wrapper {
    flex-direction: column;
  }

  .key-number-description {
    margin-bottom: 30px;
  }

  .home-key-number {
    margin-right: 0;
  }

  .portfolio-logo-grid {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .portfolio-logo-link {
    width: auto;
    height: 160px;
  }

  .portfolio-logo-wrapper {
    width: 74%;
  }

  .top-text, .bottom-text {
    font-size: 78px;
    line-height: 140px;
  }

  .slider-image {
    object-fit: cover;
    width: 100%;
    height: 150px;
    margin-top: 430px;
    display: none;
    top: 0;
    left: -1px;
    right: 0%;
  }

  .brand-color-extended-background {
    height: 560px;
    left: -32%;
  }

  .right-arrow {
    right: 0;
  }

  .left-arrow {
    right: 90px;
  }

  .quate-wrapper {
    aspect-ratio: auto;
    width: 85%;
    height: auto;
    bottom: -10%;
    left: 5%;
    right: 5%;
  }

  .text-42px.quate-home {
    text-align: left;
    margin-bottom: 0;
    text-decoration: none;
  }

  .text-42px.medium {
    text-align: center;
    font-size: 26px;
  }

  .text-160px-semibold.slide-no {
    right: 0;
  }

  .focus-grid {
    grid-column-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .focus-image {
    height: 260px;
  }

  .footer-grid {
    grid-column-gap: 60px;
    grid-template-columns: 1.25fr .5fr .5fr;
  }

  .submain-heading {
    width: 90%;
    margin-left: 40px;
  }

  .portfolio-grid {
    grid-column-gap: 20px;
    grid-template-columns: 200px auto 120px 32px;
    padding-left: 0;
    padding-right: 0;
  }

  .text-18px.title {
    text-align: center;
  }

  .h4-company-name {
    font-size: 32px;
    line-height: 34px;
  }

  .text-28px.portfolio-description {
    margin-top: 20px;
  }

  .text-28px.location-sub-title {
    margin-top: 40px;
  }

  .portfolio-grid-open, .portfolio-grid-open.current {
    grid-template-columns: auto 30% 30%;
  }

  .portfolio-logo-wrapper-big {
    width: 86%;
  }

  .portfolio-logo-wrapper-big.current {
    width: 58%;
    height: 100%;
    margin-bottom: 60px;
  }

  .category-link {
    flex: none;
  }

  .category-wrapper {
    overflow: auto;
  }

  .text-24px./team/ {
    width: 100%;
  }

  ._3-column-grid {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
  }

  ._3-column-grid.featured {
    grid-row-gap: 0px;
    grid-auto-rows: minmax(0, 0);
  }

  .team-image-wrapper {
    height: 360px;
  }

  .team-brand-color-block {
    height: 140px;
  }

  ._50 {
    width: 100%;
  }

  .our-value-image {
    margin-left: -30px;
    margin-right: -30px;
  }

  .our-values-title {
    margin-left: 30px;
  }

  .about-value-icon-wrapper {
    height: 180px;
  }

  .about-value-icon-wrapper.utility {
    justify-content: center;
    align-items: center;
  }

  .our-values-grid {
    grid-column-gap: 60px;
    grid-row-gap: 80px;
    grid-template-columns: 1fr 1fr;
  }

  .contact-grid {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  ._2-column-grid-40-50 {
    grid-template-columns: 100%;
  }

  .team-view-image-wrapper {
    height: auto;
  }

  .utility-grid {
    grid-template-columns: 100%;
  }

  .menu-wrapper {
    display: none;
  }

  .hamburger-wrapper {
    border: 1px solid var(--brand-color);
    display: flex;
  }

  .hamburger-wrapper.open {
    align-items: center;
  }

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

  .hamburger-line.top {
    background-color: var(--brand-color);
    width: 80%;
  }

  .hamburger-line.bottom {
    background-color: var(--brand-color);
  }

  .hamburger-line.black {
    background-color: var(--black);
  }

  .menu-open-wrapper {
    flex-direction: column;
    margin-left: 30px;
    margin-right: 30px;
    display: flex;
  }

  .nav-open-link {
    margin-top: 6px;
    margin-bottom: 6px;
  }

  .nav-open-text {
    font-size: 68px;
    font-weight: 700;
    line-height: 62px;
  }

  .nav-open-wrapper {
    z-index: 100;
    background-color: var(--black);
    height: 0;
    display: block;
    position: fixed;
    inset: 0%;
    overflow: hidden;
  }

  .current-portfolio-brand-color-block {
    left: 0;
  }

  .current-portfolio-company-name-wrapper {
    margin-bottom: 0;
  }

  .page-title {
    margin-left: 40px;
  }

  .slide {
    vertical-align: baseline;
  }

  .news_section.about-tate {
    flex-flow: column;
  }

  .paragraph {
    width: 100%;
    font-size: 16px;
  }

  .div-block-3 {
    width: 100%;
  }

  .div-block-4.brand-color-extended-background {
    height: 850px;
    left: -5%;
  }

  .image {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .table {
    padding-left: 10px;
    padding-right: 10px;
  }

  .table.no-pad.overflow {
    flex: none;
    max-height: 400px;
  }

  .table-1---header---text {
    font-size: 10px;
    line-height: 14px;
  }

  .table-header-details-text {
    font-size: 8px;
    line-height: 10px;
  }

  .table-wrapper {
    width: 80%;
    height: auto;
    margin-bottom: 20px;
    margin-right: 4px;
  }

  .table-row-3-col.data-row, .table-row-3-col.header {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .table-feature {
    padding-left: 0;
  }

  .bold-text-3 {
    font-size: 32px;
  }

  .div-block-9 {
    margin-right: 0;
  }

  .container_news {
    padding-left: 30px;
    padding-right: 30px;
  }

  .container_news.team-view-text {
    margin-top: -40px;
  }

  .container-copy {
    padding-left: 30px;
    padding-right: 30px;
  }

  .container-copy.team-view-text {
    margin-top: -40px;
  }

  .container_team {
    padding-left: 30px;
    padding-right: 30px;
  }

  .container_team.team-view-text {
    margin-top: -40px;
  }

  .container_news-copy {
    padding-left: 30px;
    padding-right: 30px;
  }

  .container_news-copy.team-view-text {
    margin-top: -40px;
  }

  .text-42px-copy.quate-home, .text-42px-copy-copy.quate-home {
    text-align: left;
    margin-bottom: 200px;
    text-decoration: none;
  }

  .text-42px-copy-copy.light-gray-semibold {
    width: 20%;
  }

  .container_news_header {
    padding-left: 30px;
    padding-right: 30px;
  }

  .container_news_header.team-view-text {
    margin-top: -40px;
  }

  .container_list {
    padding-left: 30px;
    padding-right: 30px;
  }

  .container_list.team-view-text {
    margin-top: -40px;
  }

  .collection-item-4 {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
    width: 33%;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .paragraph-3 {
    width: 100%;
    margin-bottom: 40px;
  }

  .collection-item-5 {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .div-block-400.brand-color-extended-background {
    height: 850px;
    left: -5%;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 16px;
    line-height: 22px;
  }

  h1 {
    font-size: 52px;
    line-height: 62px;
  }

  h2 {
    font-size: 46px;
    line-height: 56px;
  }

  h3 {
    font-size: 38px;
    line-height: 46px;
  }

  h4 {
    font-size: 30px;
    line-height: 38px;
  }

  h5 {
    font-size: 24px;
    line-height: 30px;
  }

  h6 {
    font-size: 18px;
    line-height: 24px;
  }

  p {
    font-size: 16px;
    line-height: 22px;
  }

  ul, ol {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 18px;
    line-height: 26px;
  }

  blockquote {
    border-left-width: 3px;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 14px;
    font-size: 22px;
    line-height: 28px;
  }

  figcaption {
    font-size: 14px;
    line-height: 18px;
  }

  .navigation {
    height: 62px;
    margin-left: 16px;
    margin-right: 16px;
  }

  .top_imega_section.footer {
    margin-top: 20px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav-link.footer {
    margin-bottom: 10px;
  }

  .nav-divider, .nav-divider.open {
    margin-bottom: 80px;
  }

  .main-heading {
    width: 90%;
    font-size: 40px;
    line-height: 66px;
  }

  .conteiner_list {
    padding: 0 16px 60px;
  }

  .conteiner_list.home {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .conteiner_list.team-view-text {
    margin-top: -40px;
    margin-bottom: 0;
  }

  .bigger-paragraph {
    font-size: 18px;
    line-height: 28px;
  }

  .bigger-paragraph.home {
    margin-bottom: 80px;
    font-size: 20px;
  }

  .text-68px {
    font-size: 26px;
    line-height: 50px;
  }

  .text-68px.black {
    font-size: 20px;
  }

  .text-120px {
    font-size: 24vw;
    font-weight: 700;
    line-height: 24vw;
  }

  .home-key-number-wrapper {
    margin-top: 60px;
  }

  .key-number-description {
    margin-top: 0;
  }

  .h6-title-brand-color {
    margin-bottom: 20px;
    font-size: 40px;
  }

  .portfolio-logo-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
    margin-top: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .portfolio-logo-link {
    width: 100%;
    height: 140px;
    display: flex;
  }

  .portfolio-logo-wrapper {
    width: 78%;
    height: 36%;
  }

  .text-button {
    margin-right: 10px;
    font-size: 20px;
    /* line-height: 20px; */
  }

  .text-button-link {
    margin-top: 30px;
  }

  .text-button-link._404 {
    margin-top: 60px;
  }

  .top-text {
    font-size: 68px;
    font-weight: 600;
    line-height: 80px;
  }

  .top-animation-wrapper {
    padding-top: 80px;
    padding-bottom: 36px;
  }

  .top-animation-image1 {
    width: 320px;
    margin-left: 20vw;
  }

  .bottom-animation-wrapper {
    padding-top: 36px;
    padding-bottom: 80px;
  }

  .top-animation-image2 {
    width: 320px;
    margin-left: 20vw;
  }

  .bottom-text {
    font-size: 68px;
    line-height: 80px;
  }

  .top-animation-image3 {
    width: 280px;
    margin-left: 10vw;
  }

  .top-animation-image4 {
    width: 340px;
    margin-left: -120vw;
  }

  .top-animation-image5 {
    width: 260px;
    height: 200px;
    margin-left: 200px;
  }

  .top-animation-image6 {
    width: 280px;
    height: 220px;
    margin-left: 160px;
  }

  .slider {
    height: 520px;
    margin-top: 60px;
  }

  .slider-image {
    width: 70%;
  }

  .brand-color-extended-background {
    height: 460px;
    left: -32px;
  }

  .right-arrow {
    width: 40px;
    height: 40px;
    bottom: 80px;
  }

  .left-arrow {
    width: 40px;
    height: 40px;
    bottom: 80px;
    right: 40px;
  }

  .quate-wrapper {
    width: auto;
    margin-top: 100px;
    padding-bottom: 0;
    padding-right: 10px;
    position: relative;
  }

  .text-42px {
    font-size: 28px;
    line-height: 34px;
  }

  .text-42px.quate-home {
    margin-bottom: 20px;
    line-height: 40px;
  }

  .quotation-mark {
    font-size: 60px;
    right: 16px;
  }

  .text-160px-semibold.slide-no {
    font-size: 100px;
    line-height: 120px;
  }

  .focus-grid {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    margin-top: 0;
  }

  .focus-image {
    height: 66vw;
    margin-bottom: 20px;
  }

  .focus-date {
    margin-bottom: 4px;
  }

  .focus-paragraph {
    height: 48px;
    margin-top: 10px;
  }

  .footer-grid {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .address-footer {
    margin-bottom: 16px;
  }

  .footer-logo {
    width: 60vw;
  }

  .social-media-wrapper.team-view {
    margin-bottom: 40px;
  }

  .social-media-wrapper.portfolio {
    grid-column-gap: 6px;
    margin-top: 30px;
  }

  .footer-claim {
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .submain-heading {
    height: 3em;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 33px;
    line-height: 46px;
  }

  .portfolio-grid {
    grid-column-gap: 20px;
    grid-template-columns: 100px auto 24px;
  }

  .portfolio-grid.hide-mobile {
    display: none;
  }

  .text-18px {
    font-size: 16px;
    line-height: 22px;
  }

  .text-18px.title {
    margin-top: 2px;
  }

  .text-18px.hide-mobile {
    display: none;
  }

  .portfolio-list-link {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .divider-dark-gray {
    margin-top: 6px;
  }

  .h4-company-name {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
  }

  .cross-icon-wrapper {
    width: 24px;
    height: 24px;
  }

  .text-28px {
    font-size: 20px;
    line-height: 28px;
  }

  .text-28px.location-sub-title {
    margin-top: 26px;
    margin-bottom: 10px;
    font-weight: 500;
  }

  .portfolio-grid-open {
    grid-column-gap: 20px;
    margin-top: 20px;
    margin-bottom: 26px;
  }

  .portfolio-logo-wrapper-big {
    width: 50%;
    height: 100%;
  }

  .portfolio-logo-wrapper-big.current {
    width: 62%;
  }

  .website-link {
    height: 36px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .image-contain {
    height: 100px;
  }

  .portfolio-social-media-link {
    width: 36px;
    height: 36px;
  }

  .category-wrapper {
    grid-column-gap: 20px;
    margin-top: -10px;
    margin-bottom: 40px;
  }

  .text-24px {
    font-size: 20px;
    line-height: 30px;
  }

  .text-24px./team/ {
    margin-top: 0;
    margin-bottom: 40px;
  }

  .text-24px.focus-view-date {
    margin-bottom: 0;
  }

  .text-24px.team-view-name {
    margin-top: 10px;
  }

  ._3-column-grid {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  ._3-column-grid.featured {
    grid-row-gap: 40px;
    grid-auto-rows: auto;
    overflow: visible;
  }

  .team-image-wrapper {
    height: 88vw;
    margin-bottom: 20px;
  }

  .team-image-cover {
    width: 82%;
  }

  .member-no {
    font-size: 160px;
    line-height: 140px;
  }

  .text-52px.about {
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 44px;
  }

  .our-value-image {
    justify-content: center;
    align-items: center;
    height: 100vw;
    margin-top: 60px;
    margin-left: -16px;
    margin-right: -16px;
    display: flex;
  }

  .our-values-title {
    margin-bottom: 0;
    margin-left: 0;
  }

  .about-paragraph {
    margin-top: 12px;
  }

  .about-value-icon-wrapper {
    justify-content: center;
    height: 160px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    padding-left: 0;
  }

  .about-value-icon-wrapper.utility {
    height: 22vw;
    margin-bottom: 16px;
  }

  .our-values-grid {
    grid-row-gap: 60px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .contact-grid {
    grid-row-gap: 40px;
  }

  .contact-title {
    margin-bottom: 6px;
  }

  .text-field {
    height: 48px;
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .form-block {
    margin-top: 20px;
  }

  .textarea {
    min-height: 120px;
    padding-left: 0;
    padding-right: 0;
  }

  .checkbox-field {
    font-size: 14px;
  }

  .checkbox {
    margin-top: 2px;
    margin-right: 6px;
  }

  .submit-button {
    margin-top: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .location-title {
    margin-bottom: 10px;
  }

  .logo {
    width: 126px;
  }

  .text-60px {
    font-size: 46px;
    line-height: 52px;
  }

  .text-60px.utility {
    margin-bottom: 20px;
  }

  .content-hero-image {
    height: 74vw;
  }

  .focus-view-name-wrapper {
    margin-top: 10px;
  }

  .posting h1, .posting h2, .posting h3, .posting h4, .posting h5, .posting h6 {
    margin-top: 30px;
    margin-bottom: 10px;
  }

  .focus-view-divider {
    margin-top: 60px;
    margin-bottom: 40px;
  }

  .featured-title {
    margin-bottom: 20px;
    font-weight: 500;
  }

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

  .text-30px.pagination {
    margin-top: 6px;
  }

  .utility-grid {
    grid-row-gap: 30px;
  }

  .utility-3column-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
  }

  .utility-divider {
    margin-top: 60px;
    margin-bottom: 50px;
  }

  .utility-title {
    margin-bottom: 10px;
  }

  .utility-image-block {
    height: 32vw;
  }

  .utility-2-column-grid {
    grid-template-rows: auto;
  }

  .next {
    margin-top: 20px;
  }

  .pagination {
    height: 100px;
  }

  .previous {
    margin-top: 20px;
  }

  .empty-state {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-280px {
    font-size: 50vw;
    line-height: 40vw;
  }

  .hamburger-wrapper {
    width: 38px;
    height: 38px;
    padding-left: 9px;
    padding-right: 9px;
  }

  .nav-open-text {
    font-size: 12.6vw;
    line-height: 14vw;
  }

  .go-arrow {
    width: 20px;
  }

  .slide-icon {
    width: 10px;
  }

  .footer-link-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .current-portfolio-brand-color-block {
    height: 124px;
  }

  .page-title {
    margin-top: 100px;
    font-size: 45px;
    line-height: 38px;
  }

  .paragraph {
    width: 85%;
  }

  .container-2.home {
    height: 850px;
    padding-top: 40px;
  }

  .div-block-3 {
    height: 750px;
  }

  .div-block-4.brand-color-extended-background {
    margin-top: 100px;
  }

  .story_section {
    height: auto;
  }

  .table.no-pad {
    padding-left: 10px;
    padding-right: 0;
  }

  .table.no-pad.overflow {
    width: 100%;
    max-height: 240px;
    padding-left: 0;
    overflow: auto;
  }

  .table-1---header---text {
    font-size: 10px;
    line-height: 12px;
  }

  .table-label {
    font-size: 14px;
  }

  .table-header-details-text {
    color: #5e5656;
    font-size: 9px;
  }

  .table-wrapper {
    border-style: none;
    width: 100%;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
    transform: scale(.8);
  }

  .table-row-3-col.data-row, .table-row-3-col.header {
    width: 100%;
  }

  .table-feature {
    padding-right: 0;
    /* line-height: 20px; */
  }

  .bold-text-3 {
    width: 85%;
    font-size: 23px;
    line-height: 40px;
  }

  .portfolic_imega_section.footer {
    margin-top: 20px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .top_slider {
    height: 60vh;
  }

  .container_news {
    padding: 60px 16px;
  }

  .container_news.home {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .container_news.team-view-text {
    margin-top: -40px;
    margin-bottom: 0;
  }

  .container-copy {
    padding: 60px 16px;
  }

  .container-copy.home {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .container-copy.team-view-text {
    margin-top: -40px;
    margin-bottom: 0;
  }

  .container_team {
    padding: 60px 16px;
  }

  .container_team.home {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .container_team.team-view-text {
    margin-top: -40px;
    margin-bottom: 0;
  }

  .container_news-copy {
    padding: 60px 16px;
  }

  .container_news-copy.home {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .container_news-copy.team-view-text {
    margin-top: -40px;
    margin-bottom: 0;
  }

  .top_imega_section_detail.footer {
    margin-top: 20px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-42px-copy {
    font-size: 28px;
    line-height: 34px;
  }

  .text-42px-copy.quate-home {
    margin-bottom: 20px;
    line-height: 40px;
  }

  .paragraph-copy {
    font-size: 14px;
  }

  .div-block-13 {
    width: 85%;
  }

  .text-42px-copy-copy {
    font-size: 28px;
    line-height: 34px;
  }

  .text-42px-copy-copy.quate-home {
    margin-bottom: 20px;
    line-height: 40px;
  }

  .mission {
    width: 85%;
  }

  .container_news_header {
    padding: 0 16px;
  }

  .container_news_header.home {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .container_news_header.team-view-text {
    margin-top: -40px;
    margin-bottom: 0;
  }

  .container_list {
    padding: 60px 16px;
  }

  .container_list.home {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .container_list.team-view-text {
    margin-top: -40px;
    margin-bottom: 0;
  }

  .paragraph-3 {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 32px;
  }

  .collection-item-5 {
    display: block;
  }

  .collection-list-3 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  .main-heading {
    font-size: 40px;
    line-height: 50px;
  }

  .text-68px {
    font-size: 26px;
    line-height: 35px;
  }

  .text-42px.quate-home {
    font-size: 32px;
    line-height: 38px;
  }

  .table {
    width: 100%;
  }

  .table.no-pad.overflow {
    flex: none;
    max-height: 600px;
  }

  .table-label {
    padding-left: 10px;
    font-size: 9px;
  }

  .table-wrapper {
    width: 100%;
    margin-bottom: 7px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .table-wrapper.medium {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .table-row-3-col.data-row {
    width: 140vw;
  }

  .table-row-3-col.data-row.wide {
    width: 90%;
  }

  .table-row-3-col.header {
    width: 100%;
  }

  .table-row-3-col.header.wide {
    width: 90%;
  }

  .shortcuts-table {
    padding-left: 8px;
    padding-right: 8px;
  }

  .shortcut-row-header, .shortcut {
    font-size: 13px;
  }

  .fa-icon {
    font-size: 20px;
  }

  .text-42px-copy.quate-home, .text-42px-copy-copy.quate-home {
    font-size: 32px;
    line-height: 38px;
  }
}

#w-node-e068bc77-ac96-9cfa-64f8-7554ea6e79ea-1419ebc9, #w-node-_96ad8ec5-f2e3-0c2e-f323-eccf6fb96b2d-1419ebc9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_96ad8ec5-f2e3-0c2e-f323-eccf6fb96b30-1419ebc9 {
  grid-area: span 4 / span 1 / span 4 / span 1;
  place-self: center;
}

#w-node-_96ad8ec5-f2e3-0c2e-f323-eccf6fb96b31-1419ebc9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_96ad8ec5-f2e3-0c2e-f323-eccf6fb96b32-1419ebc9 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_96ad8ec5-f2e3-0c2e-f323-eccf6fb96b33-1419ebc9, #w-node-_96ad8ec5-f2e3-0c2e-f323-eccf6fb96b35-1419ebc9, #w-node-_96ad8ec5-f2e3-0c2e-f323-eccf6fb96b37-1419ebc9, #w-node-_96ad8ec5-f2e3-0c2e-f323-eccf6fb96b39-1419ebc9, #w-node-_96ad8ec5-f2e3-0c2e-f323-eccf6fb96b40-1419ebc9, #w-node-_96ad8ec5-f2e3-0c2e-f323-eccf6fb96b42-1419ebc9, #w-node-_96ad8ec5-f2e3-0c2e-f323-eccf6fb96b47-1419ebc9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_96ad8ec5-f2e3-0c2e-f323-eccf6fb96b48-1419ebc9 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-c962874f-0d33-768f-10da-bd938014a47e-1419ebc9, #w-node-_5c88726b-2c1b-f67d-bed9-dc2adc9163f1-1419ebc9, #w-node-_5a0ea81e-ca9a-d304-247b-13c4eeac2712-1419ebcb, #w-node-_06161aa1-9b2a-57c2-7714-8171700e259e-1419ebcb, #w-node-_7db23e2a-5509-a669-7f21-421d0d36b9e5-1419ebcb, #w-node-d8f092de-20ee-2451-e41c-a519d2d1c26b-1419ebcb, #w-node-d3685e33-95cd-455e-aacf-d06de3bb9e57-1419ebcc, #w-node-f915d18c-f08d-4eba-8a43-49eda8331a59-1419ebcc, #w-node-_534ba3db-bfe3-a723-c674-5beb2bb3a535-1419ebcd, #w-node-d91995ea-55b7-ac90-f3eb-179802c7e003-1419ebcd, #w-node-_052f4671-f73d-feb9-d76a-6b3c3d2e3224-1419ebce {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_052f4671-f73d-feb9-d76a-6b3c3d2e322e-1419ebce {
  place-self: auto;
}

#w-node-_70765a8b-07ac-99e8-578f-ed4d69d8ab78-1419ebce {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c0e7c5c5-52fa-7363-9101-addfeb381eaf-1419ebcf {
  grid-area: span 5 / span 1 / span 5 / span 1;
  place-self: center;
}

#w-node-c0e7c5c5-52fa-7363-9101-addfeb381eb0-1419ebcf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7d7ac8b4-feb3-6616-a8aa-a65cc89b8391-1419ebcf {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-a39e5a2f-a6fa-2880-b4da-d7d6de7c1c57-1419ebcf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c0e7c5c5-52fa-7363-9101-addfeb381eb1-1419ebcf {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-c0e7c5c5-52fa-7363-9101-addfeb381eb2-1419ebcf, #w-node-c0e7c5c5-52fa-7363-9101-addfeb381eb4-1419ebcf, #w-node-c0e7c5c5-52fa-7363-9101-addfeb381eb6-1419ebcf, #w-node-c0e7c5c5-52fa-7363-9101-addfeb381eb8-1419ebcf, #w-node-c0e7c5c5-52fa-7363-9101-addfeb381ebf-1419ebcf, #w-node-c0e7c5c5-52fa-7363-9101-addfeb381ec1-1419ebcf, #w-node-c0e7c5c5-52fa-7363-9101-addfeb381ec6-1419ebcf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c0e7c5c5-52fa-7363-9101-addfeb381ec7-1419ebcf {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-_2631fa3a-da5c-ad6d-1884-f9039b9cd176-1419ebcf, #w-node-_2631fa3a-da5c-ad6d-1884-f9039b9cd177-1419ebcf, #w-node-_2631fa3a-da5c-ad6d-1884-f9039b9cd178-1419ebcf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2631fa3a-da5c-ad6d-1884-f9039b9cd179-1419ebcf, #w-node-_2631fa3a-da5c-ad6d-1884-f9039b9cd17a-1419ebcf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-e8b6b488-0627-2170-82f1-4ceb7cc4afef-1419ebcf {
  grid-area: span 4 / span 1 / span 4 / span 1;
  place-self: center;
}

#w-node-e8b6b488-0627-2170-82f1-4ceb7cc4aff0-1419ebcf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e8b6b488-0627-2170-82f1-4ceb7cc4aff1-1419ebcf {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-e8b6b488-0627-2170-82f1-4ceb7cc4aff2-1419ebcf, #w-node-e8b6b488-0627-2170-82f1-4ceb7cc4aff4-1419ebcf, #w-node-e8b6b488-0627-2170-82f1-4ceb7cc4aff6-1419ebcf, #w-node-e8b6b488-0627-2170-82f1-4ceb7cc4aff8-1419ebcf, #w-node-e8b6b488-0627-2170-82f1-4ceb7cc4afff-1419ebcf, #w-node-e8b6b488-0627-2170-82f1-4ceb7cc4b001-1419ebcf, #w-node-e8b6b488-0627-2170-82f1-4ceb7cc4b006-1419ebcf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e8b6b488-0627-2170-82f1-4ceb7cc4b007-1419ebcf {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-f4f6eaa2-7fcf-87b9-0c6a-bd6b200b73b3-1419ebd0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-f4f6eaa2-7fcf-87b9-0c6a-bd6b200b73b4-1419ebd0 {
  place-self: end;
}

#w-node-_341710b6-1eee-b44e-0229-10c4a5297b59-1419ebd0, #w-node-ba2ede67-79aa-c864-bcf1-e2247c618ba2-1419ebd0, #w-node-a9356d2a-8ad3-c849-19bc-b68f32d09e2b-1419ebd2, #w-node-a9356d2a-8ad3-c849-19bc-b68f32d09e2b-1419ebd3, #w-node-a9356d2a-8ad3-c849-19bc-b68f32d09e2b-1419ebd4, #w-node-_576715ec-04bb-f0cc-ed4b-696bd201fa0a-1419ebd5, #w-node-_638dc844-6e3d-e953-39f8-04fc382c8fa8-1419ebd5, #w-node-_638dc844-6e3d-e953-39f8-04fc382c8fad-1419ebd5, #w-node-_638dc844-6e3d-e953-39f8-04fc382c8faf-1419ebd5, #w-node-b916478a-6884-38ad-a251-843882dd3973-1419ebd5, #w-node-a5f9685c-ddae-07a2-cca4-a3eca3b9d79c-1419ebd5, #w-node-a5f9685c-ddae-07a2-cca4-a3eca3b9d79d-1419ebd5, #w-node-ce6a0c14-0283-9ae5-007a-fe99683c74f6-1419ebd5, #w-node-ce6a0c14-0283-9ae5-007a-fe99683c74f7-1419ebd5, #w-node-_7aac7c6f-6b3b-2df1-ce6c-893368042c30-1419ebd5, #w-node-_7aac7c6f-6b3b-2df1-ce6c-893368042c31-1419ebd5, #w-node-af84ccb7-8260-9f13-cf1e-d29240af7bae-1419ebd5, #w-node-af84ccb7-8260-9f13-cf1e-d29240af7baf-1419ebd5, #w-node-_44bf54f1-eacf-9749-714b-429242482fb5-1419ebd5, #w-node-_44bf54f1-eacf-9749-714b-429242482fb6-1419ebd5, #w-node-_816a5994-c2f0-952b-4a39-5a4d13146df0-1419ebd5, #w-node-_816a5994-c2f0-952b-4a39-5a4d13146df1-1419ebd5, #w-node-_840acf0d-b245-dc0a-6865-e12f9aae1fde-1419ebd5, #w-node-_840acf0d-b245-dc0a-6865-e12f9aae1fdf-1419ebd5, #w-node-_12c55d83-ba7b-9e27-ad2f-3304fb73a715-1419ebd5, #w-node-_12c55d83-ba7b-9e27-ad2f-3304fb73a716-1419ebd5, #w-node-_3e0fec4c-c536-a35c-dc31-89a07762c27a-1419ebd5, #w-node-_3e0fec4c-c536-a35c-dc31-89a07762c287-1419ebd5, #w-node-_638dc844-6e3d-e953-39f8-04fc382c8fee-1419ebd5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_638dc844-6e3d-e953-39f8-04fc382c8ff3-1419ebd5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_724472e9-92cd-c3c2-0590-48d43dbc8b41-1419ebd6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e5fc-1419ebd6 {
  grid-area: span 4 / span 1 / span 4 / span 1;
  place-self: center;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e5fd-1419ebd6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e5fe-1419ebd6 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e600-1419ebd6, #w-node-_57c07d70-987f-7152-c86f-2904fd13e604-1419ebd6, #w-node-_57c07d70-987f-7152-c86f-2904fd13e602-1419ebd6, #w-node-_5269e7e6-6db4-81d2-446c-9ed6f19046d4-1419ebd6, #w-node-_6f284254-4320-575c-5812-c852fdb1114d-1419ebd6, #w-node-_57c07d70-987f-7152-c86f-2904fd13e608-1419ebd6, #w-node-_57c07d70-987f-7152-c86f-2904fd13e606-1419ebd6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e60c-1419ebd6 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-_8ef84231-4fd9-43fc-42b6-a6ab686ebd46-1419ebd7, #w-node-_380e4456-0c3b-3867-022e-bedc7461c8b1-1419ebd7, #w-node-_204b3f9c-ee0a-8d53-75c4-fdb618e70688-1419ebd7, #w-node-d2c9d57c-45de-22bb-895e-38cb79e4a61d-1419ebd7, #w-node-d2c9d57c-45de-22bb-895e-38cb79e4a61f-1419ebd7, #w-node-d2c9d57c-45de-22bb-895e-38cb79e4a623-1419ebd7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2c9d57c-45de-22bb-895e-38cb79e4a625-1419ebd7, #w-node-d2c9d57c-45de-22bb-895e-38cb79e4a626-1419ebd7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e5fc-1419ebd7 {
  grid-area: span 4 / span 1 / span 4 / span 1;
  place-self: center;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e5fd-1419ebd7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e5fe-1419ebd7 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e600-1419ebd7, #w-node-_57c07d70-987f-7152-c86f-2904fd13e604-1419ebd7, #w-node-_57c07d70-987f-7152-c86f-2904fd13e602-1419ebd7, #w-node-_5269e7e6-6db4-81d2-446c-9ed6f19046d4-1419ebd7, #w-node-_6f284254-4320-575c-5812-c852fdb1114d-1419ebd7, #w-node-_57c07d70-987f-7152-c86f-2904fd13e608-1419ebd7, #w-node-_57c07d70-987f-7152-c86f-2904fd13e606-1419ebd7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e60c-1419ebd7 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-_8ef84231-4fd9-43fc-42b6-a6ab686ebd46-1419ebd8, #w-node-_380e4456-0c3b-3867-022e-bedc7461c8b1-1419ebd8, #w-node-_204b3f9c-ee0a-8d53-75c4-fdb618e70688-1419ebd8, #w-node-d2c9d57c-45de-22bb-895e-38cb79e4a61d-1419ebd8, #w-node-d2c9d57c-45de-22bb-895e-38cb79e4a61f-1419ebd8, #w-node-d2c9d57c-45de-22bb-895e-38cb79e4a623-1419ebd8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2c9d57c-45de-22bb-895e-38cb79e4a625-1419ebd8, #w-node-d2c9d57c-45de-22bb-895e-38cb79e4a626-1419ebd8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e5fc-1419ebd8 {
  grid-area: span 4 / span 1 / span 4 / span 1;
  place-self: center;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e5fd-1419ebd8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e5fe-1419ebd8 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e600-1419ebd8, #w-node-_57c07d70-987f-7152-c86f-2904fd13e604-1419ebd8, #w-node-_57c07d70-987f-7152-c86f-2904fd13e602-1419ebd8, #w-node-_5269e7e6-6db4-81d2-446c-9ed6f19046d4-1419ebd8, #w-node-_6f284254-4320-575c-5812-c852fdb1114d-1419ebd8, #w-node-_57c07d70-987f-7152-c86f-2904fd13e608-1419ebd8, #w-node-_57c07d70-987f-7152-c86f-2904fd13e606-1419ebd8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e60c-1419ebd8 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-_8ef84231-4fd9-43fc-42b6-a6ab686ebd46-1419ebd9, #w-node-_380e4456-0c3b-3867-022e-bedc7461c8b1-1419ebd9, #w-node-_204b3f9c-ee0a-8d53-75c4-fdb618e70688-1419ebd9, #w-node-d2c9d57c-45de-22bb-895e-38cb79e4a61d-1419ebd9, #w-node-d2c9d57c-45de-22bb-895e-38cb79e4a61f-1419ebd9, #w-node-d2c9d57c-45de-22bb-895e-38cb79e4a623-1419ebd9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2c9d57c-45de-22bb-895e-38cb79e4a625-1419ebd9, #w-node-d2c9d57c-45de-22bb-895e-38cb79e4a626-1419ebd9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e5fc-1419ebd9 {
  grid-area: span 4 / span 1 / span 4 / span 1;
  place-self: center;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e5fd-1419ebd9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e5fe-1419ebd9 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e600-1419ebd9, #w-node-_57c07d70-987f-7152-c86f-2904fd13e604-1419ebd9, #w-node-_57c07d70-987f-7152-c86f-2904fd13e602-1419ebd9, #w-node-_5269e7e6-6db4-81d2-446c-9ed6f19046d4-1419ebd9, #w-node-_6f284254-4320-575c-5812-c852fdb1114d-1419ebd9, #w-node-_57c07d70-987f-7152-c86f-2904fd13e608-1419ebd9, #w-node-_57c07d70-987f-7152-c86f-2904fd13e606-1419ebd9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e60c-1419ebd9 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-_8ef84231-4fd9-43fc-42b6-a6ab686ebd46-1419ebda, #w-node-_380e4456-0c3b-3867-022e-bedc7461c8b1-1419ebda, #w-node-_204b3f9c-ee0a-8d53-75c4-fdb618e70688-1419ebda, #w-node-d2c9d57c-45de-22bb-895e-38cb79e4a61d-1419ebda, #w-node-d2c9d57c-45de-22bb-895e-38cb79e4a61f-1419ebda, #w-node-d2c9d57c-45de-22bb-895e-38cb79e4a623-1419ebda {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2c9d57c-45de-22bb-895e-38cb79e4a625-1419ebda, #w-node-d2c9d57c-45de-22bb-895e-38cb79e4a626-1419ebda {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e5fc-1419ebda {
  grid-area: span 4 / span 1 / span 4 / span 1;
  place-self: center;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e5fd-1419ebda {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e5fe-1419ebda {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e600-1419ebda, #w-node-_57c07d70-987f-7152-c86f-2904fd13e604-1419ebda, #w-node-_57c07d70-987f-7152-c86f-2904fd13e602-1419ebda, #w-node-_5269e7e6-6db4-81d2-446c-9ed6f19046d4-1419ebda, #w-node-_6f284254-4320-575c-5812-c852fdb1114d-1419ebda, #w-node-_57c07d70-987f-7152-c86f-2904fd13e608-1419ebda, #w-node-_57c07d70-987f-7152-c86f-2904fd13e606-1419ebda {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e60c-1419ebda {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-_8ef84231-4fd9-43fc-42b6-a6ab686ebd46-1419ebdb, #w-node-_380e4456-0c3b-3867-022e-bedc7461c8b1-1419ebdb, #w-node-_204b3f9c-ee0a-8d53-75c4-fdb618e70688-1419ebdb, #w-node-d2c9d57c-45de-22bb-895e-38cb79e4a61d-1419ebdb, #w-node-d2c9d57c-45de-22bb-895e-38cb79e4a61f-1419ebdb, #w-node-d2c9d57c-45de-22bb-895e-38cb79e4a623-1419ebdb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2c9d57c-45de-22bb-895e-38cb79e4a625-1419ebdb, #w-node-d2c9d57c-45de-22bb-895e-38cb79e4a626-1419ebdb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e5fc-1419ebdb {
  grid-area: span 4 / span 1 / span 4 / span 1;
  place-self: center;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e5fd-1419ebdb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e5fe-1419ebdb {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e600-1419ebdb, #w-node-_57c07d70-987f-7152-c86f-2904fd13e604-1419ebdb, #w-node-_57c07d70-987f-7152-c86f-2904fd13e602-1419ebdb, #w-node-_5269e7e6-6db4-81d2-446c-9ed6f19046d4-1419ebdb, #w-node-_6f284254-4320-575c-5812-c852fdb1114d-1419ebdb, #w-node-_57c07d70-987f-7152-c86f-2904fd13e608-1419ebdb, #w-node-_57c07d70-987f-7152-c86f-2904fd13e606-1419ebdb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_57c07d70-987f-7152-c86f-2904fd13e60c-1419ebdb {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-_975e65bd-e0a0-fd5e-7d41-768747a40935-1419ebdd, #w-node-ec5ebdae-7cec-af64-eab0-046d2695cd3e-1419ebdd, #w-node-_33a8ecac-2482-31c0-e3b8-c4853a85fc14-1419ebdd, #w-node-_514b4530-4a86-cba5-7eda-5998150465c5-1419ebdd, #w-node-_29626d9a-500f-8641-589c-a3f05d31c4bb-1419ebdd, #w-node-_2356ba04-4635-298c-6eee-812bd355173c-1419ebdd, #w-node-_4523e89d-463f-5d58-6347-b704ff33810f-1419ebdd, #w-node-_00e675f3-cddc-fb09-0ced-2c28b661d895-1419ebdd, #w-node-_61e0868a-6d53-6ca0-4463-1f84f3a82e93-1419ebdd, #w-node-_61e0868a-6d53-6ca0-4463-1f84f3a82e98-1419ebdd, #w-node-e5770309-08bb-db0d-0bdb-f30c837d8250-1419ebdd, #w-node-e5770309-08bb-db0d-0bdb-f30c837d8255-1419ebdd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d7e7f4be-1a15-5209-9863-13836d5db49f-1419ebdd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-a0ffc2a4-cb31-902d-8baa-13ed4e92be73-1419ebdd, #w-node-a0ffc2a4-cb31-902d-8baa-13ed4e92be78-1419ebdd, #w-node-e476cfc2-3f84-cd1f-17ca-75a24485be0b-1419ebde, #w-node-_41bbf2b3-fa92-3f67-dbb5-7b77c213c71b-1419ebde, #w-node-_5a0ea81e-ca9a-d304-247b-13c4eeac2712-095cce56, #w-node-e068bc77-ac96-9cfa-64f8-7554ea6e79ea-5705e79d, #w-node-_96ad8ec5-f2e3-0c2e-f323-eccf6fb96b2d-5705e79d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_96ad8ec5-f2e3-0c2e-f323-eccf6fb96b30-5705e79d {
  grid-area: span 4 / span 1 / span 4 / span 1;
  place-self: center;
}

#w-node-_96ad8ec5-f2e3-0c2e-f323-eccf6fb96b31-5705e79d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_96ad8ec5-f2e3-0c2e-f323-eccf6fb96b32-5705e79d {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_96ad8ec5-f2e3-0c2e-f323-eccf6fb96b33-5705e79d, #w-node-_96ad8ec5-f2e3-0c2e-f323-eccf6fb96b35-5705e79d, #w-node-_96ad8ec5-f2e3-0c2e-f323-eccf6fb96b37-5705e79d, #w-node-_96ad8ec5-f2e3-0c2e-f323-eccf6fb96b39-5705e79d, #w-node-_96ad8ec5-f2e3-0c2e-f323-eccf6fb96b40-5705e79d, #w-node-_96ad8ec5-f2e3-0c2e-f323-eccf6fb96b42-5705e79d, #w-node-_96ad8ec5-f2e3-0c2e-f323-eccf6fb96b47-5705e79d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_96ad8ec5-f2e3-0c2e-f323-eccf6fb96b48-5705e79d {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-c962874f-0d33-768f-10da-bd938014a47e-5705e79d, #w-node-_5c88726b-2c1b-f67d-bed9-dc2adc9163f1-5705e79d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_96ad8ec5-f2e3-0c2e-f323-eccf6fb96b30-1419ebc9, #w-node-c0e7c5c5-52fa-7363-9101-addfeb381eaf-1419ebcf, #w-node-e8b6b488-0627-2170-82f1-4ceb7cc4afef-1419ebcf, #w-node-_57c07d70-987f-7152-c86f-2904fd13e5fc-1419ebd6, #w-node-_57c07d70-987f-7152-c86f-2904fd13e5fc-1419ebd7, #w-node-_57c07d70-987f-7152-c86f-2904fd13e5fc-1419ebd8 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    place-self: center;
  }

  #w-node-d2c9d57c-45de-22bb-895e-38cb79e4a61d-1419ebd9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_57c07d70-987f-7152-c86f-2904fd13e5fc-1419ebd9, #w-node-_57c07d70-987f-7152-c86f-2904fd13e5fc-1419ebda, #w-node-_57c07d70-987f-7152-c86f-2904fd13e5fc-1419ebdb, #w-node-_96ad8ec5-f2e3-0c2e-f323-eccf6fb96b30-5705e79d {
    grid-area: span 1 / span 3 / span 1 / span 3;
    place-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_96ad8ec5-f2e3-0c2e-f323-eccf6fb96b30-1419ebc9, #w-node-e8b6b488-0627-2170-82f1-4ceb7cc4afef-1419ebcf {
    grid-area: span 1 / span 3 / span 1 / span 3;
    place-self: center;
  }

  #w-node-f4f6eaa2-7fcf-87b9-0c6a-bd6b200b73b4-1419ebd0 {
    align-self: end;
  }

  #w-node-_57c07d70-987f-7152-c86f-2904fd13e5fc-1419ebd6, #w-node-_57c07d70-987f-7152-c86f-2904fd13e5fc-1419ebd7, #w-node-_57c07d70-987f-7152-c86f-2904fd13e5fc-1419ebd8, #w-node-_57c07d70-987f-7152-c86f-2904fd13e5fc-1419ebd9, #w-node-_57c07d70-987f-7152-c86f-2904fd13e5fc-1419ebda, #w-node-_57c07d70-987f-7152-c86f-2904fd13e5fc-1419ebdb, #w-node-_96ad8ec5-f2e3-0c2e-f323-eccf6fb96b30-5705e79d {
    grid-area: span 1 / span 3 / span 1 / span 3;
    place-self: center;
  }
}


@font-face {
  font-family: 'Outfit variablefont wght';
  src: url('../fonts/Outfit-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}