:root {
  --cor-primaria: #002D4A;
  --cor-secundaria: #DFA232;
  --cor-branco: #FFFFFF;
  --cor-preta: #000;
  --fonte-: 'Montserrat', sans-serif;
}
  
  @media screen and (max-width: 819px) {
  
  body{
    margin:0;
  }

  #menu, #check {
    display: none;
  }
  
   .menu-hamb {
          background: var(--cor-secundaria);
          width: 100vw;
          height: 80px;
          transition: .5s ease-in-out;
          display: flex;
          margin-top: 30px;
      }
  
  
  input:checked ~ label .menu-hamb {
          background: var(--cor-secundaria);
          width: 100vw;
          height: 60vh;
      }
  
      .menu-hamb img {
        padding: 10px;
        margin-top: 5px;
        height: 75px;
        width: auto;
        position: absolute;
        margin-left: 5px;
      }
  
  
  input:checked ~ .ul-mbl {
    opacity:1;
  }
  
  .ul-mbl {
     position: absolute;
      top: 30%;
      left: 50%;
      transform: translate(-50%, -50%);
      list-style: none;
      font-size: 20px;
      opacity: 0;
      transition: .25s .1s ease-in-out;
      z-index: 1;
      margin-top: 50px;
  }
  
  .ul-mbl li{
    margin:40px auto;
    color: var(--cor-branco);
    font-family: var(--fonte-);
  }
  
  .ul-mbl a{
    color: #fff;
    text-decoration: none;
    margin: 10px auto;
    font-family: var(--fonte-);
  }
  
  .button li {
    margin: 0;
  }
  
  .button {
    width: auto; 
    padding: 10px 20px;
    background-color: var(--cor-primaria);
    color: var(--cor-branco);
    font-family: var(--fonte-);
    border: none; 
    outline: none; 
    cursor: pointer; 
    text-decoration: none; 
    border-radius: 10px; 
  }

  label {
    margin: 0;
  }
  
  }


  .hamburguer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 40px;
    height: 24px; /* Altura total do ícone */
    position: relative;
    left: 85%;
    top: 30px;
    cursor: pointer;
    z-index: 2; /* Certifique-se de que está acima de outros elementos */
}

.hamburguer span {
    display: block;
    height: 5px;
    width: 100%;
    background: var(--cor-branco);
    border-radius: 5px;
    transition: .5s ease-in-out;
}

input:checked ~ label .hamburguer span:nth-child(1) {
    transform: rotate(45deg);
    position: absolute;
    top: 10px;
}

input:checked ~ label .hamburguer span:nth-child(2) {
    opacity: 0; /* Ocultar a barra do meio */
}

input:checked ~ label .hamburguer span:nth-child(3) {
    transform: rotate(-45deg);
    position: absolute;
    top: 10px;
}

.custom-prev-icon {
  background-image: url('right.svg');
}

.custom-next-icon {
  background-image: url('left.svg');
}