* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --cor-primaria: #D97C5A;         /* Terracota suave */
    --cor-secundaria: #A3B18A;       /* Verde telúrico claro */
    --cor-neutro-claro: #F9F7F3;     /* Off-white areia */
    --cor-neutro-escuro: #3F3F3F;    /* Cinza café claro */
    --cor-apoio: #E7B7A3;            /* Rosa chá delicado */
    --cor-destaque-energia: #E2C290; /* Dourado sutil */
    --cor-verde-escuro: #031400;
    --cor-verde-medio: #093501;
    --cor-verde-claro: #d9f7d4;
  }

  html {
    scroll-behavior: smooth;
  }

  /* FONTES */
  .poppins-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .poppins-black {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .poppins-light-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .poppins-regular-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .poppins-bold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: italic;
  }
  
  .poppins-black-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
  }

  /* SPAM */
  .dourado {
    color: var(--cor-destaque-energia);
  }
  .verde-claro {
    color: var(--cor-verde-claro);
  }
  
  /* HERO */
  .hero {
    width: 100%;
    background: linear-gradient(45deg, #031400, #093501);
    border-bottom: 3px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, #093501 , #031400);
  }
  .hero-contensor {
    width: 80%;
    min-height: 100vh;
    padding: 0 0 100px 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .logo {
    width: 100%;
    max-width: 300px;
    height: auto;
  }
  .capa_video {
    width: 100%;
    max-width: 799px;
    height: auto;
  }
  .hero-h1 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;   
    color: var(--cor-neutro-claro);
    font-size: 42px;
    text-align: center;
  }
  .hero-h2 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;   
    color: var(--cor-neutro-claro);
    font-size: 26px;
    text-align: center;
  }
  .hero-p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;   
    color: var(--cor-destaque-energia);
    font-size: 20px;
    text-align: center;
    margin-bottom: 30px;
  }
  .hero-video {
    aspect-ratio: 16 / 9;
    width: 800px;
    box-shadow: 5px 5px 7px 3px rgba(0, 0, 0, 0.2);
  }
  .hero-btn {
    background-color: var(--cor-verde-claro);
    color: var(--cor-neutro-escuro);
    border-radius: 5px;
    border: 0;
    padding: 10px;
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 3px 3px 7px 3px rgba(0, 0, 0, 0.2);
    transition: all 1s ease-out;
    margin-top: 30px;
  }
  .hero-btn:hover {
    background-color: var(--cor-verde-escuro);
    color: var(--cor-verde-claro);
  }
  .hero-btn-2 {
    background-color: var(--cor-verde-claro);
    color: var(--cor-neutro-escuro);
    border-radius: 5px;
    border: 0;
    padding: 10px;
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 3px 3px 7px 3px rgba(0, 0, 0, 0.2);
    transition: all 1s ease-out;
    margin-top: 30px;
  }
  .hero-btn-2:hover {
    background-color: var(--cor-neutro-claro);
    color: var(--cor-neutro-escuro);
  }
  .hero-btn-3 {
    background-color: var(--cor-verde-escuro);
    color: var(--cor-verde-claro);
    border-radius: 5px;
    border: 0;
    padding: 10px;
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 3px 3px 7px 3px rgba(0, 0, 0, 0.2);
    transition: all 1s ease-out;
    margin-top: 30px;
  }
  .hero-btn-3:hover {
    background-color: var(--cor-verde-claro);
    color: var(--cor-verde-escuro);
  }

  /* PARTE 1 */
  .parte-1 {
    width: 100%;
    background-color: var(--cor-neutro-claro);
  }
  .parte-1-contensor {
    width: 80%;
    padding: 100px 0;
    margin: 0 auto;
  }
  .parte-1-contensor-lista {
    display: flex;
  }
  .parte-1-h2 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;   
    color: var(--cor-verde-escuro);
    font-size: 26px;
    text-align: center;  
  }
  .parte-1-h3 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;   
    color: var(--cor-neutro-escuro);
    font-size: 22px;
    text-align: center;  
    margin-bottom: 30px;
  }
  .parte-1-contensor-esquerda {
    width: 50%;
    padding: 0 30px;
    display: flex;
    align-items: center;
  }
  .parte-1-contensor-esquerda ul li {
    color: var(--cor-verde-escuro);
  }
  .parte-1-contensor-esquerda-p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;   
    color: var(--cor-neutro-escuro);
    font-size: 18px;
    text-align: left;
  }
  .parte-1-contensor-direita {
    width: 50%;
    padding: 30px;
    background: linear-gradient(45deg, #031400, #093501);
    border-radius: 5px;
    box-shadow: 5px 4px 5px 2px rgba(0, 0, 0, 0.2);
  }
  .parte-1-contensor-direita ul li {
    color: var(--cor-verde-claro);
  }
  .parte-1-contensor-direita-p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;   
    color: var(--cor-neutro-claro);
    font-size: 18px;
    text-align: left;
  }

  /* PARTE 2 */
  .parte-2 {
    width: 100%;
    background: linear-gradient(45deg ,#093501, #031400);
    border-bottom: 3px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, #E2C290, #794d07);
  }
  .parte-2-contensor {
    width: 80%;
    padding: 100px 0 0 0;
    margin: 0 auto;
    display: flex;
  }
  .parte-2-contensor-esquerda {
    width: 50%;
    min-height: 70vh;
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    align-items: left;
    justify-content: center;
  }
  .parte-2-contensor-h2 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;   
    color: var(--cor-verde-claro);
    font-size: 26px;
    text-align: left;   
  }
  .parte-2-contensor-h3 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;   
    color: var(--cor-neutro-claro);
    font-size: 22px;
    text-align: left;  
    margin-bottom: 20px; 
  }
  .parte-2-contensor-p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;   
    padding-left: 20px;
    color: var(--cor-neutro-claro);
    font-size: 18px;
    text-align: left;  
    position: relative;
  }
  .parte-2-contensor-p::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 10px;
    height: 100%;
    background: var(--cor-verde-claro);
  }
  .parte-2-contensor-direita {
    width: 50%;
    min-height: 70vh;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content:flex-end;
  }
  .parte-2-contensor-img {
    width: 100%;
    max-width: 516px;
    max-height: 600px;
  }

  /* PARTE 3 */
  .parte-3 {
    width: 100%;
    background-image: url('../IMG/BG-3.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-bottom: 3px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, #E2C290, #794d07);
  }
  .parte-3-contensor {
    width: 80%;
    margin: 0 auto;
    display: flex;
  }
  .parte-3-contensor-esquerda {
    width: 50%;
    padding: 100px 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .parte-3-contensor-h2 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;   
    color: var(--cor-neutro-claro);
    font-size: 26px;
    text-align: left;    
  }
  .parte-3-contensor-direita {
    width: 50%;
    padding: 100px 0 100px 20px;
    display: flex;
    align-items: left;
    justify-content: center;
    flex-direction: column;
  }
  .parte-3-contensor-direita ul li {
    color: var(--cor-destaque-energia);
    margin: 0 0 0 20px;
  }
  .parte-3-contensor-p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;   
    color: var(--cor-neutro-claro);
    font-size: 18px;
    text-align: left;    
  }

  /* PARTE 4 */
  .parte-4 {
    width: 100%;
    background: linear-gradient(45deg ,#093501, #031400);
  }
  .parte-4-contensor {
    width: 80%;
    margin: 0 auto;
    padding: 100px 0;
  }
  .parte-4-contensor-h2 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;   
    color: var(--cor-verde-claro);
    font-size: 26px;
    text-align: left;     
  }
  .parte-4-contensor-p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;   
    color: var(--cor-neutro-claro);
    font-size: 18px;
    text-align: left;
  }
  .parte-4-contensor ul li {
    color: var(--cor-verde-claro);
    margin: 0 0 0 20px;
  }

  /* PARTE 6 */
  .parte-6 {
    width: 100%;
    background-color: var(--cor-neutro-claro);
  }
  .parte-6-contensor {
    width: 80%;
    margin: 0 auto;
    padding: 100px 0;
  }
  .parte-6-h2 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;   
    color: var(--cor-verde-escuro);
    font-size: 26px;
    text-align: center;   
    margin: 0 0 40px 0;  
  }
  .parte-6-cards {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .card-1 {
    width: 27%;
    padding: 20px;
    background: linear-gradient(45deg ,#093501, #031400);
    border-radius: 5px;
    box-shadow: 5px 5px 15px 1px rgba(0, 0, 0, 0.2);
  }
  .parte-6-h3 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;   
    color: var(--cor-verde-claro);
    font-size: 18px;
    text-align: left;   
    text-transform: uppercase;
    margin-bottom: 20px;   
  }
  .parte-6-cards ul li {
    color: var(--cor-verde-claro);
    margin: 0 0 0 20px;
  }
  .parte-6-p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;   
    color: var(--cor-neutro-claro);
    font-size: 18px;
    text-align: left;      
  }
  .card-2 {
    width: 27%;
    padding: 20px;
    background: linear-gradient(45deg ,#093501, #031400);
    border-radius: 5px;
    box-shadow: 5px 5px 15px 1px rgba(0, 0, 0, 0.2);
  }
  .card-3 {
    width: 27%;
    padding: 20px;
    background: linear-gradient(45deg ,#093501, #031400);
    border-radius: 5px;
    box-shadow: 5px 5px 15px 1px rgba(0, 0, 0, 0.2);
  }

/* PARTE 7 */
.parte-7 {
  width: 100%;
  background-image: url('../IMG/BG-4.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-bottom: 3px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(to right, #E2C290, #794d07);
}
.parte-7-contensor {
  width: 80%;
  margin: 0 auto;
  padding: 100px 0;
  display: flex;
  flex-direction: column;
  align-items: left;
}
.parte-7-h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;   
  color: var(--cor-verde-claro);
  font-size: 26px;
  text-align: left;   
  margin: 0 0 40px 0;    
}
.parte-7 ul {
  background-color: #f9f7f327;
  border-radius: 5px;
  padding: 20px;
}
.parte-7 ul li {
  color: var(--cor-verde-claro);
  margin: 0 0 0 20px;
}
.parte-7-p {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;   
  color: var(--cor-neutro-claro);
  font-size: 18px;
  text-align: left;     
}

/* PARTE 8 */
.parte-8 {
  width: 100%;
  background: linear-gradient(45deg ,#093501, #031400);
  border-bottom: 3px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(to right, #E2C290, #794d07);
}
.parte-8-contensor {
  width: 80%;
  padding: 100px 0;
  margin: 0 auto;
}
.parte-8-h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;   
  color: var(--cor-verde-claro);
  font-size: 26px;
  text-align: left;   
  margin: 0 0 40px 0;      
}
.parte-8-p {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;   
  color: var(--cor-neutro-claro);
  font-size: 18px;
  text-align: left;    
}
.parte-8-p-2 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;   
  color: var(--cor-verde-claro);
  font-size: 36px;
  padding-left: 20px;
  margin: 10px 0;
  text-align: left; 
  position: relative;   
}
.parte-8-p-2::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  width: 10px;
  height: 100%;
  background: var(--cor-verde-claro);
}
.parte-8-p-3 {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;   
  color: var(--cor-neutro-claro);
  font-size: 18px;
  text-align: left;    
  margin-top: 20px;
}
.parte-8-p-4 {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;   
  color: var(--cor-neutro-claro);
  font-size: 18px;
  text-align: left;    
  margin-top: 20px;
}
.parte-8-p-5 {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;   
  color: var(--cor-neutro-claro);
  font-size: 18px;
  text-align: left;    
  margin-bottom: 20px;
}

/* PARTE 9 */
.parte-9 {
  width: 100%;
  background-color: var(--cor-neutro-claro);
}
.parte-9-contensor {
  width: 80%;
  padding: 100px 0;
  margin: 0 auto;
}
.parte-9-h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;   
  color: var(--cor-verde-escuro);
  font-size: 26px;
  text-align: left;   
  margin: 0 0 40px 0;      
}
.parte-9-p {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;   
  color: var(--cor-neutro-escuro);
  font-size: 18px;
  text-align: left;    
}

