/* ============================================================
   Seluruh nilai px di file ini adalah px DESAIN Figma (frame
   lebar 1920px) yang sudah dikonversi menjadi
   calc(N * var(--u)), dengan --u = 1px desain
   (lihat ../responsive.css). Dengan cara ini seluruh halaman
   menskalakan proporsional mengikuti resolusi layar: isi tidak
   terpotong dan tidak ada scroll samping.
   ============================================================ */

.about-us,
.about-us * {
  box-sizing: border-box;
}
.about-us {
  background: #ffffff;
  width: var(--page-width);
  height: calc(2876 * var(--u));
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.bg-about-us {
  width: calc(2088.48 * var(--u));
  height: calc(872.68 * var(--u));
  position: absolute;
  left: calc(-38 * var(--u));
  top: calc(5 * var(--u));
  overflow: hidden;
}
.vector {
  width: 91.84%;
  height: 93.73%;
  position: absolute;
  right: 6.25%;
  left: 1.91%;
  bottom: 6.27%;
  top: 0%;
  overflow: visible;
}
.group {
  width: 13.3%;
  height: 31.56%;
  position: absolute;
  right: 85.76%;
  left: 0.94%;
  bottom: 53.78%;
  top: 14.66%;
  overflow: visible;
}
.group2 {
  width: 13.3%;
  height: 31.56%;
  position: absolute;
  right: 85.33%;
  left: 1.37%;
  bottom: 26.16%;
  top: 42.28%;
  overflow: visible;
}
.group3 {
  width: 16.52%;
  height: 39.2%;
  position: absolute;
  right: 83.48%;
  left: 0%;
  bottom: 0%;
  top: 60.8%;
  overflow: visible;
}
.group4 {
  width: 13.3%;
  height: 31.56%;
  position: absolute;
  right: 74.98%;
  left: 11.71%;
  bottom: 63.06%;
  top: 5.38%;
  overflow: visible;
}
.group5 {
  width: 13.3%;
  height: 31.56%;
  position: absolute;
  right: 64.64%;
  left: 22.06%;
  bottom: 53.32%;
  top: 15.12%;
  overflow: visible;
}
.group6 {
  width: 16.69%;
  height: 39.59%;
  position: absolute;
  right: 73.91%;
  left: 9.4%;
  bottom: 36.36%;
  top: 24.05%;
  overflow: visible;
}
.group7 {
  width: 15.92%;
  height: 37.75%;
  position: absolute;
  right: 71.28%;
  left: 12.8%;
  bottom: 4.5%;
  top: 57.74%;
  overflow: visible;
}
.group8 {
  width: 14.56%;
  height: 34.54%;
  position: absolute;
  right: 62.82%;
  left: 22.62%;
  bottom: 28.8%;
  top: 36.66%;
  overflow: visible;
}
.group9 {
  width: 13.3%;
  height: 31.56%;
  position: absolute;
  right: 55.16%;
  left: 31.54%;
  bottom: 51.49%;
  top: 16.95%;
  overflow: visible;
}
.group10 {
  width: 13.3%;
  height: 31.56%;
  position: absolute;
  right: 53.53%;
  left: 33.16%;
  bottom: 19.17%;
  top: 49.27%;
  overflow: visible;
}
.group11 {
  width: 13.3%;
  height: 31.56%;
  position: absolute;
  right: 64.35%;
  left: 22.34%;
  bottom: 0.84%;
  top: 67.6%;
  overflow: visible;
}
.group12 {
  width: 13.3%;
  height: 31.56%;
  position: absolute;
  right: 52.33%;
  left: 34.36%;
  bottom: 1.53%;
  top: 66.91%;
  overflow: visible;
}
.group13 {
  width: 14.95%;
  height: 35.46%;
  position: absolute;
  right: 39.35%;
  left: 45.7%;
  bottom: 3.7%;
  top: 60.84%;
  overflow: visible;
}
.group14 {
  width: 15.04%;
  height: 35.69%;
  position: absolute;
  right: 43.61%;
  left: 41.34%;
  bottom: 32.69%;
  top: 31.62%;
  overflow: visible;
}
.group15 {
  width: 13.3%;
  height: 31.56%;
  position: absolute;
  right: 43.14%;
  left: 43.55%;
  bottom: 61.92%;
  top: 6.53%;
  overflow: visible;
}
.group16 {
  width: 16.4%;
  height: 38.9%;
  position: absolute;
  right: 29.96%;
  left: 53.64%;
  bottom: 47.82%;
  top: 13.28%;
  overflow: visible;
}
.group17 {
  width: 13.3%;
  height: 31.56%;
  position: absolute;
  right: 35.29%;
  left: 51.41%;
  bottom: 23.41%;
  top: 45.03%;
  overflow: visible;
}
.group18 {
  width: 13.3%;
  height: 31.56%;
  position: absolute;
  right: 27.24%;
  left: 59.45%;
  bottom: 4.51%;
  top: 63.94%;
  overflow: visible;
}
.group19 {
  width: 15.63%;
  height: 37.07%;
  position: absolute;
  right: 22.59%;
  left: 61.78%;
  bottom: 26.04%;
  top: 36.89%;
  overflow: visible;
}
.group20 {
  width: 13.3%;
  height: 31.56%;
  position: absolute;
  right: 18.96%;
  left: 67.73%;
  bottom: 54.93%;
  top: 13.52%;
  overflow: visible;
}
.group21 {
  width: 15.71%;
  height: 37.27%;
  position: absolute;
  right: 5.12%;
  left: 79.17%;
  bottom: 56.31%;
  top: 6.42%;
  overflow: visible;
}
.group22 {
  width: 13.3%;
  height: 31.56%;
  position: absolute;
  right: 12.31%;
  left: 74.39%;
  bottom: 30.29%;
  top: 38.15%;
  overflow: visible;
}
.group23 {
  width: 16.5%;
  height: 39.13%;
  position: absolute;
  right: 1.9%;
  left: 81.6%;
  bottom: 4.62%;
  top: 56.25%;
  overflow: visible;
}
.group24 {
  width: 13.3%;
  height: 31.56%;
  position: absolute;
  right: 0%;
  left: 86.7%;
  bottom: 36.13%;
  top: 32.31%;
  overflow: visible;
}
.group25 {
  width: 13.3%;
  height: 31.56%;
  position: absolute;
  right: 14.99%;
  left: 71.71%;
  bottom: 2.9%;
  top: 65.54%;
  overflow: visible;
}
.vector2 {
  opacity: 0.3;
  width: 91.84%;
  height: 93.73%;
  position: absolute;
  right: 6.25%;
  left: 1.91%;
  bottom: 6.27%;
  top: 0%;
  overflow: visible;
  z-index: 0;
}
.tentang {
  color: #fdeed0;
  text-align: left;
  font-family: "WashYourHand-Regular", sans-serif;
  font-size: calc(59 * var(--u));
  font-weight: 400;
  position: absolute;
  right: 76.59%;
  left: 14.08%;
  width: 9.34%;
  bottom: 61.27%;
  top: 32.43%;
  height: 6.3%;
  z-index: 2;
}
.sothu {
  color: #fdeed0;
  text-align: left;
  font-family: "WashYourHand-Regular", sans-serif;
  font-size: calc(259 * var(--u));
  font-weight: 400;
  position: absolute;
  right: 52.93%;
  left: 13.31%;
  width: 33.76%;
  bottom: 31.13%;
  top: 41.14%;
  height: 27.73%;
  z-index: 2;
}
.about-hero-sothu {
  display: inline-block;
  letter-spacing: 0.04em;
  white-space: nowrap;
  overflow: visible;
}

.about-hero-sothu .char {
  display: inline-block;
  will-change: transform;
  animation: aboutSothuLoop 2.8s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  animation-delay: calc(var(--i) * 0.08s);
}

@keyframes aboutSothuLoop {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  20% {
    transform: translateY(calc(-44 * var(--u))) rotate(-8deg);
    opacity: 1;
  }
  38% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  54% {
    transform: translateY(calc(-8 * var(--u))) rotate(2deg);
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .about-hero-sothu .char {
    animation: none;
  }
}
.potret-kami-about-us {
  width: calc(1933 * var(--u));
  height: calc(1097 * var(--u));
  position: absolute;
  left: calc(-2 * var(--u));
  top: calc(715 * var(--u));
  overflow: hidden;
}
.vector3 {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.vector4 {
  width: 21.06%;
  height: 53.83%;
  position: absolute;
  right: 0.02%;
  left: 78.92%;
  bottom: 34.51%;
  top: 11.66%;
  overflow: visible;
}
.vector5 {
  width: 21.06%;
  height: 53.83%;
  position: absolute;
  right: 78.85%;
  left: 0.09%;
  bottom: 0.25%;
  top: 45.92%;
  overflow: visible;
}
.group26 {
  width: 39.7%;
  height: 45.83%;
  position: absolute;
  right: 6.06%;
  left: 54.24%;
  bottom: 30.42%;
  top: 23.75%;
  overflow: visible;
}
.group27 {
  width: 3.23%;
  height: 13.41%;
  position: absolute;
  right: 5.12%;
  left: 91.65%;
  bottom: 72.78%;
  top: 13.82%;
  overflow: visible;
}
.group28 {
  width: 3.23%;
  height: 13.41%;
  position: absolute;
  right: 8.4%;
  left: 88.37%;
  bottom: 72.78%;
  top: 13.82%;
  overflow: visible;
}
.group29 {
  width: 3.23%;
  height: 13.41%;
  position: absolute;
  right: 11.94%;
  left: 84.83%;
  bottom: 72.78%;
  top: 13.82%;
  overflow: visible;
}
.potret-slider {
  position: absolute;
  right: 12.2%;
  left: 58.8%;
  top: 28.4%;
  width: 28.8%;
  height: 32.6%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.slider-viewport {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: calc(4 * var(--u)) solid #d88a2a;
  border-radius: calc(40 * var(--u));
  background: #f4e8d5;
  box-shadow: 0 calc(8 * var(--u)) calc(18 * var(--u)) rgb(126 69 9 / 12%);
}
.slider-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  background-color: #f4e8d5;
  transition: opacity 220ms ease;
}
.tool-about-us {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
}
.sejarah-kami {
  color: #78310b;
  text-align: left;
  font-family: "WashYourHand-Regular", sans-serif;
  font-size: calc(60 * var(--u));
  font-weight: 400;
  position: absolute;
  right: 71.75%;
  left: 10.61%;
  width: 17.64%;
  bottom: 79.49%;
  top: 15.41%;
  height: 5.1%;
}
.potret-kami {
  color: #78310b;
  text-align: center;
  font-family: "WashYourHand-Regular", sans-serif;
  font-size: calc(140 * var(--u));
  font-weight: 400;
  position: absolute;
  right: 5.95%;
  left: 73.72%;
  width: 20.33%;
  bottom: 17.05%;
  top: 59.07%;
  height: 23.88%;
  z-index: 3;
}
.sothu-didirikan-oleh-bapak-agus-hendar-seorang-sarjana-pertanian-yang-tertarik-mengembangkan-usaha-tahu-bulat-dan-sotong-berawal-dari-melihat-peluang-di-kolom-komentar-facebook-saat-tahu-bulat-sedang-viral-beliau-memberanikan-diri-menawarkan-produknya-meski-belum-memiliki-pabrik-maupun-jaringan-bisnis-pesanan-pertama-dari-cikarang-hanya-dua-bungkus-atau-sekitar-40-butir-tahu-bulat-namun-respons-positif-membuat-permintaan-terus-meningkat-hingga-mencapai-95-000-butir-per-hari-momentum-inilah-yang-menjadi-awal-sothu-berkembang-dan-memproduksi-tahu-bulat-secara-lebih-serius {
  color: #71340f;
  text-align: left;
  font-family: "Poppins-Medium", sans-serif;
  font-size: calc(27 * var(--u));
  font-weight: 500;
  position: absolute;
  right: 49.97%;
  left: 10.61%;
  width: 39.42%;
  bottom: 13.58%;
  top: 23.97%;
  height: 62.44%;
}
.visi-misi-about-us {
  width: calc(2144 * var(--u));
  height: calc(1117 * var(--u));
  position: absolute;
  left: calc(-94 * var(--u));
  top: calc(1678 * var(--u));
  overflow: hidden;
}
.vector6 {
  width: 90.22%;
  height: 98.86%;
  position: absolute;
  right: 5.57%;
  left: 4.21%;
  bottom: 0%;
  top: 1.14%;
  overflow: visible;
  transform-origin: center;
  animation: aboutVisionGlow 8s ease-in-out infinite;
  transition: filter 260ms ease, opacity 260ms ease;
}
.group30 {
  width: 13.18%;
  height: 58.3%;
  position: absolute;
  right: 86.82%;
  left: 0%;
  bottom: 31.7%;
  top: 10%;
  overflow: visible;
}
.group31 {
  width: 13.18%;
  height: 58.3%;
  position: absolute;
  right: 1.39%;
  left: 85.44%;
  bottom: 41.7%;
  top: 0%;
  overflow: visible;
}
.group32 {
  width: 29.75%;
  height: 28.4%;
  position: absolute;
  right: 66.14%;
  left: 4.1%;
  bottom: 7.88%;
  top: 63.72%;
  overflow: visible;
}
.group33 {
  width: 29.75%;
  height: 28.4%;
  position: absolute;
  right: 0%;
  left: 70.25%;
  bottom: 5.36%;
  top: 66.24%;
  overflow: visible;
}
.group34 {
  width: 24.54%;
  height: 78.1%;
  position: absolute;
  right: 45.31%;
  left: 30.16%;
  bottom: 14.23%;
  top: 7.67%;
  overflow: visible;
}
.vector7 {
  width: 33.53%;
  height: 42.57%;
  position: absolute;
  right: 58.07%;
  left: 8.4%;
  bottom: 36.07%;
  top: 21.36%;
  overflow: visible;
  animation: aboutVisionPanel 5.5s ease-in-out infinite;
  transition: filter 260ms ease, transform 260ms ease;
}
.vector8 {
  width: 44.83%;
  height: 42.57%;
  position: absolute;
  right: 10.1%;
  left: 45.07%;
  bottom: 36.07%;
  top: 21.36%;
  overflow: visible;
  z-index: 1;
  transition: filter 260ms ease, transform 260ms ease;
}
.group35 {
  width: 4.19%;
  height: 8.04%;
  position: absolute;
  right: 84.87%;
  left: 10.94%;
  bottom: 64.32%;
  top: 27.64%;
  overflow: visible;
  z-index: 3;
  animation: aboutVisionFloat 4.8s ease-in-out infinite;
}
.group36 {
  width: 4.19%;
  z-index: 3;
  position: absolute;
  right: 46.42%;
  left: 49.39%;
  bottom: 64.32%;
  top: 27.64%;
  overflow: visible;
  animation: aboutVisionFloat 4.8s ease-in-out -2.4s infinite;
}
.vector9 {
  width: 1.73%;
  height: 3.2%;
  position: absolute;
  right: 49.74%;
  left: 48.53%;
  bottom: 58.67%;
  top: 38.13%;
  overflow: visible;
}
.vector10 {
  width: 1.73%;
  height: 3.2%;
  position: absolute;
  right: 49.74%;
  left: 48.53%;
  bottom: 54.16%;
  top: 42.64%;
  overflow: visible;
}
.vector11 {
  width: 1.73%;
  height: 3.2%;
  position: absolute;
  right: 49.74%;
  left: 48.53%;
  bottom: 46.24%;
  top: 50.56%;
  overflow: visible;
}
.visi {
  color: #78310b;
  text-align: left;
  font-family: "WashYourHand-Regular", sans-serif;
  font-size: calc(60 * var(--u));
  font-weight: 400;
  position: absolute;
  right: 79.29%;
  left: 16.65%;
  width: 4.06%;
  bottom: 65.44%;
  top: 29.54%;
  height: 5.01%;
  cursor: pointer;
  outline: none;
  transition: color 220ms ease, transform 220ms ease, text-shadow 220ms ease;
}
.misi {
  color: #78310b;
  text-align: left;
  font-family: "WashYourHand-Regular", sans-serif;
  font-size: calc(60 * var(--u));
  font-weight: 400;
  position: absolute;
  right: 40.02%;
  left: 55.18%;
  width: 4.8%;
  bottom: 65.44%;
  top: 29.54%;
  height: 5.01%;
  cursor: pointer;
  outline: none;
  transition: color 220ms ease, transform 220ms ease, text-shadow 220ms ease;
  z-index: 3;
}
.menjadi-perusahaan-pengolahan-yang-menghasilkan-produk-olahan-berkualitas-higienis-dan-inovatif-untuk-memenuhi-kebutuhan-masyarakat-indonesia {
  color: #71340f;
  text-align: left;
  font-family: "Poppins-Medium", sans-serif;
  font-size: calc(27 * var(--u));
  font-weight: 500;
  position: absolute;
  right: 61.43%;
  left: 11.71%;
  width: 26.87%;
  bottom: 45.66%;
  top: 38.32%;
  height: 16.03%;
  outline: none;
  transition: color 220ms ease, transform 220ms ease, filter 220ms ease;
}
.menghasilkan-produk-pangan-berkualitas-dan-bergizi-mendorong-inovasi-serta-memberdayakan-tenaga-kerja-dan-mitra-lokal-membangun-bisnis-berkelanjutan-dengan-pelayanan-dan-lingkungan-yang-baik {
  color: #71340f;
  text-align: left;
  font-family: "Poppins-Medium", sans-serif;
  font-size: calc(27 * var(--u));
  font-weight: 500;
  position: absolute;
  right: 13.9%;
  left: 51.49%;
  width: 34.61%;
  bottom: 37.42%;
  top: 38.32%;
  height: 24.26%;
  outline: none;
  transition: color 220ms ease, transform 220ms ease, filter 220ms ease;
  z-index: 3;
}

.visi-misi-about-us:has(.visi:hover, .visi:focus-visible) .vector7,
.visi-misi-about-us:has(.misi:hover, .misi:focus-visible) .vector8 {
  filter: drop-shadow(0 calc(10 * var(--u)) calc(18 * var(--u)) rgb(231 165 43 / 30%));
  transform: translateY(calc(-3 * var(--u))) scale(1.01);
}

.visi-misi-about-us:has(.visi:hover, .visi:focus-visible) .vector6,
.visi-misi-about-us:has(.misi:hover, .misi:focus-visible) .vector6 {
  filter: drop-shadow(0 calc(12 * var(--u)) calc(24 * var(--u)) rgb(120 49 11 / 18%));
  opacity: 0.96;
}

.menjadi-perusahaan-pengolahan-yang-menghasilkan-produk-olahan-berkualitas-higienis-dan-inovatif-untuk-memenuhi-kebutuhan-masyarakat-indonesia:hover,
.menjadi-perusahaan-pengolahan-yang-menghasilkan-produk-olahan-berkualitas-higienis-dan-inovatif-untuk-memenuhi-kebutuhan-masyarakat-indonesia:focus-visible,
.menghasilkan-produk-pangan-berkualitas-dan-bergizi-mendorong-inovasi-serta-memberdayakan-tenaga-kerja-dan-mitra-lokal-membangun-bisnis-berkelanjutan-dengan-pelayanan-dan-lingkungan-yang-baik:hover,
.menghasilkan-produk-pangan-berkualitas-dan-bergizi-mendorong-inovasi-serta-memberdayakan-tenaga-kerja-dan-mitra-lokal-membangun-bisnis-berkelanjutan-dengan-pelayanan-dan-lingkungan-yang-baik:focus-visible {
  color: #a64d19;
  transform: translateY(calc(-3 * var(--u)));
  filter: drop-shadow(0 calc(6 * var(--u)) calc(10 * var(--u)) rgb(113 52 15 / 16%));
}

@keyframes aboutVisionGlow {
  0%, 100% {
    filter: drop-shadow(0 0 0 rgb(231 165 43 / 0%));
  }
  50% {
    filter: drop-shadow(0 calc(8 * var(--u)) calc(18 * var(--u)) rgb(231 165 43 / 16%));
  }
}

@keyframes aboutVisionPanel {
  0%, 100% {
    filter: drop-shadow(0 0 0 rgb(231 165 43 / 0%));
  }
  50% {
    filter: drop-shadow(0 calc(6 * var(--u)) calc(16 * var(--u)) rgb(231 165 43 / 22%));
  }
}

@keyframes aboutVisionFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(calc(-10 * var(--u)));
  }
}

@media (prefers-reduced-motion: reduce) {
  .vector6,
  .vector7,
  .group35,
  .group36 {
    animation: none;
  }

  .vector7,
  .visi,
  .misi,
  .menjadi-perusahaan-pengolahan-yang-menghasilkan-produk-olahan-berkualitas-higienis-dan-inovatif-untuk-memenuhi-kebutuhan-masyarakat-indonesia,
  .menghasilkan-produk-pangan-berkualitas-dan-bergizi-mendorong-inovasi-serta-memberdayakan-tenaga-kerja-dan-mitra-lokal-membangun-bisnis-berkelanjutan-dengan-pelayanan-dan-lingkungan-yang-baik {
    transition: none;
  }

}
.bar-bawah-about-us {
  width: calc(1921.98 * var(--u));
  height: calc(371.46 * var(--u));
  position: absolute;
  left: calc(-2 * var(--u));
  top: calc(2505 * var(--u));
  overflow: hidden;
}
.vector12 {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.vector13 {
  width: 19.82%;
  height: 70.27%;
  position: absolute;
  right: 79.27%;
  left: 0.91%;
  bottom: 0.54%;
  top: 29.19%;
  overflow: visible;
}
.vector14 {
  width: 15.95%;
  height: 56.53%;
  position: absolute;
  right: 1.53%;
  left: 82.52%;
  bottom: 0.54%;
  top: 42.93%;
  overflow: visible;
}
.logo-putih {
  width: 11.03%;
  height: 53.14%;
  position: absolute;
  right: 83.32%;
  left: 5.64%;
  bottom: 15.32%;
  top: 31.55%;
  overflow: visible;
}
.vector15 {
  width: 11.25%;
  height: 24.5%;
  position: absolute;
  right: 62.6%;
  left: 26.15%;
  bottom: 0.26%;
  top: 75.24%;
  overflow: visible;
}
.vector16 {
  width: 17.62%;
  height: 51.42%;
  position: absolute;
  right: 38.97%;
  left: 43.42%;
  bottom: 0.27%;
  top: 48.31%;
  overflow: visible;
}
.vector17 {
  width: 11.25%;
  height: 24.5%;
  position: absolute;
  right: 21.92%;
  left: 66.83%;
  bottom: 0.26%;
  top: 75.24%;
  overflow: visible;
}
.gurihnya-nyatu {
  color: #ffffff;
  text-align: left;
  font-family: "WashYourHand-Regular", sans-serif;
  font-size: calc(60 * var(--u));
  font-weight: 400;
  position: absolute;
  right: 4.94%;
  left: 74.3%;
  width: 20.76%;
  bottom: 29.74%;
  top: 55.19%;
  height: 15.08%;
}
.bar-about-us {
  width: calc(1919.96 * var(--u));
  height: calc(150.46 * var(--u));
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.vector18 {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.logo-warna {
  width: 5.44%;
  height: 64.56%;
  position: absolute;
  right: 90.19%;
  left: 4.38%;
  bottom: 18.16%;
  top: 17.28%;
  overflow: hidden;
}
.group37 {
  width: 99.99%;
  height: 99.98%;
  position: absolute;
  right: 0.01%;
  left: 0%;
  bottom: 0.01%;
  top: 0.01%;
  overflow: visible;
}
.home {
  color: #78310b;
  text-align: left;
  font-family: "WashYourHand-Regular", sans-serif;
  font-size: calc(50 * var(--u));
  font-weight: 400;
  position: absolute;
  right: 56.72%;
  left: 37.71%;
  width: 5.57%;
  bottom: 34.2%;
  top: 34.56%;
  height: 31.24%;
}
.about-us2 {
  color: #78310b;
  text-align: left;
  font-family: "WashYourHand-Regular", sans-serif;
  font-size: calc(50 * var(--u));
  font-weight: 400;
  position: absolute;
  right: 42.03%;
  left: 47.97%;
  width: 10%;
  bottom: 32.87%;
  top: 35.89%;
  height: 31.24%;
}
.product {
  color: #78310b;
  text-align: left;
  font-family: "WashYourHand-Regular", sans-serif;
  font-size: calc(50 * var(--u));
  font-weight: 400;
  position: absolute;
  right: 28.33%;
  left: 62.66%;
  width: 9.01%;
  bottom: 32.87%;
  top: 35.89%;
  height: 31.24%;
}
.review {
  color: #78310b;
  text-align: left;
  font-family: "WashYourHand-Regular", sans-serif;
  font-size: calc(50 * var(--u));
  font-weight: 400;
  position: absolute;
  right: 16.51%;
  left: 76.36%;
  width: 7.14%;
  bottom: 32.87%;
  top: 35.89%;
  height: 31.24%;
}
.contact {
  color: #78310b;
  text-align: left;
  font-family: "WashYourHand-Regular", sans-serif;
  font-size: calc(50 * var(--u));
  font-weight: 400;
  position: absolute;
  right: 3.23%;
  left: 88.18%;
  width: 8.59%;
  bottom: 32.87%;
  top: 35.89%;
  height: 31.24%;
}
.vector19 {
  width: 8.49%;
  height: 5.98%;
  position: absolute;
  right: 42.81%;
  left: 48.7%;
  bottom: 19.58%;
  top: 74.44%;
  overflow: visible;
}
.about-us .tool-about-us {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: visible;
  pointer-events: none;
  z-index: 6;
}
.about-us .group38,
.about-us .group39 {
  width: calc(118 * var(--u));
  height: calc(118 * var(--u));
  position: absolute;
  top: 41.5%;
  transform: translateY(-50%);
  cursor: pointer;
  pointer-events: auto;
  transition: transform 180ms ease, filter 180ms ease;
  z-index: 7;
}
.about-us .group38 {
  left: 52%;
}
.about-us .group39 {
  right: 3.8%;
}
.about-us .group38:hover,
.about-us .group39:hover,
.about-us .group38:focus-visible,
.about-us .group39:focus-visible {
  transform: translateY(-50%) scale(1.04);
  filter: brightness(1.08);
  outline: none;
}