/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./src/components/ui/styles/WebPages.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
 /* ====================================================
   WebPages.module.css – Estilos unificados e padronizados
   ==================================================== */

/* ----------------------------------------------------
   HeroBullets - Seção principal do Hero
---------------------------------------------------- */
.WebPages_heroSection__HIAsm {
  position: relative;
  width: 100vw;
  min-height: 80vh; /* Define altura mínima do Hero, sem forçar altura excessiva */
  padding: 0;
  margin: 0;
  overflow: hidden; /* Evita elementos ultrapassando a seção */
  background: linear-gradient(45deg, var(--secondaryGray-1), var(--complementaryTeal-1)); /* Gradiente */
}

/* Estrutura principal do Hero */
.WebPages_heroInner__UONDC {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--mantine-spacing-lg);
  min-height: 80vh; /* Mantém um tamanho adequado */
  position: relative;
  z-index: 1;
  max-width: var(--max-width);
  margin: 0 auto;
}

@media (max-width: 768px) {
  .WebPages_heroInner__UONDC {
    min-height: 70vh; /* Em telas pequenas, reduz a altura para evitar espaçamento desnecessário */
  }
}

/* ----------------------------------------------------
   Conteúdo textual do Hero (Esquerda)
---------------------------------------------------- */
.WebPages_heroContent__vIZr4 {
  flex: 1;
  max-width: 500px;
  margin-right: calc(var(--mantine-spacing-xl) * 3);
  z-index: 2; /* Evita que a imagem sobreponha o conteúdo */
}

@media (min-width: 1200px) {
  .WebPages_heroContent__vIZr4 {
    max-width: 600px;
    margin-right: calc(var(--mantine-spacing-xl) * 4);
  }
}

/* Ajusta espaçamento para telas muito largas */
@media (min-width: 1440px) {
  .WebPages_heroContent__vIZr4 {
    margin-right: calc(var(--mantine-spacing-xl) * 2);
  }
}

/* Em telas médias, garante melhor responsividade */
@media (max-width: 1024px) {
  .WebPages_heroContent__vIZr4 {
    max-width: 100%;
    margin-right: 0;
  }
}

/* ----------------------------------------------------
   Imagem do Hero (Direita)
---------------------------------------------------- */
.WebPages_heroImageContainer__yR0Ps {
  flex: 1;
  position: relative;
  display: flex;
  align-items: flex-start; /* Garante que a imagem fique colada no topo */
  justify-content: flex-end; /* Alinha a imagem à direita */
  min-height: 90vh; /* Evita que o Hero fique grande demais */
}
/* Em telas menores, a imagem some para manter legibilidade */
@media (min-width: 1400px) {
  .WebPages_heroImageContainer__yR0Ps {
    min-height: 80vh;
  }
}

/* Em telas menores, a imagem some para manter legibilidade */
@media (max-width: 1170px) {
  .WebPages_heroImageContainer__yR0Ps {
    display: none;
  }
}

/* Imagem do Hero: mantém altura ajustável, sem forçar 100% da tela */
.WebPages_heroImage__jIA64 {
  position: absolute;
  top: 0; /* Mantém colada no topo */
  right: 0;
  bottom: 0;
  width: auto;
  height: 100%;
  object-fit: cover; /* Mantém proporção e corta o excesso na direita */
  transform: translateX(var(--heroImage-translateX)); /* Ajuste dinâmico */
}


/* ----------------------------------------------------
   Estilização do Título
---------------------------------------------------- */
.WebPages_heroTitle__LADqw {
  color: var(--primaryFuchsia-6);
  font-family: Greycliff CF, var(--mantine-font-family);
  font-size: 48px;
  line-height: 1.2;
  font-weight: 900;
}

/* Ajusta tamanho do título dinamicamente */
@media (min-width: 1400px) {
  .WebPages_heroTitle__LADqw {
    font-size: 56px;
  }
}
@media (max-width: 1170px) {
  .WebPages_heroTitle__LADqw {
    font-size: 52px;
  }
}
@media (max-width: 768px) {
  .WebPages_heroTitle__LADqw {
    font-size: 48px;
  }
}
@media (max-width: 480px) {
  .WebPages_heroTitle__LADqw {
    font-size: 36px;
  }
}

/* ----------------------------------------------------
   Botões do Hero (CTA)
---------------------------------------------------- */
.WebPages_heroControl__0_tMf {
  display: flex;
  gap: var(--mantine-spacing-md);
}

/* Em telas pequenas, os botões ocupam 100% da largura */
@media (max-width: 768px) {
  .WebPages_heroControl__0_tMf {
    flex-direction: column;
    width: 100%;
  }
}
@media (max-width: 480px) {
  .WebPages_heroControl__0_tMf {
    flex-direction: column;
  }
}

/* ----------------------------------------------------
   Destaque do título
---------------------------------------------------- */
.WebPages_heroHighlight__Vcel6 {
  position: relative;
  background-color: var(--complementaryMint-2);
  border-radius: var(--mantine-radius-sm);
  padding: 4px 12px;
}