/* PARTE */
.parte-10 {
  width: 100%;
  background: linear-gradient(45deg ,#093501, #031400);
}
.parte-10-contensor {
  width: 80%;
  padding: 100px 0;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;  
}
.parte-10-h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;   
  color: var(--cor-verde-claro);
  font-size: 26px;
  text-align: left;   
  margin-bottom: 20px;
}
.parte-10-h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;   
  color: var(--cor-neutro-escuro);
  font-size: 18px;
  text-align: left;   
}
.conteudo-p {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;   
  color: var(--cor-neutro-escuro);
  font-size: 18px;
  text-align: left;     
}
.parte-10-sanfona {
  max-width: 800px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.parte-10-sanfona .tab {
  position: relative;
  background-color: var(--cor-neutro-claro);
  padding: 0 20px 20px;
  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  overflow: hidden;
}
.parte-10-sanfona .tab input {
  appearance: none;
}
.parte-10-sanfona .tab label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.parte-10-sanfona .tab label::after {
  content: '+';
  position: absolute;
  right: 20px;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.1);
  transition: transform 1s;
}
.parte-10-sanfona .tab:hover label::after {
  color: var(--cor-neutro-escuro);
}
.parte-10-sanfona .tab input:checked ~ label::after {
  transform: rotate(135deg);
}
.parte-10-sanfona .tab label .parte-10-h2-faq {
  width: 40px;
  height: 40px;
}
.parte-10-sanfona .tab .conteudo {
  max-height: 0;
  transition: 1s;
  overflow: hidden;
}
.parte-10-sanfona .tab input:checked ~ .conteudo {
  max-height: 100vh;
}

