@import 'https://use.typekit.net/nmz7zrw.css';
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: "ballingermono-medium";
  src: url("../fonts/ballingermono-medium-webfont.woff2") format("woff2"), url("../fonts/ballingermono-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aesthet Nova W03 Medium";
  src: url("../fonts/aesthet-nova-medium-webfont.woff2") format("woff2"), url("../fonts/aesthet-nova-medium-webfont.woff") format("woff");
  font-display: swap;
}
.font--thin {
  font-weight: 100 !important;
}

.font--extralight {
  font-weight: 200 !important;
}

.font--light {
  font-weight: 300 !important;
}

.font--regular {
  font-weight: 400 !important;
}

.font--medium {
  font-weight: 500 !important;
}

.font--semibold {
  font-weight: 600 !important;
}

.font--bold {
  font-weight: 700 !important;
}

.font--black {
  font-weight: 900 !important;
}

strong {
  font-weight: 500;
}

.font--alt {
  font-family: "Aesthet Nova W03 Medium", "acumin-pro", sans-serif, sans-serif;
}

.text--center {
  text-align: center !important;
}

.text--left {
  text-align: left !important;
}

.text--right {
  text-align: right !important;
}

.text--uppercase {
  text-transform: uppercase !important;
}

.text--accent {
  color: #D3FF3B !important;
}

.animation--float-y {
  animation: floatY 4s ease infinite;
}

.animation--float-y-super {
  animation: floatYSuper 8s ease-out infinite;
}
@media screen and (max-width: 601px) {
  .animation--float-y-super {
    animation-duration: 4s;
  }
}

.animation--floaty--reverse {
  animation: floatYReverse 5s ease infinite;
}

.animation--floaty--reverse-super {
  animation: floatYReverseSuper 10s ease-out infinite;
}
@media screen and (max-width: 601px) {
  .animation--floaty--reverse-super {
    animation-duration: 5s;
  }
}

.animation--float-h {
  animation: floatH 4s ease infinite;
}

.animation--floath--reverse {
  animation: floatHReverse 6s ease infinite;
}

.animation--float-diagonal {
  animation: floatDiagonal 4s ease-in-out infinite;
}

.animation--float-diagonal-reverse {
  animation: floatDiagonalReverse 4.5s ease-in-out infinite alternate;
}

.animation--zoom--inout {
  animation: zoomIn 2s ease-in-out infinite alternate;
}