/* Botão padrão para CTAs (exceto no menu) */
.WebPages_ctaButton__YaF1F {
  border-radius: var(--mantine-radius-xl);
  /* Gradiente de fuchsia: do primaryFuchsia-7 ao primaryFuchsia-9 */
  background-image: linear-gradient(45deg, var(--primaryFuchsia-7), var(--primaryFuchsia-9));
  color: var(--mantine-color-white);
  transition: background-image 0.3s ease;
  
}
.WebPages_ctaButton__YaF1F:hover {
  /* Se seu pré-processador permitir darken(), use-o; senão, defina cores manualmente */
  background-image: linear-gradient(45deg, #c43568, #9f1e48);
}
.WebPages_ctaButton__YaF1F:active {
  border:2px solid var(--primaryFuchsia-6);
}

/* Botão outline padrão (ex: “Quero saber mais”, “Acompanhe nosso blog”) */
.WebPages_outlineButton__xYvd_ {
  
  border-radius: var(--mantine-radius-xl);
  border: 2px solid var(--primaryFuchsia-6);
  color: var(--primaryFuchsia-6);
  background: transparent;
  transition: background-color 0.3s ease;
}
.WebPages_outlineButton__xYvd_:hover {
  
  background-color: rgba(208, 71, 121, 0.1);
}

/* ----------------------------------------------------
   HeaderMegaMenu
---------------------------------------------------- */
.WebPages_header__Fh4f_ {
  height: 60px;
  padding: 0 var(--mantine-spacing-md);
  border-bottom: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
}

.WebPages_link__8VFIW {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--mantine-spacing-md);
  text-decoration: none;
  color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
  font-weight: 500;
  font-size: var(--mantine-font-size-sm);
  transition: background-color 0.3s ease;
  cursor: pointer;
}
@media (max-width: 48em) {
  .WebPages_link__8VFIW {
    height: 42px;
    width: 100%;
  }
}
.WebPages_link__8VFIW:hover {
  background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6));
}

.WebPages_subLink__LRpIz {
  width: 100%;
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
  border-radius: var(--mantine-radius-md);
  transition: background-color 0.3s ease;
  cursor: pointer;
}
.WebPages_subLink__LRpIz:hover {
  background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
}

.WebPages_dropdownFooter__aJ95r {
  background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
  margin: calc(var(--mantine-spacing-md) * -1);
  margin-top: var(--mantine-spacing-sm);
  padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
  padding-bottom: var(--mantine-spacing-xl);
  border-top: 1px solid light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-5));
}

.WebPages_logo__3WWA8 {
  display: flex;
  align-items: center;
  justify-content: flex-start; /* Alinha à esquerda */
  height: 100%;
}

/* ----------------------------------------------------
   CardsCarousel
---------------------------------------------------- */
.WebPages_carouselCard__JcPsx {
  height: 440px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  background-size: cover;
  background-position: center;
}

.WebPages_carouselTitle__CHdj9 {
  font-family: Greycliff CF, sans-serif;
  font-weight: 900;
  color: var(--mantine-color-white);
  line-height: 1.2;
  font-size: 32px;
  margin-top: var(--mantine-spacing-xs);
}

.WebPages_carouselCategory__Mgh4Q {
  color: var(--mantine-color-white);
  opacity: 0.7;
  font-weight: 700;
  text-transform: uppercase;
}



/* ----------------------------------------------------
   FaqSimple
---------------------------------------------------- */
.WebPages_faqWrapper__3X3rq {
  padding: calc(var(--mantine-spacing-xl) * 2) 0;
  min-height: 650px;
}

.WebPages_faqTitle__GS0Zz {
  margin-bottom: calc(var(--mantine-spacing-xl) * 1.5);
}

.WebPages_faqItem__EID09 {
  border-radius: var(--mantine-radius-md);
  margin-bottom: var(--mantine-spacing-lg);
  border: 1px solid var(--mantine-color-gray-3);
}

/* ----------------------------------------------------
   GetInTouchSimple
---------------------------------------------------- */
.WebPages_getInTouchWrapper__NJ5XB {
  padding: calc(var(--mantine-spacing-xl) * 2) 0;
  min-height: 500px;
}

.WebPages_getInTouchTitle__wo4N4 {
  margin-bottom: calc(var(--mantine-spacing-xl) * 1.5);
  text-align: center;
}

