/* [project]/webproject/app/[locale]/about/page.module.css [app-client] (css) */
.page-module__X_d1ua__main {
  background: linear-gradient(#e2ecd6, #fff);
  min-height: 100vh;
  padding: 3rem 1.5rem;
}

@media (min-width: 768px) {
  .page-module__X_d1ua__main {
    padding: 3rem 5rem;
  }
}

@media (min-width: 1024px) {
  .page-module__X_d1ua__main {
    padding: 3rem 8rem;
  }
}

.page-module__X_d1ua__header {
  text-align: center;
  margin-bottom: 3rem;
}

.page-module__X_d1ua__header h1 {
  color: #1f2937;
  background: linear-gradient(90deg, #0a5039, #1e498d);
  -webkit-text-fill-color: transparent;
  text-align: center;
  -webkit-background-clip: text;
  font-size: 3rem;
  font-weight: 800;
  transition: all .3s;
}

.page-module__X_d1ua__header h1:hover {
  transform: scale(1.05);
}

.page-module__X_d1ua__flexSection {
  text-align: justify;
  flex-direction: column;
  gap: 3rem;
  max-width: 72rem;
  margin: 0 auto 3rem;
  display: flex;
}

@media (min-width: 768px) {
  .page-module__X_d1ua__flexSection {
    flex-direction: row;
    align-items: start;
  }
}

.page-module__X_d1ua__flexText {
  color: #374151;
  flex: 1;
  line-height: 1.75;
}

.page-module__X_d1ua__flexText p {
  margin-bottom: 1rem;
  font-size: 1.125rem;
  transition: color .3s;
}

.page-module__X_d1ua__flexText p:hover {
  color: #17644b;
}

.page-module__X_d1ua__flexImage {
  flex: 1;
  justify-content: center;
  display: flex;
}

.page-module__X_d1ua__flexImage img {
  object-fit: cover;
  border-radius: .75rem;
  transition: transform .3s;
  box-shadow: 0 10px 25px #0000001a;
}

.page-module__X_d1ua__flexImage img:hover {
  transform: scale(1.03);
}

.page-module__X_d1ua__cards {
  text-align: justify;
  gap: 1.5rem;
  max-width: 48rem;
  margin: 0 auto;
  display: grid;
}

.page-module__X_d1ua__cardItem {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: .75rem;
  padding: 1.5rem;
  transition: transform .3s, box-shadow .3s;
  box-shadow: 0 5px 15px #0000000d;
}

.page-module__X_d1ua__cardItem:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 25px #0000001a;
}

.page-module__X_d1ua__cardItem h3 {
  margin-bottom: .5rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.page-module__X_d1ua__cardItem p {
  color: #374151;
}

.page-module__X_d1ua__footer {
  text-align: center;
  color: #6b7280;
  margin-top: 4rem;
  font-size: .875rem;
}

/*# sourceMappingURL=webproject_app_%5Blocale%5D_about_page_module_10f273d7.css.map*/