@keyframes floatY {
  from {
    transform: translate(0, 0);
  }
  65% {
    transform: translate(0, -1rem);
  }
  to {
    transform: translate(0, 0);
  }
}
@keyframes floatYSuper {
  from {
    transform: translate(0, 0);
  }
  65% {
    transform: translate(0, -3rem);
  }
  to {
    transform: translate(0, 0);
  }
}
@keyframes floatYReverse {
  from {
    transform: translate(0, 0);
  }
  65% {
    transform: translate(0, 1rem);
  }
  to {
    transform: translate(0, 0);
  }
}
@keyframes floatYReverseSuper {
  from {
    transform: translate(0, 0);
  }
  65% {
    transform: translate(0, 3rem);
  }
  to {
    transform: translate(0, 0);
  }
}
@keyframes floatH {
  from {
    transform: translate(0, 0);
  }
  65% {
    transform: translate(-1rem, 0);
  }
  to {
    transform: translate(0, 0);
  }
}
@keyframes floatHReverse {
  from {
    transform: translate(0, 0);
  }
  65% {
    transform: translate(1rem, 0);
  }
  to {
    transform: translate(0, 0);
  }
}
@keyframes floatDiagonal {
  0% {
    transform: translate(0, 0);
  }
  65% {
    transform: translate(-2rem, 1rem);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes floatDiagonalReverse {
  0% {
    transform: translate(0, 0);
  }
  65% {
    transform: translate(2rem, -1rem);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes zoomIn {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}
.animation--point-down {
  animation: pointDown 2s ease infinite;
}

@keyframes pointDown {
  from {
    transform: translate(0, 0);
  }
  65% {
    transform: translate(0, 1rem);
  }
  to {
    transform: translate(0, 0);
  }
}
.animation--rotate {
  animation: rotate 4s ease infinite;
}

.animation--rotate-reverse {
  animation: rotateReverse 4.5s ease infinite;
}

.animation--rotate-float {
  animation: rotateFloat 4s ease-in infinite;
}

.animation--rotate-float-reverse {
  animation: rotateFloatReverse 3s ease-in infinite;
}

@keyframes rotate {
  from {
    transform: rotate(0deg) translateY(0);
  }
  65% {
    transform: rotate(10deg) translateY(0.5rem);
  }
  to {
    transform: rotate(0deg) translateY(0);
  }
}
@keyframes rotateReverse {
  from {
    transform: rotate(0deg);
  }
  65% {
    transform: rotate(-15deg) translateY(0.5rem);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes rotateFloat {
  from {
    transform: rotate(0deg) translateY(0);
  }
  65% {
    transform: rotate(10deg) translateY(-1rem);
  }
  to {
    transform: rotate(0deg) translateY(0);
  }
}
@keyframes rotateFloatReverse {
  from {
    transform: rotate(0deg) translateY(0);
  }
  65% {
    transform: rotate(5deg) translateY(1rem);
  }
  to {
    transform: rotate(0deg) translateY(0);
  }
}
@keyframes rotate360 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.animation--in {
  transition: opacity 0.4s 0.3s ease-out, transform 0.6s 0.3s ease-out;
}
.animation--in.bottom-up:not(.visible) {
  opacity: 0 !important;
  transform: translateY(10rem) !important;
}
.animation--in.up-bottom:not(.visible) {
  opacity: 0 !important;
  transform: translateY(-10rem) !important;
}
.animation--in.left-right:not(.visible) {
  opacity: 0 !important;
  transform: translateX(-10rem) !important;
}
.animation--in.right-left:not(.visible) {
  opacity: 0 !important;
  transform: translateX(10rem) !important;
}
.animation--in.fade-in:not(.visible) {
  opacity: 0 !important;
}

.animation--in--fade {
  animation: fadeIn 0.5s ease-out;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes slideInLeft {
  0% {
    transform: translateX(-15%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideInRight {
  0% {
    transform: translateX(15%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideInBottom {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideInTop {
  0% {
    transform: translateY(-5rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes beat {
  0% {
    transform: scale(1.05);
    opacity: 0.9;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes growIn {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@media screen and (max-width: 601px) {
  @keyframes modalGrow {
    0% {
      transform: translateY(105%);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
}
*, *:after, *:before {
  box-sizing: border-box;
  letter-spacing: inherit;
  scroll-behavior: smooth;
}

html {
  overflow-x: hidden;
  max-width: 100vw;
  font-size: 0.5208333333vw;
}
@media screen and (min-aspect-ratio: 21/9) {
  html {
    font-size: 0.3703703704vw;
  }
}
@media screen and (max-width: 821px) {
  html {
    font-size: 1.2195121951vw;
  }
}
@media screen and (max-width: 601px) {
  html {
    font-size: 2.0833333333vw;
  }
}

body {
  font-family: "acumin-pro", sans-serif !important;
  font-weight: 200 !important;
  font-size: 2.2rem;
  line-height: 1.3;
  background: #F1F2F2;
  color: #282829;
  padding: 2.4rem;
}
@media screen and (max-width: 821px) {
  body {
    padding: 2.4rem;
  }
}
@media screen and (max-width: 601px) {
  body {
    padding: 0.8rem;
  }
}
body::-webkit-scrollbar-track {
  background-color: #E0E0E0;
}
body::-webkit-scrollbar {
  width: 0.5rem;
  background-color: #E0E0E0;
}
body::-webkit-scrollbar-thumb {
  background-color: #D3FF3B;
  border-radius: 0.25rem;
}

a {
  text-decoration: none;
  outline: none;
  color: inherit;
}

img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

button {
  color: inherit;
  background: none;
  outline: none;
  cursor: pointer;
  border: none;
}

.hidden {
  display: none !important;
}

@media screen and (max-width: 601px) {
  .hide__mobile {
    display: none !important;
  }
}

@media screen and (min-width: 601px) {
  .hide__desktop {
    display: none !important;
  }
}

.width--full {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.header--centered {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 2.4rem;
  text-align: center;
}

.otot-contact__footer {
  width: 100%;
  margin: 2.4rem 0;
  border-radius: 4.8rem;
  background: #D3FF3B;
  padding: 4rem;
}
@media screen and (max-width: 821px) {
  .otot-contact__footer {
    padding: 2.4rem 1.6rem;
    border-radius: 3.2rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-contact__footer {
    margin-top: 0;
    border-radius: 2rem;
  }
}

.otot-page__white-wrapper {
  width: calc(100% - 4.8rem);
  margin: -8rem 2.4rem 0;
  padding: 5.6rem 12rem;
  background: #F1F2F2;
  border-radius: 4.8rem;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
@media screen and (max-width: 821px) {
  .otot-page__white-wrapper {
    margin-top: -12rem;
    padding: 4rem 2.4rem;
    border-radius: 3.2rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-page__white-wrapper {
    width: calc(100% - 1.6rem);
    margin: -12rem 0.8rem 0;
    border-radius: 2rem;
  }
}

.title--heading--h1 {
  font-family: "Aesthet Nova W03 Medium", "acumin-pro", sans-serif, sans-serif;
  font-size: 8rem;
  line-height: 1.1;
  font-weight: 400;
}
@media screen and (max-width: 821px) {
  .title--heading--h1 {
    font-size: 4.8rem;
  }
}
.title--heading--h2 {
  font-family: "Aesthet Nova W03 Medium", "acumin-pro", sans-serif, sans-serif;
  font-size: 4.8rem;
  line-height: 1.2;
  font-weight: 400;
}
@media screen and (max-width: 821px) {
  .title--heading--h2 {
    font-size: 3.6rem;
  }
}
.title--heading--h3 {
  font-family: "Aesthet Nova W03 Medium", "acumin-pro", sans-serif, sans-serif;
  font-size: 4rem;
  line-height: 1.2;
  font-weight: 400;
}
@media screen and (max-width: 821px) {
  .title--heading--h3 {
    font-size: 2.8rem;
  }
}
.title--heading--h4 {
  font-family: "Aesthet Nova W03 Medium", "acumin-pro", sans-serif, sans-serif;
  font-size: 3.2rem;
  line-height: 1.2;
}
@media screen and (max-width: 821px) {
  .title--heading--h4 {
    font-size: 2.8rem;
  }
}
.title--heading--h5 {
  font-family: "Aesthet Nova W03 Medium", "acumin-pro", sans-serif, sans-serif;
  font-size: 2.8rem;
  line-height: 1.2;
}
@media screen and (max-width: 821px) {
  .title--heading--h5 {
    font-size: 2.4rem;
  }
}
.title--heading--h6 {
  font-family: "Aesthet Nova W03 Medium", "acumin-pro", sans-serif, sans-serif;
  font-size: 2.4rem;
  line-height: 1.2;
}
@media screen and (max-width: 821px) {
  .title--heading--h6 {
    font-size: 1.8rem;
  }
}

.title__eyebrow {
  font-family: "Aesthet Nova W03 Medium", "acumin-pro", sans-serif, sans-serif;
  font-size: 2rem;
  letter-spacing: -0.06rem;
  line-height: 1.2;
  color: #D3FF3B;
}
@media screen and (max-width: 1441px) {
  .title__eyebrow {
    font-size: 2.2rem;
  }
}

.blur__layer {
  background: linear-gradient(358.36deg, rgba(255, 255, 255, 0.01) 25.69%, rgba(255, 255, 255, 0) 169.2%);
  backdrop-filter: blur(4rem);
}

.section__title-label {
  font-family: "ballingermono-medium", "acumin-pro", sans-serif, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 2rem;
}
@media screen and (max-width: 821px) {
  .section__title-label {
    white-space: break-spaces;
  }
}
@media screen and (max-width: 601px) {
  .section__title-label {
    gap: 1.6rem;
  }
}
.section__title-label::before {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 100%;
  background: #D3FF3B;
  flex-shrink: 0;
}
@media screen and (max-width: 601px) {
  .section__title-label::before {
    width: 1rem;
    height: 1rem;
  }
}

.pill--outline-primary {
  text-box-trim: trim-both;
  font-family: "ballingermono-medium", "acumin-pro", sans-serif, sans-serif;
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #D3FF3B;
  padding: 0.6rem 1.2rem;
  border-radius: 2.4rem;
  text-align: center;
  border: 1px solid #D3FF3B;
}

.cky-notice .cky-title {
  font-family: "Aesthet Nova W03 Medium", "acumin-pro", sans-serif, sans-serif;
  color: #282829 !important;
  font-weight: 500 !important;
}
.cky-notice .cky-notice-des {
  font-family: "acumin-pro", sans-serif;
  color: #282829 !important;
  font-weight: 200 !important;
  margin-bottom: 2.4rem !important;
}
.cky-notice .cky-notice-btn-wrapper .cky-btn {
  font-family: "ballingermono-medium", "acumin-pro", sans-serif, sans-serif;
  color: #282829 !important;
}
.cky-notice .cky-notice-btn-wrapper .cky-btn-accept {
  background-color: #D3FF3B !important;
  border-color: #D3FF3B !important;
}
@media (hover: hover) and (pointer: fine) {
  .cky-notice .cky-notice-btn-wrapper .cky-btn-accept:hover:not(:disabled), .cky-notice .cky-notice-btn-wrapper .cky-btn-accept:hover:not([disabled]) {
    background-color: #282829 !important;
    border-color: #282829 !important;
    color: #F1F2F2 !important;
  }
}
.cky-notice .cky-notice-btn-wrapper .cky-btn-reject {
  border-color: #282829 !important;
}
@media (hover: hover) and (pointer: fine) {
  .cky-notice .cky-notice-btn-wrapper .cky-btn-reject:hover:not(:disabled), .cky-notice .cky-notice-btn-wrapper .cky-btn-reject:hover:not([disabled]) {
    background-color: #282829 !important;
    color: #F1F2F2 !important;
  }
}

.page__wrapper {
  width: 100%;
  max-width: 100vw;
  min-height: 100vh;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}
@media screen and (max-width: 821px) {
  .page__wrapper {
    overflow: hidden;
  }
}

.page__content {
  width: 100%;
}

.text--body--xxs {
  font-size: 1.8rem;
  line-height: 1.2;
}
@media screen and (max-width: 821px) {
  .text--body--xxs {
    font-size: 1.4rem;
  }
}
.text--body--xs {
  font-size: 2rem;
  line-height: 1.2;
}
@media screen and (max-width: 821px) {
  .text--body--xs {
    font-size: 1.6rem;
  }
}
.text--body--sm {
  font-size: 2.2rem;
  line-height: 1.2;
}
@media screen and (max-width: 821px) {
  .text--body--sm {
    font-size: 1.8rem;
  }
}
.text--body--md {
  font-size: 2.4rem;
  line-height: 1.4;
}
@media screen and (max-width: 1441px) {
  .text--body--md {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 821px) {
  .text--body--md {
    font-size: 2rem;
  }
}
.text--body--lg {
  font-size: 2.8rem;
  line-height: 1.4;
}
@media screen and (max-width: 821px) {
  .text--body--lg {
    font-size: 2.4rem;
  }
}

.otot-contact__block {
  width: 100%;
  padding: 8rem 4rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 2.4rem;
}
@media screen and (max-width: 821px) {
  .otot-contact__block {
    padding: 6.4rem 1.6rem 4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-contact__block {
    padding-top: 4rem;
    gap: 3.6rem;
  }
}
.otot-contact__block .otot-contact__block__title::before {
  background: #FFFFFF;
}
.otot-contact__block .otot-contact__block__bottom {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  gap: 8rem;
  margin-top: 3.2rem;
}
@media screen and (max-width: 601px) {
  .otot-contact__block .otot-contact__block__bottom {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    gap: 4.8rem;
  }
}
.otot-contact__block .otot-contact__block__links {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 4rem;
}
@media screen and (max-width: 601px) {
  .otot-contact__block .otot-contact__block__links {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    gap: 2.8rem;
  }
}
.otot-contact__block .otot-contact__block__links .otot-link img {
  filter: brightness(0);
  opacity: 0.6rem;
}
@media (hover: hover) and (pointer: fine) {
  .otot-contact__block .otot-contact__block__links .otot-link:hover {
    opacity: 0.8;
  }
  .otot-contact__block .otot-contact__block__links .otot-link:hover span {
    color: #282829;
  }
}
@media (hover: hover) and (pointer: fine) {
  .otot-contact__block #contact-trigger-section:hover:not(:disabled), .otot-contact__block #contact-trigger-section:hover:not([disabled]) {
    background: #F1F2F2;
    border-color: #F1F2F2;
    color: #282829;
  }
  .otot-contact__block #contact-trigger-section:hover:not(:disabled)::after, .otot-contact__block #contact-trigger-section:hover:not([disabled])::after {
    filter: grayscale(1) brightness(0.4);
  }
}

.nf-form-cont {
  height: 100%;
}

.nf-form-layout {
  max-height: -webkit-fill-available;
  overflow: auto;
}
@media screen and (max-width: 821px) {
  .nf-form-layout {
    padding: 0 0.8rem;
  }
}
.nf-form-layout::-webkit-scrollbar-track {
  background-color: #E0E0E0;
}
.nf-form-layout::-webkit-scrollbar {
  width: 0.5rem;
  background-color: #5F6368;
}
.nf-form-layout::-webkit-scrollbar-thumb {
  background-color: #D3FF3B;
  border-radius: 0.25rem;
}

.otot-contact-form__grid {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 2.4rem;
}
@media screen and (max-width: 821px) {
  .otot-contact-form__grid {
    flex-direction: column;
  }
}
.otot-contact-form__grid .otot-contact-form__col {
  width: calc(50% - 1.2rem);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 1.6rem;
}
@media screen and (max-width: 821px) {
  .otot-contact-form__grid .otot-contact-form__col {
    width: 100%;
  }
}
@media screen and (max-width: 821px) {
  .otot-contact-form__grid .otot-contact-form__col--left {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    gap: 2.4rem;
  }
  .otot-contact-form__grid .otot-contact-form__col--left nf-field {
    width: calc(50% - 1.2rem);
  }
}
@media screen and (max-width: 601px) {
  .otot-contact-form__grid .otot-contact-form__col--left {
    gap: 1.6rem;
  }
  .otot-contact-form__grid .otot-contact-form__col--left nf-field {
    width: 100%;
  }
}
.otot-contact-form__grid .otot-contact-form__col--right nf-field:has(.textarea-container) {
  flex-grow: 1;
}
.otot-contact-form__grid .otot-contact-form__col--right nf-field:has(.textarea-container) .nf-field-container {
  height: 100%;
}
.otot-contact-form__grid .otot-contact-form__col--right nf-field:has(.textarea-container) .nf-field-container .nf-field {
  height: 100%;
}
.otot-contact-form__grid .otot-contact-form__col--right nf-field:has(.textarea-container) .nf-field-container .nf-field .field-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 1.2rem;
}
.otot-contact-form__grid .otot-contact-form__col--right nf-field:has(.textarea-container) .nf-field-container .nf-field .field-wrap .nf-field-element {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
}
.otot-contact-form__grid .otot-contact-form__col--right nf-field:has(.textarea-container) .nf-field-container .nf-field .field-wrap .nf-field-element textarea {
  flex-grow: 1;
  height: auto !important;
  padding: 0.8rem !important;
  border-radius: 0 !important;
  background: none !important;
  color: #F1F2F2 !important;
  font-family: "acumin-pro", sans-serif !important;
  font-weight: 300 !important;
  font-size: 1.8rem !important;
  border: 1px solid #D9D9D9 !important;
}
@media screen and (max-width: 821px) {
  .otot-contact-form__grid .otot-contact-form__col--right nf-field:has(.textarea-container) .nf-field-container .nf-field .field-wrap .nf-field-element textarea {
    min-height: 12rem;
  }
}
.otot-contact-form__grid .otot-contact-form__col--right nf-field:has(.textarea-container) .nf-field-container .nf-field .field-wrap .nf-field-element textarea:focus-visible {
  outline: none !important;
  border-color: #D3FF3B !important;
}

.nf-before-form-content {
  display: none !important;
}

.nf-field-container {
  margin-bottom: 0 !important;
}

.nf-field-label {
  margin-bottom: 0 !important;
}
.nf-field-label label {
  font-family: "ballingermono-medium", "acumin-pro", sans-serif, sans-serif;
  text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: 400 !important;
}
.nf-field-label label span {
  color: #D3FF3B;
}

.nf-field-element input:not([type=submit]) {
  padding: 0.8rem 0 !important;
  border-radius: 0 !important;
  background: none !important;
  color: #F1F2F2 !important;
  font-family: "acumin-pro", sans-serif !important;
  font-weight: 300 !important;
  font-size: 1.8rem !important;
  border: none !important;
  border-bottom: 1px solid #D9D9D9 !important;
}
.nf-field-element input:not([type=submit]):focus-visible {
  outline: none !important;
  border-bottom-color: #D3FF3B !important;
}

.submit-wrap .nf-field-element {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  margin-top: 2.4rem !important;
}
.submit-wrap .nf-field-element input[type=submit] {
  font-family: "ballingermono-medium", "acumin-pro", sans-serif, sans-serif;
  cursor: pointer;
  border-radius: 0.4rem;
  font-size: 1.9rem;
  text-transform: lowercase;
  border: 1px solid #D3FF3B;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-out;
  background-color: #D3FF3B;
  border-color: #D3FF3B;
  color: #282829;
  padding: 1.6rem 4.4rem 1.6rem 2.4rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 1.2rem;
  white-space: nowrap;
  background-image: url("../images/icons/icon_arrow-dark.svg");
  background-size: 1.2rem auto;
  background-position: 84% center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 601px) {
  .submit-wrap .nf-field-element input[type=submit] {
    width: 100%;
    background: #D3FF3B;
    padding: 1.6rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .submit-wrap .nf-field-element input[type=submit]:hover:not(:disabled), .submit-wrap .nf-field-element input[type=submit]:hover:not([disabled]) {
    padding-right: 5.6rem;
    background-color: #F1F2F2;
    border-color: #F1F2F2;
    color: #282829;
  }
}

.ninja-forms-form-wrap {
  position: relative;
  height: 100%;
}

.nf-after-field .nf-error-msg {
  font-size: 1.4rem;
  position: absolute;
  top: 0.8rem;
  right: 0;
}

.nf-after-form-content {
  position: absolute;
  bottom: 0;
  left: 0;
  font-family: "ballingermono-medium", "acumin-pro", sans-serif, sans-serif;
  font-size: 1.8rem;
}
@media screen and (max-width: 821px) {
  .nf-after-form-content {
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: 1.6rem;
    max-width: 80%;
  }
}

.nf-response-msg {
  width: 100%;
  border-radius: 2.4rem;
  margin: 1.6rem 0;
  padding: 6.4rem 24rem;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 821px) {
  .nf-response-msg {
    padding: 6.4rem 8rem;
  }
}
@media screen and (max-width: 601px) {
  .nf-response-msg {
    padding: 4rem 2.4rem;
  }
}
.nf-response-msg p {
  font-family: "acumin-pro", sans-serif;
  font-weight: 200 !important;
  font-size: 1.8rem;
  line-height: 1.5;
}
.nf-response-msg strong {
  font-size: 2rem;
}
.nf-response-msg img {
  width: 4.8rem;
}
.nf-response-msg h3 {
  font-family: "ballingermono-medium", "acumin-pro", sans-serif, sans-serif;
  text-transform: uppercase;
  margin: 2.4rem 0;
  font-size: 2rem;
  font-weight: 400 !important;
}

.otot-page__cover {
  position: relative;
  z-index: 1;
}
.otot-page__cover .otot-page__cover__bg {
  position: relative;
  z-index: 1;
  max-height: 56rem;
}
@media screen and (max-width: 821px) {
  .otot-page__cover .otot-page__cover__bg {
    max-height: 40dvh;
    height: 40dvh;
  }
}
@media screen and (max-width: 601px) {
  .otot-page__cover .otot-page__cover__bg picture, .otot-page__cover .otot-page__cover__bg img {
    height: 100%;
    object-fit: cover;
  }
}
.otot-page__cover .otot-page__cover__content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 10rem 7.2rem 20rem;
  z-index: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-align: center;
}
@media screen and (max-width: 821px) {
  .otot-page__cover .otot-page__cover__content {
    padding: 8rem 2.4rem 16rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-page__cover .otot-page__cover__content {
    padding: 12rem 2.4rem 16rem;
  }
}
.otot-page__cover .otot-page__cover__content .otot-page__cover__title {
  color: #F1F2F2;
  position: relative;
}
.otot-page__cover .otot-page__cover__content .otot-page__cover__title::after {
  content: "";
  width: 2.4rem;
  height: 0.4rem;
  background: #D3FF3B;
  position: absolute;
  top: calc(100% + 4rem);
  left: calc(50% - 1.2rem);
}
@media screen and (max-width: 601px) {
  .otot-page__cover .otot-page__cover__content .otot-page__cover__title::after {
    top: calc(100% + 2.4rem);
  }
}

.otot-page__intro {
  width: 100%;
  max-width: 200rem;
  margin: 0 auto;
  padding: 0 10rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  gap: 12rem;
}
@media screen and (max-width: 821px) {
  .otot-page__intro {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: start;
    gap: 4rem;
    padding: 4rem;
    overflow: hidden;
  }
  .otot-page__intro:has(video) {
    padding: 4rem 12rem 4rem 2.4rem;
  }
}
@media screen and (max-width: 821px) and (max-width: 601px) {
  .otot-page__intro:has(video) {
    padding: 6.4rem 0 16rem 0;
  }
}
@media screen and (max-width: 821px) {
  .otot-page__intro:has(video) .otot-page__intro__text {
    max-width: 80%;
  }
}
@media screen and (max-width: 821px) and (max-width: 601px) {
  .otot-page__intro:has(video) .otot-page__intro__text {
    max-width: 78%;
  }
}
.otot-page__intro .otot-page__intro__image {
  width: 46rem;
  flex-shrink: 0;
  border-radius: 2.4rem;
  mix-blend-mode: multiply;
  opacity: 0.3;
  overflow: hidden;
  filter: grayscale(1);
}
@media screen and (max-width: 821px) {
  .otot-page__intro .otot-page__intro__image {
    width: 100%;
  }
}
.otot-page__intro .otot-page__intro__image:has(video) {
  height: 46rem;
  overflow: hidden;
}
@media screen and (max-width: 821px) {
  .otot-page__intro .otot-page__intro__image:has(video) {
    width: 20rem;
    height: 20rem;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
.otot-page__intro .otot-page__intro__image:has(video) .otot-page__content__image {
  width: 100%;
  height: 100%;
}
.otot-page__intro .otot-page__intro__image:has(video) video {
  width: 100%;
  height: calc(100% + 1px);
  object-fit: contain;
}
.otot-page__intro .otot-page__intro__image picture, .otot-page__intro .otot-page__intro__image img {
  width: 100%;
}
.otot-page__intro .otot-page__intro__text {
  flex-grow: 1;
}

.block-transition__text {
  font-family: "Aesthet Nova W03 Medium", "acumin-pro", sans-serif, sans-serif;
  font-size: 4rem;
  line-height: 1.2;
  font-weight: 400;
}
@media screen and (max-width: 821px) {
  .block-transition__text {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 601px) {
  .block-transition__text {
    line-height: 1.3;
  }
}

.otot-page__additional-photos {
  width: 100%;
  max-width: 200rem;
  margin: 0 auto;
  color: #F1F2F2;
  text-align: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 2.4rem;
  padding: 10rem 8rem;
  overflow: hidden;
}
@media screen and (max-width: 821px) {
  .otot-page__additional-photos {
    padding: 8rem 2.4rem;
  }
}
.otot-page__additional-photos .otot-page__additional-photos__title {
  width: 30%;
  margin-bottom: 4rem;
}
@media screen and (max-width: 821px) {
  .otot-page__additional-photos .otot-page__additional-photos__title {
    width: 60%;
    margin-bottom: 2.4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-page__additional-photos .otot-page__additional-photos__title {
    width: 90%;
  }
}
.otot-page__additional-photos .otot-page__additional-photos__content {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 4rem;
}
@media screen and (max-width: 821px) {
  .otot-page__additional-photos .otot-page__additional-photos__content {
    gap: 2.4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-page__additional-photos .otot-page__additional-photos__content {
    flex-wrap: wrap;
    gap: 1.6rem;
  }
}
.otot-page__additional-photos .otot-page__additional-photos__content .otot-page__additional-photos__image {
  overflow: hidden;
  width: 47.5rem;
  height: 33rem;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 821px) {
  .otot-page__additional-photos .otot-page__additional-photos__content .otot-page__additional-photos__image {
    width: 25%;
    height: 20rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-page__additional-photos .otot-page__additional-photos__content .otot-page__additional-photos__image {
    width: calc(50% - 0.8rem);
  }
}
.otot-page__additional-photos .otot-page__additional-photos__content .otot-page__additional-photos__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.otot-page__additional-photos .otot-page__additional-photos__content .otot-page__additional-photos__image.first-image {
  border-radius: 2.4rem 2.4rem 0.4rem 2.4rem;
}
@media screen and (max-width: 821px) {
  .otot-page__additional-photos .otot-page__additional-photos__content .otot-page__additional-photos__image.first-image {
    border-radius: 1.6rem 1.6rem 0.4rem 1.6rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-page__additional-photos .otot-page__additional-photos__content .otot-page__additional-photos__image.first-image {
    border-radius: 2rem 2rem 0.4rem 2rem;
  }
}
.otot-page__additional-photos .otot-page__additional-photos__content .otot-page__additional-photos__image.second-image {
  border-radius: 2.4rem 0.4rem 2.4rem 0.4rem;
  flex-grow: 1;
}
@media screen and (max-width: 821px) {
  .otot-page__additional-photos .otot-page__additional-photos__content .otot-page__additional-photos__image.second-image {
    border-radius: 1.6rem 0.4rem 1.6rem 0.4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-page__additional-photos .otot-page__additional-photos__content .otot-page__additional-photos__image.second-image {
    order: 3;
    width: 100%;
    border-radius: 2rem 0.4rem;
  }
}
.otot-page__additional-photos .otot-page__additional-photos__content .otot-page__additional-photos__image.third-image {
  border-radius: 0.4rem 2.4rem 2.4rem 2.4rem;
}
@media screen and (max-width: 821px) {
  .otot-page__additional-photos .otot-page__additional-photos__content .otot-page__additional-photos__image.third-image {
    border-radius: 0.4rem 1.6rem 1.6rem 1.6rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-page__additional-photos .otot-page__additional-photos__content .otot-page__additional-photos__image.third-image {
    border-radius: 0.4rem 2rem 2rem 2rem;
  }
}

.otot-button {
  font-family: "ballingermono-medium", "acumin-pro", sans-serif, sans-serif;
  cursor: pointer;
  padding: 0;
  border-radius: 0.4rem;
  font-size: 1.9rem;
  text-transform: lowercase;
  border: 1px solid #D3FF3B;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-out;
}
.otot-button a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 1.6rem 2.4rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 1.2rem;
  white-space: nowrap;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease-out;
}
.otot-button img {
  height: 1.2rem;
  width: auto;
  transition: all 0.3s ease-out;
}
.otot-button--has-icon a {
  padding: 1.6rem 2.2rem 1.6rem 2.4rem;
}
.otot-button--has-icon a::after {
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  background-image: url("../images/icons/icon_arrow_primary.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 0.05rem;
  transition: all 0.3s ease-out;
  flex-shrink: 0;
}
@media (hover: hover) and (pointer: fine) {
  .otot-button--has-icon:hover:not(:disabled) a, .otot-button--has-icon:hover:not([disabled]) a {
    gap: 1.6rem;
  }
}
.otot-button--has-icon.external-link a::after {
  background-image: url("../images/icons/icon_arrow-link_primary.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}
@media (hover: hover) and (pointer: fine) {
  .otot-button--has-icon.external-link:hover:not(:disabled) a, .otot-button--has-icon.external-link:hover:not([disabled]) a {
    gap: 1.2rem;
  }
}
.otot-button--primary {
  background: #D3FF3B;
  border-color: #D3FF3B;
  color: #282829;
}
.otot-button--primary a::after {
  filter: grayscale(1) brightness(0.4);
}
@media (hover: hover) and (pointer: fine) {
  .otot-button--primary:hover:not(:disabled), .otot-button--primary:hover:not([disabled]) {
    background: #282829;
    border-color: #282829;
    color: #F1F2F2;
  }
  .otot-button--primary:hover:not(:disabled) a::after, .otot-button--primary:hover:not([disabled]) a::after {
    filter: none;
  }
}
.otot-button--white {
  background: #F1F2F2;
  border-color: #F1F2F2;
  color: #282829;
}
.otot-button--white a::after {
  filter: brightness(0.8);
}
@media (hover: hover) and (pointer: fine) {
  .otot-button--white:hover:not(:disabled), .otot-button--white:hover:not([disabled]) {
    background: #D3FF3B;
    border-color: #D3FF3B;
    color: #282829;
  }
  .otot-button--white:hover:not(:disabled) a::after, .otot-button--white:hover:not([disabled]) a::after {
    filter: grayscale(1) brightness(0.4);
  }
}
.otot-button--black {
  background: #282829;
  border-color: #282829;
  color: #F1F2F2;
}
@media (hover: hover) and (pointer: fine) {
  .otot-button--black:hover:not(:disabled), .otot-button--black:hover:not([disabled]) {
    background: #D3FF3B;
    border-color: #D3FF3B;
    color: #282829;
  }
  .otot-button--black:hover:not(:disabled) a::after, .otot-button--black:hover:not([disabled]) a::after {
    filter: grayscale(1) brightness(0.4);
  }
}
.otot-button--outline {
  border-color: #282829;
}
.otot-button--outline a::after {
  filter: grayscale(1) brightness(0.1);
}
@media (hover: hover) and (pointer: fine) {
  .otot-button--outline:hover:not(:disabled), .otot-button--outline:hover:not([disabled]) {
    background: #D3FF3B;
  }
}
.otot-button--download a::after {
  background-image: url("../images/icons/icon_download.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}
.otot-button--no-link {
  padding: 1.6rem 2.4rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 1.2rem;
  white-space: nowrap;
}
@media (hover: hover) and (pointer: fine) {
  .otot-button--no-link.otot-button--has-icon:hover:not(:disabled), .otot-button--no-link.otot-button--has-icon:hover:not([disabled]) {
    gap: 1.6rem;
  }
}
.otot-button--no-link.otot-button--has-icon::after {
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  background-image: url("../images/icons/icon_arrow_primary.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 0.05rem;
  transition: all 0.3s ease-out;
}
.otot-button--back {
  font-family: "ballingermono-medium", "acumin-pro", sans-serif, sans-serif;
  text-transform: uppercase;
  border-radius: 100rem;
  font-size: 1.6rem;
}
@media screen and (max-width: 601px) {
  .otot-button--back:has(span) a {
    padding: 1.6rem;
  }
  .otot-button--back:has(span) a::before {
    width: 1.4rem;
    height: 1.4rem;
  }
  .otot-button--back:has(span) span {
    display: none;
  }
}
.otot-button--back a {
  padding: 0.8rem 2.8rem 0.8rem 2.4rem;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 821px) {
  .otot-button--back a {
    padding: 0.8rem 2rem 0.8rem 1.6rem;
  }
}
.otot-button--back a::before {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icons/icon_arrow-back_primary.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 0.05rem;
  transition: all 0.3s ease-out;
  flex-shrink: 0;
}
@media (hover: hover) and (pointer: fine) {
  .otot-button--back:hover:not(:disabled) a, .otot-button--back:hover:not([disabled]) a {
    gap: 2rem;
  }
  .otot-button--back:hover:not(:disabled) a::before, .otot-button--back:hover:not([disabled]) a::before {
    filter: grayscale(1) brightness(0.4);
  }
}
.otot-button--top {
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 100%;
  position: fixed;
  bottom: 2.4rem;
  right: 2.4rem;
  background: #F1F2F2;
  border: 2px solid #282829;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  padding: 1.8rem;
  transition: all 0.3s ease-out;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
}
.otot-button--top img {
  transform: rotate(-90deg);
}
.otot-button--top::after {
  display: none;
}
@media (hover: hover) and (pointer: fine) {
  .otot-button--top:hover {
    width: 7.2rem;
    height: 7.2rem;
    padding: 2.2rem;
    transform: translate(0.4rem, -0.4rem);
  }
}
.otot-button--top.visible {
  opacity: 1;
  pointer-events: initial;
}
@media screen and (max-width: 601px) {
  .otot-button--top {
    width: 4.8rem;
    height: 4.8rem;
    padding: 1.2rem;
    right: 1.6rem;
    bottom: 1.6rem;
  }
}

.otot-link {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: flex-end;
  gap: 0.8rem;
  font-family: "ballingermono-medium", "acumin-pro", sans-serif, sans-serif;
  font-size: 1.8rem;
  transition: all 0.3s ease;
}
.otot-link img {
  width: 1.2rem;
  margin-bottom: 0.4rem;
}
.otot-link span {
  text-decoration: underline;
}
.otot-link:hover span {
  color: #D3FF3B;
  text-decoration: none;
}
.otot-link--email img {
  width: 1.6rem;
}

.pill {
  font-size: 1.6rem;
  padding: 0.8rem 1.6rem;
  border-radius: 4rem;
}

.card {
  border-radius: 1.6rem;
  overflow: hidden;
}

@keyframes expandCard {
  0% {
    max-height: 0;
    opacity: 0;
    margin-top: 0;
  }
  100% {
    max-height: 100vh;
    opacity: 1;
    margin-top: 3.2rem;
  }
}
@keyframes collapseCard {
  0% {
    max-height: 100vh;
    opacity: 1;
    margin-top: 3.2rem;
  }
  100% {
    max-height: 0;
    opacity: 0;
    margin-top: 0;
  }
}
.social__media {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: flex-end;
  align-content: flex-end;
  gap: 1.6rem;
}
.social__media li {
  width: 1.8rem;
  transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .social__media li:hover {
    filter: brightness(0);
    opacity: 0.6;
  }
}

.otot-footer {
  width: 100%;
  margin-top: 1.6rem;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  gap: 4rem;
  border-radius: 2.4rem;
  padding: 5.6rem 6.4rem;
  background: #282829;
  color: #F1F2F2;
}
@media screen and (max-width: 821px) {
  .otot-footer {
    padding: 6.4rem 3.2rem;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    gap: 8rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-footer {
    margin-top: 5.6rem;
    padding: 8rem 1.6rem;
  }
}
.otot-footer .otot-footer__left {
  padding-top: 3.2rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  gap: 10rem;
}
@media screen and (max-width: 821px) {
  .otot-footer .otot-footer__left {
    padding-top: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    gap: 4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-footer .otot-footer__left {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    gap: 8rem;
  }
}
.otot-footer .otot-footer__right {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
  gap: 19rem;
  padding-top: 2.8rem;
}
@media screen and (max-width: 821px) {
  .otot-footer .otot-footer__right {
    padding-top: 0;
    gap: 4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-footer .otot-footer__right {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    gap: 8rem;
  }
}
.otot-footer .otot-footer__logo {
  width: 16rem;
}
@media screen and (max-width: 601px) {
  .otot-footer .otot-footer__logo {
    width: 13rem;
  }
}
.otot-footer .otot-footer__extras {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 4rem;
}
@media screen and (max-width: 821px) {
  .otot-footer .otot-footer__extras {
    gap: 2.4rem;
  }
}
.otot-footer .otot-footer__extras .otot-footer__extras__item {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  text-align: center;
  gap: 1.6rem;
}
.otot-footer .otot-footer__extras .otot-footer__extras__item img {
  width: 11rem;
}
@media screen and (max-width: 821px) {
  .otot-footer .otot-footer__extras .otot-footer__extras__item img {
    width: 8rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-footer .otot-footer__extras .otot-footer__extras__item img {
    width: 10rem;
  }
}
.otot-footer .otot-footer__extras .otot-footer__extras__item span {
  font-size: 1.6rem;
}
.otot-footer .otot-footer__extras .otot-footer__extras__item#uipath img {
  width: 16rem;
}
.otot-footer .otot-footer__info {
  font-size: 1.6rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.8rem;
}
@media screen and (max-width: 601px) {
  .otot-footer .otot-footer__info {
    align-items: center;
  }
}
.otot-footer .otot-footer__info a {
  font-size: 1.6rem;
}
.otot-footer .otot-footer__info a img {
  width: 1rem;
}
.otot-footer .otot-footer__menu .otot-menu__list {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1.2rem;
}
@media screen and (max-width: 601px) {
  .otot-footer .otot-footer__menu .otot-menu__list {
    align-items: center;
  }
}
.otot-footer .otot-footer__menu li {
  font-size: 1.8rem;
  text-transform: lowercase;
}
.otot-footer .otot-footer__menu li a {
  transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .otot-footer .otot-footer__menu li a:hover {
    color: #D3FF3B;
  }
}

body.home .otot-header:not(.sticky) {
  padding: 6.8rem 8rem;
}
@media screen and (max-width: 821px) {
  body.home .otot-header:not(.sticky) {
    padding: 2.4rem 5.6rem;
  }
}
@media screen and (max-width: 601px) {
  body.home .otot-header:not(.sticky) {
    padding: 2.4rem 2.8rem;
  }
}

.otot-header {
  width: 100vw;
  z-index: 4;
  position: fixed;
  top: 2.4rem;
  left: 0;
  padding: 3.2rem 8rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  transition: all 0.3s ease;
  gap: 8rem;
}
@media screen and (max-width: 821px) {
  .otot-header {
    padding: 1.6rem 2.4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-header {
    top: 1.6rem;
  }
}
.otot-header .otot-header__logo {
  width: 18rem;
  position: relative;
  transition: all 0.3s ease;
}
@media screen and (max-width: 821px) {
  .otot-header .otot-header__logo {
    width: 14rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-header .otot-header__logo {
    width: 13rem;
    z-index: 3;
  }
}
@media (hover: hover) and (pointer: fine) {
  .otot-header .otot-header__logo:hover {
    transform: scale(1.1);
  }
}
.otot-header .otot-header__logo img, .otot-header .otot-header__logo svg {
  width: 100%;
  transition: all 0.3s ease;
}
.otot-header .otot-header__logo img.otot-logo, .otot-header .otot-header__logo svg.otot-logo {
  opacity: 1;
}
.otot-header .otot-header__logo img.otot-iso, .otot-header .otot-header__logo svg.otot-iso {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  opacity: 0;
}
.otot-header .otot-menu__element {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 2;
  width: 100dvw;
  height: 100dvh;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: flex-start;
  align-content: flex-start;
  padding: 2.4rem;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.5s ease, opacity 0.4s ease, visibility 0s linear 0.4s;
}
@media screen and (max-width: 601px) {
  .otot-header .otot-menu__element {
    padding: 0.8rem;
  }
}
.otot-header .otot-menu__element.is-contact-from-menu .otot-button--back {
  opacity: 1 !important;
  pointer-events: initial !important;
}
.otot-header .otot-menu__element.is-contact-open {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.5) 100%);
}
.otot-header .otot-menu__element.is-contact-open .otot-menu__wrapper {
  min-width: 137.8rem;
}
@media screen and (max-width: 821px) {
  .otot-header .otot-menu__element.is-contact-open .otot-menu__wrapper {
    min-width: 0;
    width: 100%;
  }
}
.otot-header .otot-menu__element.is-contact-open .otot-menu {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-1.2rem);
}
.otot-header .otot-menu__element.is-contact-open .otot-contact-form__wrapper {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
.otot-header .otot-menu__element.is-contact-open .otot-menu__bottom__left {
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 601px) {
  .otot-header .otot-menu__element.is-contact-open .otot-menu__bottom__left {
    display: none;
  }
}
@media screen and (max-width: 601px) {
  .otot-header .otot-menu__element.is-contact-open .otot-menu__bottom__right {
    flex-grow: 1;
  }
}
.otot-header .otot-menu__element.is-contact-open a.otot-link--email {
  display: flex !important;
}
.otot-header .otot-menu__wrapper {
  min-width: 66rem;
  min-height: 60dvh;
  max-height: calc(100dvh - 4.8rem);
  border-radius: 4rem 4rem 4rem 0.8rem;
  padding: 12.4rem 2.4rem 4.8rem 2.4rem;
  background: #282829;
  color: #F1F2F2;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  gap: 4rem;
  transform: translateX(2rem);
  opacity: 0;
  transition: all 0.5s ease-out, transform 0.45s ease, opacity 0.45s ease;
}
@media screen and (orientation: portrait) {
  .otot-header .otot-menu__wrapper {
    min-height: 45dvh;
    min-width: 50vw;
  }
}
@media screen and (max-width: 821px) {
  .otot-header .otot-menu__wrapper {
    min-width: 80vw;
  }
}
@media screen and (max-width: 601px) {
  .otot-header .otot-menu__wrapper {
    border-radius: 0.4rem 2.4rem 2.4rem 2.4rem;
  }
}
.otot-header .otot-menu__top {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex-grow: 1;
  flex-shrink: 1;
  position: relative;
  max-height: -webkit-fill-available;
  overflow: hidden;
}
.otot-header .otot-menu__bottom {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  padding: 0 2.4rem 0 1.6rem;
  flex-shrink: 0;
}
.otot-header .otot-menu__bottom a {
  font-size: 1.6rem;
}
.otot-header .otot-menu__bottom a.otot-link--email {
  display: none;
}
@media (hover: hover) and (pointer: fine) {
  .otot-header .otot-menu__bottom .otot-button:hover {
    background: #E0E0E0;
    border-color: #E0E0E0;
    color: #282829;
  }
}
.otot-header .otot-menu__bottom .otot-menu__bottom__left {
  transition: all 0.3s ease;
}
.otot-header .otot-menu__bottom .otot-menu__bottom__right {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 4rem;
}
@media screen and (max-width: 601px) {
  .otot-header .otot-menu__bottom .otot-menu__bottom__right {
    justify-content: space-between;
    gap: 1.6rem;
  }
}
.otot-header .otot-contact-form__wrapper {
  width: 133rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 4rem;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0.8rem 4rem;
  transition: opacity 0.35s ease, visibility 0.35s ease, transform 0.35s ease;
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(1.2rem);
}
@media screen and (max-width: 821px) {
  .otot-header .otot-contact-form__wrapper {
    width: 100%;
    position: relative;
    inset: auto;
    padding: 0.8rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-header .otot-contact-form__wrapper {
    padding: 0;
  }
}
.otot-header .otot-contact-form__wrapper .otot-contact-form__top {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  gap: 4rem;
}
.otot-header .otot-contact-form__wrapper .otot-contact-form__top .contact-form__title {
  gap: 1.2rem;
}
.otot-header .otot-contact-form__wrapper .otot-contact-form__top .contact-form__description {
  margin-top: 2.4rem;
  line-height: 1.3;
}
@media screen and (max-width: 821px) {
  .otot-header .otot-contact-form__wrapper .otot-contact-form__top .contact-form__description {
    font-size: 1.8rem;
  }
}
.otot-header .otot-contact-form__wrapper .otot-contact-form__top .otot-button--back {
  padding: 0.8rem 2.4rem 0.8rem 1.6rem;
  border: none;
  background: #000000;
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 601px) {
  .otot-header .otot-contact-form__wrapper .otot-contact-form__top .otot-button--back {
    padding: 1.6rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .otot-header .otot-contact-form__wrapper .otot-contact-form__top .otot-button--back:hover:not(:disabled), .otot-header .otot-contact-form__wrapper .otot-contact-form__top .otot-button--back:hover:not([disabled]) {
    gap: 2rem;
  }
  .otot-header .otot-contact-form__wrapper .otot-contact-form__top .otot-button--back:hover:not(:disabled)::before, .otot-header .otot-contact-form__wrapper .otot-contact-form__top .otot-button--back:hover:not([disabled])::before {
    filter: grayscale(1) brightness(0.4);
  }
}
.otot-header .otot-contact-form__wrapper .otot-contact-form__element {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
}
.otot-header .otot-menu {
  width: 100%;
  margin-bottom: 8rem;
  transition: opacity 0.35s ease, visibility 0.35s ease, transform 0.35s ease;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  max-height: -webkit-fill-available;
  overflow: auto;
}
@media screen and (max-width: 1441px) {
  .otot-header .otot-menu {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 821px) {
  .otot-header .otot-menu {
    position: absolute;
    inset: 0;
    margin-bottom: 0;
  }
}
.otot-header .otot-menu::-webkit-scrollbar-track {
  background-color: #E0E0E0;
}
.otot-header .otot-menu::-webkit-scrollbar {
  width: 0.5rem;
  background-color: #5F6368;
}
.otot-header .otot-menu::-webkit-scrollbar-thumb {
  background-color: #D3FF3B;
  border-radius: 0.25rem;
}
.otot-header .otot-menu__list {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
}
.otot-header .otot-menu__list .menu-item {
  font-family: "Aesthet Nova W03 Medium", "acumin-pro", sans-serif, sans-serif;
  font-size: 2.8rem;
  line-height: 1.1;
  padding: 1.6rem;
  border-bottom: 1px solid #5F6368;
}
.otot-header .otot-menu__list .menu-item a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 1.2rem;
}
.otot-header .otot-menu__list .menu-item a::after {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background-image: url("../images/icons/icon_arrow_primary.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s ease-out;
  margin-top: 0.2rem;
  flex-shrink: 0;
  display: block;
  opacity: 0;
  transform: translateX(-0.8rem);
  transition: all 0.3s ease-out;
}
.otot-header .otot-menu__list .menu-item.menu-item-has-children {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 0;
}
@media (hover: hover) and (pointer: fine) {
  .otot-header .otot-menu__list .menu-item > a:hover::after {
    opacity: 1;
    transform: none;
  }
}
.otot-header .sub-menu {
  padding: 2rem 0 0;
}
.otot-header .sub-menu li {
  font-family: "ballingermono-medium", "acumin-pro", sans-serif, sans-serif !important;
  font-size: 1.6rem !important;
  text-transform: uppercase !important;
  border: none !important;
  padding: 1.1rem 2.4rem !important;
}
.otot-header .sub-menu li > a::after {
  width: 1.4rem !important;
  height: 1.4rem !important;
  margin-top: 0 !important;
}
@media (hover: hover) and (pointer: fine) {
  .otot-header .sub-menu li > a:hover::after {
    opacity: 1;
    transform: none;
  }
}
.otot-header .otot-header__navigation {
  width: auto;
  flex-grow: 1;
}
@media screen and (max-width: 821px) {
  .otot-header .otot-header__navigation {
    order: 3;
    width: 100%;
    animation: hideMenu 0.6s ease forwards;
    visibility: hidden;
  }
}
.otot-header .otot-header__navigation ul {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: initial;
  gap: 4rem;
}
@media screen and (max-width: 1441px) {
  .otot-header .otot-header__navigation ul {
    font-size: 2rem;
  }
}
@media screen and (max-width: 821px) {
  .otot-header .otot-header__navigation ul {
    flex-direction: column;
    align-items: flex-end;
    gap: 1.6rem;
    color: #FFFFFF;
    font-family: "Aesthet Nova W03 Medium", "acumin-pro", sans-serif, sans-serif;
    font-size: 2.2rem;
    letter-spacing: -0.066rem;
  }
}
.otot-header .otot-header__navigation ul li a {
  position: relative;
  padding: 1rem 0;
  overflow: hidden;
  display: block;
}
@media screen and (max-width: 821px) {
  .otot-header .otot-header__navigation ul li a {
    padding: 1rem 1.6rem;
  }
}
.otot-header .otot-header__navigation ul li a::before {
  content: "";
  width: 100%;
  height: 0.2rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #D3FF3B;
  transform: translateY(105%);
  transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .otot-header .otot-header__navigation ul li a:hover::before {
    transform: translateY(0);
  }
}
.otot-header .otot-header__buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 1.6rem;
}
@media screen and (max-width: 821px) {
  .otot-header .otot-header__buttons {
    width: calc(100% - 12rem);
  }
}
@media screen and (max-width: 601px) {
  .otot-header .otot-header__buttons {
    width: calc(100% - 10rem);
  }
}
@media screen and (max-width: 821px) {
  .otot-header .otot-header__buttons .button a {
    padding: 1.2rem;
  }
  .otot-header .otot-header__buttons .button span {
    display: none;
  }
}
.otot-header.active {
  padding: 2.4rem 4rem !important;
}
@media screen and (max-width: 601px) {
  .otot-header.active {
    padding: 2.4rem 2.8rem !important;
  }
}
.otot-header.sticky {
  padding: 2.4rem 4rem;
}
@media screen and (max-width: 821px) {
  .otot-header.sticky {
    padding: 1.6rem;
  }
}
.otot-header.sticky .otot-header__logo {
  width: 7.2rem;
}
@media screen and (max-width: 601px) {
  .otot-header.sticky .otot-header__logo {
    width: 4.8rem;
  }
}
.otot-header.sticky .otot-header__logo img.otot-logo, .otot-header.sticky .otot-header__logo svg.otot-logo {
  opacity: 0;
}
.otot-header.sticky .otot-header__logo img.otot-iso, .otot-header.sticky .otot-header__logo svg.otot-iso {
  opacity: 1;
  background: #F1F2F2;
  border-radius: 100%;
  padding: 1.6rem;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 601px) {
  .otot-header.sticky .otot-header__logo img.otot-iso, .otot-header.sticky .otot-header__logo svg.otot-iso {
    padding: 0.8rem;
  }
}
@media screen and (min-width: 821px) {
  .otot-header.sticky .otot-header__navigation {
    mix-blend-mode: exclusion;
    color: #000000;
  }
}
.otot-header.sticky .otot-header__hamburger {
  background: #F1F2F2;
  border-color: #282829;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}
.otot-header.sticky .otot-header__hamburger span {
  background: #282829;
}
.otot-header.active .otot-menu__element {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.4s ease, visibility 0s linear 0s;
}
.otot-header.active .otot-menu__wrapper {
  transform: translateX(0);
  opacity: 1;
}
.otot-header.active .otot-header__hamburger {
  background: none;
  border-color: #D3FF3B;
}
.otot-header.active .otot-header__hamburger span {
  background: #D3FF3B;
  width: 2.8rem;
}
@media screen and (max-width: 601px) {
  .otot-header.active .otot-header__hamburger span {
    width: 2.4rem;
  }
}
.otot-header.active .otot-header__hamburger span:nth-of-type(1) {
  transform: rotate(45deg) translate(0.8rem, 0.8rem);
}
@media screen and (max-width: 601px) {
  .otot-header.active .otot-header__hamburger span:nth-of-type(1) {
    transform: rotate(45deg) translate(0.8rem, 0.7rem);
  }
}
.otot-header.active .otot-header__hamburger span:nth-of-type(2) {
  opacity: 0;
}
.otot-header.active .otot-header__hamburger span:nth-of-type(3) {
  transform: rotate(-45deg) translate(0.8rem, -0.7rem);
}
@media screen and (max-width: 601px) {
  .otot-header.active .otot-header__hamburger span:nth-of-type(3) {
    transform: rotate(-45deg) translate(0.8rem, -0.6rem);
  }
}
.otot-header.active .otot-header__navigation {
  visibility: visible;
  animation: showMenu 0.6s ease forwards;
}

.otot-header__hamburger {
  width: 6.4rem;
  height: 6.4rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 0.6rem;
  padding: 0;
  border: 2px solid #D3FF3B;
  border-radius: 100%;
  transition: all 0.3s ease-out;
  cursor: pointer;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 821px) {
  .otot-header__hamburger {
    display: flex;
  }
}
@media screen and (max-width: 601px) {
  .otot-header__hamburger {
    width: 4.8rem;
    height: 4.8rem;
  }
}
.otot-header__hamburger span {
  width: 1.8rem;
  height: 0.5rem;
  border-radius: 1.6rem;
  background: #D3FF3B;
  transition: all 0.3s ease;
  flex-shrink: 0;
}
@media screen and (max-width: 601px) {
  .otot-header__hamburger span {
    width: 1.6rem;
    height: 0.4rem;
  }
}
.otot-header__hamburger span:nth-of-type(2) {
  width: 2.8rem;
}
@media screen and (max-width: 601px) {
  .otot-header__hamburger span:nth-of-type(2) {
    width: 2.4rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .otot-header__hamburger:hover {
    background: #D3FF3B;
    transform: scale(1.1);
  }
  .otot-header__hamburger:hover span {
    background: #282829;
  }
}

@keyframes showMenu {
  0% {
    height: 0;
    min-height: 0;
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
  100% {
    height: auto;
    min-height: 2rem;
    max-height: 100vh;
    padding: 6rem 0 4rem;
    opacity: 1;
  }
}
@keyframes hideMenu {
  0% {
    height: auto;
    min-height: 2rem;
    max-height: 100vh;
    padding: 6rem 0 4rem;
    opacity: 1;
  }
  100% {
    height: 0;
    min-height: 0;
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}
.home__wrapper {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: strecth;
  align-content: stretch;
}

.otot-homepage__hero {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 0;
  position: relative;
  border-radius: 0.8rem 4.8rem 4.8rem;
  overflow: hidden;
}
@media screen and (max-width: 821px) {
  .otot-homepage__hero {
    border-radius: 0.8rem 3.2rem 3.2rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-homepage__hero {
    border-radius: 0.4rem 2.4rem 2.4rem;
  }
}
.otot-homepage__hero .otot-homepage__hero__bg-video {
  width: 100%;
  height: 87dvh;
  position: relative;
  z-index: 1;
}
@media screen and (max-aspect-ratio: 1.4/1) {
  .otot-homepage__hero .otot-homepage__hero__bg-video {
    height: 65dvh;
  }
}
@media screen and (orientation: portrait) {
  .otot-homepage__hero .otot-homepage__hero__bg-video {
    height: 45dvh;
  }
}
@media screen and (max-width: 601px) {
  .otot-homepage__hero .otot-homepage__hero__bg-video {
    height: 48dvh;
  }
}
.otot-homepage__hero .otot-homepage__hero__bg-video video {
  width: 140%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 601px) {
  .otot-homepage__hero .otot-homepage__hero__bg-video video {
    width: 100%;
  }
}
.otot-homepage__hero .otot-homepage__hero__bg-video::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.35);
  z-index: 1;
}
.otot-homepage__hero .otot-homepage__hero__title {
  width: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFFFFF;
  text-align: center;
  font-size: 8.8rem;
  z-index: 2;
}
@media screen and (max-width: 821px) {
  .otot-homepage__hero .otot-homepage__hero__title {
    font-size: 5.6rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-homepage__hero .otot-homepage__hero__title {
    width: 100%;
    font-size: 4.8rem;
  }
}

.otot-homepage__intro {
  width: 100%;
  max-width: 200rem;
  margin: 0 auto;
  padding: 12rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 16rem;
}
@media screen and (max-width: 821px) {
  .otot-homepage__intro {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    padding: 8rem 2.4rem;
    gap: 6.4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-homepage__intro {
    padding: 5.6rem 1.6rem;
    gap: 5.6rem;
  }
}
.otot-homepage__intro .otot-homepage__intro__image {
  width: 46rem;
  flex-shrink: 0;
  border-radius: 2.4rem;
  overflow: hidden;
}
@media screen and (max-width: 821px) {
  .otot-homepage__intro .otot-homepage__intro__image {
    width: 100%;
    aspect-ratio: 16/9;
  }
  .otot-homepage__intro .otot-homepage__intro__image picture, .otot-homepage__intro .otot-homepage__intro__image img {
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
@media screen and (max-width: 601px) {
  .otot-homepage__intro .otot-homepage__intro__image {
    border-radius: 2rem;
  }
}
.otot-homepage__intro .otot-homepage__intro__text {
  flex-grow: 1;
}
@media screen and (max-width: 821px) {
  .otot-homepage__intro .otot-homepage__intro__text {
    max-width: 90%;
    margin: 2.4rem 0;
  }
}
@media screen and (max-width: 601px) {
  .otot-homepage__intro .otot-homepage__intro__text {
    max-width: 100%;
  }
}

.otot-homepage__capabilities {
  width: 100%;
  padding: 8.8rem 8rem;
  background: #282829;
  border-radius: 4.8rem;
}
@media screen and (max-width: 821px) {
  .otot-homepage__capabilities {
    padding: 6.4rem 2.4rem;
    border-radius: 3.2rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-homepage__capabilities {
    margin-top: 4rem;
    border-radius: 2.4rem 2.4rem 2.4rem 0.8rem;
    padding: 8rem 2rem 2.4rem;
  }
}
.otot-homepage__capabilities .otot-homepage__capabilities__title {
  color: #F1F2F2;
  max-width: 200rem;
  margin: 0 auto 6.4rem;
}
@media screen and (max-width: 601px) {
  .otot-homepage__capabilities .otot-homepage__capabilities__title {
    margin-bottom: 4.8rem;
  }
}
.otot-homepage__capabilities .otot-homepage__capabilities__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 4.8rem;
  max-width: 200rem;
  margin: 0 auto;
}
@media screen and (max-width: 601px) {
  .otot-homepage__capabilities .otot-homepage__capabilities__content {
    gap: 3.6rem;
  }
}
.otot-homepage__capabilities .otot-homepage__capabilities__card {
  min-height: 42rem;
  border-radius: 4rem 0.8rem 4rem 0.8rem;
  padding: 2.4rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 8rem;
  background: #E0E0E0;
}
@media screen and (max-width: 821px) {
  .otot-homepage__capabilities .otot-homepage__capabilities__card {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    border-radius: 2.8rem 0.8rem;
    padding: 1.6rem 1.6rem 2.4rem;
    gap: 4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-homepage__capabilities .otot-homepage__capabilities__card {
    border-radius: 2rem 2rem 2rem 0.4rem;
    padding: 1.2rem 1.2rem 3.2rem;
    gap: 4.8rem;
  }
}
.otot-homepage__capabilities .otot-homepage__capabilities__card .otot-homepage__capabilities__card__image {
  border-radius: 2.8rem 0.8rem 2.8rem 0.8rem;
  width: 52rem;
  flex-shrink: 0;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  overflow: hidden;
}
@media screen and (max-width: 821px) {
  .otot-homepage__capabilities .otot-homepage__capabilities__card .otot-homepage__capabilities__card__image {
    width: 100%;
    border-radius: 1.6rem 0.8rem;
    aspect-ratio: 16/6;
  }
}
@media screen and (max-width: 601px) {
  .otot-homepage__capabilities .otot-homepage__capabilities__card .otot-homepage__capabilities__card__image {
    border-radius: 1.6rem 1.6rem 1.6rem 0.4rem;
    aspect-ratio: 16/10;
  }
}
.otot-homepage__capabilities .otot-homepage__capabilities__card .otot-homepage__capabilities__card__image .otot-homepage__capabilities__card__image__background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}
.otot-homepage__capabilities .otot-homepage__capabilities__card .otot-homepage__capabilities__card__image .otot-homepage__capabilities__card__image__background picture, .otot-homepage__capabilities .otot-homepage__capabilities__card .otot-homepage__capabilities__card__image .otot-homepage__capabilities__card__image__background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
}
.otot-homepage__capabilities .otot-homepage__capabilities__card .otot-homepage__capabilities__card__image .otot-homepage__capabilities__card__image__icon {
  width: 11.2rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 601px) {
  .otot-homepage__capabilities .otot-homepage__capabilities__card .otot-homepage__capabilities__card__image .otot-homepage__capabilities__card__image__icon {
    width: 8rem;
  }
}
.otot-homepage__capabilities .otot-homepage__capabilities__card .otot-homepage__capabilities__card__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  gap: 4.8rem;
  padding-right: 12rem;
}
@media screen and (max-width: 821px) {
  .otot-homepage__capabilities .otot-homepage__capabilities__card .otot-homepage__capabilities__card__content {
    padding: 0 1.6rem;
    gap: 2.4rem;
  }
}
@media screen and (max-width: 821px) {
  .otot-homepage__capabilities .otot-homepage__capabilities__card .otot-homepage__capabilities__card__content .otot-homepage__capabilities__card__description {
    font-size: 2.2rem;
  }
}
.otot-homepage__capabilities .otot-homepage__capabilities__card .otot-homepage__capabilities__card__buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 1.2rem;
}
@media screen and (max-width: 821px) {
  .otot-homepage__capabilities .otot-homepage__capabilities__card .otot-homepage__capabilities__card__buttons {
    padding-top: 1.6rem;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 601px) {
  .otot-homepage__capabilities .otot-homepage__capabilities__card .otot-homepage__capabilities__card__buttons {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
  }
}
@media (hover: hover) and (pointer: fine) {
  .otot-homepage__capabilities .otot-homepage__capabilities__card .otot-homepage__capabilities__card__buttons .otot-button--white:hover:not(:disabled), .otot-homepage__capabilities .otot-homepage__capabilities__card .otot-homepage__capabilities__card__buttons .otot-button--white:hover:not([disabled]) {
    background: #282829;
    border-color: #282829;
    color: #F1F2F2;
  }
  .otot-homepage__capabilities .otot-homepage__capabilities__card .otot-homepage__capabilities__card__buttons .otot-button--white:hover:not(:disabled) a::after, .otot-homepage__capabilities .otot-homepage__capabilities__card .otot-homepage__capabilities__card__buttons .otot-button--white:hover:not([disabled]) a::after {
    filter: none;
  }
}

.otot-homepage__values {
  width: 100%;
  max-width: 200rem;
  margin: 0 auto;
  padding: 16rem 5.6rem 12rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 5.6rem;
}
@media screen and (max-width: 821px) {
  .otot-homepage__values {
    flex-direction: column;
    padding: 8rem 2.4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-homepage__values {
    padding: 10rem 1.2rem;
  }
}
.otot-homepage__values .otot-homepage__values__right {
  width: 40.8rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: flex-end;
  flex-shrink: 0;
  gap: 5.6rem;
}
@media screen and (max-width: 821px) {
  .otot-homepage__values .otot-homepage__values__right {
    width: 100%;
    align-items: center;
  }
}
@media screen and (max-width: 601px) {
  .otot-homepage__values .otot-homepage__values__right {
    align-items: stretch;
  }
}
.otot-homepage__values .otot-homepage__values__right .otot-homepage__values__image {
  width: 100%;
  border-radius: 2.8rem 2.8rem 0.8rem 2.8rem;
  overflow: hidden;
}
@media screen and (max-width: 821px) {
  .otot-homepage__values .otot-homepage__values__right .otot-homepage__values__image {
    border-radius: 2.4rem 2.4rem 0.8rem 2.4rem;
    aspect-ratio: 16/9;
  }
}
@media screen and (max-width: 601px) {
  .otot-homepage__values .otot-homepage__values__right .otot-homepage__values__image {
    aspect-ratio: 9/8;
    border-radius: 2rem 2rem 0.4rem 2rem;
  }
}
.otot-homepage__values .otot-homepage__values__right .otot-homepage__values__image picture, .otot-homepage__values .otot-homepage__values__right .otot-homepage__values__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 821px) {
  .otot-homepage__values .otot-homepage__values__right .otot-homepage__values__image picture, .otot-homepage__values .otot-homepage__values__right .otot-homepage__values__image img {
    object-position: center 20%;
  }
}
.otot-homepage__values .otot-homepage__values__left {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 12rem;
}
@media screen and (max-width: 821px) {
  .otot-homepage__values .otot-homepage__values__left {
    gap: 6.4rem;
  }
}
.otot-homepage__values .otot-homepage__values__left .otot-homepage__values__list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 4rem;
}
@media screen and (max-width: 821px) {
  .otot-homepage__values .otot-homepage__values__left .otot-homepage__values__list {
    flex-direction: column;
  }
}
@media screen and (max-width: 601px) {
  .otot-homepage__values .otot-homepage__values__left .otot-homepage__values__list {
    gap: 2.4rem;
  }
}
.otot-homepage__values .otot-homepage__values__left .otot-homepage__values__list .otot-homepage__values__item {
  width: calc((100% - 8rem) / 3);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 4rem;
  padding-bottom: 4rem;
  border-bottom: 1px solid #D9D9D9;
}
@media screen and (max-width: 821px) {
  .otot-homepage__values .otot-homepage__values__left .otot-homepage__values__list .otot-homepage__values__item {
    width: 100%;
    padding-top: 4rem;
    gap: 2.4rem;
    position: relative;
  }
}
@media screen and (max-width: 601px) {
  .otot-homepage__values .otot-homepage__values__left .otot-homepage__values__list .otot-homepage__values__item {
    padding-top: 1.6rem;
    gap: 4rem;
  }
}
.otot-homepage__values .otot-homepage__values__left .otot-homepage__values__list .otot-homepage__values__item .otot-homepage__values__item__icon {
  width: 8rem;
  height: 8rem;
  border-radius: 100%;
  background: #D3FF3B;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 821px) {
  .otot-homepage__values .otot-homepage__values__left .otot-homepage__values__list .otot-homepage__values__item .otot-homepage__values__item__icon {
    width: 6.4rem;
    height: 6.4rem;
    position: absolute;
    top: 0;
    right: 0;
  }
}
.otot-homepage__values .otot-homepage__values__left .otot-homepage__values__list .otot-homepage__values__item .otot-homepage__values__item__icon img {
  width: 5.6rem;
}
@media screen and (max-width: 821px) {
  .otot-homepage__values .otot-homepage__values__left .otot-homepage__values__list .otot-homepage__values__item .otot-homepage__values__item__icon img {
    width: 4.8rem;
  }
}
.otot-homepage__values .otot-homepage__values__left .otot-homepage__values__list .otot-homepage__values__item .otot-homepage__values__item__title {
  width: 100%;
}
@media screen and (max-width: 821px) {
  .otot-homepage__values .otot-homepage__values__left .otot-homepage__values__list .otot-homepage__values__item .otot-homepage__values__item__title {
    max-width: calc(100% - 10.4rem);
  }
}
.otot-homepage__values .otot-homepage__values__left .otot-homepage__values__list .otot-homepage__values__item .otot-homepage__values__item__description {
  width: 100%;
}

body.single-capabilities {
  padding: 0;
  background: #161616;
}
body.single-capabilities .otot-contact__footer {
  width: calc(100% - 13.6rem);
  margin: 6.8rem;
}
@media screen and (max-width: 821px) {
  body.single-capabilities .otot-contact__footer {
    width: calc(100% - 4.8rem);
    margin: 4rem 2.4rem;
  }
}
@media screen and (max-width: 601px) {
  body.single-capabilities .otot-contact__footer {
    width: calc(100% - 1.6rem);
    margin: 2.4rem 0.8rem;
  }
}

.otot-capability__cover {
  position: relative;
  z-index: 1;
}
.otot-capability__cover .otot-capability__cover__bg {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 821px) {
  .otot-capability__cover .otot-capability__cover__bg {
    min-height: 40dvh;
  }
  .otot-capability__cover .otot-capability__cover__bg picture, .otot-capability__cover .otot-capability__cover__bg img {
    display: flex;
    height: 100%;
    object-fit: cover;
  }
}
.otot-capability__cover .otot-capability__cover__content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 12rem 7.2rem 4rem;
  z-index: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
@media screen and (max-width: 821px) {
  .otot-capability__cover .otot-capability__cover__content {
    padding: 12rem 2.4rem 4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-capability__cover .otot-capability__cover__content {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: flex-end;
    align-content: flex-end;
  }
}
.otot-capability__cover .otot-capability__cover__content .otot-capability__cover__title {
  color: #F1F2F2;
  position: relative;
  font-size: 7.2rem;
}
@media screen and (max-width: 821px) {
  .otot-capability__cover .otot-capability__cover__content .otot-capability__cover__title {
    font-size: 4.8rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-capability__cover .otot-capability__cover__content .otot-capability__cover__title {
    width: 100%;
  }
}
.otot-capability__cover .otot-capability__cover__content .otot-capability__cover__title::after {
  content: "";
  width: 2.4rem;
  height: 0.4rem;
  background: #D3FF3B;
  position: absolute;
  top: calc(100% + 4rem);
  left: 0;
}
@media screen and (max-width: 601px) {
  .otot-capability__cover .otot-capability__cover__content .otot-capability__cover__title::after {
    display: none;
  }
}

.otot-capability__content {
  width: calc(100% - 14.4rem);
  margin: -8rem 7.2rem 0;
  background: #F1F2F2;
  border-radius: 0.8rem 4.8rem 0 0;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 821px) {
  .otot-capability__content {
    width: calc(100% - 4.8rem);
    margin: -8rem 2.4rem 0;
    border-radius: 0.8rem 2.8rem 0 0;
    overflow: hidden;
  }
}
@media screen and (max-width: 601px) {
  .otot-capability__content {
    width: calc(100% - 1.6rem);
    margin: -10rem 0.8rem 0;
    border-radius: 2rem 2rem 0 0;
  }
}
.otot-capability__content .otot-capability__content__wrapper {
  width: 100%;
  max-width: 200rem;
  margin: 0 auto;
  padding: 16rem 12rem 8rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  gap: 12rem;
}
@media screen and (max-width: 821px) {
  .otot-capability__content .otot-capability__content__wrapper {
    padding: 12rem 4rem 8rem;
    flex-direction: column;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 601px) {
  .otot-capability__content .otot-capability__content__wrapper {
    padding: 17rem 2.4rem 8rem;
  }
}
.otot-capability__content .otot-capability__content__left {
  width: 60%;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 8rem;
}
@media screen and (max-width: 821px) {
  .otot-capability__content .otot-capability__content__left {
    width: 100%;
  }
}
@media screen and (max-width: 821px) {
  .otot-capability__content .otot-capability__content__left .otot-capability__text {
    width: 70%;
  }
}
@media screen and (max-width: 601px) {
  .otot-capability__content .otot-capability__content__left .otot-capability__text {
    width: 100%;
    font-size: 2.2rem;
  }
}
.otot-capability__content .otot-capability__content__left .otot-capability__bullets__list {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 4rem;
}
@media screen and (max-width: 601px) {
  .otot-capability__content .otot-capability__content__left .otot-capability__bullets__list {
    gap: 6.4rem;
  }
}
.otot-capability__content .otot-capability__content__left .otot-capability__bullets__list .otot-capability__bullets__item {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.4rem;
  padding-bottom: 4rem;
  border-bottom: 1px solid #D9D9D9;
}
@media screen and (max-width: 601px) {
  .otot-capability__content .otot-capability__content__left .otot-capability__bullets__list .otot-capability__bullets__item {
    padding-bottom: 3.2rem;
    gap: 3.2rem;
  }
}
.otot-capability__content .otot-capability__content__left .otot-capability__bullets__list .otot-capability__bullets__item:last-of-type {
  border-bottom: none;
}
.otot-capability__content .otot-capability__content__left .otot-capability__bullets__list .otot-capability__bullets__item .otot-capability__bullets__item__heading {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 3.2rem;
}
@media screen and (max-width: 601px) {
  .otot-capability__content .otot-capability__content__left .otot-capability__bullets__list .otot-capability__bullets__item .otot-capability__bullets__item__heading {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    gap: 2.4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-capability__content .otot-capability__content__left .otot-capability__bullets__list .otot-capability__bullets__item .otot-capability__bullets__item__heading .otot-capability__bullets__item__title {
    margin-top: 1.2rem;
    line-height: 1.1;
  }
}
.otot-capability__content .otot-capability__content__left .otot-capability__bullets__list .otot-capability__bullets__item .otot-capability__bullets__item__heading .otot-capability__bullets__item__icon {
  width: 8rem;
  height: 8rem;
  border-radius: 100%;
  background: #D3FF3B;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-shrink: 0;
}
@media screen and (max-width: 821px) {
  .otot-capability__content .otot-capability__content__left .otot-capability__bullets__list .otot-capability__bullets__item .otot-capability__bullets__item__heading .otot-capability__bullets__item__icon {
    width: 6.4rem;
    height: 6.4rem;
  }
}
.otot-capability__content .otot-capability__content__left .otot-capability__bullets__list .otot-capability__bullets__item .otot-capability__bullets__item__heading .otot-capability__bullets__item__icon img {
  width: 5.6rem;
  filter: grayscale(1) contrast(2);
}
@media screen and (max-width: 821px) {
  .otot-capability__content .otot-capability__content__left .otot-capability__bullets__list .otot-capability__bullets__item .otot-capability__bullets__item__heading .otot-capability__bullets__item__icon img {
    width: 4.8rem;
  }
}
.otot-capability__content .otot-capability__content__left .otot-capability__bullets__list .otot-capability__bullets__item .otot-capability__bullets__item__description {
  padding-left: 11rem;
}
@media screen and (max-width: 601px) {
  .otot-capability__content .otot-capability__content__left .otot-capability__bullets__list .otot-capability__bullets__item .otot-capability__bullets__item__description {
    padding: 0;
    font-size: 2rem;
  }
}
.otot-capability__content .otot-capability__content__right {
  width: 40%;
  flex-shrink: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 16rem;
  position: sticky;
  top: 8rem;
  background: #F1F2F2;
}
@media screen and (max-width: 821px) {
  .otot-capability__content .otot-capability__content__right {
    width: 100%;
    position: static;
    top: auto;
  }
}
.otot-capability__content .otot-capability__content__right .otot-capability__content__image {
  width: 60%;
  mix-blend-mode: multiply;
  opacity: 0.3;
  overflow: hidden;
}
@media screen and (max-width: 821px) {
  .otot-capability__content .otot-capability__content__right .otot-capability__content__image {
    width: 20rem;
    position: absolute;
    top: 2rem;
    right: 2rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-capability__content .otot-capability__content__right .otot-capability__content__image {
    right: 1rem;
    width: 14rem;
  }
}
.otot-capability__content .otot-capability__content__right .otot-capability__content__image:has(video) {
  aspect-ratio: 1/1;
  overflow: hidden;
}
.otot-capability__content .otot-capability__content__right .otot-capability__content__image:has(video) video {
  width: 100%;
  height: calc(100% + 2px);
  object-fit: contain;
}
.otot-capability__content .otot-capability__content__right .otot-capability__content__image img {
  width: 100%;
}
.otot-capability__content .otot-capability__content__right .otot-capability__content__buttons {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 1.2rem;
}
@media screen and (max-width: 821px) {
  .otot-capability__content .otot-capability__content__right .otot-capability__content__buttons {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
  }
}
@media screen and (max-width: 601px) {
  .otot-capability__content .otot-capability__content__right .otot-capability__content__buttons {
    align-items: stretch;
  }
}

.otot-capability__others {
  width: calc(100% - 14.4rem);
  margin: 0 7.2rem;
  padding: 12rem 8rem 8rem;
  background: #F1F2F2;
  border-radius: 0 0 4.8rem 4.8rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 2.4rem;
}
@media screen and (max-width: 821px) {
  .otot-capability__others {
    width: calc(100% - 4.8rem);
    margin: 0 2.4rem;
    padding: 8rem 2.4rem 4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-capability__others {
    width: calc(100% - 1.6rem);
    margin: 0 0.8rem;
    padding: 7.2rem 1.6rem 4rem;
    border-radius: 0 0 2rem 2rem;
  }
}
.otot-capability__others .otot-capability__others__label {
  text-align: center;
  color: #5F6368;
  opacity: 0.7;
}
.otot-capability__others .otot-capability__others__label::before {
  display: none;
}
.otot-capability__others .otot-capability__others__title {
  width: 30%;
  text-align: center;
  line-height: 1;
}
@media screen and (max-width: 821px) {
  .otot-capability__others .otot-capability__others__title {
    width: 50%;
  }
}
@media screen and (max-width: 601px) {
  .otot-capability__others .otot-capability__others__title {
    width: 80%;
  }
}
.otot-capability__others .otot-capability__others__cards {
  width: 100%;
  max-width: 200rem;
  margin: 4rem auto 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  gap: 4rem;
}
@media screen and (max-width: 821px) {
  .otot-capability__others .otot-capability__others__cards {
    flex-direction: column;
    gap: 2.4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-capability__others .otot-capability__others__cards {
    margin-top: 1.6rem;
    gap: 1.6rem;
  }
}
@media screen and (max-width: 821px) {
  .otot-capability__others .otot-capability__others__cards .card--capability .otot-capabilities__capabilities__card__image {
    background: #000000;
  }
  .otot-capability__others .otot-capability__others__cards .card--capability .otot-capabilities__capabilities__card__image .otot-capabilities__capabilities__card__image__background {
    opacity: 0.5;
  }
}
@media screen and (max-width: 601px) {
  .otot-capability__others .otot-capability__others__cards .card--capability .otot-button {
    width: 100%;
  }
}

body:has(.otot-capabilities) {
  padding: 0;
  background: #161616;
}
body:has(.otot-capabilities) .otot-contact__footer {
  width: calc(100% - 4.8rem);
  margin: 2.4rem;
}
@media screen and (max-width: 601px) {
  body:has(.otot-capabilities) .otot-contact__footer {
    width: calc(100% - 1.6rem);
    margin: 2.4rem 0.8rem;
  }
}

.otot-capabilities .otot-page__white-wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 4rem;
  padding: 8rem 0 0 0rem;
  overflow: visible;
}
@media screen and (max-width: 821px) {
  .otot-capabilities .otot-page__white-wrapper {
    overflow: hidden;
  }
}
@media screen and (max-width: 601px) {
  .otot-capabilities .otot-page__white-wrapper {
    gap: 0;
  }
}
.otot-capabilities .otot-capabilities__content-wrapper {
  width: 100%;
  max-width: 200rem;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 4rem;
  padding: 0 8rem 5.6rem 2.4rem;
}
@media screen and (max-width: 821px) {
  .otot-capabilities .otot-capabilities__content-wrapper {
    flex-direction: column;
    padding: 0 2.4rem 4rem;
  }
}
.otot-capabilities .otot-capabilities__intro-statement {
  width: 40%;
  min-height: 100dvh;
  position: sticky;
  top: 0;
  flex-shrink: 0;
  padding: 12rem 5.6rem 0 5.6rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 5.6rem;
}
@media screen and (orientation: portrait) {
  .otot-capabilities .otot-capabilities__intro-statement {
    min-height: 40dvh;
  }
}
@media screen and (max-width: 821px) {
  .otot-capabilities .otot-capabilities__intro-statement {
    width: 100%;
    position: relative;
    top: auto;
    min-height: 0;
    padding: 1.6rem 6.4rem 16rem 2.4rem;
    overflow: visible;
  }
}
@media screen and (max-width: 601px) {
  .otot-capabilities .otot-capabilities__intro-statement {
    padding: 4rem 0;
    align-items: stretch;
  }
}
.otot-capabilities .otot-page__intro {
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 0.4rem;
}
.otot-capabilities .otot-page__intro .otot-page__intro__text, .otot-capabilities .otot-page__intro .otot-page__intro__highlight {
  font-family: "acumin-pro", sans-serif;
  font-size: 2.4rem;
  font-weight: 200;
  line-height: 1.4;
}
@media screen and (max-width: 601px) {
  .otot-capabilities .otot-page__intro .otot-page__intro__text {
    max-width: 100%;
  }
}
.otot-capabilities .otot-page__intro .otot-page__intro__highlight {
  font-weight: 500;
}
@media screen and (max-width: 601px) {
  .otot-capabilities .otot-page__intro .otot-page__intro__highlight {
    width: 75%;
    margin-bottom: 2.4rem;
  }
}
.otot-capabilities .otot-page__intro .otot-page__intro__image {
  width: 28rem;
  height: 28rem;
  position: absolute;
  bottom: 0;
  left: -2rem;
  background: #F1F2F2;
}
@media screen and (max-width: 821px) {
  .otot-capabilities .otot-page__intro .otot-page__intro__image {
    left: auto;
    right: -6.4rem;
    mix-blend-mode: multiply;
    background: none;
  }
}
@media screen and (max-width: 601px) {
  .otot-capabilities .otot-page__intro .otot-page__intro__image {
    bottom: auto;
    top: -9rem;
    width: 22rem;
    height: 22rem;
  }
}
.otot-capabilities .otot-page__intro .otot-page__intro__image .otot-page__content__image {
  mix-blend-mode: multiply;
}

.otot-capabilities__capabilities {
  flex-grow: 1;
}
@media screen and (max-width: 601px) {
  .otot-capabilities__capabilities {
    width: 100%;
  }
}
.otot-capabilities__capabilities .otot-capabilities__capabilities__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 3.2rem;
  padding-top: 3rem;
}

.card--capability {
  width: 100%;
  border-radius: 0.8rem 4rem 0.8rem 4rem;
  padding: 3.6rem 3.2rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 6.4rem;
  background: #E0E0E0;
}
@media screen and (max-width: 821px) {
  .card--capability {
    padding: 2.4rem;
    border-radius: 0.8rem 2.8rem;
    gap: 4rem;
  }
}
@media screen and (max-width: 601px) {
  .card--capability {
    padding: 1.2rem 1.2rem 2rem;
    gap: 3.2rem;
    border-radius: 0.4rem 2rem 0.4rem 2rem;
  }
}
.card--capability .otot-capabilities__capabilities__card__image {
  width: 100%;
  border-radius: 0.8rem 2.8rem 2.8rem 0.8rem;
  flex-shrink: 0;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  overflow: hidden;
  padding: 5.4rem 3.2rem 6.4rem;
}
@media screen and (max-width: 821px) {
  .card--capability .otot-capabilities__capabilities__card__image {
    border-radius: 0.4rem 1.6rem 1.6rem 0.4rem;
  }
}
@media screen and (max-width: 601px) {
  .card--capability .otot-capabilities__capabilities__card__image {
    padding: 3.2rem 1.6rem 2.4rem;
    border-radius: 0.4rem 1.6rem 1.6rem 0.4rem;
  }
}
.card--capability .otot-capabilities__capabilities__card__image:has(.otot-capabilities__capabilities__card__image__content__top) {
  padding-bottom: 3.2rem;
}
.card--capability .otot-capabilities__capabilities__card__image .otot-capabilities__capabilities__card__image__background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}
.card--capability .otot-capabilities__capabilities__card__image .otot-capabilities__capabilities__card__image__background picture, .card--capability .otot-capabilities__capabilities__card__image .otot-capabilities__capabilities__card__image__background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
}
.card--capability .otot-capabilities__capabilities__card__image .otot-capabilities__capabilities__card__image__content {
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  color: #F1F2F2;
}
@media screen and (max-width: 601px) {
  .card--capability .otot-capabilities__capabilities__card__image .otot-capabilities__capabilities__card__image__content {
    align-items: flex-start;
  }
}
.card--capability .otot-capabilities__capabilities__card__image .otot-capabilities__capabilities__card__image__content:has(.otot-capabilities__capabilities__card__image__content__top) {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 4.4rem;
}
@media screen and (max-width: 601px) {
  .card--capability .otot-capabilities__capabilities__card__image .otot-capabilities__capabilities__card__image__content .otot-capabilities__capabilities__card__label {
    font-size: 1.8rem;
  }
}
.card--capability .otot-capabilities__capabilities__card__image .otot-capabilities__capabilities__card__image__content .otot-capabilities__capabilities__card__title {
  margin-top: 4.8rem;
  width: 60%;
  line-height: 1;
}
@media screen and (max-width: 601px) {
  .card--capability .otot-capabilities__capabilities__card__image .otot-capabilities__capabilities__card__image__content .otot-capabilities__capabilities__card__title {
    width: 100%;
    margin-top: 6.4rem;
  }
}
.card--capability .otot-capabilities__capabilities__card__image .otot-capabilities__capabilities__card__image__icon {
  width: 11.2rem;
}
@media screen and (max-width: 601px) {
  .card--capability .otot-capabilities__capabilities__card__image .otot-capabilities__capabilities__card__image__icon {
    width: 5.6rem;
    transform: translateY(-2rem);
  }
}
.card--capability .otot-capabilities__capabilities__card__image .otot-capabilities__capabilities__card__image__content__top {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
@media screen and (max-width: 601px) {
  .card--capability .otot-capabilities__capabilities__card__image .otot-capabilities__capabilities__card__image__content__top {
    align-items: flex-start;
  }
  .card--capability .otot-capabilities__capabilities__card__image .otot-capabilities__capabilities__card__image__content__top img {
    transform: none;
  }
}
.card--capability .otot-capabilities__capabilities__card__image .otot-capabilities__capabilities__card__image__content__top .otot-capabilities__capabilities__card__title {
  width: 85%;
}
.card--capability .otot-capabilities__capabilities__card__content {
  width: 100%;
}
.card--capability .otot-capabilities__capabilities__card__content .otot-capabilities__capabilities__card__content__highlights {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 2.8rem 1.6rem;
  padding: 0 1.6rem;
}
@media screen and (max-width: 601px) {
  .card--capability .otot-capabilities__capabilities__card__content .otot-capabilities__capabilities__card__content__highlights {
    padding: 0 0.8rem;
    flex-direction: column;
    gap: 1.2rem;
  }
}
.card--capability .otot-capabilities__capabilities__card__content .otot-capabilities__capabilities__card__content__highlights .otot-capabilities__capabilities__card__content__highlights__item {
  width: calc((100% - 3.2rem) / 3);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1.6rem;
}
@media screen and (max-width: 821px) {
  .card--capability .otot-capabilities__capabilities__card__content .otot-capabilities__capabilities__card__content__highlights .otot-capabilities__capabilities__card__content__highlights__item {
    width: calc((100% - 1.6rem) / 2);
  }
}
@media screen and (max-width: 601px) {
  .card--capability .otot-capabilities__capabilities__card__content .otot-capabilities__capabilities__card__content__highlights .otot-capabilities__capabilities__card__content__highlights__item {
    width: 100%;
  }
}
.card--capability .otot-capabilities__capabilities__card__content .otot-capabilities__capabilities__card__content__highlights .otot-capabilities__capabilities__card__content__highlights__item .otot-capabilities__capabilities__card__content__highlights__item__icon {
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 100%;
  background: #F1F2F2;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-shrink: 0;
}
.card--capability .otot-capabilities__capabilities__card__content .otot-capabilities__capabilities__card__content__highlights .otot-capabilities__capabilities__card__content__highlights__item .otot-capabilities__capabilities__card__content__highlights__item__icon img {
  width: 3.2rem;
}
.card--capability .otot-capabilities__capabilities__card__content .otot-capabilities__capabilities__card__content__highlights .otot-capabilities__capabilities__card__content__highlights__item span {
  font-size: 2rem;
  margin-top: 0.8rem;
  line-height: 1.1;
}
.card--capability .otot-capabilities__capabilities__card__buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 1.2rem;
  margin-top: 6.4rem;
}
@media screen and (max-width: 601px) {
  .card--capability .otot-capabilities__capabilities__card__buttons .otot-button {
    width: 100%;
  }
}

body:has(.otot-mission-mindset) {
  padding: 0;
  background: #161616;
}
body:has(.otot-mission-mindset) .otot-contact__footer {
  width: calc(100% - 4.8rem);
  margin: 2.4rem;
}
@media screen and (max-width: 601px) {
  body:has(.otot-mission-mindset) .otot-contact__footer {
    width: calc(100% - 1.6rem);
    margin: 2.4rem 0.8rem;
  }
}

.otot-mission-mindset__statements {
  width: 100%;
  max-width: 200rem;
  margin: 0 auto;
  padding: 12rem 8.8rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 6.4rem;
}
@media screen and (max-width: 821px) {
  .otot-mission-mindset__statements {
    padding: 12rem 2.4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-mission-mindset__statements {
    padding: 12rem 1.6rem 4rem;
    gap: 4rem;
    align-items: stretch;
  }
}
.otot-mission-mindset__statements .otot-mission-mindset__statements__title {
  width: 100%;
  color: #F1F2F2;
}
.otot-mission-mindset__statements .otot-mission-mindset__statements__content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 4rem;
}
@media screen and (max-width: 821px) {
  .otot-mission-mindset__statements .otot-mission-mindset__statements__content {
    gap: 2.4rem;
  }
}
@media (hover: none) {
  .otot-mission-mindset__statements .otot-mission-mindset__statements__content {
    align-items: stretch;
    align-content: stretch;
  }
}
@media screen and (max-width: 601px) {
  .otot-mission-mindset__statements .otot-mission-mindset__statements__content {
    flex-direction: column;
    flex-wrap: nowrap;
    margin-bottom: 2rem;
  }
}
.otot-mission-mindset__statements .otot-mission-mindset__statements__content .otot-mission-mindset__statements__card {
  width: calc((100% - 8rem) / 3);
}
@media screen and (max-width: 821px) {
  .otot-mission-mindset__statements .otot-mission-mindset__statements__content .otot-mission-mindset__statements__card {
    width: calc((100% - 2.4rem) / 2);
  }
}
@media screen and (max-width: 601px) {
  .otot-mission-mindset__statements .otot-mission-mindset__statements__content .otot-mission-mindset__statements__card {
    width: 100%;
  }
}
.otot-mission-mindset__statements .otot-mission-mindset__statements__content .otot-mission-mindset__statements__card .otot-mission-mindset__statements__card__wrapper {
  width: 100%;
  min-height: 41rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 4rem;
  border-radius: 4rem 4rem 4rem 0.8rem;
  padding: 4.8rem 3.2rem 4rem 4.4rem;
  background: #282829;
  color: #F1F2F2;
  transition: color 0.5s ease-out, background-color 0.5s ease-out;
}
@media screen and (max-width: 821px) {
  .otot-mission-mindset__statements .otot-mission-mindset__statements__content .otot-mission-mindset__statements__card .otot-mission-mindset__statements__card__wrapper {
    padding: 3.2rem 2.4rem;
    gap: 2.4rem;
    border-radius: 2.8rem 2.8rem 2.8rem 0.8rem;
  }
}
@media (hover: none) {
  .otot-mission-mindset__statements .otot-mission-mindset__statements__content .otot-mission-mindset__statements__card .otot-mission-mindset__statements__card__wrapper {
    height: 100%;
  }
}
@media screen and (max-width: 601px) {
  .otot-mission-mindset__statements .otot-mission-mindset__statements__content .otot-mission-mindset__statements__card .otot-mission-mindset__statements__card__wrapper {
    height: auto;
    min-height: 0;
    border-radius: 2rem 4rem 2rem 0.4rem;
    padding: 10.8rem 2rem 4rem;
    position: relative;
    gap: 4rem;
  }
}
.otot-mission-mindset__statements .otot-mission-mindset__statements__content .otot-mission-mindset__statements__card .otot-mission-mindset__statements__card__icon {
  width: 8rem;
  height: 8rem;
  border-radius: 100%;
  background: #D3FF3B;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-bottom: 8rem;
}
@media screen and (max-width: 821px) {
  .otot-mission-mindset__statements .otot-mission-mindset__statements__content .otot-mission-mindset__statements__card .otot-mission-mindset__statements__card__icon {
    width: 6.4rem;
    height: 6.4rem;
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-mission-mindset__statements .otot-mission-mindset__statements__content .otot-mission-mindset__statements__card .otot-mission-mindset__statements__card__icon {
    position: absolute;
    top: 2.4rem;
    right: 2.4rem;
  }
}
.otot-mission-mindset__statements .otot-mission-mindset__statements__content .otot-mission-mindset__statements__card .otot-mission-mindset__statements__card__icon img {
  width: 5.6rem;
}
@media screen and (max-width: 821px) {
  .otot-mission-mindset__statements .otot-mission-mindset__statements__content .otot-mission-mindset__statements__card .otot-mission-mindset__statements__card__icon img {
    width: 4.8rem;
  }
}
.otot-mission-mindset__statements .otot-mission-mindset__statements__content .otot-mission-mindset__statements__card .otot-mission-mindset__statements__card__title {
  width: 100%;
}
@media screen and (max-width: 601px) {
  .otot-mission-mindset__statements .otot-mission-mindset__statements__content .otot-mission-mindset__statements__card .otot-mission-mindset__statements__card__title {
    width: 85%;
  }
}
.otot-mission-mindset__statements .otot-mission-mindset__statements__content .otot-mission-mindset__statements__card .otot-mission-mindset__statements__card__description {
  width: 100%;
  font-size: 2rem;
  transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .otot-mission-mindset__statements .otot-mission-mindset__statements__content .otot-mission-mindset__statements__card .otot-mission-mindset__statements__card__description {
    opacity: 0;
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
    margin-top: -4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-mission-mindset__statements .otot-mission-mindset__statements__content .otot-mission-mindset__statements__card .otot-mission-mindset__statements__card__description {
    font-size: 2.2rem;
    padding-right: 2rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .otot-mission-mindset__statements .otot-mission-mindset__statements__content .otot-mission-mindset__statements__card:hover .otot-mission-mindset__statements__card__wrapper {
    background: #F1F2F2;
    color: #282829;
  }
  .otot-mission-mindset__statements .otot-mission-mindset__statements__content .otot-mission-mindset__statements__card:hover .otot-mission-mindset__statements__card__description {
    opacity: 1;
    max-height: 100rem;
    visibility: visible;
    transition: all 0.8s ease-out;
    margin-top: 0;
  }
}

body:has(.otot-about) {
  padding: 0;
  background: #161616;
}
body:has(.otot-about) .otot-contact__footer {
  width: calc(100% - 4.8rem);
  margin: 2.4rem;
}

@media screen and (max-width: 601px) {
  .otot-about .otot-page__white-wrapper {
    overflow: hidden;
  }
}
@media screen and (max-width: 601px) {
  .otot-about .otot-page__intro {
    position: relative;
    overflow: visible;
  }
}
.otot-about .otot-page__intro__image {
  opacity: 0.5;
  -webkit-mask-image: radial-gradient(circle at center, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 40%, rgba(0, 0, 0, 0) 64%);
  mask-image: radial-gradient(circle at center, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 40%, rgba(0, 0, 0, 0) 64%);
}
.otot-about .otot-page__intro__image:has(video) {
  bottom: auto;
  top: 0;
}
@media screen and (max-width: 601px) {
  .otot-about .otot-page__intro__image:has(video) {
    top: auto;
    bottom: -8rem;
    right: -8rem;
    width: 24rem;
    height: 24rem;
  }
}

.otot-about__team {
  width: 100%;
  max-width: 200rem;
  margin: 4rem auto 0 auto;
  padding: 9.6rem 4rem;
  border-top: 1px solid #E0E0E0;
}
@media screen and (max-width: 821px) {
  .otot-about__team {
    padding: 8rem 2.4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-about__team {
    border: none;
    padding: 8rem 0 0;
  }
}
.otot-about__team .otot-about__team__title {
  margin-bottom: 8.8rem;
}
@media screen and (max-width: 821px) {
  .otot-about__team .otot-about__team__title {
    margin-bottom: 6.4rem;
  }
}
.otot-about__team .otot-about__team__content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 6.4rem 4rem;
}
@media screen and (max-width: 821px) {
  .otot-about__team .otot-about__team__content {
    gap: 6.4rem 2.4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-about__team .otot-about__team__content {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    gap: 2.4rem;
  }
}
.otot-about__team .otot-about__team__content .otot-about__team__card {
  width: calc((100% - 8rem) / 3);
}
@media screen and (max-width: 821px) {
  .otot-about__team .otot-about__team__content .otot-about__team__card {
    width: calc((100% - 4rem) / 2);
  }
}
@media screen and (max-width: 601px) {
  .otot-about__team .otot-about__team__content .otot-about__team__card {
    width: 100%;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 2.4rem;
  }
  .otot-about__team .otot-about__team__content .otot-about__team__card:last-of-type {
    border: none;
  }
}
.otot-about__team .otot-about__team__content .otot-about__team__card .otot-about__team__card__wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 2.4rem;
  transition: all 1s ease-out;
  border-bottom: 0px solid #F1F2F2;
}
.otot-about__team .otot-about__team__content .otot-about__team__card .otot-about__team__card__header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 2.4rem;
}
@media screen and (max-width: 821px) {
  .otot-about__team .otot-about__team__content .otot-about__team__card .otot-about__team__card__header {
    align-items: flex-start;
  }
}
@media screen and (max-width: 601px) {
  .otot-about__team .otot-about__team__content .otot-about__team__card .otot-about__team__card__header {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
  }
}
.otot-about__team .otot-about__team__content .otot-about__team__card .otot-about__team__card__photo {
  width: 16rem;
  height: 16rem;
  border-radius: 100%;
  flex-shrink: 0;
  overflow: hidden;
  transition: all 0.5s ease-out;
}
@media screen and (max-width: 821px) {
  .otot-about__team .otot-about__team__content .otot-about__team__card .otot-about__team__card__photo {
    width: 12rem;
    height: 12rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .otot-about__team .otot-about__team__content .otot-about__team__card .otot-about__team__card__photo {
    filter: grayscale(1);
  }
}
.otot-about__team .otot-about__team__content .otot-about__team__card .otot-about__team__card__header__text {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.4rem;
}
.otot-about__team .otot-about__team__content .otot-about__team__card .otot-about__team__card__position {
  font-size: 1.6rem;
  font-family: "ballingermono-medium", "acumin-pro", sans-serif, sans-serif;
  text-transform: uppercase;
  color: #5F6368;
}
@media screen and (max-width: 821px) {
  .otot-about__team .otot-about__team__content .otot-about__team__card .otot-about__team__card__position {
    font-size: 1.4rem;
  }
}
.otot-about__team .otot-about__team__content .otot-about__team__card .otot-about__team__card__name {
  width: 100%;
}
@media screen and (max-width: 821px) {
  .otot-about__team .otot-about__team__content .otot-about__team__card .otot-about__team__card__name {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-about__team .otot-about__team__content .otot-about__team__card .otot-about__team__card__name {
    font-size: 2.8rem;
  }
}
.otot-about__team .otot-about__team__content .otot-about__team__card .otot-about__team__card__bio {
  width: 100%;
  font-size: 1.6rem;
  color: #5F6368;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 1441px) {
  .otot-about__team .otot-about__team__content .otot-about__team__card .otot-about__team__card__bio {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-about__team .otot-about__team__content .otot-about__team__card .otot-about__team__card__bio {
    font-size: 2rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .otot-about__team .otot-about__team__content .otot-about__team__card .otot-about__team__card__bio {
    opacity: 0;
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
    margin-top: -2rem;
  }
}
.otot-about__team .otot-about__team__content .otot-about__team__card .otot-about__team__card__bio p {
  margin-bottom: 1.6rem;
}
.otot-about__team .otot-about__team__content .otot-about__team__card .otot-about__team__card__bio ul {
  list-style: initial;
  padding-left: 2rem;
}
.otot-about__team .otot-about__team__content .otot-about__team__card .otot-about__team__card__bio ul li::marker {
  color: #282829;
}
.otot-about__team .otot-about__team__content .otot-about__team__card a {
  margin-top: 0.8rem;
}
.otot-about__team .otot-about__team__content .otot-about__team__card a img {
  width: 1.6rem;
  filter: grayscale(1) brightness(0.5);
  transition: all 0.3s ease;
}
@media screen and (max-width: 601px) {
  .otot-about__team .otot-about__team__content .otot-about__team__card a img {
    width: 2.4rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .otot-about__team .otot-about__team__content .otot-about__team__card a img:hover {
    filter: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  .otot-about__team .otot-about__team__content .otot-about__team__card:hover .otot-about__team__card__photo {
    filter: none;
  }
  .otot-about__team .otot-about__team__content .otot-about__team__card:hover:has(.otot-about__team__card__bio) .otot-about__team__card__wrapper {
    padding-bottom: 2.4rem;
    border-bottom: 1px solid #E0E0E0;
  }
  .otot-about__team .otot-about__team__content .otot-about__team__card:hover:has(.otot-about__team__card__bio) .otot-about__team__card__bio {
    opacity: 1;
    max-height: 100rem;
    visibility: visible;
    transition: all 0.5s ease-out;
    margin-top: 0;
  }
}

.otot-about__customers, .otot-about__partners, .otot-about__certifications, .otot-about__joint-venture {
  width: 100%;
  max-width: 200rem;
  margin: 0 auto;
  padding: 20rem 8.8rem 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 6.4rem;
}
@media screen and (max-width: 821px) {
  .otot-about__customers, .otot-about__partners, .otot-about__certifications, .otot-about__joint-venture {
    padding: 8rem 4rem 4rem;
    flex-direction: column;
    gap: 2.4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-about__customers, .otot-about__partners, .otot-about__certifications, .otot-about__joint-venture {
    padding: 8rem 1.6rem 4rem;
  }
}
.otot-about__customers .otot-about__customers__header, .otot-about__customers .otot-about__partners__header, .otot-about__customers .otot-about__certifications__header, .otot-about__customers .otot-about__joint-venture__header, .otot-about__partners .otot-about__customers__header, .otot-about__partners .otot-about__partners__header, .otot-about__partners .otot-about__certifications__header, .otot-about__partners .otot-about__joint-venture__header, .otot-about__certifications .otot-about__customers__header, .otot-about__certifications .otot-about__partners__header, .otot-about__certifications .otot-about__certifications__header, .otot-about__certifications .otot-about__joint-venture__header, .otot-about__joint-venture .otot-about__customers__header, .otot-about__joint-venture .otot-about__partners__header, .otot-about__joint-venture .otot-about__certifications__header, .otot-about__joint-venture .otot-about__joint-venture__header {
  width: 27%;
  position: sticky;
  top: 12rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 3.2rem;
  flex-shrink: 0;
  color: #F1F2F2;
  padding-bottom: 2.4rem;
}
@media screen and (max-width: 821px) {
  .otot-about__customers .otot-about__customers__header, .otot-about__customers .otot-about__partners__header, .otot-about__customers .otot-about__certifications__header, .otot-about__customers .otot-about__joint-venture__header, .otot-about__partners .otot-about__customers__header, .otot-about__partners .otot-about__partners__header, .otot-about__partners .otot-about__certifications__header, .otot-about__partners .otot-about__joint-venture__header, .otot-about__certifications .otot-about__customers__header, .otot-about__certifications .otot-about__partners__header, .otot-about__certifications .otot-about__certifications__header, .otot-about__certifications .otot-about__joint-venture__header, .otot-about__joint-venture .otot-about__customers__header, .otot-about__joint-venture .otot-about__partners__header, .otot-about__joint-venture .otot-about__certifications__header, .otot-about__joint-venture .otot-about__joint-venture__header {
    width: 100%;
    position: relative;
    top: auto;
  }
}
@media screen and (max-width: 601px) {
  .otot-about__customers .otot-about__customers__header, .otot-about__customers .otot-about__partners__header, .otot-about__customers .otot-about__certifications__header, .otot-about__customers .otot-about__joint-venture__header, .otot-about__partners .otot-about__customers__header, .otot-about__partners .otot-about__partners__header, .otot-about__partners .otot-about__certifications__header, .otot-about__partners .otot-about__joint-venture__header, .otot-about__certifications .otot-about__customers__header, .otot-about__certifications .otot-about__partners__header, .otot-about__certifications .otot-about__certifications__header, .otot-about__certifications .otot-about__joint-venture__header, .otot-about__joint-venture .otot-about__customers__header, .otot-about__joint-venture .otot-about__partners__header, .otot-about__joint-venture .otot-about__certifications__header, .otot-about__joint-venture .otot-about__joint-venture__header {
    padding-bottom: 0;
    gap: 2.4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-about__customers .otot-about__customers__header h3, .otot-about__customers .otot-about__partners__header h3, .otot-about__customers .otot-about__certifications__header h3, .otot-about__customers .otot-about__joint-venture__header h3, .otot-about__partners .otot-about__customers__header h3, .otot-about__partners .otot-about__partners__header h3, .otot-about__partners .otot-about__certifications__header h3, .otot-about__partners .otot-about__joint-venture__header h3, .otot-about__certifications .otot-about__customers__header h3, .otot-about__certifications .otot-about__partners__header h3, .otot-about__certifications .otot-about__certifications__header h3, .otot-about__certifications .otot-about__joint-venture__header h3, .otot-about__joint-venture .otot-about__customers__header h3, .otot-about__joint-venture .otot-about__partners__header h3, .otot-about__joint-venture .otot-about__certifications__header h3, .otot-about__joint-venture .otot-about__joint-venture__header h3 {
    max-width: 90%;
  }
}
.otot-about__customers .otot-about__customers__content, .otot-about__customers .otot-about__partners__content, .otot-about__customers .otot-about__certifications__content, .otot-about__partners .otot-about__customers__content, .otot-about__partners .otot-about__partners__content, .otot-about__partners .otot-about__certifications__content, .otot-about__certifications .otot-about__customers__content, .otot-about__certifications .otot-about__partners__content, .otot-about__certifications .otot-about__certifications__content, .otot-about__joint-venture .otot-about__customers__content, .otot-about__joint-venture .otot-about__partners__content, .otot-about__joint-venture .otot-about__certifications__content {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 2.4rem;
  padding-top: 4rem;
}
@media screen and (max-width: 821px) {
  .otot-about__customers .otot-about__customers__content, .otot-about__customers .otot-about__partners__content, .otot-about__customers .otot-about__certifications__content, .otot-about__partners .otot-about__customers__content, .otot-about__partners .otot-about__partners__content, .otot-about__partners .otot-about__certifications__content, .otot-about__certifications .otot-about__customers__content, .otot-about__certifications .otot-about__partners__content, .otot-about__certifications .otot-about__certifications__content, .otot-about__joint-venture .otot-about__customers__content, .otot-about__joint-venture .otot-about__partners__content, .otot-about__joint-venture .otot-about__certifications__content {
    padding-top: 0;
    gap: 1.6rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-about__customers .otot-about__customers__content, .otot-about__customers .otot-about__partners__content, .otot-about__customers .otot-about__certifications__content, .otot-about__partners .otot-about__customers__content, .otot-about__partners .otot-about__partners__content, .otot-about__partners .otot-about__certifications__content, .otot-about__certifications .otot-about__customers__content, .otot-about__certifications .otot-about__partners__content, .otot-about__certifications .otot-about__certifications__content, .otot-about__joint-venture .otot-about__customers__content, .otot-about__joint-venture .otot-about__partners__content, .otot-about__joint-venture .otot-about__certifications__content {
    justify-content: center;
  }
}
.otot-about__customers .otot-about__partners__card__image, .otot-about__customers .otot-about__certifications__card__image, .otot-about__customers .otot-about__joint-venture__card__image, .otot-about__partners .otot-about__partners__card__image, .otot-about__partners .otot-about__certifications__card__image, .otot-about__partners .otot-about__joint-venture__card__image, .otot-about__certifications .otot-about__partners__card__image, .otot-about__certifications .otot-about__certifications__card__image, .otot-about__certifications .otot-about__joint-venture__card__image, .otot-about__joint-venture .otot-about__partners__card__image, .otot-about__joint-venture .otot-about__certifications__card__image, .otot-about__joint-venture .otot-about__joint-venture__card__image {
  width: 100%;
  background: #F1F2F2;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  border-radius: 2.4rem 0.4rem 2.4rem 2.4rem;
  padding: 1.6rem;
}
@media screen and (max-width: 821px) {
  .otot-about__customers .otot-about__partners__card__image, .otot-about__customers .otot-about__certifications__card__image, .otot-about__customers .otot-about__joint-venture__card__image, .otot-about__partners .otot-about__partners__card__image, .otot-about__partners .otot-about__certifications__card__image, .otot-about__partners .otot-about__joint-venture__card__image, .otot-about__certifications .otot-about__partners__card__image, .otot-about__certifications .otot-about__certifications__card__image, .otot-about__certifications .otot-about__joint-venture__card__image, .otot-about__joint-venture .otot-about__partners__card__image, .otot-about__joint-venture .otot-about__certifications__card__image, .otot-about__joint-venture .otot-about__joint-venture__card__image {
    border-radius: 1.6rem 0.4rem 1.6rem 1.6rem;
  }
}
.otot-about__customers .otot-about__customers__content, .otot-about__partners .otot-about__customers__content, .otot-about__certifications .otot-about__customers__content, .otot-about__joint-venture .otot-about__customers__content {
  gap: 6.4rem 2.4rem;
}
@media screen and (max-width: 601px) {
  .otot-about__customers .otot-about__customers__content, .otot-about__partners .otot-about__customers__content, .otot-about__certifications .otot-about__customers__content, .otot-about__joint-venture .otot-about__customers__content {
    gap: 4rem 1.6rem;
  }
}
.otot-about__customers .otot-about__customers__content .otot-about__customers__item, .otot-about__partners .otot-about__customers__content .otot-about__customers__item, .otot-about__certifications .otot-about__customers__content .otot-about__customers__item, .otot-about__joint-venture .otot-about__customers__content .otot-about__customers__item {
  width: calc((100% - 7.2rem) / 4);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 2.4rem;
  color: #F1F2F2;
  text-align: center;
}
@media screen and (max-width: 601px) {
  .otot-about__customers .otot-about__customers__content .otot-about__customers__item, .otot-about__partners .otot-about__customers__content .otot-about__customers__item, .otot-about__certifications .otot-about__customers__content .otot-about__customers__item, .otot-about__joint-venture .otot-about__customers__content .otot-about__customers__item {
    width: calc((100% - 3.2rem) / 3);
    gap: 1.6rem;
  }
}
.otot-about__customers .otot-about__customers__content .otot-about__customers__item img, .otot-about__partners .otot-about__customers__content .otot-about__customers__item img, .otot-about__certifications .otot-about__customers__content .otot-about__customers__item img, .otot-about__joint-venture .otot-about__customers__content .otot-about__customers__item img {
  width: 60%;
}
@media screen and (max-width: 601px) {
  .otot-about__customers .otot-about__customers__content .otot-about__customers__item img, .otot-about__partners .otot-about__customers__content .otot-about__customers__item img, .otot-about__certifications .otot-about__customers__content .otot-about__customers__item img, .otot-about__joint-venture .otot-about__customers__content .otot-about__customers__item img {
    width: 80%;
  }
}
.otot-about__customers .otot-about__partners__card, .otot-about__partners .otot-about__partners__card, .otot-about__certifications .otot-about__partners__card, .otot-about__joint-venture .otot-about__partners__card {
  width: calc((100% - 2.4rem) / 2);
  background: #282829;
  border-radius: 4rem 0.8rem 4rem 4rem;
  padding: 2.4rem 4rem 2.4rem 2.4rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 3.2rem;
  color: #F1F2F2;
}
@media screen and (max-width: 821px) {
  .otot-about__customers .otot-about__partners__card, .otot-about__partners .otot-about__partners__card, .otot-about__certifications .otot-about__partners__card, .otot-about__joint-venture .otot-about__partners__card {
    border-radius: 2.8rem 0.8rem 2.8rem 2.8rem;
    padding: 1.6rem 2.4rem 1.6rem 1.6rem;
    gap: 2.4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-about__customers .otot-about__partners__card, .otot-about__partners .otot-about__partners__card, .otot-about__certifications .otot-about__partners__card, .otot-about__joint-venture .otot-about__partners__card {
    width: 100%;
  }
}
.otot-about__customers .otot-about__partners__card .otot-about__partners__card__image, .otot-about__partners .otot-about__partners__card .otot-about__partners__card__image, .otot-about__certifications .otot-about__partners__card .otot-about__partners__card__image, .otot-about__joint-venture .otot-about__partners__card .otot-about__partners__card__image {
  width: 19.2rem;
}
.otot-about__customers .otot-about__partners__card .otot-about__partners__card__image img, .otot-about__partners .otot-about__partners__card .otot-about__partners__card__image img, .otot-about__certifications .otot-about__partners__card .otot-about__partners__card__image img, .otot-about__joint-venture .otot-about__partners__card .otot-about__partners__card__image img {
  aspect-ratio: 1/1;
  object-fit: contain;
}
.otot-about__customers .otot-about__certifications__content, .otot-about__partners .otot-about__certifications__content, .otot-about__certifications .otot-about__certifications__content, .otot-about__joint-venture .otot-about__certifications__content {
  align-items: stretch;
  align-content: stretch;
}
.otot-about__customers .otot-about__certifications__content .otot-about__certifications__card, .otot-about__partners .otot-about__certifications__content .otot-about__certifications__card, .otot-about__certifications .otot-about__certifications__content .otot-about__certifications__card, .otot-about__joint-venture .otot-about__certifications__content .otot-about__certifications__card {
  width: calc((100% - 7.2rem) / 4);
  background: #282829;
  border-radius: 4rem 0.8rem 4rem 4rem;
  padding: 2.4rem;
  color: #F1F2F2;
}
@media screen and (max-width: 821px) {
  .otot-about__customers .otot-about__certifications__content .otot-about__certifications__card, .otot-about__partners .otot-about__certifications__content .otot-about__certifications__card, .otot-about__certifications .otot-about__certifications__content .otot-about__certifications__card, .otot-about__joint-venture .otot-about__certifications__content .otot-about__certifications__card {
    border-radius: 2.8rem 0.8rem 2.8rem 2.8rem;
    padding: 1.6rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-about__customers .otot-about__certifications__content .otot-about__certifications__card, .otot-about__partners .otot-about__certifications__content .otot-about__certifications__card, .otot-about__certifications .otot-about__certifications__content .otot-about__certifications__card, .otot-about__joint-venture .otot-about__certifications__content .otot-about__certifications__card {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    gap: 2.4rem;
  }
}
.otot-about__customers .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__image, .otot-about__partners .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__image, .otot-about__certifications .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__image, .otot-about__joint-venture .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__image {
  padding: 1.6rem 0.8rem;
}
@media screen and (max-width: 601px) {
  .otot-about__customers .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__image, .otot-about__partners .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__image, .otot-about__certifications .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__image, .otot-about__joint-venture .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__image {
    width: 19.2rem;
    flex-shrink: 0;
    flex-grow: 0;
  }
}
.otot-about__customers .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__image img, .otot-about__partners .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__image img, .otot-about__certifications .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__image img, .otot-about__joint-venture .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__image img {
  width: 50%;
}
@media screen and (max-width: 601px) {
  .otot-about__customers .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__image img, .otot-about__partners .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__image img, .otot-about__certifications .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__image img, .otot-about__joint-venture .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__image img {
    width: 80%;
  }
}
.otot-about__customers .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__text, .otot-about__partners .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__text, .otot-about__certifications .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__text, .otot-about__joint-venture .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__text {
  margin-top: 3.2rem;
}
.otot-about__customers .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__text .otot-about__certifications__card__bullets, .otot-about__partners .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__text .otot-about__certifications__card__bullets, .otot-about__certifications .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__text .otot-about__certifications__card__bullets, .otot-about__joint-venture .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__text .otot-about__certifications__card__bullets {
  margin-top: 1.6rem;
}
.otot-about__customers .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__text .otot-about__certifications__card__bullets .otot-about__certifications__card__bullets__item, .otot-about__partners .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__text .otot-about__certifications__card__bullets .otot-about__certifications__card__bullets__item, .otot-about__certifications .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__text .otot-about__certifications__card__bullets .otot-about__certifications__card__bullets__item, .otot-about__joint-venture .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__text .otot-about__certifications__card__bullets .otot-about__certifications__card__bullets__item {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1.2rem;
  margin-top: 0.8rem;
}
.otot-about__customers .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__text .otot-about__certifications__card__bullets .otot-about__certifications__card__bullets__item::before, .otot-about__partners .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__text .otot-about__certifications__card__bullets .otot-about__certifications__card__bullets__item::before, .otot-about__certifications .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__text .otot-about__certifications__card__bullets .otot-about__certifications__card__bullets__item::before, .otot-about__joint-venture .otot-about__certifications__content .otot-about__certifications__card .otot-about__certifications__card__text .otot-about__certifications__card__bullets .otot-about__certifications__card__bullets__item::before {
  content: "";
  width: 2rem;
  height: 2rem;
  background-image: url("../images/icons/icon_check-circle.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}
.otot-about__customers .otot-about__certifications__content:has(> :nth-child(3):last-child) .otot-about__certifications__card, .otot-about__customers .otot-about__certifications__content:has(> :nth-child(5):last-child) .otot-about__certifications__card, .otot-about__customers .otot-about__certifications__content:has(> :nth-child(6):last-child) .otot-about__certifications__card, .otot-about__partners .otot-about__certifications__content:has(> :nth-child(3):last-child) .otot-about__certifications__card, .otot-about__partners .otot-about__certifications__content:has(> :nth-child(5):last-child) .otot-about__certifications__card, .otot-about__partners .otot-about__certifications__content:has(> :nth-child(6):last-child) .otot-about__certifications__card, .otot-about__certifications .otot-about__certifications__content:has(> :nth-child(3):last-child) .otot-about__certifications__card, .otot-about__certifications .otot-about__certifications__content:has(> :nth-child(5):last-child) .otot-about__certifications__card, .otot-about__certifications .otot-about__certifications__content:has(> :nth-child(6):last-child) .otot-about__certifications__card, .otot-about__joint-venture .otot-about__certifications__content:has(> :nth-child(3):last-child) .otot-about__certifications__card, .otot-about__joint-venture .otot-about__certifications__content:has(> :nth-child(5):last-child) .otot-about__certifications__card, .otot-about__joint-venture .otot-about__certifications__content:has(> :nth-child(6):last-child) .otot-about__certifications__card {
  width: calc((100% - 4.8rem) / 3);
}

.otot-about__joint-venture {
  margin-bottom: 10rem;
}
@media screen and (max-width: 601px) {
  .otot-about__joint-venture {
    margin-bottom: 4rem;
  }
}
.otot-about__joint-venture .otot-about__joint-venture__content {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 6.4rem;
}
@media screen and (max-width: 821px) {
  .otot-about__joint-venture .otot-about__joint-venture__content {
    gap: 2.4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-about__joint-venture .otot-about__joint-venture__content {
    flex-direction: column;
  }
}
.otot-about__joint-venture .otot-about__joint-venture__content .otot-about__joint-venture__paragraph {
  flex-grow: 1;
  color: #F1F2F2;
}
@media screen and (max-width: 601px) {
  .otot-about__joint-venture .otot-about__joint-venture__content .otot-about__joint-venture__paragraph {
    font-size: 2rem;
  }
}
.otot-about__joint-venture .otot-about__joint-venture__content .otot-about__joint-venture__cards {
  width: 50%;
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 2.4rem;
}
@media screen and (max-width: 821px) {
  .otot-about__joint-venture .otot-about__joint-venture__content .otot-about__joint-venture__cards {
    gap: 1.6rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-about__joint-venture .otot-about__joint-venture__content .otot-about__joint-venture__cards {
    width: 100%;
  }
}
.otot-about__joint-venture .otot-about__joint-venture__content .otot-about__joint-venture__cards .otot-about__joint-venture__card {
  width: calc((100% - 2.4rem) / 2);
  padding: 2.4rem;
  background: #282829;
  border-radius: 4rem 0.8rem 4rem 4rem;
}
@media screen and (max-width: 821px) {
  .otot-about__joint-venture .otot-about__joint-venture__content .otot-about__joint-venture__cards .otot-about__joint-venture__card {
    border-radius: 2.8rem 0.8rem 2.8rem 2.8rem;
    padding: 1.6rem;
  }
}
.otot-about__joint-venture .otot-about__joint-venture__content .otot-about__joint-venture__cards .otot-about__joint-venture__card .otot-about__joint-venture__card__image {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-align: center;
}
.otot-about__joint-venture .otot-about__joint-venture__content .otot-about__joint-venture__cards .otot-about__joint-venture__card .otot-about__joint-venture__card__image img {
  width: 80%;
}

body:has(.otot-careers-culture) {
  padding: 0;
  background: #161616;
}
body:has(.otot-careers-culture) .otot-contact__footer {
  width: calc(100% - 4.8rem);
  margin: 2.4rem;
}
@media screen and (max-width: 601px) {
  body:has(.otot-careers-culture) .otot-contact__footer {
    width: calc(100% - 1.6rem);
    margin: 2.4rem 0.8rem;
  }
}

.otot-careers-culture .otot-page__white-wrapper {
  padding: 12rem 0 8rem;
}
@media screen and (max-width: 821px) {
  .otot-careers-culture .otot-page__white-wrapper {
    padding: 8rem 0 4rem;
  }
}
.otot-careers-culture .otot-page__white-wrapper .otot-careers-culture__testimonials {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 6.4rem;
}
@media screen and (max-width: 821px) {
  .otot-careers-culture .otot-page__white-wrapper .otot-careers-culture__testimonials {
    gap: 4rem;
  }
}
.otot-careers-culture .otot-page__white-wrapper .otot-careers-culture__testimonials .otot-careers-culture__testimonials__title {
  padding: 0 8rem;
}
@media screen and (max-width: 821px) {
  .otot-careers-culture .otot-page__white-wrapper .otot-careers-culture__testimonials .otot-careers-culture__testimonials__title {
    padding: 0 4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-careers-culture .otot-page__white-wrapper .otot-careers-culture__testimonials .otot-careers-culture__testimonials__title {
    padding: 0 2rem;
  }
}
.otot-careers-culture .otot-page__white-wrapper .otot-careers-culture__testimonials .otot-careers-culture__testimonials__content {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 2.4rem;
  padding: 0 8rem;
  overflow: hidden;
}
@media screen and (max-width: 821px) {
  .otot-careers-culture .otot-page__white-wrapper .otot-careers-culture__testimonials .otot-careers-culture__testimonials__content {
    padding: 0 4rem;
  }
}
.otot-careers-culture .otot-page__white-wrapper .otot-careers-culture__testimonials .otot-careers-culture__testimonials__content .swiper-wrapper {
  transition-timing-function: linear !important;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 2.4rem;
  height: inherit;
}
.otot-careers-culture .otot-page__white-wrapper .otot-careers-culture__testimonials .otot-careers-culture__testimonials__content .otot-careers-culture__testimonials__card {
  width: 40rem;
  height: inherit;
  background: #E0E0E0;
  border-radius: 4rem 0.8rem;
  padding: 2.4rem 4rem 4.8rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  gap: 4.8rem;
  flex-shrink: 0;
}
@media screen and (max-width: 821px) {
  .otot-careers-culture .otot-page__white-wrapper .otot-careers-culture__testimonials .otot-careers-culture__testimonials__content .otot-careers-culture__testimonials__card {
    gap: 3.2rem;
    padding: 1.6rem 2.4rem 2.4rem 2.4rem;
    border-radius: 2.8rem 0.8rem;
  }
}
.otot-careers-culture .otot-page__white-wrapper .otot-careers-culture__testimonials .otot-careers-culture__testimonials__content .otot-careers-culture__testimonials__card .otot-careers-culture__testimonials__card__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  gap: 8rem;
}
@media screen and (max-width: 821px) {
  .otot-careers-culture .otot-page__white-wrapper .otot-careers-culture__testimonials .otot-careers-culture__testimonials__content .otot-careers-culture__testimonials__card .otot-careers-culture__testimonials__card__content {
    gap: 4rem;
  }
}
.otot-careers-culture .otot-page__white-wrapper .otot-careers-culture__testimonials .otot-careers-culture__testimonials__content .otot-careers-culture__testimonials__card .otot-careers-culture__testimonials__card__content p {
  line-height: 1;
}
@media screen and (max-width: 601px) {
  .otot-careers-culture .otot-page__white-wrapper .otot-careers-culture__testimonials .otot-careers-culture__testimonials__content .otot-careers-culture__testimonials__card .otot-careers-culture__testimonials__card__content p {
    font-size: 2.2rem;
  }
}
.otot-careers-culture .otot-page__white-wrapper .otot-careers-culture__testimonials .otot-careers-culture__testimonials__content .otot-careers-culture__testimonials__card .otot-careers-culture__testimonials__card__content img {
  width: 5rem;
}
.otot-careers-culture .otot-page__white-wrapper .otot-careers-culture__testimonials .otot-careers-culture__testimonials__content .otot-careers-culture__testimonials__card .otot-careers-culture__testimonials__card__content .otot-careers-culture__testimonials__card__icon {
  width: 5rem;
  height: 5rem;
  border-radius: 100%;
  overflow: hidden;
}

.otot-careers-culture__cultural-values {
  width: 100%;
  max-width: 200rem;
  margin: 0 auto;
  padding: 2rem 8.8rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 6.4rem;
}
@media screen and (max-width: 821px) {
  .otot-careers-culture__cultural-values {
    padding: 2rem 4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-careers-culture__cultural-values {
    padding: 2rem 1.6rem;
    gap: 2.4rem;
  }
}
.otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__header {
  color: #F1F2F2;
}
@media screen and (max-width: 601px) {
  .otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__header {
    padding: 0 0.8rem;
  }
}
.otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__title {
  width: 100%;
  color: #F1F2F2;
}
.otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__paragraph {
  width: 45%;
  margin-top: 6rem;
}
@media screen and (max-width: 821px) {
  .otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__paragraph {
    width: 100%;
  }
}
@media screen and (max-width: 601px) {
  .otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__paragraph {
    margin-top: 3.2rem;
  }
}
.otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 4rem;
  margin-top: 1.6rem;
}
@media screen and (max-width: 821px) {
  .otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__content {
    gap: 2.4rem;
  }
}
@media (hover: none) {
  .otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__content {
    align-items: stretch;
    align-content: stretch;
  }
}
.otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__content .otot-careers-culture__cultural-values__card {
  width: calc((100% - 8rem) / 3);
}
@media screen and (max-width: 821px) {
  .otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__content .otot-careers-culture__cultural-values__card {
    width: calc((100% - 2.4rem) / 2);
  }
}
@media screen and (max-width: 601px) {
  .otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__content .otot-careers-culture__cultural-values__card {
    width: 100%;
  }
}
.otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__content .otot-careers-culture__cultural-values__card .otot-careers-culture__cultural-values__card__wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 2.4rem;
  border-radius: 4rem 4rem 4rem 0.8rem;
  padding: 4.8rem 3.2rem 4rem 4.4rem;
  background: #282829;
  color: #F1F2F2;
  transition: color 0.5s ease-out, background-color 0.5s ease-out;
}
@media screen and (max-width: 821px) {
  .otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__content .otot-careers-culture__cultural-values__card .otot-careers-culture__cultural-values__card__wrapper {
    padding: 4rem 2.4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__content .otot-careers-culture__cultural-values__card .otot-careers-culture__cultural-values__card__wrapper {
    border-radius: 2rem 4rem 2rem 0.4rem;
    position: relative;
    padding: 8rem 1.6rem 2.4rem 1.6rem;
    gap: 4rem;
  }
}
@media (hover: none) {
  .otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__content .otot-careers-culture__cultural-values__card .otot-careers-culture__cultural-values__card__wrapper {
    height: 100%;
  }
}
.otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__content .otot-careers-culture__cultural-values__card .otot-careers-culture__cultural-values__card__icon {
  width: 8rem;
  height: 8rem;
  border-radius: 100%;
  background: #D3FF3B;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-bottom: 4.8rem;
}
@media screen and (max-width: 821px) {
  .otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__content .otot-careers-culture__cultural-values__card .otot-careers-culture__cultural-values__card__icon {
    width: 6.4rem;
    height: 6.4rem;
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__content .otot-careers-culture__cultural-values__card .otot-careers-culture__cultural-values__card__icon {
    position: absolute;
    top: 1.6rem;
    right: 1.6rem;
    margin: 0;
  }
}
.otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__content .otot-careers-culture__cultural-values__card .otot-careers-culture__cultural-values__card__icon img {
  width: 5.6rem;
}
@media screen and (max-width: 821px) {
  .otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__content .otot-careers-culture__cultural-values__card .otot-careers-culture__cultural-values__card__icon img {
    width: 4.8rem;
  }
}
.otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__content .otot-careers-culture__cultural-values__card .otot-careers-culture__cultural-values__card__label {
  width: 100%;
  font-family: "ballingermono-medium", "acumin-pro", sans-serif, sans-serif;
  text-transform: uppercase;
  margin-bottom: 0.8rem;
  display: block;
  font-size: 2rem;
}
@media screen and (max-width: 821px) {
  .otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__content .otot-careers-culture__cultural-values__card .otot-careers-culture__cultural-values__card__label {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__content .otot-careers-culture__cultural-values__card .otot-careers-culture__cultural-values__card__label {
    margin-bottom: 1.6rem;
  }
}
.otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__content .otot-careers-culture__cultural-values__card .otot-careers-culture__cultural-values__card__title {
  width: 100%;
}
.otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__content .otot-careers-culture__cultural-values__card .otot-careers-culture__cultural-values__card__description {
  width: 100%;
  font-size: 2rem;
  transition: all 0.3s ease;
}
@media screen and (max-width: 821px) {
  .otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__content .otot-careers-culture__cultural-values__card .otot-careers-culture__cultural-values__card__description {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__content .otot-careers-culture__cultural-values__card .otot-careers-culture__cultural-values__card__description {
    font-size: 2rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__content .otot-careers-culture__cultural-values__card .otot-careers-culture__cultural-values__card__description {
    opacity: 0;
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
    margin-top: -4rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__content .otot-careers-culture__cultural-values__card:hover .otot-careers-culture__cultural-values__card__wrapper {
    background: #F1F2F2;
    color: #282829;
  }
  .otot-careers-culture__cultural-values .otot-careers-culture__cultural-values__content .otot-careers-culture__cultural-values__card:hover .otot-careers-culture__cultural-values__card__description {
    opacity: 1;
    max-height: 100rem;
    visibility: visible;
    transition: all 0.8s ease-out;
    margin-top: 0;
  }
}

.otot-page__white-wrapper:has(.otot-careers-culture__community) {
  margin-top: 12rem;
  padding: 12rem 14rem 16rem;
}
@media screen and (max-width: 821px) {
  .otot-page__white-wrapper:has(.otot-careers-culture__community) {
    padding: 8rem 4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-page__white-wrapper:has(.otot-careers-culture__community) {
    padding: 4rem 2.4rem;
  }
}

.otot-careers-culture__community {
  width: 100%;
  max-width: 200rem;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  gap: 4rem;
}
@media screen and (max-width: 821px) {
  .otot-careers-culture__community {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
  }
}
@media screen and (max-width: 601px) {
  .otot-careers-culture__community {
    flex-direction: column-reverse;
    gap: 8rem;
  }
}
.otot-careers-culture__community .otot-careers-culture__community__text {
  max-width: 42%;
}
@media screen and (max-width: 821px) {
  .otot-careers-culture__community .otot-careers-culture__community__text {
    max-width: 100%;
    width: 100%;
  }
}
.otot-careers-culture__community .otot-careers-culture__community__text .otot-careers-culture__community__highlight {
  margin-bottom: 6.4rem;
}
@media screen and (max-width: 601px) {
  .otot-careers-culture__community .otot-careers-culture__community__text .otot-careers-culture__community__highlight {
    margin-bottom: 2.4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-careers-culture__community .otot-careers-culture__community__text .otot-careers-culture__community__paragraph {
    font-size: 2rem;
  }
}
.otot-careers-culture__community .otot-careers-culture__community__images {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: stretch;
  align-content: stretch;
  gap: 2.4rem;
}
@media screen and (max-width: 601px) {
  .otot-careers-culture__community .otot-careers-culture__community__images {
    flex-direction: column;
    gap: 1.6rem;
  }
}
.otot-careers-culture__community .otot-careers-culture__community__images img {
  width: 37.7rem;
  height: 50.5rem;
  border-radius: 2.4rem 2.4rem 2.4rem 0.4rem;
  overflow: hidden;
}
@media screen and (max-width: 601px) {
  .otot-careers-culture__community .otot-careers-culture__community__images img {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: cover;
  }
}
.otot-careers-culture__community .otot-careers-culture__community__images .otot-careers-culture__community__images__group {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: flex-end;
  align-content: flex-end;
  gap: 2.4rem;
}
@media screen and (max-width: 601px) {
  .otot-careers-culture__community .otot-careers-culture__community__images .otot-careers-culture__community__images__group {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    gap: 1.6rem;
  }
}
.otot-careers-culture__community .otot-careers-culture__community__images .otot-careers-culture__community__images__group img {
  width: 13.9rem;
  height: 13.2rem;
  border-radius: 1.6rem 0.2rem 1.6rem 1.6rem;
}
.otot-careers-culture__community .otot-careers-culture__community__images .otot-careers-culture__community__images__group img:last-of-type {
  width: 31.4rem;
  height: 23.7rem;
  border-radius: 2rem 2rem 0.4rem 2rem;
}

.otot-careers-culture__benefits {
  width: 100%;
  max-width: 200rem;
  margin: 0 auto;
  padding-top: 20rem;
}
@media screen and (max-width: 821px) {
  .otot-careers-culture__benefits {
    padding-top: 12rem;
  }
}
.otot-careers-culture__benefits .otot-careers-culture__benefits__content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 4rem;
  margin-top: 7.2rem;
}
@media screen and (max-width: 821px) {
  .otot-careers-culture__benefits .otot-careers-culture__benefits__content {
    gap: 4rem 2.4rem;
    align-items: stretch;
    align-content: stretch;
  }
}
.otot-careers-culture__benefits .otot-careers-culture__benefits__content .otot-careers-culture__benefits__card {
  width: calc((100% - 8rem) / 3);
}
@media screen and (max-width: 821px) {
  .otot-careers-culture__benefits .otot-careers-culture__benefits__content .otot-careers-culture__benefits__card {
    width: calc((100% - 2.4rem) / 2);
  }
}
@media screen and (max-width: 601px) {
  .otot-careers-culture__benefits .otot-careers-culture__benefits__content .otot-careers-culture__benefits__card {
    width: 100%;
  }
}
.otot-careers-culture__benefits .otot-careers-culture__benefits__content .otot-careers-culture__benefits__card .otot-careers-culture__benefits__card__wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 2.4rem;
  padding-bottom: 6.4rem;
  border-bottom: 1px solid #E0E0E0;
}
@media screen and (max-width: 821px) {
  .otot-careers-culture__benefits .otot-careers-culture__benefits__content .otot-careers-culture__benefits__card .otot-careers-culture__benefits__card__wrapper {
    height: 100%;
    padding-bottom: 4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-careers-culture__benefits .otot-careers-culture__benefits__content .otot-careers-culture__benefits__card .otot-careers-culture__benefits__card__header {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
  }
}
.otot-careers-culture__benefits .otot-careers-culture__benefits__content .otot-careers-culture__benefits__card .otot-careers-culture__benefits__card__icon {
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 100%;
  background: #D3FF3B;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-bottom: 4.8rem;
}
@media screen and (max-width: 821px) {
  .otot-careers-culture__benefits .otot-careers-culture__benefits__content .otot-careers-culture__benefits__card .otot-careers-culture__benefits__card__icon {
    margin-bottom: 3.2rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-careers-culture__benefits .otot-careers-culture__benefits__content .otot-careers-culture__benefits__card .otot-careers-culture__benefits__card__icon {
    margin: 0;
  }
}
.otot-careers-culture__benefits .otot-careers-culture__benefits__content .otot-careers-culture__benefits__card .otot-careers-culture__benefits__card__icon img {
  width: 3.6rem;
}
.otot-careers-culture__benefits .otot-careers-culture__benefits__content .otot-careers-culture__benefits__card .otot-careers-culture__benefits__card__title {
  width: 100%;
}
@media screen and (max-width: 601px) {
  .otot-careers-culture__benefits .otot-careers-culture__benefits__content .otot-careers-culture__benefits__card .otot-careers-culture__benefits__card__title {
    margin-top: 1.2rem;
  }
}
.otot-careers-culture__benefits .otot-careers-culture__benefits__content .otot-careers-culture__benefits__card .otot-careers-culture__benefits__card__description {
  width: 100%;
}
@media screen and (max-width: 601px) {
  .otot-careers-culture__benefits .otot-careers-culture__benefits__content .otot-careers-culture__benefits__card .otot-careers-culture__benefits__card__description {
    font-size: 2.2rem;
  }
}

.otot-careers-culture__open-positions {
  width: 100%;
  max-width: 232rem;
  margin: 0 auto;
  padding: 20rem 16rem;
  color: #F1F2F2;
}
@media screen and (max-width: 821px) {
  .otot-careers-culture__open-positions {
    padding: 12rem 4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-careers-culture__open-positions {
    padding: 11rem 1.6rem;
  }
}
.otot-careers-culture__open-positions .otot-careers-culture__open-positions__card__title {
  width: 44%;
  margin: 2rem 0 6.4rem;
}
@media screen and (max-width: 821px) {
  .otot-careers-culture__open-positions .otot-careers-culture__open-positions__card__title {
    width: 80%;
  }
}
@media screen and (max-width: 601px) {
  .otot-careers-culture__open-positions .otot-button {
    width: 100%;
  }
}
@media screen and (max-width: 601px) {
  .otot-careers-culture__open-positions .section__title-label {
    color: #D3FF3B;
  }
  .otot-careers-culture__open-positions .section__title-label::before {
    background: #F1F2F2;
  }
}

body:has(.otot-case-studies) {
  padding: 0;
  background: #161616;
}
body:has(.otot-case-studies) .otot-contact__footer {
  width: calc(100% - 4.8rem);
  margin: 2.4rem;
}
@media screen and (max-width: 601px) {
  body:has(.otot-case-studies) .otot-contact__footer {
    width: calc(100% - 1.6rem);
    margin: 2.4rem 0.8rem;
  }
}

.otot-case-studies .otot-page__white-wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 4rem;
  padding: 0 0 0 0rem;
  overflow: visible;
}
.otot-case-studies .otot-case-studies__content-wrapper {
  width: 100%;
  max-width: 200rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 4rem;
  padding: 0 8rem 5.6rem;
}
@media screen and (max-width: 821px) {
  .otot-case-studies .otot-case-studies__content-wrapper {
    padding: 0 2.4rem 4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-case-studies .otot-case-studies__content-wrapper {
    padding: 0 1.6rem 4rem;
    gap: 1.6rem;
  }
}
.otot-case-studies .otot-case-studies__filters {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: flex-end;
  position: sticky;
  top: 0;
  padding: 6.4rem 2.4rem 1.6rem;
  background: #F1F2F2;
  z-index: 2;
}
@media screen and (max-width: 821px) {
  .otot-case-studies .otot-case-studies__filters {
    padding: 4rem 0 1.6rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-case-studies .otot-case-studies__filters {
    align-items: flex-start;
  }
}
.otot-case-studies .otot-case-studies__filters .otot-case-studies__filters__text {
  font-family: "ballingermono-medium", "acumin-pro", sans-serif, sans-serif;
  text-align: right;
  font-size: 1.8rem;
}
.otot-case-studies .otot-case-studies__filters .otot-case-studies__filters__buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 0.8rem;
  margin-top: 1.6rem;
}
@media screen and (max-width: 821px) {
  .otot-case-studies .otot-case-studies__filters .otot-case-studies__filters__buttons {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 601px) {
  .otot-case-studies .otot-case-studies__filters .otot-case-studies__filters__buttons {
    justify-content: flex-start;
  }
}
.otot-case-studies .otot-case-studies__filters .otot-case-studies__filters__buttons .otot-case-studies__filter {
  font-family: "ballingermono-medium", "acumin-pro", sans-serif, sans-serif;
  text-transform: uppercase;
  font-size: 1.6rem;
  color: #F1F2F2;
  background-color: #282829;
  padding: 0.6rem 1.2rem;
  border-radius: 2.4rem;
  text-align: center;
  border: 1px solid #282829;
  transition: all 0.3s ease;
}
.otot-case-studies .otot-case-studies__filters .otot-case-studies__filters__buttons .otot-case-studies__filter.active {
  background-color: #D3FF3B;
  color: #282829;
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .otot-case-studies .otot-case-studies__filters .otot-case-studies__filters__buttons .otot-case-studies__filter:hover {
    background-color: #5F6368;
  }
}
.otot-case-studies .otot-case-studies__filters .otot-case-studies__filters__buttons .otot-case-studies__filter.show-all {
  text-transform: none;
}

.otot-case-studies__cases .otot-case-studies__cases__content {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 2.4rem;
}
.otot-case-studies__cases .otot-case-studies__cases__content .card--case-study:nth-child(n+4):not(:last-child), .otot-case-studies__cases .otot-case-studies__cases__content .card--case-study:nth-child(n+4):last-child:nth-child(odd) {
  width: calc(50% - 1.2rem);
  flex-direction: column;
  gap: 4.8rem;
}
@media screen and (max-width: 821px) {
  .otot-case-studies__cases .otot-case-studies__cases__content .card--case-study:nth-child(n+4):not(:last-child), .otot-case-studies__cases .otot-case-studies__cases__content .card--case-study:nth-child(n+4):last-child:nth-child(odd) {
    width: 100%;
  }
}
@media screen and (min-width: 821px) {
  .otot-case-studies__cases .otot-case-studies__cases__content .card--case-study:nth-child(n+4):not(:last-child) .otot-case-studies__cases__card__image, .otot-case-studies__cases .otot-case-studies__cases__content .card--case-study:nth-child(n+4):last-child:nth-child(odd) .otot-case-studies__cases__card__image {
    width: 100%;
    height: 24rem;
  }
  .otot-case-studies__cases .otot-case-studies__cases__content .card--case-study:nth-child(n+4):not(:last-child) .otot-case-studies__cases__card__content, .otot-case-studies__cases .otot-case-studies__cases__content .card--case-study:nth-child(n+4):last-child:nth-child(odd) .otot-case-studies__cases__card__content {
    padding: 0;
    height: 100%;
  }
  .otot-case-studies__cases .otot-case-studies__cases__content .card--case-study:nth-child(n+4):not(:last-child) .otot-case-studies__cases__card__title, .otot-case-studies__cases .otot-case-studies__cases__content .card--case-study:nth-child(n+4):last-child:nth-child(odd) .otot-case-studies__cases__card__title {
    margin-bottom: 0;
  }
}

.card--case-study {
  width: 100%;
  border-radius: 4rem 0.8rem 4rem 0.8rem;
  padding: 2.4rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 8rem;
  background: #282829;
}
@media screen and (max-width: 821px) {
  .card--case-study {
    flex-direction: column;
    border-radius: 2.8rem 0.8rem;
    gap: 4rem;
  }
}
@media screen and (max-width: 601px) {
  .card--case-study {
    padding: 1.6rem;
    gap: 2.8rem;
    position: relative;
  }
}
.card--case-study .otot-case-studies__cases__card__image {
  width: 52rem;
  border-radius: 2.8rem 0.4rem 2.8rem 0.4rem;
  flex-shrink: 0;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  overflow: hidden;
}
@media screen and (max-width: 821px) {
  .card--case-study .otot-case-studies__cases__card__image {
    width: 100%;
    border-radius: 1.6rem 0.4rem;
  }
}
@media screen and (max-width: 601px) {
  .card--case-study .otot-case-studies__cases__card__image {
    aspect-ratio: 16/8;
  }
}
.card--case-study .otot-case-studies__cases__card__image picture, .card--case-study .otot-case-studies__cases__card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.card--case-study .otot-case-studies__cases__card__image::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.3);
}
.card--case-study .otot-case-studies__cases__card__content {
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  color: #F1F2F2;
  gap: 6.4rem;
  padding: 5.6rem 0 3.2rem;
}
@media screen and (max-width: 821px) {
  .card--case-study .otot-case-studies__cases__card__content {
    padding: 0 0 2.4rem;
  }
}
@media screen and (max-width: 601px) {
  .card--case-study .otot-case-studies__cases__card__content {
    position: static;
    gap: 4rem;
    padding-bottom: 0.8rem;
  }
}
.card--case-study .otot-case-studies__cases__card__content .otot-case-studies__cases__card__content__text {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 2.4rem;
}
@media screen and (max-width: 601px) {
  .card--case-study .otot-case-studies__cases__card__content .otot-case-studies__cases__card__content__text {
    gap: 3.2rem;
  }
}
@media screen and (max-width: 601px) {
  .card--case-study .otot-case-studies__cases__card__content .otot-case-studies__cases__card__label {
    font-size: 1.8rem;
  }
}
.card--case-study .otot-case-studies__cases__card__content .otot-case-studies__cases__card__title {
  margin-bottom: 3.2rem;
  line-height: 1.1;
}
@media screen and (max-width: 821px) {
  .card--case-study .otot-case-studies__cases__card__content .otot-case-studies__cases__card__title {
    margin: 0;
    width: 95%;
  }
}
.card--case-study .otot-case-studies__cases__card__content .otot-case-studies__cases__card__excerpt {
  line-height: 1.4;
  width: 90%;
}
@media screen and (max-width: 821px) {
  .card--case-study .otot-case-studies__cases__card__content .otot-case-studies__cases__card__excerpt {
    width: 95%;
  }
}
.card--case-study .otot-case-studies__cases__card__content__footer {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  gap: 1.2rem;
  padding-right: 2.4rem;
}
@media screen and (max-width: 821px) {
  .card--case-study .otot-case-studies__cases__card__content__footer {
    padding: 0;
  }
}
.card--case-study .otot-case-studies__cases__card__content__footer button {
  flex-shrink: 0;
}
@media screen and (max-width: 601px) {
  .card--case-study .otot-case-studies__cases__card__content__footer button {
    width: 100%;
  }
}
.card--case-study .otot-case-studies__cases__card__categories {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 0.8rem;
}
@media screen and (max-width: 601px) {
  .card--case-study .otot-case-studies__cases__card__categories {
    position: absolute;
    top: 2.4rem;
    right: 0;
    padding: 0 2.4rem;
  }
}
@media screen and (max-width: 601px) {
  .card--case-study .otot-case-studies__cases__card__categories span {
    background: #282829;
  }
}

body.single-case_studies {
  padding: 0;
  background: #161616;
}
body.single-case_studies .otot-contact__footer {
  width: calc(100% - 13.6rem);
  margin: 6.8rem;
}
@media screen and (max-width: 821px) {
  body.single-case_studies .otot-contact__footer {
    width: calc(100% - 4.8rem);
    margin: 4rem 2.4rem;
  }
}
@media screen and (max-width: 601px) {
  body.single-case_studies .otot-contact__footer {
    width: calc(100% - 1.6rem);
    margin: 2.4rem 0.8rem;
  }
}

.otot-case-study__cover {
  position: relative;
  z-index: 1;
}
.otot-case-study__cover .otot-case-study__cover__bg {
  width: 100%;
  height: 100%;
  min-height: 48rem;
  position: absolute;
  z-index: 1;
  padding-left: 37%;
  overflow: hidden;
}
@media screen and (max-width: 821px) {
  .otot-case-study__cover .otot-case-study__cover__bg {
    min-height: 40dvh;
  }
}
.otot-case-study__cover .otot-case-study__cover__bg picture, .otot-case-study__cover .otot-case-study__cover__bg img {
  height: 100%;
  object-fit: cover;
}
.otot-case-study__cover .otot-case-study__cover__bg::before {
  content: "";
  width: 63%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 37%;
  background: linear-gradient(-90deg, rgba(22, 22, 22, 0) 0%, rgb(22, 22, 22) 100%);
}
.otot-case-study__cover .otot-case-study__cover__bg::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(22, 22, 22, 0) 0%, rgb(22, 22, 22) 100%);
}
.otot-case-study__cover .otot-case-study__cover__content {
  width: 100%;
  padding: 20rem 7.2rem 14rem;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 4.4rem;
}
@media screen and (max-width: 821px) {
  .otot-case-study__cover .otot-case-study__cover__content {
    padding: 16rem 2.4rem 4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-case-study__cover .otot-case-study__cover__content {
    padding: 12rem 2.4rem 4rem;
    gap: 3.2rem;
  }
}
.otot-case-study__cover .otot-case-study__cover__content .otot-case-study__cover__content__top {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  gap: 4rem;
}
.otot-case-study__cover .otot-case-study__cover__content .otot-case-study__cover__categories {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.8rem;
}
.otot-case-study__cover .otot-case-study__cover__content .otot-case-study__cover__categories .otot-case-study__cover__category {
  font-size: 1.4rem;
}
.otot-case-study__cover .otot-case-study__cover__content .otot-button {
  flex-shrink: 0;
}
.otot-case-study__cover .otot-case-study__cover__content .otot-case-study__cover__content__bottom {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 3.2rem;
}
.otot-case-study__cover .otot-case-study__cover__content .otot-case-study__cover__label {
  color: #F1F2F2;
}
.otot-case-study__cover .otot-case-study__cover__content .otot-case-study__cover__title {
  width: 80%;
  color: #F1F2F2;
  position: relative;
  font-size: 7.2rem;
}
@media screen and (max-width: 821px) {
  .otot-case-study__cover .otot-case-study__cover__content .otot-case-study__cover__title {
    font-size: 4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-case-study__cover .otot-case-study__cover__content .otot-case-study__cover__title {
    width: 100%;
    font-size: 3.6rem;
  }
}

.otot-case-study__content {
  width: calc(100% - 14.4rem);
  margin: -8rem 7.2rem 0;
  padding: 12rem 12rem 8rem;
  background: #F1F2F2;
  border-radius: 0.8rem 4.8rem 4.8rem 4.8rem;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 4rem;
}
@media screen and (max-width: 821px) {
  .otot-case-study__content {
    width: calc(100% - 4.8rem);
    margin: -0.4rem 2.4rem 0;
    padding: 8rem 4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-case-study__content {
    width: calc(100% - 1.6rem);
    margin: -0.4rem 0.8rem 0;
    padding: 8rem 2.4rem;
    border-radius: 2rem;
    font-size: 2rem;
  }
}

.otot-case-study__intro {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  gap: 4rem;
  margin-bottom: 8rem;
}
@media screen and (max-width: 821px) {
  .otot-case-study__intro {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
  }
}
.otot-case-study__intro .otot-case-study__intro__image {
  width: 64rem;
  flex-shrink: 0;
}
@media screen and (max-width: 821px) {
  .otot-case-study__intro .otot-case-study__intro__image {
    width: 100%;
  }
}
.otot-case-study__intro .otot-case-study__intro__text {
  flex-grow: 1;
  max-width: 60%;
}
@media screen and (max-width: 821px) {
  .otot-case-study__intro .otot-case-study__intro__text {
    max-width: 100%;
  }
}

.otot-case-study__problem {
  max-width: 200rem;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 8rem;
  padding-bottom: 16rem;
  border-bottom: 1px solid #D9D9D9;
}
@media screen and (max-width: 821px) {
  .otot-case-study__problem {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    gap: 2.4rem;
    border-bottom: none;
  }
}
@media screen and (max-width: 601px) {
  .otot-case-study__problem {
    padding-bottom: 8rem;
  }
}
.otot-case-study__problem .otot-case-study__problem__left {
  width: calc(50% - 4rem);
  flex-srhink: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 6.4rem;
}
@media screen and (max-width: 821px) {
  .otot-case-study__problem .otot-case-study__problem__left {
    width: 100%;
  }
}
.otot-case-study__problem .otot-case-study__problem__left p {
  margin-bottom: 4rem;
  line-height: 1.4;
}
.otot-case-study__problem .otot-case-study__problem__right {
  width: calc(50% - 4rem);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 4.8rem;
  padding-top: 8.5rem;
}
@media screen and (max-width: 821px) {
  .otot-case-study__problem .otot-case-study__problem__right {
    width: 100%;
    gap: 4rem;
    padding-top: 0;
  }
}
.otot-case-study__problem .otot-case-study__problem__right .otot-case-study__problem__bullets__text {
  font-weight: 500;
}
.otot-case-study__problem .otot-case-study__problem__right .otot-case-study__problem__bullets {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 2.4rem;
}
.otot-case-study__problem .otot-case-study__problem__right .otot-case-study__problem__bullets .otot-case-study__problem__bullets__item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 2rem;
  padding-bottom: 2.4rem;
  border-bottom: 1px solid #D9D9D9;
}
.otot-case-study__problem .otot-case-study__problem__right .otot-case-study__problem__bullets .otot-case-study__problem__bullets__item:nth-last-of-type() {
  border-bottom: none;
}
.otot-case-study__problem .otot-case-study__problem__right .otot-case-study__problem__bullets .otot-case-study__problem__bullets__item::before {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  flex-shrink: 0;
  border-radius: 100%;
  background-color: #D3FF3B;
  background-image: url("../images/icons/icon_arrow-dark.svg");
  background-size: 1rem auto;
  background-position: center;
  background-repeat: no-repeat;
}

.otot-case-study__approach {
  max-width: 200rem;
  margin: 0 auto;
  padding-top: 8rem;
  padding-bottom: 8rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 4rem;
}
@media screen and (max-width: 601px) {
  .otot-case-study__approach {
    gap: 6.4rem;
  }
}
.otot-case-study__approach .otot-case-study__approach__header {
  width: 45%;
}
@media screen and (max-width: 821px) {
  .otot-case-study__approach .otot-case-study__approach__header {
    width: 100%;
  }
}
.otot-case-study__approach .otot-case-study__approach__description {
  font-weight: 500;
  line-height: 1.4;
  margin-top: 5.6rem;
}
.otot-case-study__approach .otot-case-study__approach__areas {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  gap: 4rem;
}
.otot-case-study__approach .otot-case-study__approach__areas .otot-case-study__approach__areas__item {
  width: calc((100% - 8rem) / 3);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 2rem;
  padding-bottom: 4rem;
  border-bottom: 1px solid #D9D9D9;
  position: relative;
}
@media screen and (max-width: 821px) {
  .otot-case-study__approach .otot-case-study__approach__areas .otot-case-study__approach__areas__item {
    width: 100%;
    padding-top: 4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-case-study__approach .otot-case-study__approach__areas .otot-case-study__approach__areas__item {
    padding-top: 0;
  }
}
@media screen and (max-width: 601px) {
  .otot-case-study__approach .otot-case-study__approach__areas .otot-case-study__approach__areas__item .otot-case-study__approach__areas__item__heading {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    gap: 2.4rem;
  }
}
.otot-case-study__approach .otot-case-study__approach__areas .otot-case-study__approach__areas__item .otot-case-study__approach__areas__item__icon {
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 100%;
  background: #D3FF3B;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-bottom: 4rem;
  flex-shrink: 0;
}
@media screen and (max-width: 821px) {
  .otot-case-study__approach .otot-case-study__approach__areas .otot-case-study__approach__areas__item .otot-case-study__approach__areas__item__icon {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media screen and (max-width: 601px) {
  .otot-case-study__approach .otot-case-study__approach__areas .otot-case-study__approach__areas__item .otot-case-study__approach__areas__item__icon {
    position: relative;
    top: auto;
    right: auto;
    margin: 0;
  }
}
.otot-case-study__approach .otot-case-study__approach__areas .otot-case-study__approach__areas__item .otot-case-study__approach__areas__item__icon img {
  width: 3.6rem;
}
.otot-case-study__approach .otot-case-study__approach__areas .otot-case-study__approach__areas__item .otot-case-study__approach__areas__item__title {
  width: 100%;
}
@media screen and (max-width: 601px) {
  .otot-case-study__approach .otot-case-study__approach__areas .otot-case-study__approach__areas__item .otot-case-study__approach__areas__item__title {
    margin-top: 2rem;
  }
}
.otot-case-study__approach .otot-case-study__approach__areas .otot-case-study__approach__areas__item .otot-case-study__approach__areas__item__description {
  width: 100%;
  line-height: 1.4;
}
@media screen and (min-width: 821px) {
  .otot-case-study__approach .otot-case-study__approach__areas:has(> :nth-child(2):last-child) .otot-case-study__approach__areas__item, .otot-case-study__approach .otot-case-study__approach__areas:has(> :nth-child(4):last-child) .otot-case-study__approach__areas__item {
    width: calc((100% - 4rem) / 2);
  }
  .otot-case-study__approach .otot-case-study__approach__areas:has(> :nth-child(5):last-child) .otot-case-study__approach__areas__item:nth-child(n+4), .otot-case-study__approach .otot-case-study__approach__areas:has(> :nth-child(7):last-child) .otot-case-study__approach__areas__item:nth-child(n+4) {
    width: calc((100% - 4rem) / 2);
  }
  .otot-case-study__approach .otot-case-study__approach__areas:has(> :nth-child(8):last-child) .otot-case-study__approach__areas__item:nth-child(n+7) {
    width: calc((100% - 4rem) / 2);
  }
}
.otot-case-study__approach .otot-case-study__approach__image {
  width: 100%;
  padding: 4rem 24rem;
}
@media screen and (max-width: 821px) {
  .otot-case-study__approach .otot-case-study__approach__image {
    padding: 4rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-case-study__approach .otot-case-study__approach__image {
    padding: 4rem 0;
  }
}

.otot-case-study__outcomes {
  max-width: 200rem;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 8rem;
  padding-top: 12rem;
}
@media screen and (max-width: 821px) {
  .otot-case-study__outcomes {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    padding-top: 8rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-case-study__outcomes {
    padding-top: 4rem;
  }
}
.otot-case-study__outcomes .otot-case-study__outcomes__left {
  width: calc(50% - 4rem);
  flex-srhink: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 6.4rem;
}
@media screen and (max-width: 821px) {
  .otot-case-study__outcomes .otot-case-study__outcomes__left {
    width: 100%;
  }
}
.otot-case-study__outcomes .otot-case-study__outcomes__left p {
  margin-bottom: 4rem;
  line-height: 1.4;
}
.otot-case-study__outcomes .otot-case-study__outcomes__left p:last-of-type {
  margin-bottom: 0;
}
.otot-case-study__outcomes .otot-case-study__outcomes__right {
  width: calc(50% - 4rem);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 12.8rem;
  padding-top: 8.5rem;
}
@media screen and (max-width: 821px) {
  .otot-case-study__outcomes .otot-case-study__outcomes__right {
    width: 100%;
    padding-top: 0;
    gap: 8rem;
  }
}
@media screen and (max-width: 601px) {
  .otot-case-study__outcomes .otot-case-study__outcomes__right {
    gap: 4rem;
  }
}
.otot-case-study__outcomes .otot-case-study__outcomes__bullets__text {
  font-weight: 500;
}
.otot-case-study__outcomes .otot-case-study__outcomes__bullets {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 2.4rem;
}
.otot-case-study__outcomes .otot-case-study__outcomes__bullets .otot-case-study__outcomes__bullets__item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 2rem;
  padding-bottom: 2.4rem;
  border-bottom: 1px solid #D9D9D9;
}
.otot-case-study__outcomes .otot-case-study__outcomes__bullets .otot-case-study__outcomes__bullets__item:nth-last-of-type() {
  border-bottom: none;
}
.otot-case-study__outcomes .otot-case-study__outcomes__bullets .otot-case-study__outcomes__bullets__item::before {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  flex-shrink: 0;
  border-radius: 100%;
  background-color: #D3FF3B;
  background-image: url("../images/icons/icon_check-dark.svg");
  background-size: 1rem auto;
  background-position: center;
  background-repeat: no-repeat;
}
.otot-case-study__outcomes .otot-case-study__outcomes__bottom-text {
  width: 100%;
  font-weight: 500;
}

.otot-case-study__others {
  width: 100%;
  max-width: 200rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 4rem;
  padding-top: 16rem;
}
@media screen and (max-width: 821px) {
  .otot-case-study__others {
    gap: 2.4rem;
  }
}
.otot-case-study__others .otot-case-study__others__label {
  text-align: center;
  color: #5F6368;
  opacity: 0.7;
}
.otot-case-study__others .otot-case-study__others__label::before {
  display: none;
}
.otot-case-study__others .otot-case-study__others__title {
  width: 50%;
  text-align: center;
  line-height: 1;
}
@media screen and (max-width: 821px) {
  .otot-case-study__others .otot-case-study__others__title {
    width: 80%;
  }
}
.otot-case-study__others .otot-case-study__others__cards {
  width: 100%;
  margin-top: 4rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  gap: 4rem;
}
@media screen and (max-width: 821px) {
  .otot-case-study__others .otot-case-study__others__cards {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
  }
}
@media screen and (max-width: 601px) {
  .otot-case-study__others .otot-case-study__others__cards {
    margin-top: 1.6rem;
    gap: 2.4rem;
  }
}
.otot-case-study__others .otot-case-studies__cases__card {
  width: calc((100% - 4rem) / 2);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 4rem;
}
@media screen and (max-width: 821px) {
  .otot-case-study__others .otot-case-studies__cases__card {
    width: 100%;
  }
}
.otot-case-study__others .otot-case-studies__cases__card .otot-case-studies__cases__card__image {
  width: 100%;
  height: 24rem;
}
.otot-case-study__others .otot-case-studies__cases__card .otot-case-studies__cases__card__label {
  font-size: 1.6rem;
  gap: 1.2rem;
}
.otot-case-study__others .otot-case-studies__cases__card .otot-case-studies__cases__card__label::before {
  width: 1rem;
  height: 1rem;
}
.otot-case-study__others .otot-case-studies__cases__card .otot-case-studies__cases__card__title {
  margin-bottom: 0.8rem;
}
.otot-case-study__others .otot-case-studies__cases__card .otot-case-studies__cases__card__content {
  width: 100%;
  padding: 0;
  gap: 3.6rem;
  flex-grow: 1;
}
.otot-case-study__others .otot-case-studies__cases__card .otot-case-studies__cases__card__content button a {
  padding: 1.2rem 1.6rem 1.2rem 1.6rem;
}

img.zoomable {
  cursor: zoom-in;
  transition: transform 0.25s ease, opacity 0.25s ease;
}
@media (hover: hover) and (pointer: fine) {
  img.zoomable:hover {
    transform: scale(1.01);
  }
}

.otot-case-study__image-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  transition: opacity 0.3s ease, visibility 0s linear 0.3s;
}
.otot-case-study__image-modal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.3s ease, visibility 0s linear 0s;
}
.otot-case-study__image-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.82);
}
.otot-case-study__image-modal__dialog {
  position: relative;
  z-index: 2;
  min-width: 80rem;
  max-width: calc(60vw - 4.8rem);
  max-height: calc(100dvh - 4.8rem);
  padding: 2.4rem 4rem;
  background: #F1F2F2;
  border-radius: 2.4rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
}
@media screen and (max-width: 1081px) {
  .otot-case-study__image-modal__dialog {
    max-width: calc(75vw - 4.8rem);
  }
}
@media screen and (max-width: 821px) {
  .otot-case-study__image-modal__dialog {
    padding: 2.4rem;
    min-width: 80vw;
  }
}
@media screen and (max-width: 601px) {
  .otot-case-study__image-modal__dialog {
    min-width: 95vw;
    padding: 1.6rem 0.8rem;
  }
}
.otot-case-study__image-modal__close {
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
  z-index: 3;
  width: 4.8rem;
  height: 4.8rem;
  border: 0;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .otot-case-study__image-modal__close:hover {
    opacity: 0.8;
  }
}
.otot-case-study__image-modal__close span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.6rem;
  height: 0.2rem;
  background: #282829;
  transform-origin: center;
}
.otot-case-study__image-modal__close span:first-child {
  transform: translate(-50%, -50%) rotate(45deg);
}
.otot-case-study__image-modal__close span:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.otot-case-study__image-modal__header {
  padding: 3.2rem 0 2.4rem;
  border-bottom: 1px solid #D9D9D9;
  padding-right: 8rem;
}
@media screen and (max-width: 601px) {
  .otot-case-study__image-modal__header {
    padding: 2.4rem 4rem 2.4rem 1.6rem;
  }
}
.otot-case-study__image-modal__label {
  margin-bottom: 1.2rem;
  font-size: 1.6rem;
  gap: 0.8rem;
}
.otot-case-study__image-modal__content {
  padding: 1.6rem 0 2.4rem;
  overflow: hidden;
  flex: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.otot-case-study__image-modal__viewport {
  width: 100%;
  height: 100%;
  overflow: hidden;
  touch-action: none;
  cursor: grab;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.otot-case-study__image-modal__img {
  width: 100%;
  height: 100%;
  user-select: none;
  -webkit-user-drag: none;
  transform-origin: center center;
  will-change: transform;
  object-fit: contain;
}
@media screen and (max-width: 821px) {
  .otot-case-study__image-modal__dialog {
    width: calc(100vw - 2.4rem);
    max-height: calc(100dvh - 2.4rem);
    margin: 1.2rem auto;
    border-radius: 1.6rem;
  }
  .otot-case-study__image-modal__header {
    padding: 2rem 2rem 1.6rem;
    padding-right: 6rem;
  }
  .otot-case-study__image-modal__content {
    padding: 1.6rem 0 2rem;
  }
  .otot-case-study__image-modal__close {
    top: 1.6rem;
    right: 1.6rem;
    width: 4rem;
    height: 4rem;
  }
}

body:has(.otot-privacy-policy) {
  padding: 0;
  background: #161616;
}
body:has(.otot-privacy-policy) .otot-contact__footer {
  width: calc(100% - 4.8rem);
  margin: 2.4rem;
}
@media screen and (max-width: 601px) {
  body:has(.otot-privacy-policy) .otot-contact__footer {
    width: calc(100% - 1.6rem);
    margin: 2.4rem 0.8rem;
  }
}
body:has(.otot-privacy-policy) .otot-page__white-wrapper {
  padding: 16rem 12rem 24rem;
}
@media screen and (max-width: 821px) {
  body:has(.otot-privacy-policy) .otot-page__white-wrapper {
    padding: 8rem 4rem 12rem;
  }
}
body:has(.otot-privacy-policy) .otot-privacy-policy__content {
  max-width: 200rem;
  padding-right: 40rem;
  margin: 0 auto;
  font-size: 2.2rem;
}
@media screen and (max-width: 821px) {
  body:has(.otot-privacy-policy) .otot-privacy-policy__content {
    padding-right: 8rem;
  }
}
@media screen and (max-width: 601px) {
  body:has(.otot-privacy-policy) .otot-privacy-policy__content {
    padding-right: 0rem;
    font-size: 2rem;
  }
}
body:has(.otot-privacy-policy) .otot-privacy-policy__content p {
  margin-bottom: 2.4rem;
}
body:has(.otot-privacy-policy) .otot-privacy-policy__content strong {
  font-size: 700;
}
body:has(.otot-privacy-policy) .otot-privacy-policy__content h2, body:has(.otot-privacy-policy) .otot-privacy-policy__content h3 {
  width: 100%;
  margin-top: 8rem;
  padding-top: 8rem;
  border-top: 1px solid #D9D9D9;
  margin-bottom: 2.4rem;
  font-family: "Aesthet Nova W03 Medium", "acumin-pro", sans-serif, sans-serif;
  font-size: 4rem;
  line-height: 1.2;
  font-weight: 400;
}
@media screen and (max-width: 821px) {
  body:has(.otot-privacy-policy) .otot-privacy-policy__content h2, body:has(.otot-privacy-policy) .otot-privacy-policy__content h3 {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 821px) {
  body:has(.otot-privacy-policy) .otot-privacy-policy__content h2, body:has(.otot-privacy-policy) .otot-privacy-policy__content h3 {
    margin-top: 4rem;
    padding-top: 4rem;
  }
}
body:has(.otot-privacy-policy) .otot-privacy-policy__content h4, body:has(.otot-privacy-policy) .otot-privacy-policy__content h5 {
  width: 100%;
  margin-top: 4rem;
  font-family: "Aesthet Nova W03 Medium", "acumin-pro", sans-serif, sans-serif;
  font-size: 3.2rem;
  line-height: 1.2;
}
@media screen and (max-width: 821px) {
  body:has(.otot-privacy-policy) .otot-privacy-policy__content h4, body:has(.otot-privacy-policy) .otot-privacy-policy__content h5 {
    font-size: 2.8rem;
  }
}
body:has(.otot-privacy-policy) .otot-privacy-policy__content ul {
  list-style: initial;
  padding-left: 2.4rem;
}
body:has(.otot-privacy-policy) .otot-privacy-policy__content ul li::marker {
  color: #D3FF3B;
}

body:has(.otot-404) {
  padding: 0;
  background: #161616;
}
body:has(.otot-404) .otot-contact__footer {
  width: calc(100% - 4.8rem);
  margin: 2.4rem;
}
body:has(.otot-404) .otot-contact__footer {
  position: relative;
  z-index: 1;
}

.otot-404__cover {
  position: relative;
  z-index: 1;
}
.otot-404__cover .otot-404__cover__bg {
  position: relative;
  z-index: 0;
  max-height: 80vh;
}
@media screen and (orientation: portrait) {
  .otot-404__cover .otot-404__cover__bg {
    min-height: 65dvh;
    max-height: 1000dvh;
    overflow: hidden;
  }
  .otot-404__cover .otot-404__cover__bg picture, .otot-404__cover .otot-404__cover__bg img {
    width: 140%;
    object-fit: cover;
  }
}
@media screen and (max-width: 601px) {
  .otot-404__cover .otot-404__cover__bg picture, .otot-404__cover .otot-404__cover__bg img {
    width: 100%;
  }
}

.otot-404__content-wrapper {
  width: 100vw;
  min-height: 80vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-align: center;
  padding: 8rem;
  color: #F1F2F2;
  gap: 4rem;
}
@media screen and (max-width: 601px) {
  .otot-404__content-wrapper {
    padding: 8rem 2.4rem 4rem 2.4rem;
  }
}

.otot-404__header {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-align: center;
  gap: 1.6rem;
}
.otot-404__header .otot-404__cover__label {
  color: #D3FF3B;
}
.otot-404__header .otot-404__cover__label::before {
  display: none;
}

.otot-404__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-align: center;
  gap: 6.4rem;
}

/*# sourceMappingURL=otot-styles.css.map */