.WebPages_getInTouchButton__mA3iS {
  width: 200px;
}
@media (max-width: 480px) {
  .WebPages_getInTouchButton__mA3iS {
    width: 100%;
  }
}
/* ----------------------------------------------------
  Features Title
---------------------------------------------------- */
.WebPages_featuresTitleBackground__2GEyy {
  width: 100vw;
  background: linear-gradient(45deg, var(--complementaryTeal-8, #4a9ead), var(--complementaryTeal-9, #3c8d9a));
}

/* Container da seção */
.WebPages_featuresTitleWrapper__mIENK {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: var(--mantine-spacing-xl);
  /* Retiramos a margem extra que estava deixando o conteúdo "fora de lugar" */
  font-family: 'Baranca', sans-serif;
}

/* Grid para layout: em telas grandes, duas colunas */
.WebPages_featuresGrid__5x1fE {
  max-width: var(--max-width);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 40% 60%;
  gap: 40px;
  align-items: center;
}

/* Left column: contém texto e botão */
.WebPages_featuresLeft__SBtYg {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
}

/* Área de texto */
.WebPages_featuresText__ktmHp {
  text-align: left;
}

/* Área dos ícones */
.WebPages_featuresIcons__r4Cy3 {
  /* Mantém o layout padrão */
}

/* Botão – sem margem extra para desktops */
.WebPages_featuresButton__gRUVL {
  /* No desktop, o botão fica junto do texto */
}

/* Título principal */
.WebPages_featuresTitle__STXFw {
  color: #fff;
  font-size: 2rem;
  font-weight: 900;
  margin-bottom: var(--mantine-spacing-md);
}

/* Itens (ícone + texto) */
.WebPages_featureItem__UdfOy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 0 15px; /* Adicionado padding lateral */
}

/* Container do ícone */
.WebPages_customThemeIcon__dj6PL {
  background-color: #fff;
  border: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Ícone */
.WebPages_customIcon__WApMo {
  color: var(--primaryFuchsia-10, #911848);
}

/* Texto */
.WebPages_customText__EsVKy {
  font-family: 'Baranca', sans-serif;
  color: #fff;
  font-size: 1rem;
}

/* Botão com fundo transparente e borda branca */
.WebPages_customButton__lFqcO {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  transition: background-color 0.3s ease;
}
.WebPages_customButton__lFqcO:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

/* Responsividade para telas menores:
   - Em telas abaixo de 768px, reordenamos o grid para que os elementos fiquem empilhados na ordem:
     texto, ícones e, por último, o botão. */
@media (max-width: 768px) {
  .WebPages_featuresGrid__5x1fE {
    grid-template-columns: 1fr;
    grid-template-areas:
      "text"
      "icons"
      "button";
    gap: 20px;
  }
  /* Usamos 'display: contents' para que os elementos dentro de .featuresLeft se tornem itens diretos do grid */
  .WebPages_featuresLeft__SBtYg {
    display: contents;
  }
  .WebPages_featuresText__ktmHp {
    grid-area: text;
    text-align: center;
  }
  .WebPages_featuresIcons__r4Cy3 {
    grid-area: 50px;
  }
  .WebPages_featuresButton__gRUVL {
    grid-area: button;
    text-align: center;
  }
}
/* ----------------------------------------------------
   Footer
---------------------------------------------------- */
.WebPages_footer__1pN_Y {
  background-color: var(--mantine-color-gray-0);
  border-top: 1px solid var(--mantine-color-gray-2);
  padding: 40px 20px;
}

.WebPages_mainContent__BJE_a {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.WebPages_left__l9IGH {
  display: flex;
  flex-direction: row;
  gap: 40px;
  flex: 1 1 300px;
  align-items: flex-start;
}

.WebPages_leftColumn1__GE6zi {
  max-width: 250px;
}

.WebPages_logo__3WWA8 img {
  max-height: 40px;
}

.WebPages_description__wqBqx {
  margin-top: 10px;
  color: var(--mantine-color-gray-6);
  font-size: var(--mantine-font-size-sm);
}
/* Área do selo USP centralizado na leftColumn1 */
.WebPages_uspSealContainer__5vsua {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-top: 12px;
}

.WebPages_uspSealLogo__lTK0Q {
  max-width: 110px;
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}

.WebPages_cietecSealLogo__x2tva {
  max-width: 90px;    /* reduz um pouco a largura máxima */
  width: 100%;
  max-height: 58px;   /* limita a altura máxima */
  height: auto;
  object-fit: contain;
  display: block;
}

/* Texto da chamada para mídias sociais */
.WebPages_socialPrompt__34Jlo {
  text-align: left;
  font-size: var(--mantine-font-size-sm);
  color: var(--mantine-color-gray-6);
  margin-bottom: 5px;
}
/* Divisor: linha horizontal */
.WebPages_divider__p4iCi {
  border: none;
  border-top: 1px solid var(--mantine-color-gray-2);
  margin: 20px 0;
}
/* Ajustes da leftColumn2 para os selos de compliance */
.WebPages_leftColumn2__eXmO_ {
  display: flex;
  justify-content: center; /* Centraliza o grid dentro da coluna */
  align-items: center;
  width: 100%; /* Usa toda a largura disponível */
  max-width: 200px; /* Define um tamanho máximo */
}

.WebPages_leftColumn2Grid__IE0QZ {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* Garante duas colunas */
  grid-template-rows: repeat(2, auto); /* Adiciona uma segunda linha */
  gap: 10px; /* Pequeno espaçamento entre os logos */
  justify-content: center; /* Alinha horizontalmente */
  align-items: center; /* Alinha verticalmente */
  width: 100%; /* Ocupa toda a largura do container */
  max-width: 200px; /* Ajusta para que tudo fique bem distribuído */
}

.WebPages_sealLogo__d07F4 {
  max-width: 80px;
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}

/* Área para ícones de mídias sociais */
.WebPages_socialIcons__8CPm6 {
  display: flex;
  gap: var(--mantine-spacing-md);
  margin-top: var(--mantine-spacing-xs);
}

.WebPages_right__xE5uH {
  display: flex;
  gap: 40px;
  flex: 1 1 300px;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.WebPages_groupWrapper__p93Z9 {
  min-width: 160px;
  margin-bottom: 20px;
}

.WebPages_groupTitle__bOphc {
  font-size: var(--mantine-font-size-lg);
  font-weight: 700;
  margin-bottom: 8px;
  color: var(--mantine-color-black);
}

.WebPages_footerLink__CdBg6 {
  display: block;
  color: var(--mantine-color-gray-6);
  font-size: var(--mantine-font-size-sm);
  padding: 3px 0;
  text-decoration: none;
  transition: text-decoration 0.3s ease;
}
.WebPages_footerLink__CdBg6:hover {
  text-decoration: underline;
}

.WebPages_bottom__NkQIB {
  border-top: 1px solid var(--mantine-color-gray-2);
  margin-top: 40px;
  padding-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font-size: var(--mantine-font-size-sm);
  color: var(--mantine-color-gray-6);
}
@media (max-width: 768px) {
  .WebPages_mainContent__BJE_a {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .WebPages_left__l9IGH,
  .WebPages_right__xE5uH {
    justify-content: center;
  }
  .WebPages_right__xE5uH {
    margin-top: 20px;
  }
  .WebPages_bottom__NkQIB {
    flex-direction: column;
    gap: 10px;
    text-align: center;
  }
}
/* ----------------------------------------------------
   ArticleCard (para o BlogSection) – Mantine v7
---------------------------------------------------- */
.WebPages_articleCard__5lDP0 {
  height: 440px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  background-size: cover;
  background-position: center;
  padding: 1rem;
  border-radius: var(--mantine-radius-md);
  overflow: hidden;
  width: 100%;      /* Garante que ocupe toda a largura da coluna */
  max-width: 100%;  /* Evita limites desnecessários */
}

/* Link que envolve o card para torná-lo totalmente clicável */
.WebPages_articleCardLink__EEC61 {
  text-decoration: none; /* Remove o sublinhado */
  display: block;
}

/* Categoria do artigo */
.WebPages_articleCardCategory__u7X9u {
  color: var(--mantine-color-white);
  opacity: 0.7;
  font-weight: 700;
  text-transform: uppercase;
}

/* Título do card */
.WebPages_articleCardTitle__GEQRC {
  font-family: 'Greycliff CF', var(--mantine-font-family);
  font-weight: 900;
  color: var(--mantine-color-white);
  line-height: 1.2;
  font-size: 32px;
  margin-top: var(--mantine-spacing-xs);
}

/* Conteúdo interno: garante que fique acima do overlay */
.WebPages_cardContent__zwdgN {
  position: relative;
  z-index: 2;
}

/* Overlay para efeito de transparência na imagem */
.WebPages_imageOverlay__m_22o {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  transition: background-color 0.3s ease;
  z-index: 1;
}

/* Ao passar o mouse, o overlay fica transparente */
.WebPages_articleCard__5lDP0:hover .WebPages_imageOverlay__m_22o {
  background-color: rgba(0, 0, 0, 0);
}

/* Botão "Saiba Mais..." – container para posicionamento e z-index elevado */
.WebPages_cardButton__KI9ZL {
  position: relative;
  z-index: 2;
  align-self: flex-start;
  margin-top: auto;
}

/* Estilo específico para o botão "Saiba Mais..." com efeito hover */
.WebPages_cardButtonStyle__CtRRH {
  transition: transform 0.3s ease, background-color 0.3s ease;
}

/* Efeito hover para o botão "Saiba Mais..." */
.WebPages_cardButtonStyle__CtRRH:hover {
  transform: scale(1.05);
  background-color: rgba(255, 255, 255, 0.9);
}

/* Exemplo de classe para o título principal do BlogSection */
.WebPages_primaryTitle__RAy0Y {
  color: var(--primaryFuchsia-6); /* Utilize a cor principal da marca */
}
/* ----------------------------------------------------
   SponsorsSection – Box com degradê rosa (mesmo dos botões CTA)
---------------------------------------------------- */
.WebPages_sponsorsBox__6EDMb {
  background: linear-gradient(45deg, var(--primaryFuchsia-7), var(--primaryFuchsia-9));
  padding: var(--mantine-spacing-xl);
  border-radius: var(--mantine-radius-md);
}

/* Cada slide do carousel: centraliza o conteúdo */
.WebPages_sponsorSlide__Aqex6 {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Sponsor logo: mantém tamanho fixo e centralização
   As logos terão altura fixa de 80px e largura máxima de 200px para preservar a proporção */
.WebPages_sponsorLogo__am3eV {
  height: 80px;          /* Altura fixa */
  max-width: 200px;      /* Largura máxima */
  width: auto;
  display: block;
  margin: auto;
}

/* -----------------------
   Responsividade Geral
-------------------------*/
/* Certifique-se de que o Container seja responsivo (size="lg" ou fluid) para que o Carousel se ajuste corretamente */


/* Diferenciais Cards */
.WebPages_diferenciaisCard__xJwB2 {
  max-width: 400px; /* Largura menor para centralizar melhor */
  margin: auto;
}
.WebPages_diferenciaisTitle__f88di {
  color: var(--primaryFuchsia-6); /* Títulos com cor principal */
}
/* -----------------------
   Product Section
-------------------------*/

/* 1. Background full-width: ocupa toda a largura da tela */
.WebPages_productsSectionBackground__tY6aE {
  width: 100%;
  background: linear-gradient(45deg, var(--secondaryGray-1), var(--complementaryTeal-1));
  padding: 2rem 0;
  margin: 0;
}

/* 4. Título "Nossos Produtos" no padrão rosa */
.WebPages_productsTitle__ZNU1_ {
  color: var(--primaryFuchsia-6);
  font-family: Greycliff CF, var(--mantine-font-family);
  font-size: 48px;
  font-weight: 900;
  text-align: center;
  margin-bottom: 1rem;
}

/* 2. Estilização dos bullets */
/* Cada item de bullet com espaçamento leve entre eles */
.WebPages_productBulletItem__sxrOx {
  margin-bottom: 0.5rem;
}

/* Título do bullet em negrito */
.WebPages_productBulletTitle__ZgVVj {
  font-weight: bold;
  display: block;
}

/* Descrição do bullet com leitura normal e sem espaçamento extra */
.WebPages_productBulletDescription__hgZ5d {
  font-weight: normal;
  line-height: 1;
  margin-top: 0;
}

/* 3. Logotipos dos produtos: máximo de 200px de largura e alinhados à esquerda */
.WebPages_productLogo__xBfmb {
  max-width: 200px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./src/components/ui/styles/FaqSimple.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
/* packages/shared-ui/src/webkit/components/FaqSimple/FaqSimple.module.css */

.FaqSimple_faqWrapper__4WgwZ {
    padding-top: calc(var(--mantine-spacing-xl) * 2);
    padding-bottom: calc(var(--mantine-spacing-xl) * 2);
    min-height: 250px;
  }
  
  .FaqSimple_faqTitle__S9oWy {
    margin-bottom: calc(var(--mantine-spacing-xl) * 1.5);
    font-family: "Inter", sans-serif;
    font-weight: 700;
  }
  
  .FaqSimple_faqItem__IGTDc {
    border-radius: var(--mantine-radius-md);
    margin-bottom: var(--mantine-spacing-lg);
    border: 1px solid var(--mantine-color-gray-3);
  }
/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./node_modules/@mantine/carousel/styles.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.m_17884d0f {
  --carousel-height: auto;
  position: relative;
}

.m_a2dae653 {
  height: var(--carousel-height);
  overflow: hidden;
}

.m_a2dae653[data-type='container'] {
    container: carousel / inline-size;
  }

.m_fcd81474 {
  display: flex;
  flex-direction: row;
  height: var(--carousel-height);
}

:where([data-include-gap-in-size]) .m_fcd81474:where([data-orientation='vertical']) {
      margin-bottom: calc(var(--carousel-slide-gap) * -1);
    }

:where([data-include-gap-in-size]) .m_fcd81474:where([data-orientation='horizontal']) {
      margin-inline-end: calc(var(--carousel-slide-gap) * -1);
    }

.m_fcd81474:where([data-orientation='vertical']) {
    flex-direction: column;
  }

.m_39bc3463 {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1;
  pointer-events: none;
}

.m_39bc3463:where([data-orientation='vertical']) {
    inset-inline-start: calc(50% - var(--carousel-control-size) / 2);
    top: 0;
    bottom: 0;
    flex-direction: column;
    padding: var(--carousel-controls-offset) 0;
  }

.m_39bc3463:where([data-orientation='horizontal']) {
    inset-inline-start: 0;
    inset-inline-end: 0;
    top: calc(50% - var(--carousel-control-size) / 2);
    flex-direction: row;
    padding: 0 var(--carousel-controls-offset);
  }

.m_64f58e10 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: var(--carousel-control-size);
  min-height: var(--carousel-control-size);
  border-radius: var(--carousel-control-size);
  pointer-events: all;
  background-color: var(--mantine-color-white);
  color: var(--mantine-color-black);
  box-shadow: var(--mantine-shadow-md);
  border: 1px solid var(--mantine-color-gray-3);
  transition: opacity 100ms ease;
}

:where([data-mantine-color-scheme='light']) .m_64f58e10 {
    opacity: 0.85;
}

:where([data-mantine-color-scheme='dark']) .m_64f58e10 {
    opacity: 0.65;
}

@media (hover: hover) {

  .m_64f58e10:hover {
    opacity: 1;
  }
}

@media (hover: none) {

  .m_64f58e10:active {
    opacity: 1;
  }
}

.m_71ea3ab1 {
  position: absolute;
  display: flex;
  justify-content: center;
  gap: calc(0.5rem * var(--mantine-scale));
  pointer-events: none;
}

.m_71ea3ab1:where([data-orientation='vertical']) {
    bottom: 0;
    top: 0;
    inset-inline-end: var(--mantine-spacing-md);
    flex-direction: column;
  }

.m_71ea3ab1:where([data-orientation='horizontal']) {
    bottom: var(--mantine-spacing-md);
    inset-inline-start: 0;
    inset-inline-end: 0;
    flex-direction: row;
  }

.m_eae68602 {
  pointer-events: all;
  border-radius: var(--mantine-radius-xl);
  box-shadow: var(--mantine-shadow-sm);
  opacity: 0.6;
  background-color: var(--mantine-color-white);
}

@media (hover: hover) {

  .m_eae68602:hover {
    opacity: 1;
  }
}

@media (hover: none) {

  .m_eae68602:active {
    opacity: 1;
  }
}

.m_eae68602:where([data-active]) {
    opacity: 1;
  }

.m_eae68602:where([data-orientation='vertical']) {
    width: calc(0.3125rem * var(--mantine-scale));
    height: calc(1.5625rem * var(--mantine-scale));
  }

.m_eae68602:where([data-orientation='horizontal']) {
    width: calc(1.5625rem * var(--mantine-scale));
    height: calc(0.3125rem * var(--mantine-scale));
  }

.m_d98df724 {
  position: relative;
  flex: 0 0 var(--carousel-slide-size, 100%);
}

.m_17884d0f:where([data-include-gap-in-size]) .m_d98df724:where([data-orientation='vertical']) {
      padding-bottom: var(--carousel-slide-gap);
    }

.m_17884d0f:where([data-include-gap-in-size]) .m_d98df724:where([data-orientation='horizontal']) {
      padding-inline-end: var(--carousel-slide-gap);
    }

.m_17884d0f:where(:not([data-include-gap-in-size])) .m_d98df724:where([data-orientation='vertical']) {
      margin-bottom: var(--carousel-slide-gap);
    }

.m_17884d0f:where(:not([data-include-gap-in-size])) .m_d98df724:where([data-orientation='horizontal']) {
      margin-inline-end: var(--carousel-slide-gap);
    }

/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./src/components/ui/styles/BlogPages.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
/* shared-ui/styles/BlogPages.module.css */

.BlogPages_container__5pQTY {
  padding: 2rem;
  margin: 0 auto;
  max-width: 800px; /* Limita a largura para melhor legibilidade */
}

.BlogPages_title__vHl1m {
  font-family: 'Greycliff CF', sans-serif;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1.5rem;
  color: var(--mantine-color-dark);
}

/* O container da imagem (via AspectRatio) agora respeita a largura do container pai */
.BlogPages_featuredImage__zhmpe {
  position: relative;
  width: 100%;
  margin: 0 auto 2rem auto;
  border-radius: 8px;
  overflow: hidden;
}

.BlogPages_content__tV2Iu {
  line-height: 1.8;
  font-size: 1rem;
  text-align: justify;
  margin-top: 2rem;
}

.BlogPages_content__tV2Iu blockquote {
  border-left: 4px solid var(--mantine-color-blue);
  padding-left: 1rem;
  color: var(--mantine-color-dark);
  font-style: italic;
}

.BlogPages_content__tV2Iu ul,
.BlogPages_content__tV2Iu ol {
  padding-left: 1.5rem;
  margin: 1rem 0;
}

.BlogPages_content__tV2Iu table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
}

.BlogPages_content__tV2Iu table,
.BlogPages_content__tV2Iu th,
.BlogPages_content__tV2Iu td {
  border: 1px solid #ddd;
  padding: 0.5rem;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./src/components/ui/styles/HeroContentLeft.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
.HeroContentLeft_hero__MEOoF {
    position: relative;
    background-image: url(/images/banners/paciente.jpg);
    background-size: cover;
    background-position: center;
  }
  
  .HeroContentLeft_container__RxIM_ {
    height: 700px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding-bottom: calc(var(--mantine-spacing-xl) * 6);
    z-index: 1;
    position: relative;
  
    @media (max-width: $mantine-breakpoint-sm) {
      height: 500px;
      padding-bottom: calc(var(--mantine-spacing-xl) * 3);
    }
  }
  
  .HeroContentLeft_title__WhoB_ {
    color: var(--mantine-color-white);
    font-size: 50px;
    font-weight: 900;
    line-height: 1.1;
  
    @media (max-width: $mantine-breakpoint-sm) {
      font-size: 30px;
      line-height: 1.2;
    }
  
    @media (max-width: $mantine-breakpoint-xs) {
      font-size: 28px;
      line-height: 1.3;
    }
  }
  
  .HeroContentLeft_description__nW_p_ {
    color: var(--mantine-color-white);
    max-width: 900px;
  
    @media (max-width: $mantine-breakpoint-sm) {
      max-width: 100%;
      font-size: var(--mantine-font-size-sm);
    }
  }
  
  .HeroContentLeft_control__bzxd0 {
    margin-top: calc(var(--mantine-spacing-xl) * 1.5);
  
    @media (max-width: $mantine-breakpoint-sm) {
      width: 100%;
    }
  }

/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./src/components/ui/styles/FeaturesCards.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.FeaturesCards_title__djz7w {
    font-size: 34px;
    font-weight: 900;
  
    @media (max-width: $mantine-breakpoint-sm) {
      font-size: 24px;
    }
  }
  
  .FeaturesCards_description__sSX4f {
    max-width: 600px;
    margin: auto;
  
    &::after {
      content: '';
      display: block;
      background-color: var(--primaryFuchsia-4, #e083a5);
      width: 45px;
      height: 2px;
      margin-top: var(--mantine-spacing-sm);
      margin-left: auto;
      margin-right: auto;
    }
  }
  
  .FeaturesCards_card__s_8cQ {
    border: 1px solid light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-5));
  }
  
  .FeaturesCards_cardTitle__l0BSa {
    &::after {
      content: '';
      display: block;
      background-color: var(--primaryFuchsia-4, #e083a5);
      width: 45px;
      height: 2px;
      margin-top: var(--mantine-spacing-sm);
    }
  }
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./src/components/ui/styles/FeaturesGrid.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.FeaturesGrid_wrapper__Q6lTO {
    padding-top: calc(var(--mantine-spacing-xl) * 4);
    padding-bottom: calc(var(--mantine-spacing-xl) * 4);
  }
  
  .FeaturesGrid_title__rFGmE {
    font-family:
      Greycliff CF,
      var(--mantine-font-family);
    font-weight: 900;
    margin-bottom: var(--mantine-spacing-md);
    text-align: center;
  
    @media (max-width: $mantine-breakpoint-sm) {
      font-size: 28px;
      text-align: left;
    }
  }
  
  .FeaturesGrid_description__D_oCc {
    text-align: center;
  
    @media (max-width: $mantine-breakpoint-sm) {
      text-align: left;
    }
  }
/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./src/components/ui/styles/HeroImageBackground.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
.HeroImageBackground_wrapper__BK8Xl {
    position: relative;
    padding-top: 180px;
    padding-bottom: 130px;
    background-image: url(https://images.unsplash.com/photo-1573164713988-8665fc963095?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=980&q=80);
    background-size: cover;
    background-position: center;
  
    @media (max-width: $mantine-breakpoint-xs) {
      padding-top: 80px;
      padding-bottom: 50px;
    }
  }
  
  .HeroImageBackground_inner__wOdj4 {
    position: relative;
    z-index: 1;
  }
  
  .HeroImageBackground_title__ZhUNw {
    font-weight: 800;
    font-size: 40px;
    letter-spacing: -1px;
    padding-left: var(--mantine-spacing-md);
    padding-right: var(--mantine-spacing-md);
    color: var(--mantine-color-white);
    margin-bottom: var(--mantine-spacing-xs);
    text-align: center;
    font-family:
      Greycliff CF,
      var(--mantine-font-family);
  
    @media (max-width: $mantine-breakpoint-xs) {
      font-size: 28px;
      text-align: left;
    }
  }
  
  .HeroImageBackground_highlight__Atpky {
    color: var(--mantine-color-primary-4);
  }
  
  .HeroImageBackground_description__QYesW {
    color: var(--mantine-color-gray-0);
    text-align: center;
  
    @media (max-width: $mantine-breakpoint-xs) {
      font-size: var(--mantine-font-size-md);
      text-align: left;
    }
  }
  
  .HeroImageBackground_controls__1cMbo {
    margin-top: calc(var(--mantine-spacing-xl) * 1.5);
    display: flex;
    justify-content: center;
    padding-left: var(--mantine-spacing-md);
    padding-right: var(--mantine-spacing-md);
  
    @media (max-width: $mantine-breakpoint-xs) {
      flex-direction: column;
    }
  }
  
  .HeroImageBackground_control__OjmkM {
    height: 42px;
    font-size: var(--mantine-font-size-md);
  
    &:not(:first-of-type) {
      margin-left: var(--mantine-spacing-md);
    }
  
    @media (max-width: $mantine-breakpoint-xs) {
      &:not(:first-of-type) {
        margin-top: var(--mantine-spacing-md);
        margin-left: 0;
      }
    }
  }
  
  .HeroImageBackground_secondaryControl__tDl57 {
    color: var(--mantine-color-white);
    background-color: rgba(255, 255, 255, 0.4);
  
    @mixin hover {
      background-color: rgba(255, 255, 255, 0.45);
    }
  }
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./src/components/ui/styles/HeroText.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.HeroText_wrapper__j1lPN {
    position: relative;
    padding-top: 20px;
    padding-bottom: 80px;
  
    @media (max-width: $mantine-breakpoint-sm) {
      padding-top: 80px;
      padding-bottom: 60px;
    }
  }
  
  .HeroText_inner__dqdaE {
    position: relative;
    z-index: 1;
  }
  
  .HeroText_dots__hihdu {
    position: absolute;
    color: light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-5));
  
    @media (max-width: $mantine-breakpoint-sm) {
      display: none;
    }
  }
  
  .HeroText_dotsLeft__Lh_HE {
    left: 0;
    top: 0;
  }
  
  .HeroText_title__cdplv {
    text-align: center;
    font-weight: 800;
    font-size: 40px;
    letter-spacing: -1px;
    color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
    margin-bottom: var(--mantine-spacing-xs);
    font-family:
      Greycliff CF,
      var(--mantine-font-family);
  
    @media (max-width: $mantine-breakpoint-xs) {
      font-size: 28px;
      text-align: left;
    }
  }
  
  .HeroText_highlight__rpTC8 {
    color: rgb(var(--primaryFuchsia-5)); /* Usando a variável de cor primaryFuchsia-5 */
  }
  
  .HeroText_description__THzXl {
    text-align: center;
  
    @media (max-width: $mantine-breakpoint-xs) {
      text-align: left;
      font-size: var(--mantine-font-size-md);
    }
  }
  
  .HeroText_controls__asqwG {
    margin-top: var(--mantine-spacing-lg);
    display: flex;
    justify-content: center;
  
    @media (max-width: $mantine-breakpoint-xs) {
      flex-direction: column;
    }
  }
  
  .HeroText_control__xvUrh {
    &:not(:first-of-type) {
      margin-left: var(--mantine-spacing-md);
    }
  
    @media (max-width: $mantine-breakpoint-xs) {
      height: 42px;
      font-size: var(--mantine-font-size-md);
  
      &:not(:first-of-type) {
        margin-top: var(--mantine-spacing-md);
        margin-left: 0;
      }
    }
  }
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./src/components/ui/styles/ContactIcons.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.ContactIcons_wrapper__TGD2c {
    display: flex;
    align-items: center;
    color: var(--mantine-color-white);
  }
  
  .ContactIcons_icon__SoQOi {
    margin-right: var(--mantine-spacing-md);
    background-image: linear-gradient(
      135deg,
      var(--primaryFuchsia-4) 0%,
      var(--primaryFuchsia-6) 100%
    );
  }
  
  .ContactIcons_title___QQyZ {
    color: var(--mantine-color-gray-6);
  }
  
  .ContactIcons_description__Uncd_ {
    color: var(--mantine-color-black);
  }
/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./src/components/ui/styles/FaqWithHeader.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.FaqWithHeader_wrapper__ICVuB {
    padding-top: var(--mantine-spacing-md);
    padding-bottom: calc(var(--mantine-spacing-xl) * 2);
  }
  
  .FaqWithHeader_header__Fwyx9 {
    height: 400px;
    padding-top: var(--mantine-spacing-md);
    background-image: linear-gradient(
      135deg,
      var(--primaryFuchsia-4) 0%,
      var(--primaryFuchsia-6) 100%
    );
    background-size: cover;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
    padding: calc(var(--mantine-spacing-xl) * 1.5) calc(var(--mantine-spacing-xl) * 2);
    border-radius: var(--mantine-radius-lg);
    margin-bottom: var(--mantine-spacing-lg);
  
    @media (max-width: em(1080px)) {
      height: auto;
      flex-direction: column-reverse;
      align-items: initial;
      padding: var(--mantine-spacing-xl);
    }
  }
  
  .FaqWithHeader_title__HG3fs {
    color: var(--mantine-color-white);
    position: relative;
    z-index: 1;
    font-size: 46px;
    font-weight: 800;
    letter-spacing: -0.5px;
    font-family:
      Greycliff CF,
      var(--mantine-font-family);
  
    @media (max-width: em(1080px)) {
      font-size: 22px;
      text-align: center;
      margin-top: var(--mantine-spacing-xl);
    }
  }
  
  .FaqWithHeader_titleOverlay__BRTVH {
    z-index: 0;
    position: absolute;
    color: var(--mantine-color-white);
    font-weight: 900;
    opacity: 0.1;
    font-size: 320px;
    line-height: 1;
    top: 10px;
    left: 45px;
    pointer-events: none;
    font-family:
      Greycliff CF,
      var(--mantine-font-family);
  
    @media (max-width: em(1080px)) {
      display: none;
    }
  }
  
  .FaqWithHeader_contact__AoQrM {
    padding: calc(var(--mantine-spacing-xl) * 1.5);
    background-color: var(--mantine-color-white);
    border-radius: var(--mantine-radius-lg);
    box-shadow: var(--mantine-shadow-md);
    align-self: center;
  
    @media (max-width: em(1080px)) {
      padding: var(--mantine-spacing-xl);
    }
  }
  
  .FaqWithHeader_contactTitle__IF9HK {
    color: var(--mantine-color-black);
    margin-bottom: var(--mantine-spacing-xl);
    line-height: 1;
  
  }
  
  .FaqWithHeader_categoryCard__Z4Zjw {
    height: 160px;
    position: relative;
    background-size: 100%;
    background-position: center;
    color: var(--mantine-color-white);
    border-radius: var(--mantine-radius-lg);
    padding: var(--mantine-spacing-xl);
    overflow: hidden;
    transition: background-size 300ms ease;
  
    @mixin hover {
      background-size: 105%;
    }
  }
  
  .FaqWithHeader_categoryLabel__WIm6U {
    color: var(--mantine-color-white);
    z-index: 2;
    position: relative;
  }
/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./src/components/ui/styles/ContactUsIcons.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
.ContactUsIcons_wrapper__3jz_H {
    display: flex;
    align-items: center;
    color: var(--mantine-color-white);
  }
  
  .ContactUsIcons_icon__mA6xa {
    margin-right: var(--mantine-spacing-md);
    background-color: transparent;
  }
  
  .ContactUsIcons_title__JPbZV {
    color: var(--mantine-color-blue-0);
  }
  
  .ContactUsIcons_description__a3aYH {
    color: var(--mantine-color-white);
  }
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./src/components/ui/styles/ContactUs.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.ContactUs_wrapper__mBWzG {
    min-height: 400px;
    background-image: linear-gradient(
      -60deg,
      var(--mantine-color-blue-4) 0%,
      var(--mantine-color-blue-7) 100%
    );
    border-radius: var(--mantine-radius-md);
    padding: calc(var(--mantine-spacing-xl) * 2.5);
  
    @media (max-width: $mantine-breakpoint-sm) {
      padding: calc(var(--mantine-spacing-xl) * 1.5);
    }
  }
  
  .ContactUs_title__Q683n {
    font-family:
      Greycliff CF,
      var(--mantine-font-family);
    color: var(--mantine-color-white);
    line-height: 1;
  }
  
  .ContactUs_description__m65i7 {
    color: var(--mantine-color-blue-0);
    max-width: 300px;
  
    @media (max-width: $mantine-breakpoint-sm) {
      max-width: 100%;
    }
  }
  
  .ContactUs_form__9PKU6 {
    background-color: var(--mantine-color-white);
    padding: var(--mantine-spacing-xl);
    border-radius: var(--mantine-radius-md);
    box-shadow: var(--mantine-shadow-lg);
  }
  
  .ContactUs_social__WvQvc {
    color: var(--mantine-color-white);
  
    @mixin hover {
      color: var(--mantine-color-blue-1);
    }
  }
  
  .ContactUs_input__P5QRx {
    background-color: var(--mantine-color-white);
    border-color: var(--mantine-color-gray-4);
    color: var(--mantine-color-black);
  
    &::placeholder {
      color: var(--mantine-color-gray-5);
    }
  }
  
  .ContactUs_inputLabel__WpzPD {
    color: var(--mantine-color-black);
  }
  
  .ContactUs_control__PY2JZ {
    background-color: var(--mantine-color-blue-6);
  }
/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./src/components/ui/styles/Support.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.Support_wrapper__xDFqf {
    display: flex;
    align-items: center;
    padding: calc(var(--mantine-spacing-xl) * 2);
    border-radius: var(--mantine-radius-md);
    background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark-8));
    border: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-8));
  
    @media (max-width: $mantine-breakpoint-sm) {
      flex-direction: column-reverse;
      padding: var(--mantine-spacing-xl);
    }
  }
  
  .Support_image__Z95uu {
    max-width: 40%;
  
    @media (max-width: $mantine-breakpoint-sm) {
      max-width: 100%;
    }
  }
  
  .Support_body__DLrJZ {
    padding-right: calc(var(--mantine-spacing-xl) * 4);
  
    @media (max-width: $mantine-breakpoint-sm) {
      padding-right: 0;
      margin-top: var(--mantine-spacing-xl);
    }
  }
  
  .Support_title__pgY6O {
    color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
    font-family:
      Greycliff CF,
      var(--mantine-font-family);
    line-height: 1;
    margin-bottom: var(--mantine-spacing-md);
  }
  
  .Support_controls__hgIMH {
    display: flex;
    margin-top: var(--mantine-spacing-xl);
  }
  
  .Support_inputWrapper__GiYSV {
    width: 100%;
    flex: 1;
  }
  
  .Support_input__VKixg {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
  }
  
  .Support_control__JKugK {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./src/components/ui/styles/PromoBanner.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.PromoBanner_card__NIsBM {
    height: 240px;
    background-size: cover;
    background-position: center;
    background-image: url(https://images.unsplash.com/photo-1596394516093-501ba68a0ba6?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80);
  }
  
  .PromoBanner_content__gq_5h {
    position: absolute;
    inset: 0;
    padding: var(--mantine-spacing-xl);
    z-index: 1;
  }
  
  .PromoBanner_action__zE_TB {
    position: absolute;
    bottom: var(--mantine-spacing-xl);
    right: var(--mantine-spacing-xl);
  }
  
  .PromoBanner_title___7nYl {
    color: var(--mantine-color-white);
    margin-bottom: calc(var(--mantine-spacing-xs) / 2);
  }
  
  .PromoBanner_description__QZCIn {
    color: var(--mantine-color-white);
    max-width: 220px;
  }
  
  .PromoBanner_overlay__4f9fl {
    background-color: transparent;
    background-image: linear-gradient(
      105deg,
      var(--mantine-color-black) 20%,
      #312f2f 50%,
      var(--mantine-color-gray-4) 100%
    );
  }
/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./src/components/ui/styles/EmailBanner.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.EmailBanner_wrapper__inyyP {
    display: flex;
    align-items: center;
    padding: calc(var(--mantine-spacing-xl) * 2);
    border-radius: var(--mantine-radius-md);
    background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark-8));
    border: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-8));
  
    @media (max-width: $mantine-breakpoint-sm) {
      flex-direction: column-reverse;
      padding: var(--mantine-spacing-xl);
    }
  }
  
  .EmailBanner_image__zy_e4 {
    max-width: 40%;
  
    @media (max-width: $mantine-breakpoint-sm) {
      max-width: 100%;
    }
  }
  
  .EmailBanner_body__gu7UZ {
    padding-right: calc(var(--mantine-spacing-xl) * 4);
  
    @media (max-width: $mantine-breakpoint-sm) {
      padding-right: 0;
      margin-top: var(--mantine-spacing-xl);
    }
  }
  
  .EmailBanner_title___XG48 {
    color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
    font-family:
      Greycliff CF,
      var(--mantine-font-family);
    line-height: 1;
    margin-bottom: var(--mantine-spacing-md);
  }
  
  .EmailBanner_controls__CK0Bi {
    display: flex;
    margin-top: var(--mantine-spacing-xl);
  }
  
  .EmailBanner_inputWrapper__SRMOd {
    width: 100%;
    flex: 1;
  }
  
  .EmailBanner_input__SZ3Th {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
  }
  
  .EmailBanner_control__vi6Zv {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }