.about {
  overflow-x: hidden;
}

/* Hero Title */
.hero__subtitle {
    max-width: 40vw;
}
@media screen and (min-width: 768px) {
  .hero__subtitle {
    bottom: 18.5vw;
    margin-left: 33.5vw;    
  }
}
@media screen and (min-width: 1024px) {
  .hero__subtitle {
    bottom: 10.5vw;
    margin-left: 20vw;
  }
}
/* --- End Hero Title --- */

.about .concept {
  z-index: 100;
  margin-top: 90px;
}
@media screen and (min-width: 768px) {
  .about .concept {
    margin-top: 70px;
  }
}
@media screen and (min-width: 1024px) {
  .about .concept {
    position: relative;
    top: -6.25vw;
    margin-top: 0;
  }
}
.about .concept .concept-header__first-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (min-width: 768px) {
  .about .concept .concept-header__first-row {
    gap: 2.0833333333vw;
  }
}
.about .concept .concept-header__second-row {
  display: flex;
  align-items: center;
  gap: 2.6041666667vw;
}
.about .concept .concept-header__button {
  display: none;
}
@media screen and (min-width: 1024px) {
  .about .concept .concept-header__button {
    display: inherit;
  }
}
.about .concept .concept-header__title {
  font-size: 17vw;
  font-family: "RoadRadio", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 70%;
  text-decoration: none;
  color: #fff;
  letter-spacing: -0.06em;
}
@media screen and (min-width: 768px) {
  .about .concept .concept-header__title {
    font-size: 12.5vw;
  }
}
@media screen and (min-width: 1024px) {
  .about .concept .concept-header__title {
    font-size: 9.375vw;
  }
}
.about .concept .concept-header__title {
  color: #14293e;
}
.about .concept .concept-header__title--mobile {
  display: inherit;
}
@media screen and (min-width: 768px) {
  .about .concept .concept-header__title--mobile {
    display: none;
  }
}
.about .concept .concept-header__title--tablet {
  display: none;
}
@media screen and (min-width: 768px) {
  .about .concept .concept-header__title--tablet {
    display: inherit;
  }
}
.about .concept .concept-header__wave-icon {
  width: 56px;
  height: 6px;
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .about .concept .concept-header__wave-icon {
    width: 73px;
    height: 8px;
  }
}
@media screen and (min-width: 1024px) {
  .about .concept .concept-header__wave-icon {
    width: 10.3125vw;
    height: 0.7291666667vw;
    margin-left: 2.8645833333vw;
  }
}
.about .concept .concept-header__wave-icon svg {
  width: 100%;
  height: 100%;
}
.about .concept .concept-header__wave-icon-desktop {
  display: none;
}
@media screen and (min-width: 1024px) {
  .about .concept .concept-header__wave-icon-desktop {
    display: inherit;
  }
}
.about .concept .concept-header__wave-icon-mobile {
  display: inherit;
}
@media screen and (min-width: 1024px) {
  .about .concept .concept-header__wave-icon-mobile {
    display: none;
  }
}
.about .concept__body {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 52vw;
  justify-content: space-between;
  gap: 48px;
  margin-top: 48px;
}
@media screen and (min-width: 768px) {
  .about .concept__body {
    grid-template-rows: auto 55vw;
    gap: 60px;
    margin-top: 50px;
  }
}
@media screen and (min-width: 1024px) {
  .about .concept__body {
    grid-template-columns: 31.6145833333vw 63.6979166667vw;
    grid-template-rows: 1fr;
    gap: 0;
    height: 36.4583333333vw;
    margin-top: 60px;
  }
}
.about .concept__content {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 30px;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .about .concept__content {
    gap: 20px;
    width: 78vw;
  }
}
@media screen and (min-width: 1024px) {
  .about .concept__content {
    gap: 40px;
    width: 19.7916666667vw;
    margin: auto auto;
  }
}
.about .concept__title {
  font-size: 24px;
  font-family: "Google Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 80%;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: -0.04em;
}
@media screen and (min-width: 768px) {
  .about .concept__title {
    font-size: clamp(32px, 32px + 16 * (100vw - 768px) / 598, 48px);
  }
}
@media screen and (min-width: 1024px) {
  .about .concept__title {
    font-size: 2.5vw;
  }
}
.about .concept__title {
  color: #14293e;
  font-size: 48px;
  text-transform: inherit;
}
@media screen and (min-width: 768px) {
  .about .concept__title {
    max-width: 430px;
  }
}
@media screen and (min-width: 1024px) {
  .about .concept__title {
    max-width: inherit;
    font-size: 2.5vw;
  }
}
.about .concept__text-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (min-width: 768px) {
  .about .concept__text-container {
    flex-direction: row;
    gap: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .about .concept__text-container {
    flex-direction: column;
  }
}
.about .concept__text {
  font-size: 16px;
  font-family: "Google Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 120%;
  text-decoration: none;
  text-transform: none;
  letter-spacing: -0.03em;
}
@media screen and (min-width: 768px) {
  .about .concept__text {
    font-size: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .about .concept__text {
    font-size: 0.8333333333vw;
    font-size: clamp(12px, 12px + 6 * (100vw - 1024px) / 896, 16px);
  }
}
.about .concept__text {
  color: #0a4b4f;
}
@media screen and (min-width: 768px) {
  .about .concept__button {
    margin-top: 12px;
    margin-left: auto;
    margin-right: 48px;
  }
}
@media screen and (min-width: 1024px) {
  .about .concept__button {
    margin-top: inherit;
    margin-right: inherit;
    margin-left: 0;
  }
}
.about .concept__video {
  position: relative;
  overflow: hidden;
  width: 100%;
  /* height: 100%; */
  aspect-ratio: 16 / 9;
  border-radius: 30px;
  cursor: pointer;
}
.about .concept__video iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
.about .concept__video.is-active {
  cursor: auto;
}
.about .concept__video.is-active iframe {
  pointer-events: auto;
}
.about .showroom-3d {
  position: relative;
  aspect-ratio: 375/718;
  margin-top: 100px;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .about .showroom-3d {
    aspect-ratio: 768/854;
    margin-top: 200px;
  }
}
@media screen and (min-width: 1024px) {
  .about .showroom-3d {
    aspect-ratio: 1920/900;
    margin-top: 6.7708333333vw;
  }
}
.about .showroom-3d iframe {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.about .showroom-3d.is-active {
  cursor: auto;
}
.about .showroom-3d.is-active iframe {
  pointer-events: auto;
}
.about .about-advantages {
  z-index: 100;
  position: relative;
  padding-top: 100px;
}
@media screen and (min-width: 768px) {
  .about .about-advantages {
    padding-top: 180px;
  }
}
@media screen and (min-width: 1024px) {
  .about .about-advantages {
    top: -2.5vw;
    padding-top: 270px;
  }
}
.about .about-advantages__navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .about .about-advantages__navigation {
    display: none;
  }
}
.about .about-advantages .about-advantages-header__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
@media screen and (min-width: 768px) {
  .about .about-advantages .about-advantages-header__row {
    gap: 2.0833333333vw;
  }
}
.about .about-advantages .about-advantages-header__title {
  font-size: 17vw;
  font-family: "RoadRadio", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 70%;
  text-decoration: none;
  color: #fff;
  letter-spacing: -0.06em;
}
@media screen and (min-width: 768px) {
  .about .about-advantages .about-advantages-header__title {
    font-size: 12.5vw;
  }
}
@media screen and (min-width: 1024px) {
  .about .about-advantages .about-advantages-header__title {
    font-size: 9.375vw;
  }
}
.about .about-advantages .about-advantages-header__title {
  color: #14293e;
}
.about .about-advantages .about-advantages-header__navigation {
  display: none;
  align-items: center;
  gap: 4px;
}
@media screen and (min-width: 768px) {
  .about .about-advantages .about-advantages-header__navigation {
    display: flex;
  }
}
.about .about-advantages .about-advantages-list {
  max-height: 300px;
  margin-top: 30px;
  margin-left: -24px;
  margin-right: -24px;
  padding-left: 24px;
  padding-right: 24px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
@media screen and (min-width: 768px) {
  .about .about-advantages .about-advantages-list {
    max-height: 360px;
    margin-top: 35px;
  }
}
@media screen and (min-width: 1024px) {
  .about .about-advantages .about-advantages-list {
    overflow-x: inherit;
    overflow-y: inherit;
    gap: 0.5208333333vw;
    max-height: 600px;
    margin-top: 3.125vw;
  }
}
.about .about-advantages .about-advantages-list__more {
  display: inherit;
  margin: 30px auto 0;
}
@media screen and (min-width: 1024px) {
  .about .about-advantages .about-advantages-list__more {
    display: none;
  }
}
.about .about-advantages .about-advantages-list-wrapper {
  height: 100%;
  max-height: 300px;
}
@media screen and (min-width: 768px) {
  .about .about-advantages .about-advantages-list-wrapper {
    max-height: 360px;
  }
}
@media screen and (min-width: 1024px) {
  .about .about-advantages .about-advantages-list-wrapper {
    max-height: 31.25vw;
  }
}
.about .about-advantages .about-advantages-list-card {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  max-width: 214px;
  min-width: 214px;
  min-height: 300px;
  will-change: transform, opacity;
}
@media screen and (min-width: 768px) {
  .about .about-advantages .about-advantages-list-card {
    max-width: 280px;
    min-width: 280px;
    min-height: 360px;
  }
}
@media screen and (min-width: 1024px) {
  .about .about-advantages .about-advantages-list-card {
    max-width: 23.5416666667vw;
    min-width: 23.5416666667vw;
    min-height: 31.25vw;
  }
}
.about .about-advantages .about-advantages-list-card:nth-of-type(odd) {
  border-radius: 16px 24px 16px 48px;
}
@media screen and (min-width: 768px) {
  .about .about-advantages .about-advantages-list-card:nth-of-type(odd) {
    border-radius: 24px 40px 24px 80px;
  }
}
@media screen and (min-width: 1024px) {
  .about .about-advantages .about-advantages-list-card:nth-of-type(odd) {
    border-radius: 1.5625vw 3.125vw 1.5625vw 6.25vw;
  }
}
.about .about-advantages .about-advantages-list-card:nth-of-type(even) {
  border-radius: 16px 48px 16px 24px;
}
@media screen and (min-width: 768px) {
  .about .about-advantages .about-advantages-list-card:nth-of-type(even) {
    border-radius: 24px 80px 24px 40px;
  }
}
@media screen and (min-width: 1024px) {
  .about .about-advantages .about-advantages-list-card:nth-of-type(even) {
    border-radius: 1.5625vw 6.25vw 1.5625vw 3.125vw;
  }
}
.about .about-advantages .about-advantages-list-card__bg {
  z-index: -1;
  position: absolute;
  inset: 0;
}
.about .about-advantages .about-advantages-list-card__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.about .about-advantages .about-advantages-list-card__footer {
  z-index: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.5625vw;
  padding: 24px 16px;
}
@media screen and (min-width: 768px) {
  .about .about-advantages .about-advantages-list-card__footer {
    padding: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .about .about-advantages .about-advantages-list-card__footer {
    padding: 1.5625vw;
  }
}
.about .about-advantages .about-advantages-list-card__footer::before {
  content: "";
  z-index: -1;
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(11, 14, 15, 0) 0%, rgba(11, 14, 15, 0.9) 100%);
}
.about .about-advantages .about-advantages-list-card__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .about .about-advantages .about-advantages-list-card__title {
    font-size: 32px;
  }
}
@media screen and (min-width: 1024px) {
  .about .about-advantages .about-advantages-list-card__title {
    font-size: 1.6666666667vw;
  }
}
.about .about-advantages .about-advantages-list-card__title {
  text-align: center;
  font-size: 24px;
}
@media screen and (min-width: 768px) {
  .about .about-advantages .about-advantages-list-card__title {
    width: 80%;
  }
}
@media screen and (min-width: 1024px) {
  .about .about-advantages .about-advantages-list-card__title {
    width: inherit;
    font-size: 1.6666666667vw;
  }
}
.about .about-advantages .about-advantages-list-card__icon {
  width: 32px;
  height: 32px;
}
@media screen and (min-width: 1024px) {
  .about .about-advantages .about-advantages-list-card__icon {
    width: 48px;
    height: 48px;
  }
}
.about .about-advantages .about-advantages-list-card__icon svg {
  width: 100%;
  height: 100%;
}
.about .project {
  position: relative;
  margin-top: 100px;
  background-color: #14293e;
}
@media screen and (min-width: 768px) {
  .about .project {
    margin-top: 200px;
  }
}
@media screen and (min-width: 1024px) {
  .about .project {
    margin-top: 11.9791666667vw;
  }
}
.about .project::before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  filter: blur(100px);
  background-color: #fafafd;
}
@media screen and (min-width: 768px) {
  .about .project::before {
    width: 160px;
    height: 160px;
    filter: blur(200px);
  }
}
@media screen and (min-width: 1024px) {
  .about .project::before {
    width: 26.0416666667vw;
    height: 26.0416666667vw;
    filter: blur(400px);
  }
}
.about .project__liquid-glass {
  z-index: 1;
  position: absolute;
  left: -30%;
  top: -36vw;
  width: 80vw;
  height: 80vw;
}
@media screen and (min-width: 768px) {
  .about .project__liquid-glass {
    left: -28%;
    top: -11%;
    width: 70vw;
    height: 70vw;
  }
}
@media screen and (min-width: 1024px) {
  .about .project__liquid-glass {
    left: -15%;
    top: -20%;
    width: 52.0833333333vw;
    height: 52.0833333333vw;
  }
}
.about .project__liquid-glass img {
  width: 100%;
  height: 100%;
}
.about .project__noise-bg {
  position: absolute;
  inset: 0;
}
.about .project__noise-bg img {
  width: 100%;
  height: 100%;
}
.about .project__body {
  z-index: 1;
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (min-width: 768px) {
  .about .project__body {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
@media screen and (min-width: 1024px) {
  .about .project__body {
    padding-top: 14.0625vw;
    padding-bottom: 14.0625vw;
  }
}
.about .project__title {
  font-size: 17vw;
  font-family: "RoadRadio", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 70%;
  text-decoration: none;
  color: #fff;
  letter-spacing: -0.06em;
}
@media screen and (min-width: 768px) {
  .about .project__title {
    font-size: 12.5vw;
  }
}
@media screen and (min-width: 1024px) {
  .about .project__title {
    font-size: 9.375vw;
  }
}
.about .project__title {
  margin-left: auto;
  text-align: right;
}
@media screen and (min-width: 1024px) {
  .about .project__title {
    max-width: 52.7604166667vw;
  }
}
.about .project__title--mobile {
  display: inherit;
}
@media screen and (min-width: 768px) {
  .about .project__title--mobile {
    display: none;
  }
}
.about .project__title--tablet {
  display: none;
}
@media screen and (min-width: 768px) {
  .about .project__title--tablet {
    display: inherit;
  }
}
.about .project .project-stats {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  row-gap: 8px;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .about .project .project-stats {
    row-gap: 20px;
    margin-top: 70px;
  }
}
@media screen and (min-width: 1024px) {
  .about .project .project-stats {
    row-gap: 0;
    -moz-column-gap: 0;
         column-gap: 0;
    margin-top: 6.25vw;
  }
}
.about .project .project-stats__block {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 16px 0;
}
@media screen and (min-width: 768px) {
  .about .project .project-stats__block {
    gap: 24px;
    padding: 24px 0;
  }
}
@media screen and (min-width: 1024px) {
  .about .project .project-stats__block {
    flex: 1 1 25%;
    gap: 1.6145833333vw;
    padding: 2.0833333333vw 0;
  }
}
.about .project .project-stats__value {
  font-family: "Google Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #0a4b4f;
}
@media screen and (min-width: 768px) {
  .about .project .project-stats__value {
    font-size: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .about .project .project-stats__value {
    font-size: 1.25vw;
  }
}
.about .project .project-stats__value {
  color: #9fbac7;
  font-size: 48px;
}
@media screen and (min-width: 768px) {
  .about .project .project-stats__value {
    font-size: 64px;
  }
}
@media screen and (min-width: 1024px) {
  .about .project .project-stats__value {
    font-size: 4.7395833333vw;
  }
}
.about .project .project-stats__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .about .project .project-stats__title {
    font-size: 32px;
  }
}
@media screen and (min-width: 1024px) {
  .about .project .project-stats__title {
    font-size: 1.6666666667vw;
  }
}
.about .project .project-stats__title {
  text-align: center;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .about .project .project-stats__title {
    font-size: 32px;
  }
}
@media screen and (min-width: 1024px) {
  .about .project .project-stats__title {
    font-size: 1.6666666667vw;
  }
}
.about .project__wave {
  width: 100%;
  background-color: #9fbac7;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='198'%20height='14'%20preserveAspectRatio='none'%20viewBox='0%200%20198%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M195.721%206.20269C190.574%206.20269%20188.144%204.95531%20185.33%203.50644C182.124%201.86468%20178.493%200%20171.567%200C164.642%200%20160.997%201.86896%20157.791%203.51501C154.982%204.9553%20152.557%206.20269%20147.409%206.20269C142.262%206.20269%20139.833%204.9553%20137.023%203.51072C133.817%201.86467%20130.181%200%20123.243%200C123.227%200%20123.21%200%20123.189%200C123.172%200%20123.156%200%20123.135%200C116.197%200%20112.565%201.86896%20109.359%203.51501C106.558%204.95101%20104.141%206.19412%2099.0271%206.20269C93.9176%206.19412%2091.4922%204.95101%2088.6828%203.51072C85.4768%201.86467%2081.8366%200%2074.9028%200C74.8861%200%2074.8694%200%2074.8527%200C74.836%200%2074.8193%200%2074.8026%200C67.8646%200%2064.2328%201.86896%2061.0268%203.51501C58.2174%204.95959%2055.7878%206.20269%2050.6407%206.20269C45.4935%206.20269%2043.0598%204.9553%2040.2462%203.51072C37.0402%201.86467%2033.4001%200%2026.4662%200C19.5324%200%2015.8881%201.86467%2012.6821%203.51501C9.86848%204.95959%207.43893%206.20269%202.28762%206.20269H0V14H2.28344C9.22561%2014%2012.8616%2012.1353%2016.0718%2010.485C18.8854%209.04043%2021.3149%207.79303%2026.4621%207.79303C31.6092%207.79303%2034.0388%209.04043%2036.8524%2010.485C39.6994%2011.9467%2042.8928%2013.5799%2048.4324%2013.9271V13.9957H50.7158C57.658%2013.9957%2061.294%2012.1311%2064.5041%2010.4807C67.3094%209.04042%2069.7306%207.79732%2074.8485%207.79303C79.9581%207.8016%2082.3835%209.04471%2085.1887%2010.485C88.3947%2012.1311%2092.0307%2014%2098.9687%2014C98.9854%2014%2099.0021%2014%2099.0188%2014C99.0355%2014%2099.0522%2014%2099.0731%2014C106.011%2014%20109.647%2012.1311%20112.853%2010.485C115.654%209.049%20118.075%207.80588%20123.181%207.79731C128.29%207.80588%20130.711%209.04899%20133.513%2010.4893C136.719%2012.1353%20140.35%2014%20147.284%2014H149.568V13.9314C155.128%2013.5885%20158.326%2011.951%20161.185%2010.485C163.995%209.04043%20166.42%207.79303%20171.563%207.79303C176.706%207.79303%20179.136%209.04043%20181.945%2010.485C185.151%2012.1311%20188.783%2013.9957%20195.717%2013.9957H198V6.19842H195.717L195.721%206.20269Z'%20fill='%239FBAC7'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg%20width='198'%20height='14'%20preserveAspectRatio='none'%20viewBox='0%200%20198%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M195.721%206.20269C190.574%206.20269%20188.144%204.95531%20185.33%203.50644C182.124%201.86468%20178.493%200%20171.567%200C164.642%200%20160.997%201.86896%20157.791%203.51501C154.982%204.9553%20152.557%206.20269%20147.409%206.20269C142.262%206.20269%20139.833%204.9553%20137.023%203.51072C133.817%201.86467%20130.181%200%20123.243%200C123.227%200%20123.21%200%20123.189%200C123.172%200%20123.156%200%20123.135%200C116.197%200%20112.565%201.86896%20109.359%203.51501C106.558%204.95101%20104.141%206.19412%2099.0271%206.20269C93.9176%206.19412%2091.4922%204.95101%2088.6828%203.51072C85.4768%201.86467%2081.8366%200%2074.9028%200C74.8861%200%2074.8694%200%2074.8527%200C74.836%200%2074.8193%200%2074.8026%200C67.8646%200%2064.2328%201.86896%2061.0268%203.51501C58.2174%204.95959%2055.7878%206.20269%2050.6407%206.20269C45.4935%206.20269%2043.0598%204.9553%2040.2462%203.51072C37.0402%201.86467%2033.4001%200%2026.4662%200C19.5324%200%2015.8881%201.86467%2012.6821%203.51501C9.86848%204.95959%207.43893%206.20269%202.28762%206.20269H0V14H2.28344C9.22561%2014%2012.8616%2012.1353%2016.0718%2010.485C18.8854%209.04043%2021.3149%207.79303%2026.4621%207.79303C31.6092%207.79303%2034.0388%209.04043%2036.8524%2010.485C39.6994%2011.9467%2042.8928%2013.5799%2048.4324%2013.9271V13.9957H50.7158C57.658%2013.9957%2061.294%2012.1311%2064.5041%2010.4807C67.3094%209.04042%2069.7306%207.79732%2074.8485%207.79303C79.9581%207.8016%2082.3835%209.04471%2085.1887%2010.485C88.3947%2012.1311%2092.0307%2014%2098.9687%2014C98.9854%2014%2099.0021%2014%2099.0188%2014C99.0355%2014%2099.0522%2014%2099.0731%2014C106.011%2014%20109.647%2012.1311%20112.853%2010.485C115.654%209.049%20118.075%207.80588%20123.181%207.79731C128.29%207.80588%20130.711%209.04899%20133.513%2010.4893C136.719%2012.1353%20140.35%2014%20147.284%2014H149.568V13.9314C155.128%2013.5885%20158.326%2011.951%20161.185%2010.485C163.995%209.04043%20166.42%207.79303%20171.563%207.79303C176.706%207.79303%20179.136%209.04043%20181.945%2010.485C185.151%2012.1311%20188.783%2013.9957%20195.717%2013.9957H198V6.19842H195.717L195.721%206.20269Z'%20fill='%239FBAC7'/%3e%3c/svg%3e");
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
  height: 6px;
  -webkit-mask-size: auto 6px;
  mask-size: auto 6px;
  margin-top: 48px;
}
@media screen and (min-width: 768px) {
  .about .project__wave {
    height: 8px;
    -webkit-mask-size: auto 8px;
    mask-size: auto 68x;
    margin-top: 70px;
  }
}
@media screen and (min-width: 1024px) {
  .about .project__wave {
    height: 14px;
    -webkit-mask-size: auto 14px;
    mask-size: auto 14px;
    margin-top: 6.25vw;
  }
}
.about .project-specs {
  display: flex;
  justify-content: space-around;
  align-items: start;
  flex-wrap: wrap;
  row-gap: 16px;
  margin-top: 48px;
}
@media screen and (min-width: 768px) {
  .about .project-specs {
    row-gap: 20px;
    margin-top: 60px;
  }
}
@media screen and (min-width: 1024px) {
  .about .project-specs {
    row-gap: 2.0833333333vw;
    margin-top: 6.25vw;
  }
}
.about .project-specs__block {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 16px 0;
}
@media screen and (min-width: 768px) {
  .about .project-specs__block {
    gap: 20px;
    padding: 24px 0;
  }
}
@media screen and (min-width: 1024px) {
  .about .project-specs__block {
    flex: 1 1 25%;
    gap: 1.0416666667vw;
    padding: 2.0833333333vw 0;
  }
}
.about .project-specs__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 1px solid #9fbac7;
}
@media screen and (min-width: 768px) {
  .about .project-specs__icon {
    width: 120px;
    height: 120px;
  }
}
@media screen and (min-width: 1024px) {
  .about .project-specs__icon {
    width: 6.25vw;
    height: 6.25vw;
  }
}
.about .project-specs__icon img {
  width: 26px;
  height: 26px;
}
@media screen and (min-width: 768px) {
  .about .project-specs__icon img {
    width: 48px;
    height: 48px;
  }
}
@media screen and (min-width: 1024px) {
  .about .project-specs__icon img {
    width: 2.5vw;
    height: 2.5vw;
  }
}
.about .project-specs__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
@media screen and (min-width: 768px) {
  .about .project-specs__text {
    gap: 8px;
  }
}
@media screen and (min-width: 1024px) {
  .about .project-specs__text {
    gap: 0.4166666667vw;
  }
}
.about .project-specs__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .about .project-specs__title {
    font-size: 32px;
  }
}
@media screen and (min-width: 1024px) {
  .about .project-specs__title {
    font-size: 1.6666666667vw;
  }
}
.about .project-specs__title {
  text-align: center;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .about .project-specs__title {
    font-size: 32px;
  }
}
@media screen and (min-width: 1024px) {
  .about .project-specs__title {
    font-size: 1.6666666667vw;
  }
}
.about .project-specs__value {
  font-size: 16px;
  font-family: "Google Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 120%;
  text-decoration: none;
  text-transform: none;
  letter-spacing: -0.03em;
}
@media screen and (min-width: 768px) {
  .about .project-specs__value {
    font-size: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .about .project-specs__value {
    font-size: 0.8333333333vw;
    font-size: clamp(12px, 12px + 6 * (100vw - 1024px) / 896, 16px);
  }
}
.about .project-specs__value {
  color: #9fbac7;
}
@media screen and (min-width: 768px) {
  .about .project-specs__value {
    text-transform: uppercase;
  }
}
.about .project-news {
  z-index: 1;
  position: relative;
  margin-top: 90px;
}
@media screen and (min-width: 768px) {
  .about .project-news {
    margin-top: 180px;
  }
}
@media screen and (min-width: 1024px) {
  .about .project-news {
    margin-top: 14.0625vw;
  }
}
.about .project-news__liquid-glass {
  position: absolute;
  right: -35%;
  top: -10%;
  width: 80vw;
  height: 80vw;
}
@media screen and (min-width: 768px) {
  .about .project-news__liquid-glass {
    right: -30%;
    top: -20%;
    width: 70vw;
    height: 70vw;
  }
}
@media screen and (min-width: 1024px) {
  .about .project-news__liquid-glass {
    right: -15%;
    top: -25%;
    width: 52.0833333333vw;
    height: 52.0833333333vw;
  }
}
.about .project-news__liquid-glass img {
  width: 100%;
  height: 100%;
}
.about .project-news__row {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (min-width: 768px) {
  .about .project-news__row {
    gap: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .about .project-news__row {
    gap: 2.6041666667vw;
  }
}
.about .project-news__title {
  font-size: 17vw;
  font-family: "RoadRadio", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 70%;
  text-decoration: none;
  color: #fff;
  letter-spacing: -0.06em;
}
@media screen and (min-width: 768px) {
  .about .project-news__title {
    font-size: 12.5vw;
  }
}
@media screen and (min-width: 1024px) {
  .about .project-news__title {
    font-size: 9.375vw;
  }
}
.about .project-news__title {
  color: #14293e;
}
.about .project-news__wave-icon {
  width: 10.3125vw;
  height: 0.7291666667vw;
}
@media screen and (min-width: 1024px) {
  .about .project-news__wave-icon {
    margin-left: 2.8645833333vw;
  }
}
.about .project-news__wave-icon--normal {
  display: none;
  width: 10.3125vw;
  height: 0.7291666667vw;
}
@media screen and (min-width: 1024px) {
  .about .project-news__wave-icon--normal {
    display: inherit;
  }
}
.about .project-news__wave-icon--small {
  display: inherit;
  width: 56px;
  height: 6px;
}
@media screen and (min-width: 768px) {
  .about .project-news__wave-icon--small {
    width: 74px;
    height: 8px;
  }
}
@media screen and (min-width: 1024px) {
  .about .project-news__wave-icon--small {
    display: none;
  }
}
.about .project-news__wave-icon svg {
  width: 100%;
  height: 100%;
}
.about .project-news__news-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 32px;
}
@media screen and (min-width: 1024px) {
  .about .project-news__news-list {
    gap: 0.5208333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .about .project-news__news-list {
    grid-template-columns: 1fr 1fr;
    margin-top: 3.125vw;
  }
}
.about .conditions {
  position: relative;
  margin-top: 100px;
  background-color: #14293e;
}
@media screen and (min-width: 768px) {
  .about .conditions {
    margin-top: 200px;
  }
}
@media screen and (min-width: 1024px) {
  .about .conditions {
    margin-top: 14.5833333333vw;
  }
}
.about .conditions::before, .about .conditions::after {
  content: "";
  z-index: 1;
  position: absolute;
  width: 80px;
  height: 80px;
  background-color: #fafafd;
  filter: blur(100px);
}
@media screen and (min-width: 768px) {
  .about .conditions::before, .about .conditions::after {
    width: 160px;
    height: 160px;
    filter: blur(200px);
  }
}
@media screen and (min-width: 1024px) {
  .about .conditions::before, .about .conditions::after {
    width: 26.0416666667vw;
    height: 26.0416666667vw;
    filter: blur(400px);
  }
}
.about .conditions::before {
  top: 0;
  left: 0;
}
.about .conditions::after {
  right: 0;
  bottom: 0;
}
.about .conditions__liquid-glass {
  position: absolute;
  left: -30%;
  top: -30vw;
  width: 70vw;
  height: 70vw;
}
@media screen and (min-width: 768px) {
  .about .conditions__liquid-glass {
    left: -23%;
    top: -12%;
    width: 70vw;
    height: 70vw;
  }
}
@media screen and (min-width: 1024px) {
  .about .conditions__liquid-glass {
    left: -15%;
    top: -20%;
    width: 52.0833333333vw;
    height: 52.0833333333vw;
  }
}
.about .conditions__liquid-glass img {
  width: 100%;
  height: 100%;
}
.about .conditions__liquid-glass-second {
  position: absolute;
  right: -32vw;
  bottom: -40vw;
  width: 80vw;
  height: 80vw;
}
@media screen and (min-width: 768px) {
  .about .conditions__liquid-glass-second {
    right: -23%;
    bottom: -13%;
    width: 70vw;
    height: 70vw;
  }
}
@media screen and (min-width: 1024px) {
  .about .conditions__liquid-glass-second {
    right: -15%;
    bottom: -20%;
    width: 52.0833333333vw;
    height: 52.0833333333vw;
  }
}
.about .conditions__liquid-glass-second img {
  width: 100%;
  height: 100%;
}
.about .conditions__noise-bg {
  position: absolute;
  inset: 0;
}
.about .conditions__noise-bg img {
  width: 100%;
  height: 100%;
}
.about .conditions__body {
  z-index: 1;
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (min-width: 768px) {
  .about .conditions__body {
    padding-top: 160px;
    padding-bottom: 160px;
  }
}
@media screen and (min-width: 1024px) {
  .about .conditions__body {
    padding-top: 14.0625vw;
    padding-bottom: 14.0625vw;
  }
}
.about .conditions .conditions-docs__title {
  font-size: 17vw;
  font-family: "RoadRadio", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 70%;
  text-decoration: none;
  color: #fff;
  letter-spacing: -0.06em;
}
@media screen and (min-width: 768px) {
  .about .conditions .conditions-docs__title {
    font-size: 12.5vw;
  }
}
@media screen and (min-width: 1024px) {
  .about .conditions .conditions-docs__title {
    font-size: 9.375vw;
  }
}
.about .conditions .conditions-docs__title {
  margin-left: auto;
  text-align: right;
}
@media screen and (min-width: 1024px) {
  .about .conditions .conditions-docs__title {
    max-width: 52.7604166667vw;
  }
}
.about .conditions .conditions-docs__title--mobile {
  display: inherit;
}
@media screen and (min-width: 768px) {
  .about .conditions .conditions-docs__title--mobile {
    display: none;
  }
}
.about .conditions .conditions-docs__title--tablet {
  display: none;
}
@media screen and (min-width: 768px) {
  .about .conditions .conditions-docs__title--tablet {
    display: inherit;
  }
}
.about .conditions .conditions-docs__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .about .conditions .conditions-docs__list {
    margin-top: 32px;
  }
}
@media screen and (min-width: 1024px) {
  .about .conditions .conditions-docs__list {
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 1fr;
    gap: 0.5208333333vw;
    margin-top: 3.125vw;
  }
}
.about .conditions .conditions-docs__block {
  display: flex;
  gap: 16px;
  padding: 24px;
  border-radius: 16px;
  border: 1px solid #9fbac7;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .about .conditions .conditions-docs__block {
    gap: 40px;
    padding: 30px;
    border-radius: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .about .conditions .conditions-docs__block {
    gap: 2.0833333333vw;
    padding: 3.125vw 2.0833333333vw;
    border-radius: 1.5625vw;
  }
}
.about .conditions .conditions-docs__pdf {
  width: 100%;
  height: 100%;
  max-width: 42px;
  max-height: 42px;
}
@media screen and (min-width: 768px) {
  .about .conditions .conditions-docs__pdf {
    min-width: 64px;
    min-height: 64px;
    max-width: 64px;
    max-height: 64px;
  }
}
@media screen and (min-width: 1024px) {
  .about .conditions .conditions-docs__pdf {
    min-width: 3.3333333333vw;
    min-height: 3.3333333333vw;
    max-width: 3.3333333333vw;
    max-height: 3.3333333333vw;
  }
}
.about .conditions .conditions-docs__pdf svg {
  width: 100%;
  height: 100%;
}
.about .conditions .conditions-docs__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (min-width: 768px) {
  .about .conditions .conditions-docs__content {
    gap: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .about .conditions .conditions-docs__content {
    gap: 1.0416666667vw;
  }
}
.about .conditions .conditions-docs__name {
  font-family: "Google Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #0a4b4f;
}
@media screen and (min-width: 768px) {
  .about .conditions .conditions-docs__name {
    font-size: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .about .conditions .conditions-docs__name {
    font-size: 1.25vw;
  }
}
.about .conditions .conditions-docs__name {
  color: #14293e;
  font-size: 24px;
  line-height: 110%;
}
@media screen and (min-width: 1024px) {
  .about .conditions .conditions-docs__name {
    font-size: 1.25vw;
  }
}
.about .conditions .conditions-docs__row {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (min-width: 768px) {
  .about .conditions .conditions-docs__row {
    gap: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .about .conditions .conditions-docs__row {
    gap: 1.0416666667vw;
  }
}
.about .conditions .conditions-docs__size {
  font-size: 16px;
  font-family: "Google Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 120%;
  text-decoration: none;
  text-transform: none;
  letter-spacing: -0.03em;
}
@media screen and (min-width: 768px) {
  .about .conditions .conditions-docs__size {
    font-size: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .about .conditions .conditions-docs__size {
    font-size: 0.8333333333vw;
    font-size: clamp(12px, 12px + 6 * (100vw - 1024px) / 896, 16px);
  }
}
.about .conditions .conditions-docs__size {
  padding: 4px 12px;
  border-radius: 100px;
  background: #edf8e9;
  box-shadow: 0 15px 4px 0 rgba(169, 167, 178, 0), 0 10px 4px 0 rgba(169, 167, 178, 0.02), 0 5px 3px 0 rgba(169, 167, 178, 0.08), 0 2px 2px 0 rgba(169, 167, 178, 0.13), 0 1px 1px 0 rgba(169, 167, 178, 0.15);
  color: #018b46;
  text-wrap: nowrap;
}
@media screen and (min-width: 768px) {
  .about .conditions .conditions-docs__size {
    padding: 8px 16px;
  }
}
@media screen and (min-width: 1024px) {
  .about .conditions .conditions-docs__size {
    padding: 0.4166666667vw 0.8333333333vw;
    border-radius: 5.2083333333vw;
  }
}
.about .conditions .conditions-docs__date {
  font-size: 16px;
  font-family: "Google Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 120%;
  text-decoration: none;
  text-transform: none;
  letter-spacing: -0.03em;
}
@media screen and (min-width: 768px) {
  .about .conditions .conditions-docs__date {
    font-size: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .about .conditions .conditions-docs__date {
    font-size: 0.8333333333vw;
    font-size: clamp(12px, 12px + 6 * (100vw - 1024px) / 896, 16px);
  }
}
.about .conditions .conditions-docs__date {
  color: #9fbac7;
  text-wrap: nowrap;
}
.about .conditions .conditions-docs__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 32px;
  height: 100%;
  max-height: 32px;
  transform: rotate(90deg);
  margin-left: auto;
  border-radius: 50%;
  border: 1px solid #9fbac7;
  cursor: pointer;
  transition: transform 0.4s ease;
}
@media screen and (min-width: 768px) {
  .about .conditions .conditions-docs__button {
    max-width: 42px;
    max-height: 42px;
  }
}
@media screen and (min-width: 1024px) {
  .about .conditions .conditions-docs__button {
    max-width: 2.5vw;
    max-height: 2.5vw;
  }
}
.about .conditions .conditions-docs__button:hover svg {
  animation: bounceArrow 1.2s linear infinite;
  will-change: transform;
}
.about .conditions .conditions-docs__button svg {
  width: 12px;
  height: 12px;
  color: #14293e;
}
@media screen and (min-width: 768px) {
  .about .conditions .conditions-docs__button svg {
    width: 16px;
    height: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .about .conditions .conditions-docs__button svg {
    width: 0.8333333333vw;
    height: 0.8333333333vw;
  }
}
@keyframes bounceArrow {
  0% {
    transform: translateX(0);
    animation-timing-function: ease-out;
  }
  25% {
    transform: translateX(4px);
    animation-timing-function: ease-in;
  }
  50% {
    transform: translateX(0);
    animation-timing-function: ease-out;
  }
  75% {
    transform: translateX(-2px);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateX(0);
  }
}
.about .conditions .conditions-sales {
  margin-top: 100px;
}
@media screen and (min-width: 768px) {
  .about .conditions .conditions-sales {
    margin-top: 160px;
  }
}
@media screen and (min-width: 1024px) {
  .about .conditions .conditions-sales {
    margin-top: 14.0625vw;
  }
}
.about .conditions .conditions-sales__title {
  font-size: 17vw;
  font-family: "RoadRadio", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 70%;
  text-decoration: none;
  color: #fff;
  letter-spacing: -0.06em;
}
@media screen and (min-width: 768px) {
  .about .conditions .conditions-sales__title {
    font-size: 12.5vw;
  }
}
@media screen and (min-width: 1024px) {
  .about .conditions .conditions-sales__title {
    font-size: 9.375vw;
  }
}
.about .conditions .conditions-sales__title {
  max-width: 56.4583333333vw;
}
.about .conditions .conditions-sales__title--mobile {
  display: inherit;
}
@media screen and (min-width: 768px) {
  .about .conditions .conditions-sales__title--mobile {
    display: none;
  }
}
.about .conditions .conditions-sales__title--tablet {
  display: none;
}
@media screen and (min-width: 768px) {
  .about .conditions .conditions-sales__title--tablet {
    display: inherit;
  }
}
.about .conditions .conditions-sales__list {
  display: grid;
  grid-auto-columns: 400px;
  grid-auto-flow: column;
  margin-top: 30px;
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 16px;
  padding-right: 16px;
}
@media screen and (min-width: 768px) {
  .about .conditions .conditions-sales__list {
    grid-auto-columns: 477px;
    margin-top: 35px;
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .about .conditions .conditions-sales__list {
    grid-auto-columns: calc(33.33% - 10px);
    grid-template-rows: inherit;
    grid-auto-flow: inherit;
    margin-top: 3.125vw;
    margin-left: inherit;
    margin-right: inherit;
    padding-left: inherit;
    padding-right: inherit;
  }
}
.about .conditions .conditions-sales__block {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  border-radius: 16px;
  border: 1px solid #9fbac7;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .about .conditions .conditions-sales__block {
    gap: 40px;
    padding: 30px;
    border-radius: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .about .conditions .conditions-sales__block {
    gap: 3.125vw;
    padding: 2.0833333333vw;
    border-radius: 1.5625vw;
  }
}
.about .conditions .conditions-sales__header {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media screen and (min-width: 768px) {
  .about .conditions .conditions-sales__header {
    gap: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .about .conditions .conditions-sales__header {
    gap: 1.0416666667vw;
  }
}
.about .conditions .conditions-sales__value {
  font-size: 32px;
  font-family: "Google Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 120%;
  text-decoration: none;
  letter-spacing: -0.03em;
}
@media screen and (min-width: 768px) {
  .about .conditions .conditions-sales__value {
    font-size: 64px;
    line-height: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .about .conditions .conditions-sales__value {
    font-size: 3.33vw;
  }
}
.about .conditions .conditions-sales__value {
  color: #018b46;
  font-size: 38px;
  line-height: 90%;
}
@media screen and (min-width: 1024px) {
  .about .conditions .conditions-sales__value {
    font-size: 3.33vw;
  }
}
.about .conditions .conditions-sales__label {
  font-size: 16px;
  font-family: "Google Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 120%;
  text-decoration: none;
  text-transform: none;
  letter-spacing: -0.03em;
}
@media screen and (min-width: 768px) {
  .about .conditions .conditions-sales__label {
    font-size: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .about .conditions .conditions-sales__label {
    font-size: 0.8333333333vw;
    font-size: clamp(12px, 12px + 6 * (100vw - 1024px) / 896, 16px);
  }
}
.about .conditions .conditions-sales__label {
  color: #0a4b4f;
}
.about .conditions .conditions-sales__text {
  font-family: "Google Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #0a4b4f;
}
@media screen and (min-width: 768px) {
  .about .conditions .conditions-sales__text {
    font-size: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .about .conditions .conditions-sales__text {
    font-size: 1.25vw;
  }
}
.about .conditions .conditions-sales__text {
  font-size: 24px;
  color: #14293e;
}
@media screen and (min-width: 1024px) {
  .about .conditions .conditions-sales__text {
    font-size: 1.25vw;
  }
}
.about .conditions .conditions-sales__footer {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  margin-right: auto;
  justify-content: end;
}
@media screen and (min-width: 768px) {
  .about .conditions .conditions-sales__footer {
    gap: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .about .conditions .conditions-sales__footer {
    flex-direction: column;
    align-items: inherit;
    gap: 1.0416666667vw;
    margin-right: inherit;
  }
}
.about .conditions .conditions-sales__remark {
  font-size: 16px;
  font-family: "Google Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 120%;
  text-decoration: none;
  text-transform: none;
  letter-spacing: -0.03em;
}
@media screen and (min-width: 768px) {
  .about .conditions .conditions-sales__remark {
    font-size: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .about .conditions .conditions-sales__remark {
    font-size: 0.8333333333vw;
    font-size: clamp(12px, 12px + 6 * (100vw - 1024px) / 896, 16px);
  }
}
.about .conditions .conditions-sales__remark {
  width: auto;
  color: #0a4b4f;
}
@media screen and (min-width: 768px) {
  .about .conditions .conditions-sales__remark {
    width: inherit;
  }
}
.about .conditions .conditions-sales__button button {
  text-wrap: nowrap;
}
.about .faq {
  padding: 100px 0;
}
@media screen and (min-width: 768px) {
  .about .faq {
    padding: 200px 0;
  }
}
@media screen and (min-width: 1024px) {
  .about .faq {
    padding: 14.0625vw 0;
  }
}
.about .faq__title {
  font-size: 17vw;
  font-family: "RoadRadio", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 70%;
  text-decoration: none;
  color: #fff;
  letter-spacing: -0.06em;
}
@media screen and (min-width: 768px) {
  .about .faq__title {
    font-size: 12.5vw;
  }
}
@media screen and (min-width: 1024px) {
  .about .faq__title {
    font-size: 9.375vw;
  }
}
.about .faq__title {
  color: #14293e;
}
@media screen and (min-width: 1024px) {
  .about .faq__title {
    max-width: 56.4583333333vw;
  }
}
.about .faq__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .about .faq__list {
    margin-top: 32px;
  }
}
@media screen and (min-width: 1024px) {
  .about .faq__list {
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    margin-top: 3.125vw;
  }
}
.about .faq__column {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
}
@media screen and (min-width: 1024px) {
  .about .faq__column {
    flex: 1;
  }
}
.about .faq__item {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  border: 1px solid #9fbac7;
  border-radius: 16px;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .about .faq__item {
    align-items: stretch;
    padding: 30px;
    border-radius: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .about .faq__item {
    padding: 2.0833333333vw;
    border-radius: 1.5625vw;
  }
}
.about .faq__item.active .faq__button span {
  transform: rotate(-45deg);
}
.about .faq__item.active .faq__body {
  grid-template-rows: 1fr;
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .about .faq__item.active .faq__body {
    margin-top: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .about .faq__item.active .faq__body {
    margin-top: 40px;
  }
}
.about .faq__item.active .faq__content {
  opacity: 1;
}
.about .faq__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 8px;
}
.about .faq__label {
  font-family: "Google Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.03em;
  color: #0a4b4f;
}
@media screen and (min-width: 768px) {
  .about .faq__label {
    font-size: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .about .faq__label {
    font-size: 1.25vw;
  }
}
.about .faq__label {
  font-size: 24px;
  color: #14293e;
}
@media screen and (min-width: 1024px) {
  .about .faq__label {
    font-size: 1.25vw;
  }
}
.about .faq__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  max-width: 32px;
  max-height: 32px;
  min-width: 32px;
  min-height: 32px;
  border-radius: 50%;
  border: 1px solid #9fbac7;
}
@media screen and (min-width: 768px) {
  .about .faq__button {
    max-width: 42px;
    max-height: 42px;
    min-width: 42px;
    min-height: 42px;
  }
}
@media screen and (min-width: 1024px) {
  .about .faq__button {
    max-width: 2.1875vw;
    max-height: 2.1875vw;
    min-width: 2.1875vw;
    min-height: 2.1875vw;
  }
}
.about .faq__button span {
  position: relative;
  width: 18px;
  height: 18px;
  transition: transform 0.5s ease;
}
@media screen and (min-width: 768px) {
  .about .faq__button span {
    width: 24px;
    height: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .about .faq__button span {
    width: 1.25vw;
    height: 1.25vw;
  }
}
.about .faq__button span::before, .about .faq__button span::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 1px;
  background-color: #14293e;
  top: 50%;
  left: 50%;
}
@media screen and (min-width: 768px) {
  .about .faq__button span::before, .about .faq__button span::after {
    width: 14px;
  }
}
@media screen and (min-width: 1024px) {
  .about .faq__button span::before, .about .faq__button span::after {
    width: 0.7291666667vw;
  }
}
.about .faq__button span::before {
  transform: translateX(-50%) translateY(-50%);
}
.about .faq__button span::after {
  transform: translateX(-50%) translateY(-50%) rotate(90deg);
}
.about .faq__body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1), margin-top 0.5s ease;
  margin-top: 0;
}
.about .faq__content {
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.5s ease 0.2s;
}
.about .faq__content p {
  font-size: 16px;
  font-family: "Google Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 120%;
  text-decoration: none;
  text-transform: none;
  letter-spacing: -0.03em;
}
@media screen and (min-width: 768px) {
  .about .faq__content p {
    font-size: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .about .faq__content p {
    font-size: 0.8333333333vw;
    font-size: clamp(12px, 12px + 6 * (100vw - 1024px) / 896, 16px);
  }
}
.about .faq__content p {
  color: #0a4b4f;
}

@media screen and (max-width: 480px) {
  .conditions-sales__list .swiper-wrapper {
    width: 85%;
  }
}