:root {
  --text: #414345;
  --white: white;
  --black: black;
}

body {
  color: var(--text);
  font-family: Geologica, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 150%;
}

h1 {
  color: #37393a;
  font-size: 60px;
  font-weight: 700;
  line-height: 120%;
}

.container_top {
  max-width: 1920px;
  display: block;
  overflow: visible;
}

.home_header {
  background-color: #929292;
  margin: 40px;
}

.h1 {
  color: #414345;
  font-size: 60px;
  line-height: 120%;
}

.spacing70 {
  height: 70px;
}

.portfolio_wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  display: flex;
}

.portfolio_block {
  border-radius: 16px;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.quick-stack {
  flex: 1;
}

.spline_div {
  aspect-ratio: auto;
  background-color: #6e2727;
  border-radius: 40px;
  padding-left: 0;
  padding-right: 0;
  position: static;
  overflow: hidden;
}

.spline-scene {
  position: relative;
}

.heading {
  z-index: 3;
  position: absolute;
  inset: auto auto 15% 10%;
}

.work_block {
  border-radius: 14px;
  flex-direction: row;
  display: flex;
}

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

.image {
  position: relative;
}

.page-wrap {
  color: #404147;
  width: 100%;
  font-family: Geologica, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  overflow: clip;
}

.site-header {
  z-index: 100;
  pointer-events: none;
  background-color: #0000;
  padding: 10px 20px 20px;
  transition: transform .5s;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.site-header:where(.w-variant-626d12b1-9bd8-250f-686b-2360d2946c01) {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff1a;
}

.site-header:where(.w-variant-221464c0-2020-2e37-d056-54ce7e4b8081) {
  background-color: #fff;
}

.site-header:where(.w-variant-6203fb4c-fedb-ea86-a38f-6557b3dce1de) {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff1a;
}

.header-logo {
  width: 80px;
  height: auto;
}

.header-logo:where(.w-variant-7a8e5b07-9326-2c16-a675-b91078e25146), .header-logo:where(.w-variant-6203fb4c-fedb-ea86-a38f-6557b3dce1de) {
  filter: brightness(0) invert();
}

.header-right {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  align-items: center;
  display: flex;
}

.lang-switch {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #1f223d;
  border-radius: 50px;
  align-items: center;
  padding: 12px 25px;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.lang-switch:where(.w-variant-7a8e5b07-9326-2c16-a675-b91078e25146), .lang-switch:where(.w-variant-6203fb4c-fedb-ea86-a38f-6557b3dce1de) {
  color: #fff;
}

.lang-caret {
  width: 24px;
  height: 24px;
}

.btn {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-style: none;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 15px 30px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  display: inline-flex;
}

.btn.btn-primary:hover {
  background-color: #1f223d;
}

.btn-primary {
  color: #fff;
  background-color: #000;
}

.btn-accent {
  color: #fff;
  background-color: #3b77d9;
}

.hero {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(100vh - 130px);
  min-height: 620px;
  padding: 120px 40px 60px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-video {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.hero-inner {
  z-index: 2;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 900px;
  display: flex;
  position: relative;
}

.hero-overline {
  color: #8a8c9c;
  letter-spacing: .6px;
  text-transform: uppercase;
  margin-bottom: 24px;
  font-size: 12px;
  font-weight: 700;
}

.hero-title {
  color: #1f223d;
  letter-spacing: .01em;
  margin: 0 0 24px;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.2;
}

.hero-sub {
  color: #404147;
  letter-spacing: .01em;
  max-width: 620px;
  margin: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4;
}

.hero-scroll {
  z-index: 2;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 48px;
  left: 0;
  right: 0;
}

.hero-scroll-icon {
  width: 26px;
  height: 40px;
}

.hero-scroll-label {
  color: #8a8c9c;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}

.works-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  display: grid;
}

.contact-legal-link {
  color: #404147;
  text-decoration: underline;
}

.socials {
  grid-column-gap: 32px;
  justify-content: center;
  align-items: center;
  margin-top: 56px;
  display: flex;
}

.social-link {
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.social-link:hover {
  opacity: .75;
}

._w-input-parent._w-input {
  color: #404147;
  background-color: #fff;
  border-style: none;
  border-radius: 12px;
  width: 100%;
  height: 64px;
  margin-bottom: 0;
  padding: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.works {
  z-index: 2;
  background-color: #fff;
  width: 100%;
  padding: 60px 60px 0;
  position: relative;
}

.work-card {
  aspect-ratio: 508 / 620;
  border-radius: 20px;
  width: 100%;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.work-card-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .7s;
  position: absolute;
  top: 0;
  left: 0;
}

.work-badge {
  z-index: 3;
  color: #fff;
  background-color: #1f223d;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  width: 92px;
  height: 34px;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
}

.work-panel {
  z-index: 2;
  opacity: 1;
  align-items: flex-end;
  padding: 24px;
  display: flex;
  position: absolute;
  inset: 0;
}

.work-panel-inner {
  grid-row-gap: 12px;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background-color: #00000038;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  padding: 20px;
  transition: transform .42s cubic-bezier(.22, .61, .36, 1);
  display: flex;
  transform: translateY(calc(100% + 24px));
}

.work-panel-text {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.work-panel-title {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.work-panel-desc {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.work-panel-arrow {
  flex: none;
  width: 24px;
  height: 24px;
  margin-left: 16px;
}

.partners {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70vh;
  padding: 120px 60px 60px;
  display: flex;
}

.partners.partners-1680 {
  border-bottom: 1px solid #dedede;
  max-width: 1680px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 140px;
  padding-bottom: 140px;
}

.partners-text {
  color: #1f223d;
  text-align: center;
  max-width: 1050px;
  margin-top: 0;
  margin-bottom: 60px;
  font-size: 38px;
  font-weight: 300;
  line-height: 1.2;
}

.partners-text.partners-text-alt {
  color: #404147;
  max-width: 760px;
  margin-bottom: 48px;
  font-size: 20px;
  line-height: 1.5;
}

.marquee {
  align-items: center;
  width: 100%;
  height: 100px;
  display: flex;
  position: relative;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 12.5% 87.5%, #0000 100%);
  mask-image: linear-gradient(to right, #0000 0%, #000 12.5% 87.5%, #0000 100%);
}

.marquee-track {
  grid-column-gap: 80px;
  flex: none;
  align-items: center;
  width: max-content;
  display: flex;
}

.logo-biotus {
  width: 110px;
  height: 32px;
}

.logo-maresto {
  width: 111px;
  height: 28px;
}

.logo-elit {
  width: 74px;
  height: 21px;
}

.logo-antoshka {
  width: 119px;
  height: 52px;
}

.logo-foxtrot {
  width: 152px;
  height: 25px;
}

.logo-rda {
  width: 89px;
  height: 33px;
}

.logo-sulpak {
  width: 98px;
  height: 32px;
}

.logo-stankom {
  width: 87px;
  height: 36px;
}

.logo-vsi {
  width: 79px;
  height: 38px;
}

.logo-carlsberg {
  width: 84px;
  height: 34px;
}

.logo-siemens {
  width: 112px;
  height: 18px;
}

.logo-mstar {
  width: 80px;
  height: 30px;
}

.logo-startec {
  width: 104px;
  height: 46px;
}

.logo-mirson {
  width: 140px;
  height: 23px;
}

.logo-cardservice {
  width: 102px;
  height: 36px;
}

.logo-edifier {
  width: 105px;
  height: 34px;
}

.logo-tuborg {
  width: 91px;
  height: 38px;
}

.logo-pcmarket {
  width: 95px;
  height: 42px;
}

.logo-exist {
  width: 86px;
  height: 34px;
}

.hero-fade {
  z-index: 1;
  background-image: linear-gradient(#1f223d00 0%, #fff 88.889%);
  height: 250px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

._w-input-parent, ._w-input-parent._w-input {
  color: #404147;
  background-color: #fff;
  border-style: none;
  border-radius: 12px;
  width: 100%;
  height: 64px;
  margin-bottom: 0;
  padding: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.contact {
  z-index: 1;
  background-color: #f6f7f9;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  padding: 120px 60px 100px;
  display: flex;
  position: sticky;
  top: 0;
}

.contact-title {
  color: #1f223d;
  text-align: center;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.2;
}

.contact-sub {
  color: #404147;
  text-align: center;
  letter-spacing: .01em;
  max-width: 500px;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

.form-wrap {
  width: 100%;
  max-width: 500px;
  margin-bottom: 0;
}

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

.form-input {
  color: #404147;
  background-color: #fff;
  border-style: none;
  border-radius: 12px;
  width: 100%;
  height: 64px;
  margin-bottom: 20px;
  padding: 16px;
  font-family: Geologica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.form-input:focus {
  color: #404147;
  border: 1.5px solid #3b77d9;
}

.form-input::placeholder {
  color: #8a8c9c;
}

.form-input._w-input, .form-input._w-input-1 {
  color: #404147;
  background-color: #fff;
  border-style: none;
  border-radius: 12px;
  width: 100%;
  height: 64px;
  margin-bottom: 20px;
  padding: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.form-input-first {
  margin-right: 20px;
}

.form-textarea {
  color: #404147;
  background-color: #fff;
  border-style: none;
  border-radius: 12px;
  width: 100%;
  height: 100px;
  margin-bottom: 20px;
  padding: 16px;
  font-family: Geologica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.form-textarea:focus {
  border: 1.5px solid #3b77d9;
}

.form-textarea::placeholder {
  color: #8a8c9c;
}

.form-textarea._w-input {
  color: #404147;
  background-color: #fff;
  border-style: none;
  border-radius: 12px;
  width: 100%;
  height: 100px;
  margin-bottom: 20px;
  padding: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.form-submit {
  color: #fff;
  cursor: pointer;
  background-color: #3b77d9;
  border-style: none;
  border-radius: 100px;
  width: 100%;
  height: 48px;
  margin-top: 0;
  font-family: Geologica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition: background-color .3s;
}

.form-submit:hover {
  background-color: #2f63b8;
}

.form-submit._w-button {
  color: #fff;
  background-color: #3b77d9;
  border-style: none;
  border-radius: 100px;
  width: 100%;
  height: 48px;
  margin-top: 0;
  font-size: 16px;
  font-weight: 400;
}

.contact-legal {
  color: #404147;
  text-align: center;
  margin-top: 24px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.lang-caret-1 {
  flex: none;
  width: 24px;
  height: 24px;
}

.lang-caret-1:where(.w-variant-7a8e5b07-9326-2c16-a675-b91078e25146), .lang-caret-1:where(.w-variant-6203fb4c-fedb-ea86-a38f-6557b3dce1de) {
  filter: brightness(0) invert();
}

.social-icon {
  width: 28px;
  height: 28px;
}

.burger {
  z-index: 95;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: -8px;
  padding: 0;
  display: none;
  position: relative;
}

.burger:where(.w-variant-7a8e5b07-9326-2c16-a675-b91078e25146), .burger:where(.w-variant-6203fb4c-fedb-ea86-a38f-6557b3dce1de) {
  background-color: #fff;
}

.burger-icon {
  width: 24px;
  height: 24px;
}

.mobile-menu {
  z-index: 80;
  visibility: hidden;
  grid-row-gap: 32px;
  opacity: 0;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  pointer-events: auto;
  background-color: #ffffffd9;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: auto;
  padding: 88px 20px 56px;
  transition: opacity .5s, transform .5s, visibility .5s;
  display: flex;
  position: fixed;
  inset: 20px 20px auto;
  transform: translateY(-8px);
  box-shadow: 0 4px 14px #0000000d;
}

.mobile-menu-link {
  color: #1f223d;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
}

.menu-body {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.menu-lang {
  grid-column-gap: 8px;
  color: #1f223d;
  border-radius: 50px;
  align-items: center;
  padding: 12px 25px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.menu-lang-caret {
  flex: none;
  width: 24px;
  height: 24px;
}

.menu-cta {
  color: #fff;
  background-color: #000;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 15px 30px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  display: inline-flex;
}

.header-logo-link {
  z-index: 95;
  align-items: center;
  display: flex;
  position: relative;
}

.form-submit-sent {
  cursor: default;
  background-color: #63b363;
  padding-left: 24px;
}

.lang {
  flex: none;
  align-items: center;
  display: flex;
  position: relative;
}

.lang-trigger {
  grid-column-gap: 8px;
  color: #1f223d;
  cursor: pointer;
  background-color: #0000;
  border-radius: 50px;
  align-items: center;
  padding: 12px 25px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.lang-trigger:where(.w-variant-7a8e5b07-9326-2c16-a675-b91078e25146), .lang-trigger:where(.w-variant-6203fb4c-fedb-ea86-a38f-6557b3dce1de) {
  color: #fff;
}

.lang-trigger:hover {
  background-color: #d9e7ff;
}

.lang-caret-icon {
  flex: none;
  width: 24px;
  height: 24px;
  transition: transform .25s;
}

.lang-caret-icon:where(.w-variant-7a8e5b07-9326-2c16-a675-b91078e25146), .lang-caret-icon:where(.w-variant-6203fb4c-fedb-ea86-a38f-6557b3dce1de) {
  filter: brightness(0) invert();
}

.lang-menu {
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  background-color: #fff;
  border: 1px solid #f6f7f9;
  border-radius: 12px;
  flex-direction: column;
  width: 200px;
  margin-top: 8px;
  padding: 8px;
  transition: opacity .2s, transform .2s, visibility .2s;
  display: flex;
  position: absolute;
  top: 100%;
  right: 0;
  transform: translateY(-6px);
  box-shadow: 0 8px 24px #1f223d1f;
}

.lang-option {
  color: #404147;
  border-radius: 8px;
  align-items: center;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  transition: background-color .18s, color .18s;
  display: flex;
}

.lang-option:hover {
  color: #1f223d;
  background-color: #f6f7f9;
}

.lang-option-current {
  color: #3b77d9;
  background-color: #eef4fd;
}

.case-wrap {
  width: 100%;
  overflow: clip;
}

.case-container {
  grid-row-gap: 100px;
  flex-direction: column;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 150px 20px 0;
  display: flex;
}

.case-head {
  width: 100%;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.case-title {
  color: #1f223d;
  letter-spacing: .01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 56px;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.2;
}

.case-lead {
  color: #404147;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
}

.case-figure {
  border-radius: 32px;
  width: 100%;
  max-width: 1400px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.case-cols {
  grid-column-gap: 56px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.case-cols._1 {
  display: flex;
}

.case-h2 {
  color: #1f223d;
  flex: 0 0 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.2;
}

.case-col-body {
  grid-row-gap: 32px;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.case-text {
  color: #404147;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
}

.case-list {
  grid-row-gap: 20px;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 24px;
  display: flex;
}

.case-list-item {
  color: #404147;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
}

.case-panel {
  grid-row-gap: 100px;
  border-radius: 32px;
  flex-direction: column;
  width: 100%;
  padding: 100px 80px;
  display: flex;
}

.case-panel.case-panel-gradient {
  background-image: linear-gradient(#e4edff, #fff);
}

.case-panel.case-panel-grey {
  flex-flow: column;
}

.case-panel-dark {
  background-color: #19418f;
}

.case-panel-blue {
  background-color: #cfd9ee;
}

.case-panel-grey {
  background-color: #f3f7f8;
}

.case-row {
  grid-column-gap: 56px;
  width: 100%;
  display: flex;
}

.case-row-half {
  flex-flow: column;
  flex: 0 0 40%;
  min-width: 0;
  display: flex;
}

.case-h2-inverse {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.2;
}

.case-text-inverse {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
}

.case-thirds {
  grid-column-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  display: grid;
}

.case-third {
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.case-num {
  color: #fff;
  font-size: 48px;
  font-weight: 300;
  line-height: 1.2;
}

.case-figure-inner {
  border-radius: 24px;
  width: 100%;
  max-width: 992px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.case-video-wide {
  border-radius: 24px;
  width: 100%;
  height: auto;
}

.case-h3 {
  color: #1f223d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.2;
}

.case-figure-full {
  border-radius: 24px;
  width: 100%;
  height: auto;
}

.case-cols-wide {
  grid-column-gap: 56px;
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.case-stack {
  grid-row-gap: 100px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.case-panel-gradient {
  background-image: linear-gradient(#cfd9ee, #fff);
}

.case-video-half {
  width: 100%;
  height: auto;
}

.case-col-center {
  grid-row-gap: 32px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  display: flex;
}

.case-panel-row {
  grid-column-gap: 56px;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.case-illustration {
  flex: 1;
  width: 100%;
  min-width: 0;
  max-width: 640px;
  height: auto;
}

.case-phone {
  border-radius: 24px;
  flex: 0 auto;
  width: 100%;
  min-width: 0;
  max-width: 500px;
  height: auto;
}

.case-trio {
  grid-column-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  display: grid;
}

.case-trio-img {
  border-radius: 20px;
  width: 100%;
  height: auto;
}

.case-list-inverse {
  grid-row-gap: 20px;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 24px;
  display: flex;
}

.case-list-item-inverse {
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
}

.case-outro {
  justify-content: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 100px;
  display: flex;
}

.case-back {
  color: #fff;
  background-color: #000;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 15px 30px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  display: inline-flex;
}

.case-h2-line {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.2;
}

.case-h3-line {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.2;
}

.case-num-row {
  grid-column-gap: 24px;
  width: 100%;
  display: flex;
}

.case-num-blue {
  color: #59b0ff;
  flex: none;
  font-size: 36px;
  font-weight: 300;
  line-height: 1.2;
}

.case-num-body {
  grid-row-gap: 8px;
  flex-direction: column;
  flex: auto;
  display: flex;
}

.case-num-title {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}

.case-num-text {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.case-figure-bleed {
  width: 100%;
  height: auto;
}

.case-h2-dark-line {
  color: #1f223d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.2;
}

.case-h3-dark-line {
  color: #1f223d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.2;
}

.case-lead-in {
  font-weight: 600;
}

.case-caption-dark {
  color: #fff;
  margin-top: 0;
  margin-bottom: 32px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

.case-figure-mid {
  border-radius: 24px;
  width: 100%;
  max-width: 700px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.case-panel-flush {
  grid-row-gap: 100px;
  border-radius: 32px;
  flex-direction: column;
  width: 100%;
  padding: 100px 80px 0;
  display: flex;
  overflow: hidden;
}

.case-panel-flush.case-panel-dark {
  padding-left: 0;
  padding-right: 0;
}

.more-projects {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  margin-top: 100px;
  margin-left: 0;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.more-projects:hover {
  background-color: #2c59a2;
}

.more-projects-inner {
  grid-column-gap: 24px;
  align-items: center;
  transition: transform .4s cubic-bezier(.22, .61, .36, 1);
  display: flex;
}

.more-projects-icon {
  flex: none;
  width: 35px;
  height: 34px;
}

.more-projects-label {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}

.sth-col-wide {
  flex: 0 0 60.8%;
}

.sth-col-narrow {
  flex: 0 0 38.6%;
}

.sth-col-mid {
  flex: 0 0 55.6%;
}

.sth-col-mid-b {
  flex: 0 0 43.8%;
}

.sth-col-narrow-a {
  flex: 0 0 42%;
}

.sth-col-wide-b {
  flex: 0 0 57.4%;
}

.sth-row-1 {
  grid-column-gap: 8px;
  width: 100%;
  display: flex;
}

.sth-c61 {
  flex: 0 0 60.8%;
}

.sth-c39 {
  flex: 0 0 38.6%;
}

.sth-c56 {
  flex: 0 0 55.6%;
}

.sth-c44 {
  flex: 0 0 43.8%;
}

.sth-c59 {
  flex: 0 0 59.4%;
}

.sth-c40 {
  flex: 0 0 40%;
}

.sth-c42 {
  flex: 0 0 42%;
}

.sth-c57 {
  flex: 0 0 57.4%;
}

.sth-grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  display: grid;
}

.sth-grid-tall {
  grid-row-start: span 2;
}

.sth-cell {
  border-radius: 16px;
  overflow: hidden;
}

.sth-row-1-2 {
  grid-column-gap: 8px;
  width: 100%;
  display: flex;
}

.sth-card-light {
  background-color: #f2f4f7;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  padding: 64px;
  display: flex;
}

.sth-card-dark {
  background-color: #001236;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  padding: 64px;
  display: flex;
}

.sth-mark {
  width: 100%;
  max-width: 300px;
  height: auto;
}

.sth-side {
  grid-row-gap: 8px;
  flex-direction: column;
  flex: 0 0 38.6%;
  display: flex;
}

.sth-c50 {
  flex: 0 0 49.7%;
}

.sth-tall {
  flex: 0 0 33.3%;
}

.sth-tall-img {
  border-radius: 12px;
  width: 100%;
  height: auto;
  display: block;
}

.sth-pair {
  grid-row-gap: 80px;
  flex-direction: column;
  flex: auto;
  display: flex;
}

.sth-trio {
  grid-column-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  padding: 0 80px;
  display: grid;
}

.sth-trio-img {
  object-fit: contain;
  border-radius: 0;
  width: 100%;
  height: auto;
  display: block;
}

.sth-video {
  border-radius: 16px;
  width: 100%;
  height: auto;
  display: block;
}

.sth-video-wrap {
  justify-content: center;
  width: 100%;
  padding: 0 80px;
  display: flex;
}

.sth-page {
  color: #fff;
  background-color: #000f2d;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.sth-container {
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  padding: 120px 40px 0;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.sth-head {
  grid-row-gap: 56px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 800px;
  text-decoration: none;
  display: flex;
}

.heading-1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 800px;
  text-decoration: none;
  display: flex;
}

.text {
  color: #fff;
  text-align: center;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 64px;
  font-weight: 600;
  line-height: 76.8px;
  text-decoration: none;
}

.sth-lead {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  text-decoration: none;
}

.sth-hero-img {
  object-fit: contain;
  border-radius: 20px;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.sth-task-cols {
  grid-column-gap: 56px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1000px;
  text-decoration: none;
  display: flex;
}

.heading-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 350px;
  text-decoration: none;
  display: flex;
}

.text-2 {
  color: #fff;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 57.6px;
  text-decoration: none;
}

.container-4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 594px;
  text-decoration: none;
  display: flex;
}

.paragraph {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.untitled {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  text-decoration: none;
}

.paragraphmargin {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  text-decoration: none;
  display: flex;
}

.sth-stack {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1360px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.sth-figure {
  box-sizing: border-box;
  vertical-align: baseline;
  object-fit: cover;
  border-radius: 16px;
  flex: 0 auto;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.sth-figure._1 {
  object-fit: cover;
  width: 100%;
  max-width: none;
}

.sth-row-concept {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 1360px;
  text-decoration: none;
  display: flex;
}

.sth-panel-concept {
  grid-row-gap: 40px;
  background-image: radial-gradient(66.57% 44.59% at 100% 100%, #0051ae80 0%, #00234b 100%);
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 826.533px;
  padding: 80px;
  text-decoration: none;
  display: flex;
}

.sth-panel-heading {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 596px;
  text-decoration: none;
  display: flex;
}

.heading-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 456px;
  text-decoration: none;
  display: flex;
}

.sth-h3-text {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 45.6px;
  text-decoration: none;
}

.sth-figure-plain {
  object-fit: contain;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.sth-body {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 596px;
  text-decoration: none;
  display: flex;
}

.sth-text {
  color: #8a8c9c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
}

.sth-bullet-list {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.sth-bullet-row {
  grid-column-gap: 18px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.sth-bullet-mark {
  grid-column-gap: 10px;
  flex: none;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  margin-right: 12px;
  padding-top: 9px;
  text-decoration: none;
  display: flex;
}

.sth-bullet-dot {
  background-color: #59b0ff;
  border-radius: 100%;
  flex: none;
  width: 6px;
  height: 6px;
  overflow: hidden;
}

.sth-bullet-text {
  white-space: normal;
  flex-direction: column;
  flex: auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.sth-bullet-row-last {
  grid-column-gap: 18px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.container-14 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 525.467px;
  text-decoration: none;
  display: flex;
}

.sth-mark-light {
  grid-row-gap: 164px;
  background-color: #eeefef;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 80px;
  display: flex;
}

.sth-numeral {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 300px;
  height: auto;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.clip-path-group {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 250px;
  height: 110.635px;
  text-decoration: none;
  display: flex;
}

.sth-mark-dark {
  grid-row-gap: 164px;
  background-color: #00234b;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 80px;
  display: flex;
}

.sth-brand-mark {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 200px;
  height: auto;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.clip-path-group-2 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 182.92px;
  text-decoration: none;
  display: flex;
}

.sth-row-workwear {
  grid-column-gap: 8px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 1360px;
  text-decoration: none;
  display: grid;
}

.sth-panel-workwear {
  grid-row-gap: 40px;
  background-image: radial-gradient(circle at 100% 100%, #0051ae80, #00234b 53%);
  border-radius: 16px;
  flex-direction: column;
  flex: 0 0 49.7%;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 80px;
  text-decoration: none;
  display: flex;
}

.sth-h3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.paragraphmargin-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 20px;
  text-decoration: none;
  display: flex;
}

.container-19 {
  border-radius: 16px;
  flex: 1;
  align-self: stretch;
  align-items: stretch;
  min-width: 0;
  height: auto;
  display: flex;
  overflow: hidden;
}

.container-20 {
  grid-column-gap: 8px;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1360px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.sth-row-pair {
  grid-column-gap: 8px;
  aspect-ratio: 1360 / 549;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 1360px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.sth-row-site {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 1360px;
  text-decoration: none;
  display: flex;
}

.sth-panel-site {
  grid-row-gap: 40px;
  background-image: radial-gradient(66.57% 44.59% at 100% 100%, #0051ae80 0%, #00234b 100%);
  border-radius: 16px;
  flex-direction: column;
  flex: 0 0 42%;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 571.197px;
  padding: 80px;
  text-decoration: none;
  display: flex;
}

.heading-5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 411.196px;
  text-decoration: none;
  display: flex;
}

.container-24 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 411.196px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-3 {
  color: #cfd9ee;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
}

.container-25 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 411.196px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.container-26 {
  grid-column-gap: 18px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 411.196px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.paragraph-4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 388.196px;
  text-decoration: none;
  display: flex;
}

.container-27 {
  grid-column-gap: 18px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 411.196px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.sth-panel-web {
  grid-row-gap: 56px;
  background-color: #00234b;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1360px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.sth-web-cols {
  grid-column-gap: 80px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1360px;
  padding-top: 80px;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.container-30 {
  border-radius: 12px;
}

.sth-figure-small {
  object-fit: contain;
  border-radius: 12px;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.text-4 {
  border: 1.71429px solid #fff;
  border-radius: 12px;
  padding: 1.71429px;
}

.sth-web-pair {
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 720px;
  text-decoration: none;
  display: flex;
}

.sth-social-panel {
  grid-row-gap: 56px;
  background-image: radial-gradient(66.57% 44.59% at 100% 100%, #0051ae80 0%, #00234b 100%);
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1360px;
  padding: 72px 112px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.sth-social-trio {
  grid-column-gap: 100px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1136px;
  text-decoration: none;
  display: flex;
}

.container-34 {
  background-color: #0000;
  border-radius: 16px;
  overflow: visible;
}

.paragraph-5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1136px;
  text-decoration: none;
  display: flex;
}

.untitled-4 {
  color: #8a8c9c;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
}

.sth-row-subbrand {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 1360px;
  text-decoration: none;
  display: flex;
}

.sth-panel-subbrand {
  grid-row-gap: 40px;
  background-image: radial-gradient(66.57% 44.59% at 100% 100%, #0051ae80 0%, #00234b 100%);
  border-radius: 16px;
  flex-direction: column;
  flex: 0 0 40%;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 544px;
  padding: 80px;
  text-decoration: none;
  display: flex;
}

.heading-6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 384px;
  text-decoration: none;
  display: flex;
}

.sth-video-block {
  background-image: radial-gradient(66.57% 44.59% at 100% 100%, #0051ae80 0%, #00234b 100%);
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1360px;
  padding: 72px 112px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.video {
  object-fit: contain;
  border-radius: 24px;
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  overflow: hidden;
}

.container-38 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 1360px;
  min-height: 781px;
  text-decoration: none;
  display: flex;
}

.container-39 {
  grid-row-gap: 40px;
  background-color: #00234b;
  border-radius: 16px;
  flex-direction: column;
  flex: 0 0 49.7%;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 756px;
  height: auto;
  padding: 80px;
  text-decoration: none;
  display: flex;
}

.container-40 {
  border-radius: 16px;
  flex: 1;
  align-self: stretch;
  align-items: stretch;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.container-41 {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 1360px;
  text-decoration: none;
  display: flex;
}

.container-42 {
  grid-column-gap: 8px;
  background-image: radial-gradient(66.57% 44.59% at 100% 100%, #0051ae80 0%, #00234b 100%);
  border-radius: 16px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1360px;
  padding: 100px 80px;
  text-decoration: none;
  display: flex;
}

.container-43 {
  grid-column-gap: 80px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1000px;
  text-decoration: none;
  display: flex;
}

.heading-7 {
  flex-direction: column;
  flex: 0 0 40%;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 460px;
  text-decoration: none;
  display: flex;
}

.container-44 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 460px;
  height: 432px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.paragraph-6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.untitled-5 {
  color: #8a8c9c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.container-45 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.container-46 {
  grid-column-gap: 18px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.paragraph-7 {
  white-space: normal;
  flex-direction: column;
  flex: auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.body-style {
  background-color: #000f2d;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 2195.43px;
  text-decoration: none;
  display: flex;
}

.link-style {
  background-color: #000;
  overflow: hidden;
}

.container-47 {
  grid-column-gap: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 271px;
  height: 43px;
  text-decoration: none;
  display: flex;
}

.container-48 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 43px;
  text-decoration: none;
  display: flex;
}

.container-49 {
  object-fit: cover;
}

.text-5 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
  text-decoration: none;
}

.footer {
  grid-row-gap: 50px;
  background-color: #f6f7f9;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 2195.43px;
  height: 765.197px;
  padding: 80px 40px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.container-50 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 2115.43px;
  height: 502.196px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.heading-8 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 2115.43px;
  text-decoration: none;
  display: flex;
}

.text-6 {
  color: #1f223d;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 45.6px;
  text-decoration: none;
}

.text-7 {
  color: #404147;
  text-align: center;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-decoration: none;
}

.form-style {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 500px;
  height: 336px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.container-51 {
  grid-column-gap: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 500px;
  height: 64px;
  text-decoration: none;
  display: flex;
}

.input {
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 240px;
  height: 64px;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.value {
  color: #8a8c9c;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.input-2 {
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 500px;
  height: 64px;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.input-3 {
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 500px;
  height: 100px;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.button-style {
  grid-column-gap: 8px;
  background-color: #3b77d9;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 500px;
  height: 48px;
  padding: 15px 30px;
  text-decoration: none;
  display: flex;
}

.paragraph-8 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.untitled-6 {
  color: #404147;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
  text-decoration: none;
}

.container-52 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 88px;
  height: 53px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.container-53 {
  opacity: .12;
  background-color: #f6f7f9;
  overflow: hidden;
}

.container-54 {
  grid-column-gap: 32px;
  justify-content: center;
  align-items: center;
  width: 88px;
  height: 28px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.link-style-2 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  text-decoration: none;
  display: flex;
}

.container-55 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 28px;
  height: 28px;
  text-decoration: none;
  display: flex;
}

.icon {
  overflow: hidden;
}

.container-56 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 28px;
  display: flex;
}

.container-57 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 2195px;
  height: 99px;
  padding: 24px 40px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: .214844px;
  overflow: hidden;
}

.container-58 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1920px;
  height: 51px;
  text-decoration: none;
  display: flex;
}

.container-59 {
  grid-column-gap: 50px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 420px;
  height: 51px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.container-60 {
  grid-column-gap: 8px;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 167px;
  height: 51px;
  padding: 12px 25px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.container-61 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 97px;
  height: 27px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-8 {
  color: #fff;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-decoration: none;
}

.container-62 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-style-3 {
  background-color: #000;
  border-radius: 149px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 203px;
  height: 49px;
  padding: 15px 30px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.sth-numeral-img {
  object-fit: contain;
  flex: none;
  width: auto;
  max-width: 164px;
  height: 125px;
}

.sth-figure-fill {
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 16px;
  flex: 1;
  align-self: stretch;
  width: 100%;
  min-width: 0;
  height: auto;
  display: block;
}

.sth-figure-fill._2 {
  max-width: 40%;
}

.t-h1 {
  color: #1f223d;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.2;
}

.t-h2 {
  color: #1f223d;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.2;
}

.t-h3 {
  color: #1f223d;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.2;
}

.t-h4 {
  color: #1f223d;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
}

.t-lead {
  color: var(--text);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
}

.t-lead.center {
  text-align: center;
}

.t-body {
  color: #404147;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

.t-body-s {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.t-caption {
  letter-spacing: .05em;
  text-transform: uppercase;
  font-family: Geologica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}

.t-body-muted {
  color: #8a8c9c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.t-body-soft {
  color: #cfd9ee;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.ms-page {
  background-color: #c1d7ef;
  width: 100%;
  overflow: clip;
}

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

.ms-hero {
  background-image: url('../images/girl.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-start;
  width: 100%;
  min-height: 1070px;
  padding: 160px 120px 80px;
  display: flex;
  position: relative;
}

.ms-hero-copy {
  grid-row-gap: 32px;
  flex-direction: column;
  max-width: 600px;
  display: flex;
}

.ms-cols {
  grid-column-gap: 128px;
  width: 100%;
  padding: 80px 120px;
  display: flex;
}

.ms-col-head {
  flex: 0 0 306px;
}

.ms-col-body {
  grid-row-gap: 24px;
  flex-direction: column;
  flex: none;
  max-width: 500px;
  display: flex;
}

.ms-band {
  grid-row-gap: 40px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 80px 120px;
  display: flex;
}

.ms-band-mid {
  background-color: #8fafd3;
}

.ms-band-deep {
  background-color: #96b7db;
}

.ms-figure {
  width: 100%;
  max-width: 1000px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.ms-figure-mob {
  width: 100%;
  height: auto;
  display: none;
}

.ms-video {
  border-radius: 24px;
  width: 280px;
  max-width: 100%;
  height: auto;
  display: block;
}

.ms-band-inner {
  grid-column-gap: 80px;
  width: 100%;
  display: flex;
}

.ms-band-copy {
  grid-row-gap: 24px;
  flex-direction: column;
  flex: auto;
  display: flex;
}

.ms-h3-inv {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.2;
}

.ms-h4-inv {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.ms-text-inv {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
}

.ms-list {
  grid-row-gap: 12px;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 24px;
  display: flex;
}

.ms-list-item {
  color: #404147;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
}

.ms-cols-right {
  grid-column-gap: 80px;
  background-image: url('../images/girl-footer.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  min-height: 1005px;
  padding: 120px;
  display: flex;
}

.ms-column {
  background-color: #ddedff;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 24px 5px #0000001a;
}

.ms-hero-mob {
  width: 100%;
  height: auto;
  display: none;
}

.ms-figure-desk {
  width: 100%;
  height: auto;
  display: block;
}

.ms-redesign {
  background-image: url('../images/gilr-site.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
  width: 100%;
  min-height: 797px;
  padding: 120px;
  display: flex;
}

.ms-redesign-copy {
  grid-row-gap: 32px;
  flex-direction: column;
  max-width: 560px;
  display: flex;
}

.ms-video-frame {
  background-color: #fff;
  border-radius: 28px;
  flex: none;
  align-self: center;
  padding: 6px;
  display: inline-flex;
}

.ms-purchase {
  grid-column-gap: 86px;
  background-color: #96b7db;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 80px;
  display: flex;
}

.ms-purchase-copy {
  grid-row-gap: 16px;
  flex-direction: column;
  flex: 0 0 500px;
  max-width: 500px;
  display: flex;
}

.ms-h4-white {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 42px;
}

.ms-squares {
  grid-column-gap: 56px;
  background-color: #8fafd3;
  width: 100%;
  padding: 80px;
  display: flex;
}

.ms-figure-square {
  border-radius: 24px;
  flex: 1;
  width: 100%;
  min-width: 0;
  height: auto;
}

.ms-video-frame-wide {
  background-color: #fff;
  border-radius: 38px;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 6px;
  display: flex;
  overflow: hidden;
}

.ms-video-wide {
  border-radius: 32px;
  width: 100%;
  height: auto;
  display: block;
  overflow: hidden;
}

.ms-promo {
  grid-column-gap: 80px;
  background-image: url('../images/clouds.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
  width: 100%;
  min-height: 577px;
  padding: 80px 120px;
  display: flex;
  position: relative;
}

.ms-promo-copy {
  grid-row-gap: 24px;
  flex-direction: column;
  flex: auto;
  max-width: 600px;
  display: flex;
}

.ms-promo-video {
  border: 6px solid #fff;
  border-radius: 38px;
  flex: none;
  width: 342px;
  max-width: 100%;
  height: auto;
  display: block;
}

.ms-strip {
  grid-column-gap: 8px;
  background-color: #fff;
  width: 100%;
  padding: 8px 0;
  display: flex;
}

.ms-gap-below {
  border-bottom: 6px solid #fff;
  width: 100%;
  height: auto;
  display: block;
}

.ms-figure-bleed {
  border-bottom: 8px solid #fff;
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

.ms-pair {
  grid-column-gap: 8px;
  background-color: #fff;
  border-top: 8px solid #fff;
  border-bottom: 8px solid #fff;
  width: 100%;
  display: flex;
}

.ms-pair-narrow {
  flex: 0 0 35.2%;
}

.ms-pair-wide {
  flex: auto;
}

.ms-pair-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.sth-pair-left {
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 16px;
  flex: 0 0 59.4%;
  width: 100%;
  min-width: 0;
  height: 100%;
  display: block;
}

.sth-pair-right {
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 16px;
  flex: 1;
  width: 100%;
  min-width: 0;
  height: 100%;
  display: block;
}

.menu-link {
  color: #1f223d;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
}

.da-page {
  background-color: #032f3c;
  width: 100%;
  overflow-x: clip;
}

.da-column {
  background-color: #032e3b;
  flex-direction: column;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  box-shadow: 0 4px 24px 5px #00000059;
}

.da-figure {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

.da-intro {
  justify-content: center;
  width: 100%;
  padding: 32px 200px;
  display: flex;
}

.da-intro-text {
  color: #fff;
  text-align: center;
  max-width: 1000px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.5;
}

.da-band {
  background-color: #021c23;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 32px 250px;
  display: flex;
}

.da-band-text {
  color: #fff;
  text-align: center;
  max-width: 900px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
}

.da-split {
  grid-column-gap: 50px;
  align-items: center;
  width: 100%;
  padding: 0 0 0 50px;
  display: flex;
}

.da-split-copy {
  grid-row-gap: 24px;
  flex-direction: column;
  flex: 0 0 40%;
  min-width: 0;
  display: flex;
}

.da-split-media {
  flex: 1;
  min-width: 0;
}

.da-text {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
}

.da-figure-mob {
  width: 100%;
  height: auto;
  display: none;
}

.pol-page {
  background-color: #fff;
  width: 100%;
  overflow-x: clip;
}

.pol-wrap {
  flex-direction: column;
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding: 140px 20px 100px;
  display: flex;
}

.pol-title {
  color: #1f223d;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.2;
}

.pol-lead {
  color: #404147;
  margin-top: 0;
  margin-bottom: 56px;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
}

.pol-h3 {
  color: #1f223d;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.2;
}

.pol-h4 {
  color: #1f223d;
  margin-top: 24px;
  margin-bottom: 12px;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.pol-text {
  color: #404147;
  margin-top: 0;
  margin-bottom: 32px;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
}

.pol-updated {
  color: #8a8c9c;
  margin-top: 24px;
  margin-bottom: 32px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.bi-page {
  background-color: #fff;
  width: 100%;
  overflow-x: clip;
}

.bi-column {
  grid-row-gap: 24px;
  flex-direction: column;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px 80px;
  display: flex;
}

.bi-hero-video {
  border-radius: 24px;
  width: 100%;
  height: auto;
  display: block;
}

.bi-intro {
  width: 100%;
  max-width: 704px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 0 40px;
}

.bi-eyebrow {
  color: #8a8c9c;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}

.bi-h1 {
  color: #1f223d;
  margin-top: 0;
  margin-bottom: 32px;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.2;
}

.bi-text {
  color: #404147;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
}

.bi-list {
  grid-row-gap: 12px;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 24px;
  display: flex;
}

.bi-list-item {
  color: #404147;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
}

.bi-panel {
  grid-row-gap: 40px;
  border-radius: 24px;
  flex-direction: column;
  width: 100%;
  padding: 80px;
  display: flex;
}

.bi-panel-green {
  background-color: #e9f4e4;
}

.bi-panel-beige {
  background-color: #f2ece3;
}

.bi-h2 {
  color: #1f223d;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.2;
}

.bi-figure {
  border-radius: 16px;
  width: 100%;
  height: auto;
  display: block;
}

.bi-cols3 {
  grid-column-gap: 88px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  display: grid;
}

.bi-col {
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.bi-num {
  color: #fff;
  background-color: #6aa84f;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: 18px;
  font-weight: 400;
  display: flex;
}

.bi-small {
  color: #404147;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.bi-lead-in {
  color: #1f223d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}

.uxui---biotus-e-commerce {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 2195px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.body-style-2 {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 22784px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow-x: clip;
}

.container {
  grid-row-gap: 24px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 21724.8px;
  padding-bottom: 100px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 976px;
  left: 377.715px;
  overflow: hidden;
}

.container-63 {
  grid-row-gap: 56px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 700px;
  height: auto;
  padding-top: 100px;
  padding-bottom: 80px;
  text-decoration: none;
  display: flex;
}

.container-64 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 700px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.text-9 {
  color: #8a8c9c;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-decoration: none;
}

.heading-9 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 700px;
  text-decoration: none;
  display: flex;
}

.text-10 {
  color: #1f223d;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 57.6px;
  text-decoration: none;
}

.container-65 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 700px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.paragraph-9 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.untitled-7 {
  color: #404147;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  text-decoration: none;
}

.paragraphmargin-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 20px;
  text-decoration: none;
  display: flex;
}

.container-66 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 700px;
  height: 152px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.container-67 {
  grid-column-gap: 18px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 700px;
  height: 30px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.container-68 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 6px;
  height: 17px;
  padding-top: 11px;
  text-decoration: none;
  display: flex;
}

.container-69 {
  background-color: #569653;
  border-radius: 100px;
  overflow: hidden;
}

.paragraph-10 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 676px;
  text-decoration: none;
  display: flex;
}

.container-70 {
  grid-column-gap: 18px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 700px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-71 {
  grid-row-gap: 80px;
  background-color: #e9f4e4;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  height: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  text-decoration: none;
  display: flex;
}

.container-72 {
  grid-row-gap: 56px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1190px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.heading-10 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1190px;
  text-decoration: none;
  display: flex;
}

.text-11 {
  color: #1f223d;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 45.6px;
  text-decoration: none;
}

.container-73 {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1190px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-74 {
  grid-column-gap: 16px;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 380.661px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-75 {
  grid-row-gap: 10px;
  background-color: #4b8451;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 15px;
  text-decoration: none;
  display: flex;
}

.text-12 {
  color: #fff;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-decoration: none;
}

.paragraph-11 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 316.661px;
  text-decoration: none;
  display: flex;
}

.untitled-8 {
  color: #404147;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
}

.container-76 {
  grid-column-gap: 16px;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 380.67px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-77 {
  grid-row-gap: 10px;
  background-color: #4b8451;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 15px 19px;
  text-decoration: none;
  display: flex;
}

.paragraph-12 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 316.67px;
  text-decoration: none;
  display: flex;
}

.container-78 {
  grid-column-gap: 16px;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 380.67px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.paragraph-13 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 316.67px;
  text-decoration: none;
  display: flex;
}

.paragraph-14 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1190px;
  text-decoration: none;
  display: flex;
}

._1 {
  object-fit: cover;
  width: 100%;
  max-width: 1000px;
  height: auto;
  display: block;
  overflow: hidden;
}

.paragraph-15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1330px;
  text-decoration: none;
  display: flex;
}

.untitled-9 {
  color: #404147;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.container-79 {
  grid-column-gap: 60px;
  background-color: #f2ece3;
  border-radius: 24px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1400px;
  height: auto;
  padding: 100px 80px;
  text-decoration: none;
  display: flex;
}

.container-80 {
  grid-row-gap: 56px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 373.33px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-81 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 373.33px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.heading-11 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 373.33px;
  text-decoration: none;
  display: flex;
}

.text-13 {
  color: #1f223d;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.container-82 {
  grid-row-gap: 56px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 373.339px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-83 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 373.339px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.heading-12 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 373.339px;
  text-decoration: none;
  display: flex;
}

.container-84 {
  grid-row-gap: 56px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 373.33px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-85 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 373.33px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-86 {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 1400px;
  height: 1683px;
  text-decoration: none;
  display: flex;
}

.container-87 {
  grid-row-gap: 80px;
  background-color: #e9f4e4;
  border-radius: 24px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 0;
  max-width: 832.279px;
  height: auto;
  padding: 100px 80px;
  text-decoration: none;
  display: flex;
}

.container-88 {
  grid-row-gap: 56px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 716px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.heading-13 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 716px;
  text-decoration: none;
  display: flex;
}

.text-14 {
  color: #1f223d;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 45.6px;
  text-decoration: none;
}

.paragraph-16 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 716px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.smart-filtering {
  color: #404147;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

._6 {
  object-fit: cover;
  border-radius: 24px;
  width: 100%;
  height: auto;
  display: block;
  overflow: hidden;
}

.container-89 {
  grid-row-gap: 60px;
  background-color: #f2ece3;
  border-radius: 24px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 0;
  max-width: 500px;
  height: auto;
  padding: 100px 80px;
  text-decoration: none;
  display: flex;
}

.container-90 {
  grid-column-gap: 56px;
  background-color: #e9f4e4;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  height: auto;
  padding: 100px 80px;
  text-decoration: none;
  display: flex;
}

.container-91 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 434px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.heading-14 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 434px;
  text-decoration: none;
  display: flex;
}

.video-products {
  grid-column-gap: 10px;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 750px;
  height: 463.429px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-15 {
  border: 8.57143px solid #fff;
  border-radius: 24px;
  padding: 8.57143px;
  position: absolute;
  top: 0;
  left: 0;
}

.container-92 {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 1400px;
  height: 1249.92px;
  text-decoration: none;
  display: flex;
}

.container-93 {
  grid-row-gap: 80px;
  background-color: #f2ece3;
  border-radius: 24px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 0;
  max-width: 832.279px;
  height: auto;
  padding: 100px 80px;
  text-decoration: none;
  display: flex;
}

.container-94 {
  grid-row-gap: 56px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 716px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.paragraph-17 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 716px;
  height: 90px;
  text-decoration: none;
  display: flex;
}

.container-95 {
  grid-row-gap: 60px;
  background-color: #e9f4e4;
  border-radius: 24px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 0;
  max-width: 543.721px;
  height: auto;
  padding: 100px 80px;
  text-decoration: none;
  display: flex;
}

.container-96 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 340px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.heading-15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 340px;
  text-decoration: none;
  display: flex;
}

.text-16 {
  color: #1f223d;
  text-align: center;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.text-17 {
  color: #404147;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
}

.container-97 {
  grid-row-gap: 80px;
  background-color: #f2ece3;
  border-radius: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 0;
  max-width: 1400px;
  height: auto;
  padding: 100px 40px;
  text-decoration: none;
  display: flex;
}

.container-98 {
  grid-column-gap: 56px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1320px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-99 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 400px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.paragraph-18 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 400px;
  text-decoration: none;
  display: flex;
}

.text-18 {
  color: #404147;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.text-19 {
  color: #404147;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-decoration: none;
}

.container-100 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 400px;
  height: 183px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.container-101 {
  grid-column-gap: 18px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 400px;
  height: 27px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.paragraph-19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 376px;
  text-decoration: none;
  display: flex;
}

.container-102 {
  grid-column-gap: 18px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 400px;
  height: 54px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.container-103 {
  background-color: #08141b;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 2195.43px;
  height: 976px;
  padding-bottom: 56px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.container-104 {
  grid-row-gap: 32px;
  background-color: #08141b;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  height: 272px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
}

.container-105 {
  grid-column-gap: 56px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1400px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.heading-16 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 672px;
  text-decoration: none;
  display: flex;
}

.text-20 {
  color: #fff;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 57.6px;
  text-decoration: none;
}

.container-106 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 672px;
  text-decoration: none;
  display: flex;
}

.paragraph-20 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.biotus {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  text-decoration: none;
}

.container-107 {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 488.741px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.link-style-4 {
  grid-column-gap: 10px;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 78.3125px;
  height: 40px;
  padding: 8px 16px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.text-21 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
}

.text-22 {
  border: .571429px solid #ffffffb3;
  border-radius: 50px;
  padding: .571429px;
  position: absolute;
  top: 0;
  left: 0;
}

.link-style-5 {
  grid-column-gap: 10px;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 172.938px;
  height: 40px;
  padding: 8px 16px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.link-style-6 {
  grid-column-gap: 10px;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 213.491px;
  height: 40px;
  padding: 8px 16px;
  text-decoration: none;
  display: flex;
  position: relative;
}

._0 {
  color: #404147;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
}

._1-2 {
  color: #404147;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  text-decoration: none;
}

.smart-filtering-0 {
  color: #404147;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.bi-h2-left {
  color: #1f223d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.2;
}

.bi-video {
  border-radius: 16px;
  width: 100%;
  height: auto;
  display: block;
}

.bi-cols2 {
  grid-column-gap: 56px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  display: grid;
}

.bi-h2-big {
  color: #1f223d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.2;
}

.bi-split {
  grid-column-gap: 80px;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bi-split-head {
  flex: 0 0 40%;
}

.bi-split-body {
  grid-row-gap: 20px;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.bi-plain {
  grid-row-gap: 40px;
  flex-direction: column;
  width: 100%;
  padding: 80px 0;
  display: flex;
}

.uxui---biotus-e-commerce-2 {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow-x: clip;
}

.body-style-3 {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.container-108 {
  grid-row-gap: 24px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: auto;
  padding-bottom: 100px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
  position: static;
}

.container-109 {
  grid-row-gap: 56px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 700px;
  height: auto;
  padding-top: 100px;
  padding-bottom: 80px;
  text-decoration: none;
  display: flex;
}

.container-110 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 700px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.text-23 {
  color: #8a8c9c;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-decoration: none;
}

.heading-17 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 700px;
  text-decoration: none;
  display: flex;
}

.text-24 {
  color: #1f223d;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 57.6px;
  text-decoration: none;
}

.container-111 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 700px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.paragraph-21 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.untitled-10 {
  color: #404147;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  text-decoration: none;
}

.paragraphmargin-4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 20px;
  text-decoration: none;
  display: flex;
}

.container-112 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 700px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-113 {
  grid-column-gap: 18px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 700px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-114 {
  grid-column-gap: 10px;
  flex: none;
  justify-content: center;
  align-items: flex-start;
  width: 6px;
  height: auto;
  padding-top: 12px;
  text-decoration: none;
  display: flex;
}

.container-115 {
  background-color: #4b8451;
  border-radius: 100%;
  flex: 0 0 6px;
  width: 6px;
  min-width: 6px;
  height: 6px;
}

.paragraph-22 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 676px;
  text-decoration: none;
  display: flex;
}

.container-116 {
  grid-column-gap: 18px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 700px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-117 {
  grid-row-gap: 80px;
  background-color: #e9f4e4;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  height: auto;
  padding: 100px 40px;
  text-decoration: none;
  display: flex;
}

.container-118 {
  grid-row-gap: 56px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1190px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.heading-18 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1190px;
  text-decoration: none;
  display: flex;
}

.text-25 {
  color: #1f223d;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 45.6px;
  text-decoration: none;
}

.container-119 {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1190px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-120 {
  grid-column-gap: 16px;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 380.661px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-121 {
  background-color: #4b8451;
  border-radius: 30px;
  flex-direction: column;
  flex: 0 0 48px;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.text-26 {
  color: #fff;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-decoration: none;
}

.paragraph-23 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 316.661px;
  text-decoration: none;
  display: flex;
}

.untitled-11 {
  color: #404147;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
}

.container-122 {
  grid-column-gap: 16px;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 380.67px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-123 {
  background-color: #4b8451;
  border-radius: 30px;
  flex-direction: column;
  flex: 0 0 48px;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.paragraph-24 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 316.67px;
  text-decoration: none;
  display: flex;
}

.container-124 {
  grid-column-gap: 16px;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 380.67px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.paragraph-25 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 316.67px;
  text-decoration: none;
  display: flex;
}

.paragraph-26 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1190px;
  text-decoration: none;
  display: flex;
}

.paragraph-27 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1330px;
  text-decoration: none;
  display: flex;
}

.untitled-12 {
  color: #404147;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.container-125 {
  grid-column-gap: 60px;
  background-color: #f2ece3;
  border-radius: 24px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1400px;
  height: auto;
  padding: 100px 80px;
  text-decoration: none;
  display: flex;
}

.container-126 {
  grid-row-gap: 56px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 373.33px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-127 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 373.33px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.heading-19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 373.33px;
  text-decoration: none;
  display: flex;
}

.text-27 {
  color: #1f223d;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.container-128 {
  grid-row-gap: 56px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 373.339px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-129 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 373.339px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.heading-20 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 373.339px;
  text-decoration: none;
  display: flex;
}

.container-130 {
  grid-row-gap: 56px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 373.33px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-131 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 373.33px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-132 {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1400px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-133 {
  grid-row-gap: 80px;
  background-color: #e9f4e4;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 832.279px;
  height: auto;
  padding: 100px 80px;
  text-decoration: none;
  display: flex;
}

.container-134 {
  grid-row-gap: 56px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 716px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.heading-21 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 716px;
  text-decoration: none;
  display: flex;
}

.text-28 {
  color: #1f223d;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 45.6px;
  text-decoration: none;
}

.paragraph-28 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 716px;
  height: 72px;
  text-decoration: none;
  display: flex;
}

.smart-filtering-2 {
  color: #404147;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.container-135 {
  grid-row-gap: 60px;
  background-color: #f2ece3;
  border-radius: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 500px;
  height: auto;
  padding: 100px 80px;
  text-decoration: none;
  display: flex;
}

.container-136 {
  grid-column-gap: 56px;
  background-color: #e9f4e4;
  border-radius: 24px;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  height: auto;
  padding: 100px 80px;
  text-decoration: none;
  display: flex;
}

.container-137 {
  grid-row-gap: 16px;
  flex-direction: column;
  flex: 434px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  max-width: 434px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.heading-22 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 434px;
  text-decoration: none;
  display: flex;
}

.video-products-2 {
  grid-column-gap: 10px;
  border-radius: 24px;
  flex: 750px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 0;
  max-width: 750px;
  height: auto;
  text-decoration: none;
  display: flex;
  position: relative;
}

.text-29 {
  border: 8.57143px solid #fff;
  border-radius: 24px;
  padding: 8.57143px;
  position: absolute;
  top: 0;
  left: 0;
}

.container-138 {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 1400px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-139 {
  grid-row-gap: 80px;
  background-color: #f2ece3;
  border-radius: 24px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 0;
  max-width: 832.279px;
  height: auto;
  padding: 100px 80px;
  text-decoration: none;
  display: flex;
}

.container-140 {
  grid-row-gap: 56px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 716px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.paragraph-29 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 716px;
  height: 90px;
  text-decoration: none;
  display: flex;
}

.container-141 {
  grid-row-gap: 60px;
  background-color: #e9f4e4;
  border-radius: 24px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 0;
  max-width: 543.721px;
  height: auto;
  padding: 100px 80px;
  text-decoration: none;
  display: flex;
}

.container-142 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 340px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.heading-23 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 340px;
  text-decoration: none;
  display: flex;
}

.text-30 {
  color: #1f223d;
  text-align: center;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.text-31 {
  color: #404147;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
}

.container-143 {
  grid-row-gap: 80px;
  background-color: #f2ece3;
  border-radius: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 0;
  max-width: 1400px;
  height: auto;
  padding: 100px 40px;
  text-decoration: none;
  display: flex;
}

.container-144 {
  grid-column-gap: 56px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1320px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-145 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 400px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.paragraph-30 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 400px;
  text-decoration: none;
  display: flex;
}

.text-32 {
  color: #404147;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.text-33 {
  color: #404147;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-decoration: none;
}

.container-146 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 400px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-147 {
  grid-column-gap: 18px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 400px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.paragraph-31 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 376px;
  text-decoration: none;
  display: flex;
}

.container-148 {
  grid-column-gap: 18px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 400px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-149 {
  grid-row-gap: 56px;
  background-color: #e9f4e4;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  height: auto;
  padding-top: 100px;
  text-decoration: none;
  display: flex;
}

.container-150 {
  grid-row-gap: 56px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 600px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.heading-24 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  text-decoration: none;
  display: flex;
}

.container-151 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 600px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-152 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 600px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-153 {
  grid-column-gap: 18px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.paragraph-32 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 576px;
  text-decoration: none;
  display: flex;
}

.container-154 {
  grid-column-gap: 18px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  height: auto;
  padding-left: 24px;
  text-decoration: none;
  display: flex;
}

.container-155 {
  background-color: #fff;
  border: 1.5px solid #4b8451;
  border-radius: 100px;
  flex: 0 0 6px;
  width: 6px;
  min-width: 6px;
  height: 6px;
}

.paragraph-33 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 552px;
  text-decoration: none;
  display: flex;
}

.container-156 {
  grid-row-gap: 120px;
  background-color: #e9f4e4;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  height: auto;
  padding: 100px 80px;
  text-decoration: none;
  display: flex;
}

.heading-25 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1240px;
  text-decoration: none;
  display: flex;
}

.container-157 {
  grid-column-gap: 56px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1240px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-158 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 500px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.paragraph-34 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 500px;
  text-decoration: none;
  display: flex;
}

.container-159 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 500px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-160 {
  grid-column-gap: 18px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 500px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.paragraph-35 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 476px;
  text-decoration: none;
  display: flex;
}

.container-161 {
  grid-column-gap: 18px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 500px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-162 {
  grid-row-gap: 56px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1240px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-163 {
  grid-column-gap: 56px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1240px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-164 {
  grid-column-gap: 56px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1400px;
  height: auto;
  padding: 80px 20px;
  text-decoration: none;
  display: flex;
}

.heading-26 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 652px;
  text-decoration: none;
  display: flex;
}

.container-165 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 652px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.paragraph-36 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 652px;
  text-decoration: none;
  display: flex;
}

.container-166 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 652px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-167 {
  grid-column-gap: 18px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 652px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.paragraph-37 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 628px;
  text-decoration: none;
  display: flex;
}

.container-168 {
  grid-column-gap: 56px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1400px;
  height: auto;
  padding: 80px 20px;
  text-decoration: none;
  display: flex;
}

.container-169 {
  grid-column-gap: 56px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1400px;
  height: auto;
  padding-top: 56px;
  padding-bottom: 56px;
  text-decoration: none;
  display: flex;
}

.container-170 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 429.33px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.heading-27 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 429.33px;
  text-decoration: none;
  display: flex;
}

.container-171 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 429.339px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.heading-28 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 429.339px;
  text-decoration: none;
  display: flex;
}

.container-172 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 429.33px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-173 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  height: auto;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.container-174 {
  grid-column-gap: 56px;
  background-color: #f2ece3;
  border-radius: 24px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1400px;
  height: auto;
  padding: 100px 80px;
  text-decoration: none;
  display: flex;
}

.container-175 {
  grid-row-gap: 56px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 800px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.heading-29 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 800px;
  text-decoration: none;
  display: flex;
}

.container-176 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 800px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-177 {
  grid-row-gap: 0px;
  background-color: #08141b;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding-top: 0;
  padding-bottom: 80px;
  text-decoration: none;
  display: flex;
  position: static;
}

.container-178 {
  grid-row-gap: 32px;
  background-color: #08141b;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
}

.container-179 {
  grid-column-gap: 56px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1400px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.heading-30 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 672px;
  text-decoration: none;
  display: flex;
}

.text-34 {
  color: #fff;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 57.6px;
  text-decoration: none;
}

.container-180 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 672px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.paragraph-38 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.biotus-2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  text-decoration: none;
}

.container-181 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  max-width: 100%;
  height: auto;
  text-decoration: none;
  display: flex;
}

.link-style-7 {
  grid-column-gap: 10px;
  border: 1px solid #ffffff80;
  border-radius: 50px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 40px;
  padding: 8px 16px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.text-35 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
}

.text-36 {
  border: .571429px solid #ffffffb3;
  border-radius: 50px;
  padding: .571429px;
  position: absolute;
  top: 0;
  left: 0;
}

.link-style-8 {
  grid-column-gap: 10px;
  border: 1px solid #ffffff80;
  border-radius: 50px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 40px;
  padding: 8px 16px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.link-style-9 {
  grid-column-gap: 10px;
  border: 1px solid #ffffff80;
  border-radius: 50px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 100%;
  height: 40px;
  padding: 8px 16px;
  text-decoration: none;
  display: flex;
  position: relative;
}

._0-2 {
  color: #404147;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
}

._1-3 {
  color: #404147;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  text-decoration: none;
}

.smart-filtering-3 {
  color: #404147;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.bi-media {
  border-radius: 24px;
  flex: 750px;
  width: 100%;
  min-width: 0;
  max-width: 750px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.bi-hero-media {
  border-radius: 0;
  flex-basis: 0;
  width: 100%;
  max-width: 1280px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.bio-page {
  background-color: #fff;
  overflow: hidden;
}

.bio-hero {
  background-color: #08141b;
  flex-direction: column;
  align-items: center;
  padding: 0 0 56px;
  display: flex;
  overflow: hidden;
}

.bio-hero.case-hero {
  position: relative;
}

.bio-hero-media {
  object-fit: cover;
  width: 100%;
  max-width: 1280px;
  height: auto;
  display: block;
}

.bio-hero-text {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #08141b;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  padding: 0 80px;
  display: flex;
}

.bio-hero-row {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bio-hero-title {
  color: #fff;
  letter-spacing: .01em;
  flex: 1;
  margin: 0;
  font-family: Geologica, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.2em;
}

.bio-hero-desc {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.bio-hero-desc-p {
  color: #fff;
  letter-spacing: .01em;
  margin: 0;
  font-family: Geologica, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5em;
}

.bio-hero-tags {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.bio-hero-tag {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  border: 1px solid #ffffffb3;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  font-family: Geologica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5em;
  text-decoration: none;
  display: inline-flex;
}

.bio-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
}

.bio-s1 {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: column;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  max-width: 700px;
  padding: 100px 0 80px;
  display: flex;
}

.bio-s1-head {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bio-eyebrow {
  color: #8a8c9c;
  letter-spacing: .01em;
  margin: 0;
  font-family: Geologica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5em;
}

.bio-h2 {
  color: #1f223d;
  letter-spacing: .01em;
  margin: 0;
  font-family: Geologica, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.2em;
}

.bio-s1-body {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bio-rich {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.bio-p {
  color: #404147;
  letter-spacing: .01em;
  margin: 0;
  font-family: Geologica, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5em;
}

.bio-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.bio-li {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bio-li-dot {
  background-color: #569653;
  border-radius: 100px;
  flex: none;
  width: 6px;
  height: 6px;
  margin-top: 11px;
}

.bio-li-text {
  color: #404147;
  letter-spacing: .01em;
  margin: 0;
  font-family: Geologica, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5em;
}

.bio-s2 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #e9f4e4;
  border-radius: 24px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 100px 0;
  display: flex;
}

.bio-s2-text {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: column;
  align-items: center;
  width: 85%;
  display: flex;
}

.bio-h3 {
  color: #1f223d;
  text-align: center;
  margin: 0;
  font-family: Geologica, sans-serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.2em;
}

.bio-s2-nums {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bio-num-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.bio-num-badge {
  background-color: #4b8451;
  border-radius: 30px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.bio-num-badge-t {
  color: #fff;
  margin: 0;
  font-family: Geologica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5em;
}

.bio-num-text {
  color: #404147;
  flex: 1;
  margin: 0;
  font-family: Geologica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5em;
}

.bio-s2-note {
  color: #404147;
  text-align: left;
  width: 100%;
  margin: 0;
  font-family: Geologica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5em;
}

.bio-s2-img {
  width: 100%;
  max-width: 1100px;
  height: auto;
  display: block;
}

.bio-s2-effect {
  color: #404147;
  text-align: center;
  width: 90%;
  margin: 0;
  font-family: Geologica, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5em;
}

.bio-s3 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: #f2ece3;
  border-radius: 24px;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 100px 60px;
  display: flex;
}

.bio-s3-col {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: column;
  flex: 1;
  align-items: center;
  min-width: 0;
  display: flex;
}

.bio-s3-media {
  width: 100%;
  max-width: 320px;
  height: auto;
  display: block;
}

.bio-s3-txt {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bio-h6 {
  color: #1f223d;
  letter-spacing: -.02em;
  margin: 0;
  font-family: Geologica, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4em;
}

.bio-body5-group {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.bio-body5 {
  color: #404147;
  margin: 0;
  font-family: Geologica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5em;
}

.bio-s4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.bio-s4-main {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #e9f4e4;
  border-radius: 24px;
  flex-direction: column;
  flex: 1;
  align-items: center;
  min-width: 0;
  padding: 100px 60px;
  display: flex;
}

.bio-s4-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bio-h3-start {
  color: #1f223d;
  text-align: left;
  margin: 0;
  font-family: Geologica, sans-serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.2em;
}

.bio-s4-img {
  width: 100%;
  height: auto;
  display: block;
}

.bio-s4-crop {
  object-fit: cover;
  aspect-ratio: 1.42;
  border-radius: 24px;
  width: 100%;
  height: auto;
  display: block;
}

.bio-s4-side {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  background-color: #f2ece3;
  border-radius: 24px;
  flex-direction: column;
  flex: 0 0 360px;
  justify-content: center;
  align-items: center;
  max-width: 360px;
  padding: 100px 40px;
  display: flex;
}

.bio-s4-phone {
  width: 100%;
  max-width: 320px;
  height: auto;
  display: block;
}

.bio-s5 {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  background-color: #e9f4e4;
  border-radius: 24px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 100px 60px;
  display: flex;
}

.bio-s5-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 0;
  max-width: 35%;
  display: flex;
}

.bio-s5-vframe {
  border: 9px solid #fff;
  border-radius: 24px;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.bio-s5-video {
  width: 100%;
  height: auto;
  display: block;
}

.bio-s6 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.bio-s6-a {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #f2ece3;
  border-radius: 24px;
  flex-direction: column;
  flex: 1;
  align-items: center;
  min-width: 0;
  padding: 100px 60px;
  display: flex;
}

.bio-s6-text {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.bio-s6-img {
  width: 100%;
  max-width: 350px;
  height: auto;
  display: block;
}

.bio-s6-b {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  background-color: #e9f4e4;
  border-radius: 24px;
  flex-direction: column;
  flex: 0 0 450px;
  justify-content: center;
  align-items: center;
  max-width: 450px;
  padding: 100px 40px;
  display: flex;
}

.bio-s6-b-img {
  width: 100%;
  height: auto;
  display: block;
}

.bio-s6-combo {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.bio-h6-c {
  color: #1f223d;
  text-align: center;
  letter-spacing: -.02em;
  margin: 0;
  font-family: Geologica, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4em;
}

.bio-body5-c {
  color: #404147;
  text-align: center;
  margin: 0;
  font-family: Geologica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5em;
}

.bio-s7 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #f2ece3;
  border-radius: 24px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 100px 40px;
  display: flex;
}

.bio-s7-row {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.bio-s7-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  flex: 0 0 400px;
  align-items: flex-start;
  min-width: 0;
  max-width: 400px;
  display: flex;
}

.bio-h4-soft {
  color: #404147;
  margin: 0;
  font-family: Geologica, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2em;
}

.bio-body4 {
  color: #404147;
  letter-spacing: .01em;
  margin: 0;
  font-family: Geologica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5em;
}

.bio-s7-img {
  flex: 1;
  width: 100%;
  min-width: 0;
  max-width: 800px;
  height: auto;
  display: block;
}

.bio-s8 {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  background-color: #e9f4e4;
  border-radius: 24px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 100px 0 0;
  display: flex;
  overflow: hidden;
}

.bio-s8-text {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  display: flex;
}

.bio-s8-body {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.bio-s8-img {
  width: 100%;
  height: auto;
  display: block;
}

.bio-li-sub {
  padding-left: 24px;
}

.bio-li-dot-grey {
  background-color: #404147;
}

.bio-s9 {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  background-color: #e9f4e4;
  border-radius: 24px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 100px 80px;
  display: flex;
}

.bio-s9-screen {
  width: 100%;
  height: auto;
  display: block;
}

.bio-s9-row {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.bio-s9-textcol {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  flex: 1;
  align-items: center;
  min-width: 0;
  max-width: 500px;
  display: flex;
}

.bio-s9-rowimg {
  flex: 1;
  width: 100%;
  min-width: 0;
  height: auto;
  display: block;
}

.bio-s9-skreen {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bio-s9-banner {
  width: 100%;
  height: auto;
  display: block;
}

.bio-s9-pair {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.bio-s9-pairimg {
  flex: 1;
  width: 100%;
  min-width: 0;
  height: auto;
  display: block;
}

.bio-s9-pairimg-sm {
  max-width: 260px;
}

.bio-s10 {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.bio-col1 {
  flex: 1;
  min-width: 0;
}

.bio-s10-col {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.bio-fullimg {
  width: 100%;
  height: auto;
  display: block;
}

.bio-s12 {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  padding: 80px 20px;
  display: flex;
}

.bio-s14 {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  padding: 56px 0;
  display: flex;
}

.bio-s14-col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.bio-s15 {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0 0 20px;
  display: flex;
}

.bio-s15-img {
  width: 100%;
  height: auto;
  display: block;
}

.bio-s16 {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  background-color: #f2ece3;
  border-radius: 24px;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 100px 80px;
  display: flex;
}

.bio-s16-text {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 800px;
  display: flex;
}

.case-hero {
  position: relative;
}

.header-link {
  color: #1f223d;
  white-space: nowrap;
  padding: 12px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  transition: opacity .2s;
}

.header-link:where(.w-variant-7a8e5b07-9326-2c16-a675-b91078e25146), .header-link:where(.w-variant-6203fb4c-fedb-ea86-a38f-6557b3dce1de) {
  color: #fff;
}

.stk-page {
  background-color: #000f2d;
  overflow: hidden;
}

.stk-main {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 120px 40px 0;
  display: flex;
}

.stk-hero {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 800px;
  display: flex;
}

.stk-h1 {
  color: #fff;
  letter-spacing: .01em;
  margin: 0;
  font-family: Geologica, sans-serif;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.2em;
}

.stk-hero-p {
  color: #fff;
  text-align: center;
  letter-spacing: .01em;
  margin: 0;
  font-family: Geologica, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5em;
}

.stk-hero-img {
  border-radius: 20px;
  width: 100%;
  height: auto;
  display: block;
}

.stk-task {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  max-width: 1000px;
  display: flex;
}

.stk-task-h {
  color: #fff;
  letter-spacing: .01em;
  flex: 0 0 35%;
  margin: 0;
  font-family: Geologica, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.2em;
}

.stk-task-body {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.stk-body3 {
  color: #fff;
  letter-spacing: .01em;
  margin: 0;
  font-family: Geologica, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5em;
}

.stk-cont {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.stk-img-card {
  border-radius: 16px;
  width: 100%;
  height: auto;
  display: block;
}

.stk-row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.stk-panel {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-image: radial-gradient(66.57% 44.59% at 100% 100%, #0051ae80 0%, #00234b 100%);
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 80px;
  display: flex;
}

.stk-panel-col {
  flex: 1;
  min-width: 0;
}

.stk-panel-head {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.stk-h3b {
  color: #fff;
  flex: 1;
  min-width: 0;
  margin: 0;
  font-family: Geologica, sans-serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.2em;
}

.stk-h3b.stk-h3b-fix {
  flex: none;
}

.stk-num {
  flex: none;
  width: 140px;
  height: auto;
  display: block;
}

.stk-body5 {
  color: #bec5d1;
  margin: 0;
  font-family: Geologica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5em;
}

.stk-bullets {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.stk-bullet {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.stk-bullet-mark {
  background-color: #3b77d9;
  border-radius: 50%;
  flex: none;
  width: 6px;
  height: 6px;
  margin-top: 9px;
}

.stk-logos {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.stk-logo-card {
  border-radius: 16px;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 80px;
  display: flex;
}

.stk-logo-card-light {
  background-color: #eeefef;
}

.stk-logo-card-dark {
  background-color: #00234b;
}

.stk-logo-img {
  width: 100%;
  max-width: 300px;
  height: auto;
  display: block;
}

.stk-logo-img-sm {
  max-width: 200px;
}

.stk-fill-col {
  border-radius: 16px;
  flex: 1;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.stk-fill-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.stk-row-media {
  border-radius: 16px;
  flex: 1;
  width: 100%;
  min-width: 0;
  height: auto;
  display: block;
}

.stk-row-media-40 {
  object-fit: cover;
  border-radius: 16px;
  flex: 0 0 40%;
  width: 100%;
  min-width: 0;
  height: 100%;
  display: block;
}

.stk-panel-narrow {
  flex: 0 0 42%;
  min-width: 0;
}

.stk-site-body {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.stk-screens {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  background-color: #00234b;
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.stk-screens-top {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 80px 80px 0;
  display: flex;
}

.stk-company {
  border: 2px solid #fff;
  border-radius: 12px;
  flex: 0 0 400px;
  align-self: flex-start;
  width: 100%;
  min-width: 0;
  max-width: 400px;
  height: auto;
  display: block;
}

.stk-screens-col {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.stk-screens-img {
  border-radius: 16px;
  width: 100%;
  height: auto;
  display: block;
}

.stk-camera {
  width: 100%;
  height: auto;
  display: block;
}

.stk-insta {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  background-image: radial-gradient(66.57% 44.59% at 100% 100%, #0051ae80 0%, #00234b 100%);
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 72px 112px;
  display: flex;
}

.stk-insta-pics {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.stk-insta-img {
  border-radius: 16px;
  flex: 1;
  width: 100%;
  min-width: 0;
  height: auto;
  display: block;
}

.stk-panel-40 {
  flex: 0 0 40%;
  min-width: 0;
}

.stk-video {
  background-image: radial-gradient(66.57% 44.59% at 100% 100%, #0051ae80 0%, #00234b 100%);
  border-radius: 16px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 72px 112px;
  display: flex;
}

.stk-video-el {
  border-radius: 12px;
  width: 100%;
  height: auto;
  display: block;
}

.stk-panel-solid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #00234b;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 80px;
  display: flex;
}

.stk-itog {
  background-image: radial-gradient(66.57% 44.59% at 100% 100%, #0051ae80 0%, #00234b 100%);
  border-radius: 16px;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  padding: 100px 40px;
  display: flex;
}

.stk-itog-inner {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  max-width: 1000px;
  display: flex;
}

.stk-h2b {
  color: #fff;
  letter-spacing: .01em;
  flex: 1;
  min-width: 0;
  margin: 0;
  font-family: Geologica, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.2em;
}

.stk-itog-body {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

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

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.nf-section {
  cursor: none;
  background-color: #95a7bd;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 640px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nf-top {
  z-index: 2;
  box-sizing: border-box;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 800px;
  padding-top: 64px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
}

.nf-logo {
  filter: brightness(0) invert();
  flex-shrink: 0;
  width: 82px;
  height: auto;
}

.nf-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.nf-title {
  color: #fff;
  text-align: center;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.2;
}

.nf-sub {
  color: #fff;
  text-align: center;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.4;
}

.nf-media {
  z-index: 1;
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  min-height: 0;
  padding-top: 24px;
  display: flex;
  position: relative;
}

.nf-bear {
  object-fit: contain;
  object-position: 50% 100%;
  width: auto;
  max-width: 100%;
  height: 100%;
  display: block;
}

.nf-back {
  z-index: 9999;
  pointer-events: none;
  will-change: transform;
  width: 64px;
  height: 64px;
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  transform: translate3d(-200px, -200px, 0);
}

.nf-back-icon {
  width: 64px;
  height: 64px;
  transition: filter .12s, transform .12s;
  display: block;
}

.nf-logo-link {
  cursor: pointer;
  flex-shrink: 0;
  line-height: 0;
  display: inline-flex;
}

.div-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  align-items: stretch;
  display: flex;
}

.bmf-page {
  background-color: #fff;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.bmf-main {
  box-sizing: border-box;
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 150px 20px 0;
  display: flex;
}

.bmf-hero {
  box-sizing: border-box;
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.bmf-hero.case-hero {
  max-width: 850px;
}

.bmf-h1 {
  color: #1f223d;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.2em;
}

.bmf-hero-p {
  color: #404147;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5em;
}

.bmf-hero-img {
  object-fit: cover;
  border-radius: 32px;
  width: 100%;
  height: 628px;
  display: block;
}

.bmf-task {
  box-sizing: border-box;
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  max-width: 1000px;
  display: flex;
}

.bmf-task-h {
  color: #1f223d;
  letter-spacing: .01em;
  flex: 0 0 30%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.2em;
}

.bmf-task-body {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.bmf-body3 {
  color: #404147;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5em;
}

.bmf-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.bmf-li {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bmf-dot {
  background-color: #3b77d9;
  border-radius: 50%;
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
  margin-top: 11px;
}

.bmf-li-t {
  color: #404147;
  flex: 1;
  min-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5em;
}

.bmf-home {
  box-sizing: border-box;
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  background-color: #19418f;
  border-radius: 32px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 100px 80px;
  display: flex;
}

.bmf-home-head {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: row;
  align-items: center;
  width: 100%;
  max-width: 1300px;
  display: flex;
}

.bmf-home-head-l {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.bmf-h2w {
  color: #fff;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.2em;
}

.bmf-h3w {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.2em;
}

.bmf-body3w {
  color: #fff;
  flex: 1;
  min-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5em;
}

.bmf-nums {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  max-width: 1300px;
  display: flex;
}

.bmf-num-col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.bmf-num {
  color: #59b0ff;
  font-family: Geologica, sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 1.2em;
}

.bmf-num-txt {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.bmf-h6w {
  color: #fff;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4em;
}

.bmf-body5w {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5em;
}

.bmf-home-lead {
  color: #fff;
  text-align: center;
  width: 100%;
  max-width: 1300px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5em;
}

.bmf-home-img {
  border-radius: 30px;
  width: 80%;
  height: auto;
  display: block;
}

.bmf-home-video {
  object-fit: cover;
  background-color: #0f2b63;
  border-radius: 32px;
  width: 100%;
  height: auto;
  display: block;
}

.bmf-menu {
  box-sizing: border-box;
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  background-color: #cfd9ee;
  border-radius: 32px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 100px 80px;
  display: flex;
}

.bmf-menu-h {
  color: #1f223d;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.2em;
}

.bmf-menu-img {
  width: 100%;
  height: auto;
  display: block;
}

.bmf-h2 {
  color: #1f223d;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.2em;
}

.bmf-h3 {
  color: #1f223d;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.2em;
}

.bmf-listing {
  box-sizing: border-box;
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  max-width: 1300px;
  display: flex;
}

.bmf-listing-l {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.bmf-listing-r {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.bmf-catalog {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.bmf-catalog-card {
  box-sizing: border-box;
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  background-color: #19418f;
  border-radius: 32px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 100px 80px;
  display: flex;
}

.bmf-cat-top {
  width: 100%;
  height: auto;
  display: block;
}

.bmf-cat-row {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-direction: row;
  width: 100%;
  display: flex;
}

.bmf-cat-col {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.bmf-body4w {
  color: #fff;
  text-align: center;
  letter-spacing: .01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5em;
}

.bmf-cat-col-img {
  border-radius: 24px;
  width: 100%;
  height: auto;
  display: block;
}

.bmf-multiprice {
  box-sizing: border-box;
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  background-image: linear-gradient(0deg, #e4e9f5 0%, #f3f6fb 100%);
  border-radius: 32px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 100px 80px;
  display: flex;
}

.bmf-mp-text {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 800px;
  display: flex;
}

.bmf-mp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 630px;
  display: block;
}

.bmf-assistant {
  box-sizing: border-box;
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
}

.bmf-assist-video {
  object-fit: cover;
  background-color: #eef1f6;
  border-radius: 24px;
  flex: 1;
  width: 100%;
  min-width: 0;
  height: auto;
  display: block;
}

.bmf-assist-text {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  max-width: 1300px;
  display: flex;
}

.bmf-assist-paras {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  display: flex;
}

.bmf-compare {
  box-sizing: border-box;
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  background-color: #f3f7f8;
  border-radius: 32px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 100px 80px;
  display: flex;
}

.bmf-compare-img {
  flex: 1;
  width: 100%;
  min-width: 0;
  height: auto;
  display: block;
}

.bmf-compare-video {
  object-fit: cover;
  flex: 1;
  width: 100%;
  min-width: 0;
  max-width: 500px;
  height: auto;
  display: block;
}

.bmf-product {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.bmf-product-card {
  box-sizing: border-box;
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  background-color: #19418f;
  border-radius: 32px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 100px 80px;
  display: flex;
}

.bmf-product-img {
  width: 100%;
  height: auto;
  display: block;
}

.bmf-trio {
  box-sizing: border-box;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #cfd9ee;
  border-radius: 32px;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  padding: 100px 80px;
  display: flex;
}

.bmf-trio-img {
  flex: 1;
  width: 100%;
  min-width: 0;
  height: auto;
  display: block;
}

.bmf-results {
  box-sizing: border-box;
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  background-color: #19418f;
  border-radius: 32px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 100px 0 0;
  display: flex;
  overflow: hidden;
}

.bmf-results-row {
  box-sizing: border-box;
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  max-width: 1000px;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
}

.bmf-h2b {
  color: #fff;
  letter-spacing: .01em;
  flex: 0 0 35%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.2em;
}

.bmf-results-body {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.bmf-li-tw {
  color: #fff;
  flex: 1;
  min-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5em;
}

.bmf-results-img {
  width: 100%;
  height: auto;
  display: block;
}

.pcm-page {
  background-color: #2b3344;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.pcm-main {
  box-sizing: border-box;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 150px 40px 56px;
  display: flex;
}

.pcm-hero {
  box-sizing: border-box;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 20px;
}

.pcm-h1 {
  color: #fff;
  text-align: left;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.2em;
}

.pcm-hero-img {
  width: 100%;
  height: 600px;
  position: relative;
}

.pcm-hero-bg {
  object-fit: cover;
  border-radius: 40px;
  width: 100%;
  height: 100%;
  display: block;
}

.pcm-hero-accent {
  object-fit: contain;
  width: 460px;
  height: auto;
  display: block;
  position: absolute;
  bottom: -96px;
  left: -8px;
}

.pcm-intro {
  box-sizing: border-box;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 20px;
  display: flex;
}

.pcm-intro.pcm-overlap-top {
  z-index: 2;
  margin-bottom: -155px;
  padding-bottom: 0;
  position: relative;
}

.pcm-intro.pcm-overlap-bottom {
  z-index: 2;
  margin-top: -111px;
  padding-top: 0;
  position: relative;
}

.pcm-body3 {
  color: #bec5d1;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5em;
}

.pcm-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.pcm-h2 {
  color: #fff;
  text-align: left;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.2em;
}

.pcm-logo-media {
  box-sizing: border-box;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px;
  display: flex;
}

.pcm-logo-video {
  aspect-ratio: 477 / 248;
  object-fit: cover;
  border-radius: 16px;
  width: 477px;
  max-width: 100%;
  height: auto;
  display: block;
}

.pcm-logo-portrait {
  border-radius: 16px;
  width: 395px;
  max-width: 100%;
  height: auto;
  display: block;
}

.pcm-newdesign-video {
  aspect-ratio: 1100 / 616;
  object-fit: cover;
  background-color: #1f2530;
  border-radius: 24px;
  width: 100%;
  max-width: 1100px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.pcm-full-img {
  border-radius: 24px;
  width: 100%;
  height: auto;
  display: block;
}

.pcm-full-img.pcm-banners-wide {
  margin-top: 8px;
}

.pcm-full-img.pcm-banners-tall {
  margin-top: 8px;
  display: none;
}

.pcm-full-img.pcm-gamer-mobile {
  display: none;
}

.pcm-vimeo-wrap {
  background-color: #1f2530;
  border-radius: 24px;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 56.18%;
  position: relative;
  overflow: hidden;
}

.pcm-vimeo {
  border-style: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.pcm-specif-row {
  box-sizing: border-box;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: row;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: flex;
}

.pcm-specif-card {
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 24px;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 0;
  padding: 40px;
  display: flex;
}

.pcm-specif-img {
  width: 100%;
  height: auto;
  display: block;
}

.pcm-specif-col {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  flex: 1;
  align-items: center;
  min-width: 0;
  display: flex;
}

.pcm-specif-icons {
  width: 100%;
  height: auto;
  display: block;
}

.pcm-newy-img {
  border: 4px solid #000;
  border-radius: 40px;
  width: 100%;
  max-width: 900px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
  box-shadow: 0 10px 30px #0006;
}

.pcm-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.pcm-li {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pcm-dot {
  background-color: #ffa600;
  border-radius: 50%;
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
  margin-top: 9px;
}

.pcm-li-t {
  color: #bec5d1;
  flex: 1;
  min-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5em;
}

.pcm-closing {
  width: 100%;
  margin-top: 20px;
  position: relative;
}

.pcm-closing-page {
  border-radius: 24px;
  width: 100%;
  height: auto;
  display: block;
}

.pcm-closing-mob {
  width: 80%;
  max-width: 1000px;
  height: auto;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.div-block-2 {
  padding-top: 40px;
}

.process {
  background-color: #fff;
  border-bottom: 1px #dedede;
  width: 100%;
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
  padding: 140px 60px 100px;
  position: relative;
}

.sec-top {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.sec-title {
  color: #1f223d;
  letter-spacing: -.02em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geologica, sans-serif;
  font-size: 56px;
  font-weight: 800;
  line-height: 1.2;
}

.sec-lede {
  color: #404147;
  text-align: left;
  max-width: 360px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.process-steps {
  border-bottom: 1px solid #dedede;
  border-left: 1px solid #e5e5ea;
  border-right: 1px solid #e5e5ea;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  margin-top: 60px;
  display: flex;
}

.process-step {
  border-left: 1px solid #e5e5ea;
  flex: 1;
  padding: 40px 32px 60px;
}

.process-step:first-child {
  border-left: none;
}

.process-step-inner {
  flex-direction: column;
  margin-top: 0;
  display: flex;
}

.process-step-inner.process-stagger-2 {
  margin-top: 140px;
}

.process-step-inner.process-stagger-3 {
  margin-top: 280px;
}

.process-step-inner.process-stagger-4 {
  margin-top: 420px;
}

.process-step-heading {
  color: #1f223d;
  letter-spacing: .01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 26px;
  font-weight: 700;
}

.process-step-desc {
  color: #404147;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.5;
}

.process-step-percent {
  color: #1f223d;
  margin-top: 140px;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 700;
}

.process-bar-track {
  background-color: #e5e5ea;
  border-radius: 2px;
  width: 100%;
  height: 3px;
  overflow: hidden;
}

.process-bar-fill {
  background-color: #1f223d;
  height: 100%;
}

.process-bar-fill.process-bar-25 {
  width: 25%;
}

.process-bar-fill.process-bar-50 {
  width: 50%;
}

.process-bar-fill.process-bar-75 {
  width: 75%;
}

.process-bar-fill.process-bar-100 {
  width: 100%;
}

.process2 {
  background-color: #1f223d;
  border-radius: 32px;
  width: 100%;
  max-width: 1680px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 60px;
  position: relative;
}

.process2-eyebrow {
  color: #ffa600;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 13px;
  font-weight: 700;
}

.process2-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 48px;
  font-family: Geologica, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.1;
}

.process2-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.process2-card {
  background-color: #ffffff0a;
  border: 1px solid #ffffff1a;
  border-radius: 20px;
  flex-direction: column;
  flex: 1;
  padding: 32px 28px 28px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.process2-num {
  color: #ffffff24;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Geologica, sans-serif;
  font-size: 72px;
  font-weight: 800;
  line-height: 1;
}

.process2-card-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 700;
}

.process2-card-desc {
  color: #ffffffa6;
  flex-grow: 1;
  margin-top: 0;
  margin-bottom: 28px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.55;
}

.process2-chip {
  color: #ffa600;
  letter-spacing: .04em;
  border: 1px solid #ffa60066;
  border-radius: 100px;
  align-items: center;
  width: auto;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
}

.partners-title {
  color: #1f223d;
  text-align: center;
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Geologica, sans-serif;
  font-size: 56px;
  font-weight: 800;
  line-height: 1.05;
}

.about {
  background-color: #fff;
  border-bottom: 1px solid #dedede;
  width: 100%;
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
  padding: 140px 60px;
  position: relative;
}

.about-photo {
  flex-grow: 0;
  flex-shrink: 0;
  width: 250px;
  max-width: 100%;
  height: auto;
  display: block;
}

.about-body {
  grid-column-gap: 60px;
  grid-row-gap: 24px;
  border-top: 1px solid #e5e5ea;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  margin-top: 56px;
  padding-top: 48px;
  display: flex;
}

.about-col {
  grid-row-gap: 18px;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.about-p {
  color: #404147;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.6;
}

.process-extra {
  grid-row-gap: 14px;
  text-align: center;
  border-top: none;
  border-left: none;
  border-right: none;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 0 0;
  display: flex;
}

.process-extra-title {
  color: #1f223d;
  letter-spacing: .01em;
  text-transform: uppercase;
  flex: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 0;
  font-size: 26px;
  font-weight: 700;
}

.process-extra-body {
  flex-direction: column;
  flex: auto;
  align-items: center;
  width: 100%;
  display: flex;
}

.process-extra-desc {
  color: #404147;
  max-width: 640px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.5;
}

.about-flex {
  grid-column-gap: 60px;
  grid-row-gap: 32px;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.about-text-col {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex: 1;
  max-width: 700px;
  display: flex;
}

.about-eyebrow {
  color: #8a8c9c;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
}

.about-headline {
  color: #1f223d;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Geologica, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.08;
}

.about-tags {
  grid-column-gap: 60px;
  grid-row-gap: 20px;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  margin-top: 40px;
  display: grid;
}

.about-tag {
  color: #1f223d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.4;
}

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

.menu-lang-block {
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.menu-lang-divider {
  background-color: #e5e5ea;
  width: 100%;
  height: 1px;
}

.menu-lang-row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.menu-lang-btn {
  color: #1f223d;
  border: 1px solid #e5e5ea;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  display: inline-flex;
}

.menu-lang-btn.menu-lang-btn-current {
  color: #3b77d9;
  background-color: #eef4fd;
  border: 1px solid #0000;
}

.faq-list {
  border-top: 1px solid #e5e5ea;
  flex-direction: column;
  flex: 1;
  width: auto;
  max-width: 800px;
  margin-top: 0;
  display: flex;
}

.faq-item {
  border-bottom: 1px solid #e5e5ea;
  width: 100%;
}

.faq-question {
  grid-column-gap: 24px;
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.faq-question-text {
  color: #1f223d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.4;
}

.faq-icon {
  color: #1f223d;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  display: flex;
}

.faq-answer {
  color: #404147;
  max-width: 720px;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 24px;
  padding-right: 40px;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.6;
}

.faq-layout {
  grid-column-gap: 80px;
  grid-row-gap: 32px;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.faq-header {
  grid-row-gap: 16px;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  width: 360px;
  display: flex;
}

.faq-answer-wrap {
  grid-template-rows: 0fr;
  transition: grid-template-rows .35s cubic-bezier(.22, .61, .36, 1);
  display: grid;
}

.faq-answer-inner {
  min-height: 0;
  overflow: hidden;
}

.header-bar {
  z-index: 90;
  pointer-events: auto;
  background-color: #0000;
  border-radius: 100px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1920px;
  height: 64px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 16px;
  transition: background-color .5s, -webkit-backdrop-filter .5s, backdrop-filter .5s, box-shadow .5s;
  display: flex;
  position: relative;
}

.header-logo-w {
  width: 80px;
  height: auto;
  display: none;
}

@media screen and (min-width: 1920px) {
  .cell {
    border-radius: 14px;
  }

  .image-2 {
    object-fit: cover;
  }

  .hero-title {
    font-weight: 600;
  }

  .partners {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: center;
    align-items: center;
    height: 70vh;
    padding: 60px;
  }

  .case-cols {
    grid-column-gap: 80px;
  }

  .case-h2 {
    flex-basis: 0;
  }

  .case-col-center {
    max-width: 650px;
  }

  .sth-figure {
    object-fit: contain;
  }

  .sth-figure._1 {
    width: 100%;
  }

  .sth-row-workwear {
    justify-content: center;
  }

  .sth-figure-fill._2 {
    max-width: 40%;
  }

  .t-body-muted.center {
    text-align: center;
  }

  .ms-cols {
    grid-column-gap: 250px;
  }

  .ms-band.ms-band-mid {
    align-items: center;
  }

  .ms-text-inv {
    max-width: 800px;
  }

  ._1 {
    max-width: 1110px;
  }

  .container-177 {
    grid-row-gap: 0px;
  }

  .bio-content {
    justify-content: flex-start;
    align-items: center;
  }

  .bio-s1 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .nf-title {
    font-size: 64px;
  }

  .div-block {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    line-height: 150%;
    display: flex;
  }

  .bmf-main {
    padding-bottom: 0;
  }

  .bmf-hero.case-hero {
    max-width: 850px;
  }

  .pcm-intro.pcm-overlap-top {
    margin-bottom: -178px;
    padding-bottom: 0;
  }

  .pcm-intro.pcm-overlap-bottom {
    margin-top: -175px;
    padding-top: 0;
  }

  .process {
    max-width: 1680px;
  }

  .sec-top {
    justify-content: space-between;
    align-items: center;
  }

  .about {
    border-bottom: 1px solid #ddd;
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .about-flex {
    grid-column-gap: 10%;
    justify-content: center;
    align-items: flex-start;
  }

  .about-text-col {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    max-width: 700px;
  }

  .about-headline {
    font-size: 48px;
    font-weight: 500;
  }

  .faq-layout {
    justify-content: space-between;
  }
}

@media screen and (max-width: 991px) {
  .portfolio_wrapper {
    flex-wrap: nowrap;
    display: flex;
  }

  .quick-stack {
    flex: 0 auto;
  }

  .site-header {
    padding: 10px;
  }

  .header-logo {
    width: 74px;
  }

  .header-right {
    grid-column-gap: 24px;
    display: none;
  }

  .hero-title {
    font-size: 41px;
  }

  .hero-sub {
    font-size: 20px;
  }

  .works-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .works {
    padding: 40px 40px 0;
  }

  .work-panel {
    padding: 16px;
  }

  .work-panel-inner {
    padding: 20px 16px;
    transform: translateY(0);
  }

  .work-panel-title {
    font-size: 20px;
  }

  .partners {
    padding: 80px 40px 40px;
  }

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

  .partners-text.partners-text-alt {
    font-size: 18px;
  }

  .marquee-track {
    grid-column-gap: 56px;
  }

  .contact {
    padding: 80px 40px 72px;
  }

  .contact-title {
    font-size: 30px;
  }

  .contact-sub {
    font-size: 16px;
  }

  .burger {
    display: flex;
  }

  .mobile-menu {
    top: 10px;
    left: 10px;
    right: 10px;
  }

  .lang {
    display: none;
  }

  .case-container {
    grid-row-gap: 72px;
    padding: 120px 24px 0;
  }

  .case-title {
    margin-bottom: 32px;
    font-size: 41px;
  }

  .case-lead {
    font-size: 18px;
  }

  .case-cols {
    grid-row-gap: 24px;
    flex-direction: column;
  }

  .case-cols._1 {
    flex-flow: row;
  }

  .case-h2 {
    flex: none;
    font-size: 34px;
  }

  .case-col-body {
    flex: none;
    width: 100%;
  }

  .case-text, .case-list-item {
    font-size: 18px;
  }

  .case-panel {
    grid-row-gap: 56px;
    padding: 56px 40px;
  }

  .case-row {
    grid-column-gap: 0px;
    grid-row-gap: 32px;
    flex-direction: column;
  }

  .case-row-half {
    flex: none;
    width: 100%;
    min-width: 0;
  }

  .case-h2-inverse {
    font-size: 34px;
  }

  .case-text-inverse {
    font-size: 18px;
  }

  .case-thirds {
    grid-row-gap: 40px;
    grid-template-columns: repeat(2, 1fr);
  }

  .case-num {
    font-size: 36px;
  }

  .case-h3 {
    font-size: 30px;
  }

  .case-cols-wide {
    grid-row-gap: 24px;
    flex-direction: column;
  }

  .case-stack {
    grid-row-gap: 72px;
  }

  .case-panel-row {
    grid-row-gap: 40px;
    flex-direction: column;
  }

  .case-trio {
    grid-column-gap: 24px;
  }

  .case-list-item-inverse {
    font-size: 18px;
  }

  .case-h2-line {
    font-size: 34px;
  }

  .case-h3-line {
    font-size: 30px;
  }

  .case-h2-dark-line {
    font-size: 34px;
  }

  .case-h3-dark-line {
    font-size: 30px;
  }

  .more-projects {
    height: 88px;
    margin-top: 72px;
  }

  .sth-container {
    grid-row-gap: 56px;
    padding: 100px 40px 60px;
  }

  .sth-lead {
    font-size: 18px;
    line-height: 27px;
  }

  .sth-task-cols {
    grid-column-gap: 0px;
  }

  .sth-figure._1 {
    width: 100%;
  }

  .sth-row-concept {
    grid-row-gap: 8px;
    flex-direction: column;
  }

  .sth-panel-concept {
    max-width: 100%;
  }

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

  .sth-body {
    font-size: 16px;
  }

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

  .sth-mark-light, .sth-mark-dark {
    height: 400px;
  }

  .sth-row-workwear {
    grid-row-gap: 8px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .sth-panel-workwear {
    width: 100%;
    max-width: 100%;
  }

  .sth-h3 {
    font-size: 30px;
  }

  .container-20 {
    grid-row-gap: 8px;
    flex-direction: column;
  }

  .sth-row-pair {
    grid-row-gap: 8px;
    flex-direction: column;
    height: auto;
  }

  .sth-row-site {
    grid-row-gap: 8px;
    flex-direction: column;
  }

  .sth-panel-site {
    flex: none;
    width: 100%;
    max-width: 100%;
  }

  .sth-web-cols {
    grid-row-gap: 40px;
    flex-direction: column;
    padding: 56px 40px;
  }

  .sth-web-pair {
    max-width: 100%;
  }

  .sth-social-panel {
    padding: 56px 40px;
  }

  .sth-social-trio {
    grid-row-gap: 40px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .container-34 {
    max-width: 80%;
  }

  .sth-row-subbrand {
    grid-row-gap: 8px;
    flex-direction: column;
  }

  .sth-panel-subbrand {
    flex: none;
    width: 100%;
    max-width: 100%;
  }

  .sth-video-block {
    padding: 40px;
  }

  .container-38 {
    grid-row-gap: 8px;
    flex-direction: column;
    min-height: auto;
  }

  .container-39 {
    flex: none;
    width: 100%;
    max-width: 100%;
    padding: 56px 40px;
  }

  .container-40 {
    flex: none;
    align-self: auto;
  }

  .container-42 {
    padding: 56px 40px;
  }

  .container-43 {
    grid-row-gap: 32px;
    flex-direction: column;
  }

  .heading-7 {
    flex: none;
    width: 100%;
  }

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

  .sth-numeral-img {
    height: 100px;
  }

  .t-h1 {
    font-size: 41px;
  }

  .t-h2 {
    font-size: 38px;
  }

  .t-h3 {
    font-size: 30px;
  }

  .t-h4 {
    font-size: 24px;
  }

  .t-lead {
    font-size: 18px;
  }

  .t-body {
    font-size: 16px;
  }

  .ms-hero {
    background-image: none;
    flex-direction: column;
    min-height: auto;
    padding: 0 0 56px;
  }

  .ms-hero-copy {
    max-width: 100%;
    padding: 56px 40px 0;
  }

  .ms-cols {
    grid-row-gap: 32px;
    flex-direction: column;
    padding: 56px 40px;
  }

  .ms-col-head {
    flex: none;
  }

  .ms-col-body {
    max-width: 100%;
  }

  .ms-band {
    grid-row-gap: 32px;
    padding: 56px 40px;
  }

  .ms-figure-mob {
    margin-top: 44px;
    display: block;
  }

  .ms-video {
    width: 320px;
  }

  .ms-band-inner {
    grid-row-gap: 32px;
    flex-direction: column;
  }

  .ms-h3-inv {
    font-size: 30px;
  }

  .ms-h4-inv {
    font-size: 24px;
  }

  .ms-text-inv, .ms-list-item {
    font-size: 18px;
  }

  .ms-cols-right {
    grid-row-gap: 32px;
    background-image: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: auto;
    padding: 56px 40px 0;
  }

  .ms-hero-mob {
    display: block;
  }

  .ms-figure-desk {
    display: none;
  }

  .ms-redesign {
    background-image: none;
    flex-direction: column;
    align-items: flex-start;
    min-height: auto;
    padding: 56px 40px 0;
  }

  .ms-redesign-copy {
    grid-row-gap: 24px;
    max-width: 100%;
  }

  .ms-video-frame {
    align-self: center;
  }

  .ms-purchase {
    grid-row-gap: 40px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 56px 40px;
  }

  .ms-purchase-copy {
    flex: none;
    order: -1;
    width: 100%;
    max-width: 100%;
  }

  .ms-h4-white {
    font-size: 24px;
    line-height: 34px;
  }

  .ms-squares {
    grid-row-gap: 40px;
    flex-direction: column;
    padding: 56px 40px;
  }

  .ms-figure-square {
    flex: none;
    width: 100%;
  }

  .ms-promo {
    grid-row-gap: 40px;
    flex-flow: row;
    align-items: flex-start;
    min-height: auto;
    padding: 56px 40px;
  }

  .ms-promo-copy {
    max-width: 100%;
  }

  .ms-strip {
    grid-column-gap: 6px;
    padding: 6px 0;
  }

  .ms-figure-bleed {
    border-bottom-width: 6px;
  }

  .ms-pair {
    grid-column-gap: 6px;
    border-top-width: 6px;
    border-bottom-width: 6px;
  }

  .da-column {
    padding-top: 88px;
  }

  .da-intro {
    padding: 32px 40px;
  }

  .da-intro-text {
    font-size: 20px;
  }

  .da-band {
    padding: 32px 40px;
  }

  .da-split {
    grid-row-gap: 40px;
    flex-direction: column;
    padding: 40px 0 0;
  }

  .da-split-copy {
    grid-row-gap: 40px;
    flex: none;
    width: 100%;
    padding: 56px 40px 0;
  }

  .da-split-media {
    flex: none;
    width: 100%;
    display: none;
  }

  .da-figure-mob {
    width: calc(100% + 80px);
    max-width: none;
    margin-top: 32px;
    margin-left: -40px;
    margin-right: -40px;
    display: block;
  }

  .pol-wrap {
    padding: 120px 40px 80px;
  }

  .pol-title {
    margin-bottom: 32px;
    font-size: 41px;
  }

  .pol-lead {
    margin-bottom: 40px;
    font-size: 18px;
  }

  .pol-h3 {
    font-size: 30px;
  }

  .pol-h4 {
    font-size: 24px;
  }

  .pol-text {
    font-size: 18px;
  }

  .bi-column {
    grid-row-gap: 16px;
    padding: 0 40px 56px;
  }

  .bi-intro {
    padding: 56px 0 32px;
  }

  .bi-h1 {
    font-size: 38px;
  }

  .bi-text, .bi-list-item {
    font-size: 18px;
  }

  .bi-panel {
    grid-row-gap: 32px;
    padding: 56px 40px;
  }

  .bi-h2 {
    font-size: 30px;
  }

  .bi-cols3 {
    grid-column-gap: 32px;
  }

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

  .container-71 {
    padding: 56px 40px;
  }

  .container-73 {
    grid-row-gap: 24px;
    flex-direction: column;
  }

  .container-74, .container-76, .container-78 {
    max-width: 100%;
  }

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

  .container-86 {
    grid-row-gap: 24px;
    flex-direction: column;
  }

  .container-87 {
    flex: none;
    width: 100%;
  }

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

  .container-89 {
    flex: none;
    width: 100%;
  }

  .container-92 {
    grid-row-gap: 24px;
    flex-direction: column;
  }

  .container-93, .container-95 {
    flex: none;
    width: 100%;
  }

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

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

  .bi-h2-left {
    font-size: 30px;
  }

  .bi-h2-big {
    font-size: 38px;
  }

  .bi-split {
    grid-row-gap: 32px;
    flex-direction: column;
  }

  .bi-split-head {
    flex: none;
    width: 100%;
  }

  .bi-plain {
    grid-row-gap: 32px;
    padding: 56px 0;
  }

  .container-108 {
    padding: 0 40px 56px;
  }

  .container-109 {
    padding-top: 56px;
    padding-bottom: 40px;
  }

  .text-23 {
    font-size: 16px;
  }

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

  .untitled-10 {
    font-size: 18px;
    line-height: 27px;
  }

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

  .container-119 {
    grid-row-gap: 32px;
    flex-flow: row;
  }

  .container-120 {
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .text-26 {
    font-size: 16px;
  }

  .container-122, .container-124 {
    flex-flow: column;
  }

  .container-125 {
    grid-row-gap: 40px;
    flex-direction: column;
    padding: 56px 40px;
  }

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

  .container-132 {
    grid-row-gap: 32px;
    flex-direction: column;
  }

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

  .container-135 {
    max-width: 100%;
    padding: 56px 40px;
  }

  .container-136 {
    grid-row-gap: 32px;
    flex-direction: column;
    padding: 56px 40px;
  }

  .container-137, .video-products-2 {
    flex: none;
    width: 100%;
    max-width: 100%;
  }

  .container-138 {
    grid-row-gap: 24px;
    flex-direction: column;
  }

  .container-139, .container-141 {
    flex: none;
    width: 100%;
    max-width: 100%;
    padding: 56px 40px;
  }

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

  .container-143 {
    grid-row-gap: 48px;
    min-width: 0;
    padding: 56px 40px;
  }

  .container-144 {
    grid-row-gap: 40px;
    flex-direction: column;
  }

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

  .container-149 {
    padding-top: 56px;
  }

  .container-156 {
    grid-row-gap: 64px;
    padding: 56px 40px;
  }

  .container-157 {
    grid-row-gap: 40px;
    flex-direction: column;
  }

  .container-168 {
    grid-row-gap: 32px;
    flex-direction: column;
    padding: 56px 0;
  }

  .container-169 {
    grid-row-gap: 32px;
    flex-direction: column;
    padding: 40px 0;
  }

  .container-173 {
    grid-row-gap: 24px;
    flex-direction: column;
  }

  .container-174 {
    grid-row-gap: 40px;
    flex-direction: column;
    padding: 56px 40px;
  }

  .container-177 {
    grid-row-gap: 40px;
    min-height: 620px;
    padding: 0 40px 56px;
  }

  .text-34 {
    font-size: 38px;
    line-height: 45.6px;
  }

  .biotus-2 {
    font-size: 18px;
    line-height: 27px;
  }

  .text-35 {
    font-size: 16px;
  }

  .bi-media {
    flex: none;
    max-width: 100%;
  }

  .bio-hero-text {
    padding: 0 20px;
  }

  .bio-hero-row {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: column;
  }

  .bio-hero-title {
    font-size: 38px;
  }

  .bio-eyebrow {
    font-size: 16px;
  }

  .bio-h2 {
    font-size: 38px;
  }

  .bio-h3 {
    font-size: 30px;
  }

  .bio-num-item {
    flex-flow: column;
  }

  .bio-s3 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column;
    align-items: stretch;
    padding: 80px 60px;
  }

  .bio-s3-col {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .bio-s3-media {
    order: 2;
  }

  .bio-s4 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    align-items: stretch;
  }

  .bio-s4-main {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    padding: 56px 60px;
  }

  .bio-h3-start {
    font-size: 30px;
  }

  .bio-s4-side {
    flex-flow: row;
    flex: auto;
    max-width: none;
    padding: 56px 20px;
  }

  .bio-s5 {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    flex-direction: column;
    padding: 56px 60px;
  }

  .bio-s5-text {
    width: 100%;
    max-width: none;
  }

  .bio-s5-vframe {
    border-radius: 16px;
    width: 100%;
  }

  .bio-s6 {
    grid-row-gap: 0;
    grid-column-gap: 0;
    flex-direction: column;
  }

  .bio-s6-a {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    padding: 56px 60px;
  }

  .bio-s6-text {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .bio-s6-b {
    flex: auto;
    max-width: none;
    padding: 56px 20px;
  }

  .bio-s6-b-img {
    max-width: 350px;
  }

  .bio-s7 {
    padding: 56px 20px;
  }

  .bio-s7-row {
    flex-direction: column;
  }

  .bio-s7-text {
    flex: none;
  }

  .bio-body4 {
    font-size: 16px;
  }

  .bio-s9 {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    padding: 56px 20px;
  }

  .bio-s9-row {
    flex-direction: column;
  }

  .bio-s9-textcol {
    flex: none;
  }

  .bio-s9-pair {
    flex-direction: column;
  }

  .bio-s10, .bio-s12 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: column;
    padding: 56px 20px;
  }

  .bio-s14 {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    flex-direction: column;
    padding: 56px 20px;
  }

  .bio-s16 {
    padding: 56px 60px;
  }

  .bio-s16-text {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .stk-h1 {
    font-size: 41px;
  }

  .stk-task-h {
    font-size: 38px;
  }

  .stk-row {
    flex-direction: column;
  }

  .stk-panel {
    padding: 40px;
  }

  .stk-h3b {
    font-size: 30px;
  }

  .stk-logo-card {
    padding: 56px;
  }

  .stk-logo-card.stk-logo-card-light, .stk-logo-card.stk-logo-card-dark {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .stk-fill-col {
    min-height: 320px;
  }

  .stk-row-media-40, .stk-panel-narrow {
    flex: auto;
  }

  .stk-screens-top {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    padding: 40px 40px 0;
  }

  .stk-company {
    flex: auto;
    max-width: 100%;
  }

  .stk-insta {
    padding: 40px;
  }

  .stk-insta-pics {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
    align-items: stretch;
  }

  .stk-panel-40 {
    flex: auto;
  }

  .stk-video {
    padding: 0;
  }

  .stk-panel-solid {
    padding: 40px;
  }

  .stk-itog {
    padding: 56px 20px;
  }

  .stk-itog-inner {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: column;
  }

  .stk-h2b {
    flex: none;
    font-size: 38px;
  }

  .nf-section {
    cursor: auto;
    height: auto;
    min-height: 100vh;
  }

  .nf-top {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding-top: 56px;
  }

  .nf-title {
    font-size: 44px;
    line-height: 1.15;
  }

  .nf-sub {
    font-size: 20px;
  }

  .nf-media {
    min-height: 420px;
    padding-top: 0;
  }

  .nf-bear {
    object-fit: cover;
    object-position: 50% 18%;
    width: 100%;
    height: 100%;
    min-height: 420px;
  }

  .nf-back {
    pointer-events: auto;
    cursor: pointer;
    margin-top: 8px;
    position: static;
    transform: none;
  }

  .nf-back:active {
    filter: brightness(.82);
    transform: scale(.94);
  }

  .bmf-main {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    padding-top: 132px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .bmf-hero {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .bmf-h1 {
    font-size: 41px;
  }

  .bmf-hero-img {
    height: 504px;
  }

  .bmf-task-h {
    font-size: 38px;
  }

  .bmf-home {
    padding: 56px 40px;
  }

  .bmf-h2w {
    font-size: 38px;
  }

  .bmf-h3w {
    font-size: 30px;
  }

  .bmf-menu {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding: 56px 40px;
  }

  .bmf-menu-h {
    font-size: 30px;
  }

  .bmf-h2 {
    font-size: 38px;
  }

  .bmf-h3 {
    font-size: 30px;
  }

  .bmf-catalog-card {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    padding: 56px 40px;
  }

  .bmf-cat-row {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    justify-content: center;
  }

  .bmf-multiprice {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    padding: 56px 40px;
  }

  .bmf-assistant {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .bmf-assist-text {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .bmf-compare {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding: 56px 40px;
  }

  .bmf-product-card {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    padding: 56px 40px;
  }

  .bmf-trio {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 56px 40px;
  }

  .bmf-results-row {
    flex-flow: column;
    padding-left: 40px;
    padding-right: 40px;
  }

  .bmf-h2b {
    font-size: 38px;
  }

  .pcm-main {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-top: 132px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .pcm-h1 {
    font-size: 41px;
  }

  .pcm-hero-img {
    height: 420px;
  }

  .pcm-hero-accent {
    width: 320px;
    bottom: -50px;
    left: -30px;
  }

  .pcm-intro.pcm-overlap-top {
    margin-bottom: 0;
  }

  .pcm-intro.pcm-overlap-bottom {
    margin-top: 0;
  }

  .pcm-h2 {
    font-size: 38px;
  }

  .pcm-logo-media {
    flex-flow: row;
  }

  .pcm-logo-video {
    width: 50%;
  }

  .pcm-logo-portrait {
    width: 45%;
  }

  .pcm-full-img.pcm-gamer-desktop {
    display: none;
  }

  .pcm-full-img.pcm-gamer-mobile {
    display: block;
  }

  .process {
    padding: 64px 40px;
  }

  .sec-title {
    font-size: 36px;
  }

  .process-steps {
    border-left: none;
    border-right: none;
    flex-direction: column;
  }

  .process-step {
    border-top: 1px solid #e5e5ea;
    border-left: none;
    padding: 32px 0;
  }

  .process-step:first-child {
    border-top: none;
  }

  .process-step-inner.process-stagger-2, .process-step-inner.process-stagger-3, .process-step-inner.process-stagger-4 {
    margin-top: 0;
  }

  .process-step-percent {
    margin-top: 32px;
  }

  .process2 {
    border-radius: 24px;
    padding: 56px 40px;
  }

  .process2-title {
    margin-bottom: 32px;
    font-size: 36px;
  }

  .process2-grid {
    flex-direction: column;
  }

  .partners-title {
    font-size: 36px;
  }

  .about {
    padding: 64px 40px;
  }

  .about-body {
    grid-column-gap: 24px;
    flex-direction: column;
  }

  .process-extra {
    grid-row-gap: 16px;
    border-left: none;
    border-right: none;
    flex-direction: column;
    padding: 28px 0;
  }

  .process-extra-title {
    flex-basis: auto;
    width: 100%;
    padding-right: 0;
  }

  .process-extra-desc {
    max-width: 100%;
  }

  .about-flex {
    flex-direction: column;
  }

  .about-headline {
    font-size: 36px;
  }

  .faq-list {
    width: 100%;
    margin-top: 8px;
  }

  .faq-layout {
    flex-direction: column;
  }

  .faq-header {
    width: 100%;
  }

  .header-bar {
    height: 56px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .header-logo-w {
    width: 74px;
  }
}

@media screen and (max-width: 767px) {
  .site-header {
    padding: 10px;
  }

  .hero {
    padding: 100px 20px 48px;
  }

  .hero-title {
    font-size: 36px;
  }

  .hero-sub {
    font-size: 16px;
  }

  .works-grid {
    grid-template-columns: 1fr;
  }

  .works {
    padding: 32px 20px 0;
  }

  .work-panel-inner {
    transform: translateY(0);
  }

  .partners {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .partners-text {
    font-size: 20px;
  }

  .partners-text.partners-text-alt {
    margin-bottom: 32px;
    font-size: 16px;
  }

  .marquee {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    -webkit-mask-image: none;
    mask-image: none;
  }

  .marquee-track {
    grid-column-gap: 40px;
  }

  .contact {
    padding: 60px 20px 56px;
  }

  .contact-title {
    font-size: 24px;
    font-weight: 600;
  }

  .form-row {
    flex-direction: column;
  }

  .form-input-first {
    margin-right: 0;
  }

  .case-container {
    grid-row-gap: 56px;
    max-width: 100%;
    padding: 100px 16px 0;
    overflow-x: clip;
  }

  .case-title {
    font-size: 32px;
  }

  .case-lead {
    font-size: 16px;
  }

  .case-figure {
    border-radius: 8px;
  }

  .case-h2 {
    font-size: 30px;
  }

  .case-text, .case-list-item {
    font-size: 16px;
  }

  .case-panel {
    grid-row-gap: 40px;
    border-radius: 0;
    width: auto;
    margin-left: -16px;
    margin-right: -16px;
    padding: 56px 20px;
  }

  .case-h2-inverse {
    font-size: 30px;
  }

  .case-text-inverse {
    font-size: 16px;
  }

  .case-thirds {
    grid-template-columns: 1fr;
  }

  .case-figure-inner, .case-video-wide {
    border-radius: 8px;
  }

  .case-h3 {
    font-size: 24px;
  }

  .case-figure-full, .case-video-half, .case-phone {
    border-radius: 8px;
  }

  .case-trio {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .case-trio-img {
    border-radius: 0;
  }

  .case-list-item-inverse {
    font-size: 16px;
  }

  .case-h2-line {
    font-size: 30px;
  }

  .case-h3-line {
    font-size: 24px;
  }

  .case-num-blue {
    font-size: 36px;
  }

  .case-num-title {
    font-size: 20px;
  }

  .case-h2-dark-line {
    font-size: 30px;
  }

  .case-h3-dark-line {
    font-size: 24px;
  }

  .case-caption-dark {
    font-size: 16px;
  }

  .case-figure-mid {
    border-radius: 8px;
  }

  .case-panel-flush {
    grid-row-gap: 40px;
    border-radius: 0;
    width: auto;
    margin-left: -16px;
    margin-right: -16px;
    padding: 56px 20px 0;
  }

  .case-figure-edge {
    width: calc(100% + 40px);
  }

  .more-projects {
    height: 72px;
    margin-top: 56px;
  }

  .more-projects-inner {
    grid-column-gap: 16px;
  }

  .more-projects-icon {
    width: 28px;
    height: 27px;
  }

  .sth-col-mid-b, .sth-col-narrow-a, .sth-col-wide-b {
    flex: none;
    width: 100%;
  }

  .sth-container {
    grid-row-gap: 40px;
    padding: 80px 20px 48px;
  }

  .sth-lead {
    font-size: 16px;
    line-height: 24px;
  }

  .sth-hero-img {
    border-radius: 12px;
  }

  .sth-task-cols {
    grid-row-gap: 24px;
    flex-direction: column;
  }

  .sth-figure {
    border-radius: 12px;
  }

  .sth-panel-concept {
    padding: 56px 20px;
  }

  .sth-h3-text {
    font-size: 24px;
    line-height: 28.8px;
  }

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

  .sth-mark-light {
    grid-row-gap: 56px;
    padding: 40px 20px;
  }

  .sth-numeral {
    max-width: 160px;
  }

  .clip-path-group {
    object-fit: none;
    overflow: hidden;
  }

  .sth-mark-dark {
    grid-row-gap: 56px;
    padding: 40px 20px;
  }

  .sth-brand-mark {
    max-width: 140px;
  }

  .clip-path-group-2 {
    object-fit: contain;
  }

  .sth-row-workwear {
    grid-template-columns: 1fr;
    align-items: flex-start;
  }

  .sth-panel-workwear {
    padding: 56px 20px;
  }

  .sth-h3 {
    font-size: 24px;
  }

  .sth-row-pair {
    grid-row-gap: 8px;
    aspect-ratio: auto;
    flex-direction: column;
  }

  .sth-row-site {
    align-items: flex-start;
  }

  .sth-panel-site {
    padding: 56px 20px;
  }

  .sth-web-cols {
    padding: 40px 20px;
  }

  .sth-social-panel {
    grid-row-gap: 32px;
    padding: 40px 20px;
  }

  .sth-row-subbrand {
    align-items: flex-start;
  }

  .sth-panel-subbrand {
    padding: 56px 20px;
  }

  .sth-video-block {
    border-radius: 12px;
    padding: 0;
  }

  .video {
    border-radius: 12px;
  }

  .container-39 {
    padding: 40px 20px;
  }

  .container-41 {
    grid-row-gap: 8px;
    flex-direction: column;
  }

  .container-42 {
    padding: 40px 20px;
  }

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

  .sth-numeral-img {
    height: 72px;
  }

  .sth-figure-fill {
    border-radius: 12px;
    flex: none;
    align-self: auto;
    height: auto;
  }

  .sth-figure-fill._2 {
    max-width: 100%;
  }

  .t-h1 {
    font-size: 32px;
  }

  .t-h2 {
    font-size: 30px;
  }

  .t-h3 {
    font-size: 24px;
  }

  .t-h4 {
    font-size: 20px;
  }

  .t-lead {
    font-size: 16px;
  }

  .t-caption {
    font-size: 10px;
  }

  .ms-hero {
    background-image: none;
    min-height: auto;
    padding: 0 0 56px;
  }

  .ms-hero-copy {
    padding: 56px 20px 0;
  }

  .ms-cols {
    padding: 56px 20px;
  }

  .ms-band {
    grid-row-gap: 24px;
    padding: 56px 20px;
  }

  .ms-figure-mob {
    margin-top: 56px;
    display: block;
  }

  .ms-video {
    width: 100%;
  }

  .ms-h3-inv {
    font-size: 24px;
  }

  .ms-h4-inv {
    font-size: 20px;
  }

  .ms-text-inv, .ms-list-item {
    font-size: 16px;
  }

  .ms-cols-right {
    padding: 56px 20px 0;
  }

  .ms-figure-desk {
    display: none;
  }

  .ms-redesign {
    padding: 56px 20px 0;
  }

  .ms-purchase {
    grid-row-gap: 32px;
    padding: 56px 20px;
  }

  .ms-h4-white {
    font-size: 20px;
    line-height: 28px;
  }

  .ms-squares {
    grid-row-gap: 32px;
    padding: 56px 20px;
  }

  .ms-video-frame-wide {
    border-radius: 20px;
    padding: 4px;
  }

  .ms-video-wide {
    border-radius: 16px;
  }

  .ms-promo {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding: 56px 20px;
  }

  .ms-promo-video {
    border-radius: 20px;
    width: 100%;
    max-width: 80%;
  }

  .ms-strip {
    grid-row-gap: 4px;
    flex-direction: column;
    padding: 4px 0;
  }

  .ms-figure-bleed {
    border-bottom-width: 4px;
  }

  .ms-pair {
    grid-row-gap: 4px;
    border-top-width: 4px;
    border-bottom-width: 4px;
    flex-direction: column;
  }

  .ms-pair-narrow {
    flex: none;
    width: 100%;
  }

  .ms-pair-img {
    height: auto;
  }

  .sth-pair-left, .sth-pair-right {
    flex: none;
    height: auto;
  }

  .da-column {
    padding-top: 76px;
  }

  .da-intro {
    padding: 32px 20px;
  }

  .da-intro-text {
    font-size: 18px;
  }

  .da-band {
    padding: 32px 20px;
  }

  .da-band-text {
    font-size: 16px;
  }

  .da-split {
    grid-row-gap: 0px;
    padding: 0;
  }

  .da-split-copy {
    grid-row-gap: 56px;
    padding: 56px 20px 0;
  }

  .da-text {
    font-size: 16px;
  }

  .da-figure-mob {
    width: calc(100% + 40px);
    max-width: none;
    margin-top: 32px;
    margin-left: -20px;
    margin-right: -20px;
  }

  .pol-wrap {
    padding: 100px 20px 64px;
  }

  .pol-title {
    font-size: 32px;
  }

  .pol-lead {
    font-size: 16px;
  }

  .pol-h3 {
    font-size: 24px;
  }

  .pol-h4 {
    font-size: 20px;
  }

  .pol-text {
    margin-bottom: 24px;
    font-size: 16px;
  }

  .bi-column {
    grid-row-gap: 12px;
    padding: 0 20px 40px;
  }

  .bi-hero-video {
    border-radius: 16px;
  }

  .bi-h1 {
    font-size: 30px;
  }

  .bi-text, .bi-list-item {
    font-size: 16px;
  }

  .bi-panel {
    grid-row-gap: 24px;
    border-radius: 16px;
    padding: 40px 20px;
  }

  .bi-h2 {
    font-size: 24px;
  }

  .bi-cols3 {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

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

  .container-71 {
    border-radius: 0;
    width: auto;
    margin-left: -20px;
    margin-right: -20px;
    padding: 56px 20px;
  }

  .container-73 {
    grid-row-gap: 24px;
    flex-direction: column;
  }

  .text-13 {
    font-size: 16px;
    line-height: 22.4px;
  }

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

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

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

  .bi-h2-left {
    font-size: 24px;
  }

  .bi-cols2 {
    grid-template-columns: 1fr;
  }

  .bi-h2-big {
    font-size: 30px;
  }

  .bi-plain {
    grid-row-gap: 24px;
    padding: 40px 0;
  }

  .body-style-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .container-108 {
    padding: 0 20px 40px;
  }

  .container-109 {
    padding-top: 40px;
    padding-bottom: 24px;
  }

  .text-23 {
    font-size: 16px;
  }

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

  .untitled-10 {
    font-size: 16px;
    line-height: 24px;
  }

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

  .text-26 {
    font-size: 16px;
  }

  .container-125 {
    border-radius: 0;
    width: auto;
    margin-left: -20px;
    margin-right: -20px;
    padding: 40px 20px;
  }

  .text-27 {
    font-size: 16px;
    line-height: 22.4px;
  }

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

  .container-135 {
    border-radius: 0;
    width: auto;
    margin-left: -20px;
    margin-right: -20px;
    padding: 40px 20px;
  }

  .container-136 {
    grid-row-gap: 24px;
    border-radius: 0;
    width: auto;
    margin-left: -20px;
    margin-right: -20px;
    padding: 40px 20px;
  }

  .container-139, .container-141, .container-143 {
    border-radius: 0;
    width: auto;
    margin-left: -20px;
    margin-right: -20px;
    padding: 40px 20px;
  }

  .container-149 {
    border-radius: 16px;
    padding-top: 40px;
  }

  .container-156 {
    grid-row-gap: 48px;
    border-radius: 0;
    width: auto;
    margin-left: -20px;
    margin-right: -20px;
    padding: 40px 20px;
  }

  .container-168 {
    width: auto;
    margin-left: -20px;
    margin-right: -20px;
  }

  .container-169 {
    width: auto;
    margin-left: -20px;
    margin-right: -20px;
    padding: 40px 20px;
  }

  .container-174 {
    border-radius: 16px;
    padding: 40px 20px;
  }

  .container-177 {
    grid-row-gap: 0px;
    padding: 0 0 40px;
  }

  .container-179 {
    grid-row-gap: 56px;
    flex-flow: column;
  }

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

  .biotus-2 {
    font-size: 16px;
    line-height: 24px;
  }

  .bi-media {
    border-radius: 16px;
  }

  .bi-hero-media {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .bio-hero {
    padding-top: 80px;
  }

  .bio-hero-title {
    font-size: 30px;
  }

  .bio-hero-desc-p {
    font-size: 16px;
  }

  .bio-hero-tags {
    flex-direction: column;
  }

  .bio-content {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding: 0 0 56px;
  }

  .bio-s1 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding: 56px 20px;
  }

  .bio-h2 {
    font-size: 30px;
  }

  .bio-p, .bio-li-text {
    font-size: 16px;
  }

  .bio-s2 {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    border-radius: 0;
    padding: 56px 20px;
  }

  .bio-s2-text {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    width: 100%;
  }

  .bio-h3 {
    font-size: 24px;
  }

  .bio-s2-nums {
    flex-direction: column;
  }

  .bio-num-item {
    flex-flow: row;
  }

  .bio-s2-effect {
    text-align: left;
    width: 100%;
    font-size: 16px;
  }

  .bio-s3 {
    border-radius: 0;
    padding: 56px 20px;
  }

  .bio-s4-main {
    border-radius: 0;
  }

  .bio-h3-start {
    font-size: 24px;
  }

  .bio-s4-side {
    border-radius: 0;
    flex-flow: column;
  }

  .bio-s5, .bio-s6-a, .bio-s6-b, .bio-s7 {
    border-radius: 0;
  }

  .bio-s8 {
    border-radius: 0;
    padding: 56px 0 0;
  }

  .bio-s8-text {
    padding: 0 20px;
  }

  .bio-s9 {
    border-radius: 0;
  }

  .bio-s10 {
    padding-left: 60px;
  }

  .bio-s15 {
    padding: 0 20px 20px;
  }

  .bio-s16 {
    border-radius: 0;
  }

  .stk-main {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    padding: 100px 20px 56px;
  }

  .stk-hero {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .stk-h1 {
    font-size: 32px;
  }

  .stk-hero-p {
    font-size: 16px;
  }

  .stk-task {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
  }

  .stk-task-h {
    flex: none;
    font-size: 30px;
  }

  .stk-body3 {
    font-size: 16px;
  }

  .stk-panel {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding: 24px;
  }

  .stk-panel-head {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .stk-h3b {
    font-size: 24px;
  }

  .stk-num {
    width: 110px;
  }

  .stk-logo-card {
    padding: 40px;
  }

  .stk-logo-card.stk-logo-card-light, .stk-logo-card.stk-logo-card-dark {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .stk-screens-top {
    padding: 24px 24px 0;
  }

  .stk-insta {
    padding: 24px;
  }

  .stk-insta-pics {
    flex-flow: row;
  }

  .stk-video {
    padding: 0;
  }

  .stk-panel-solid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding: 24px;
  }

  .stk-h2b {
    font-size: 30px;
  }

  .nf-title {
    font-size: 34px;
  }

  .nf-sub {
    font-size: 18px;
  }

  .nf-media, .nf-bear {
    min-height: 380px;
  }

  .bmf-main {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    padding: 120px 0 0;
  }

  .bmf-hero {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .bmf-h1 {
    font-size: 32px;
  }

  .bmf-hero-p {
    font-size: 16px;
  }

  .bmf-hero-img {
    border-radius: 0;
    height: 317px;
  }

  .bmf-task {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }

  .bmf-task-h {
    flex-basis: auto;
    font-size: 30px;
  }

  .bmf-body3 {
    font-size: 16px;
  }

  .bmf-dot {
    margin-top: 9px;
  }

  .bmf-li-t {
    font-size: 16px;
  }

  .bmf-home {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    width: calc(100% - 10px);
    margin-left: 5px;
    margin-right: 5px;
    padding: 56px 20px;
  }

  .bmf-home-head {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: flex-start;
  }

  .bmf-h2w {
    font-size: 30px;
  }

  .bmf-h3w {
    font-size: 24px;
  }

  .bmf-body3w {
    font-size: 16px;
  }

  .bmf-nums {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: column;
  }

  .bmf-body5w, .bmf-home-lead {
    font-size: 16px;
  }

  .bmf-home-img {
    border-radius: 15px;
    width: 100%;
  }

  .bmf-home-video {
    border-radius: 16px;
  }

  .bmf-menu {
    width: calc(100% - 10px);
    margin-left: 5px;
    margin-right: 5px;
    padding: 56px 20px;
  }

  .bmf-menu-h {
    font-size: 24px;
  }

  .bmf-h2 {
    font-size: 30px;
  }

  .bmf-h3 {
    font-size: 24px;
  }

  .bmf-listing {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }

  .bmf-catalog-card {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    width: calc(100% - 10px);
    margin-left: 5px;
    margin-right: 5px;
    padding: 56px 20px;
  }

  .bmf-cat-row {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
  }

  .bmf-body4w {
    font-size: 16px;
  }

  .bmf-multiprice {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    width: calc(100% - 10px);
    margin-left: 5px;
    margin-right: 5px;
    padding: 56px 20px;
  }

  .bmf-assistant {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }

  .bmf-compare {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    flex-direction: column;
    width: calc(100% - 10px);
    margin-left: 5px;
    margin-right: 5px;
    padding: 56px 20px;
  }

  .bmf-compare-video {
    max-width: 100%;
  }

  .bmf-product-card {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    width: calc(100% - 10px);
    margin-left: 5px;
    margin-right: 5px;
    padding: 56px 20px;
  }

  .bmf-trio {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    width: calc(100% - 10px);
    margin-left: 5px;
    margin-right: 5px;
    padding: 56px 20px;
  }

  .bmf-results {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    width: calc(100% - 10px);
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 56px;
  }

  .bmf-results-row {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }

  .bmf-h2b {
    flex-basis: auto;
    font-size: 30px;
  }

  .bmf-li-tw {
    font-size: 16px;
  }

  .pcm-main {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-top: 120px;
  }

  .pcm-h1 {
    font-size: 32px;
  }

  .pcm-hero-img {
    height: 260px;
  }

  .pcm-hero-accent {
    width: 200px;
    display: block;
    bottom: -30px;
    left: -20px;
  }

  .pcm-body3 {
    font-size: 16px;
  }

  .pcm-h2 {
    font-size: 30px;
  }

  .pcm-logo-media {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .pcm-full-img.pcm-banners-wide {
    display: none;
  }

  .pcm-full-img.pcm-banners-tall {
    display: block;
  }

  .pcm-full-img.pcm-gamer-desktop {
    display: none;
  }

  .pcm-full-img.pcm-gamer-mobile {
    display: block;
  }

  .pcm-specif-row {
    flex-direction: column;
  }

  .pcm-newy-img {
    border-radius: 16px;
  }

  .pcm-li-t {
    font-size: 16px;
  }

  .pcm-closing-mob {
    width: 90%;
    display: block;
  }

  .process {
    padding: 60px 20px;
  }

  .sec-top {
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .sec-title {
    font-size: 28px;
  }

  .sec-lede {
    max-width: 100%;
  }

  .process-steps {
    margin-top: 32px;
  }

  .process-step-heading {
    font-size: 22px;
  }

  .process2 {
    border-radius: 20px;
    padding: 40px 20px;
  }

  .process2-title {
    font-size: 28px;
  }

  .process2-num {
    font-size: 56px;
  }

  .partners-title {
    font-size: 28px;
  }

  .about {
    padding: 60px 20px;
  }

  .about-photo {
    width: 160px;
  }

  .about-body {
    margin-top: 32px;
    padding-top: 32px;
  }

  .about-p {
    font-size: 15px;
  }

  .process-extra-title {
    font-size: 22px;
  }

  .about-headline {
    font-size: 28px;
  }

  .about-tags {
    grid-column-gap: 20px;
    grid-row-gap: 14px;
    grid-template-columns: repeat(2, 1fr);
  }

  .about-tag {
    font-size: 15px;
  }

  .faq-list {
    margin-top: 0;
  }

  .faq-question-text {
    font-size: 16px;
  }

  .faq-answer {
    padding-right: 0;
  }
}

@media screen and (max-width: 479px) {
  .hero {
    height: calc(100vh - 130px);
  }

  .hero-title {
    font-size: 28px;
  }

  .hero-sub {
    font-size: 16px;
  }

  .work-panel-inner {
    transform: translateY(0);
  }

  .partners {
    padding-left: 20px;
    padding-right: 20px;
  }

  .partners-text.partners-text-alt {
    text-align: left;
  }

  .case-cols._1 {
    flex-flow: column;
  }

  .sth-container {
    padding-bottom: 0;
  }

  .sth-head {
    grid-row-gap: 32px;
  }

  .sth-web-cols {
    padding-bottom: 0;
  }

  .sth-web-pair {
    grid-row-gap: 40px;
  }

  .container-44 {
    height: auto;
  }

  .ms-hero {
    padding-bottom: 0;
  }

  .ms-figure-mob {
    margin-top: 40px;
  }

  .ms-video-frame {
    max-width: 80%;
  }

  .ms-purchase {
    justify-content: flex-start;
    align-items: center;
    padding: 56px 20px;
  }

  .ms-squares {
    padding: 56px 20px;
  }

  .ms-promo {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .ms-promo-video {
    max-width: 80%;
  }

  .container-117 {
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .bi-hero-media {
    padding-top: 60px;
  }

  .bio-s4-main, .bio-s5, .bio-s6-a, .bio-s10 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .bio-s16 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .stk-insta-pics {
    flex-flow: column;
  }

  .nf-top {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    padding-top: 40px;
  }

  .nf-title {
    font-size: 30px;
  }

  .pcm-main {
    padding-top: 66px;
  }

  .pcm-logo-video {
    width: 100%;
  }

  .pcm-logo-portrait {
    width: 80%;
  }

  .pcm-closing-mob {
    width: 100%;
  }

  .process, .about {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}