/* src/assets/css/about.css */
.content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 8px;
}
.about_hero {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.about_hero_carousel {
  width: 100%;
  min-height: 540px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 16px;
  background-color: var(--surface-1);
  border-radius: 36px;
}
.about_hero_content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 16px;
}
.about_hero_title {
  font-size: 24px;
  font-weight: 900;
  text-align: center;
  color: var(--text);
}
.about_hero_cta {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.about_hero_cta_link {
  width: 100%;
  max-width: 300px;
  height: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 600;
  color: var(--light);
  background-color: var(--primary-button);
  border: 2px solid var(--primary);
  border-radius: 48px;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
.about_hero_cta_link:focus,
.about_hero_cta_link:active,
.about_hero_cta_link:hover {
  background-color: var(--surface-1);
}
.about_hero_image {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.about_hero_image img {
  width: 100%;
  max-width: 1328px;
  height: auto;
  max-height: 1080px;
  border-radius: 36px;
}
.about_content {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.about_content_container {
  width: 100%;
  min-height: 540px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  padding: 16px;
  background-color: var(--surface-1);
  border-radius: 36px;
}
.about_content_group {
  width: 100%;
  max-width: 960px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0 auto;
}
.about_content_title {
  font-size: 24px;
  font-weight: 900;
  color: var(--text);
}
.about_content_description {
  font-size: 16px;
  font-weight: 400;
  color: var(--text);
}
.about_content_description a {
  font-weight: 600;
  text-decoration: underline;
}
.about_content_list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 36px;
}
.about_content_list li {
  list-style: disc;
  font-size: 16px;
  font-weight: 400;
  color: var(--text);
}
.about_content_list li a {
  font-weight: 600;
  text-decoration: underline;
}
@media only screen and (min-width: 640px) {
  .about_hero_carousel {
    padding: 32px;
  }
  .about_hero_content {
    gap: 32px;
    padding: 32px;
  }
  .about_hero_title {
    font-size: 36px;
  }
  .about_hero_cta {
    flex-direction: row;
  }
  .about_content_container {
    padding: 32px;
  }
}
@media only screen and (min-width: 960px) {
  .about_hero_carousel {
    gap: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .about_hero_carousel {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
  .about_hero_content:nth-child(1),
  .about_hero_content:nth-child(2) {
    width: calc(50% - 16px);
  }
  .about_hero_content:nth-child(3) {
    width: 100%;
  }
  .about_hero_title {
    font-size: 48px;
    text-align: left;
  }
  .about_hero_cta {
    align-items: flex-start;
  }
  .about_hero_cta_link {
    margin: initial;
  }
}
/*# sourceMappingURL=about-L73WU6AM.css.map */