/* MÓDULOS */
.modulos {
  width: 100%;
  background-color: var(--cor-neutro-claro);
  padding: 100px 0;
}
.modulos-contensor {
  width: 80%;
  margin: 0 auto;
}
.modulos-h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;   
  color: var(--cor-verde-escuro);
  font-size: 26px;
  text-align: center;   
  margin-bottom: 10px;
  text-transform: uppercase;
}
.modulos-p {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;   
  color: var(--cor-neutro-escuro);
  font-size: 18px;
  text-align: center;  
  text-transform: uppercase;
}
.modulos-conteudo {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 50px 0;
}
.modulos-box-1 {
  width: 30%;
  padding: 20px;
  background: linear-gradient(45deg, #031400, #093501);
  border-radius: 5px;
  box-shadow: 5px 5px 15px 1px rgba(0, 0, 0, 0.4);
}
.modulos-box-2 {
  width: 30%;
  padding: 20px;
  background-color: var(--cor-neutro-claro);
  border: 2px solid var(--cor-verde-escuro);
  border-radius: 5px;
  box-shadow: 5px 5px 15px 1px rgba(0, 0, 0, 0.4);
}
.modulos-box-h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;   
  color: var(--cor-verde-claro);
  font-size: 18px;
  text-align: left;  
  text-transform: uppercase; 
}
.modulos-box-2-h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;   
  color: var(--cor-verde-escuro);
  font-size: 18px;
  text-align: left;  
  text-transform: uppercase; 
}
.modulos-box-h3-maior {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: var(--cor-verde-claro);
  font-size: 28px;
}
.modulos-box-2-h3-maior {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: var(--cor-verde-escuro);
  font-size: 28px;
}
.modulos-box-p {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;   
  color: #ffffff;
  font-size: 18px;
  text-align: left; 
}
.modulos-box-2-p {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;   
  color: var(--cor-neutro-escuro);
  font-size: 18px;
  text-align: left; 
}
.modulos-box-ul {
  padding-left: 30px;
}
.modulos-box-li {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;   
  color: #ffffff;
  font-size: 18px;
  text-align: left;   
}
.modulos-box-2-li {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;   
  color: var(--cor-neutro-escuro);
  font-size: 18px;
  text-align: left;   
}

  @media (max-width: 1024px) {
    .hero-contensor {
        width: 90%;
      }
    .parte-1-contensor {
        width: 90%;
      }
    .parte-2-contensor {
        width: 90%;
    }
    .parte-3-contensor {
        width: 90%;
    }
    .parte-4-contensor {
      width: 90%;
    }
    .parte-5-contensor {
      width: 90%;
    }
    .parte-6-contensor {
      width: 90%;
    }
    .parte-7-contensor {
      width: 90%;
    }
    .parte-8-contensor {
      width: 90%;
    }
    .parte-9-contensor {
      width: 90%;
    }
    .parte-10-contensor {
      width: 90%;
    }
    .modulos-contensor {
      width: 90%;
    }
  }
  @media (max-width: 768px) {
    .hero-video {
        width: 100%;
      }
      .hero-h1 {
        font-size: 34px;
      }
      .hero-h2 {
        font-size: 24px;
        margin: 20px 0;
      }
      .hero-p {
        font-size: 18px;
      }
      .parte-1-contensor-lista {
        display: flex;
        flex-direction: column;
      }
      .parte-1-contensor-esquerda {
        width: 100%;
        margin-bottom: 20px;
      }
      .parte-1-contensor-direita {
        width: 100%;
        padding: 20px 30px;
      }
      .parte-2-contensor {
        flex-direction: column;
        padding: 100px 0 0 0;
      }
      .parte-2-contensor-esquerda {
        width: 100%;
        min-height: 20vh;
        padding: 0;
      }
      .parte-2-contensor-direita {
        width: 100%;
        min-height: 50vh;
        align-items: center;
      }
      .parte-3-contensor {
        flex-direction: column;
      }
      .parte-3-contensor-esquerda {
        width: 100%;
        padding: 100px 0 0 0;
      }
      .parte-3-contensor-direita {
        width: 100%;
        padding: 0 0 100px 0;
      }
      .parte-5-depoimentos {
        flex-direction: column;
        width: 100%;
        padding: 20px;
      }
      .parte-5-depoimentos-esquerda {
        width: 100%;
        justify-content: center;
      }
      .parte-5-depoimentos-direita {
        width: 100%;
        padding: 20px 0 0 0;
      }
      .parte-5-depoimentos-p {
        text-align: center;   
      }
      .parte-5-depoimentos-nome {
        text-align: center;   
      }
      .parte-5-depoimentos-midia {
        text-align: center;   
      }
      .parte-6-cards {
        flex-direction: column;
      }
      .card-1 {
        width: 100%;
        margin: 0 0 20px 0;
      }
      .card-2 {
        width: 100%;
        margin: 0 0 20px 0;
      }
      .card-3 {
        width: 100%;
      }
      .modulos-conteudo {
        flex-direction: column;
        padding: 50px 0;
      }
      .modulos-box-1 {
        width: 100%;
        padding: 20px;
        margin-bottom: 30px;
      }
      .modulos-box-2 {
        width: 100%;
        padding: 20px;
        margin-bottom: 30px;
      }
  }
  @media (max-width: 425px) {
    .hero-h1 {
        font-size: 28px;
      }
    .hero-h2 {
        font-size: 24px;
      }
      .hero-btn {
        padding: 10px;
        font-size: 16px;
        margin-top: 30px;
      }
      .hero-btn-2 {
        padding: 10px;
        font-size: 16px;
        margin-top: 30px;
      }
  }