
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Regular.ttf") format("truetype");
  font-weight: 400; /* Regular */
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Medium.ttf") format("truetype");
  font-weight: 500; /* Medium */
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-SemiBold.ttf") format("truetype");
  font-weight: 600; /* Semi Bold */
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Bold.ttf") format("truetype");
  font-weight: 700; /* Bold */
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-ExtraBold.ttf") format("truetype");
  font-weight: 800; /* Extra Bold */
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Black.ttf") format("truetype");
  font-weight: 900; /* Black */
}

.select-css {
    appearance: none;
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEuNjQ1NDEgMC44NjgxNjRMMi42NDU0MSA0Ljg2ODE2TDEuNjQ1NDEgMC44NjgxNjRMMTEuMjQ1NCAxLjY2ODE2TDUuNjQ1NDEgNy4yNjgxNkwuMDQ1NDEwMiAxLjY2ODE2TDEuNjQ1NDEgMC44NjgxNjRaIiBmaWxsPSIjM0VEMDdEIi8+PC9zdmc+Cg==') no-repeat;
    background-position-x: 0%;
    background-position-y: 50%;
    padding-left: 1.5rem; /* space for the icon */
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
  }
  
  /* Hide the default arrow in IE */
  .select-css::-ms-expand {
    display: none;
  }

  .test{
    border: 1px solid red;
  }

  .font-aBeeZee{
    font-family: "ABeeZee", sans-serif;
  }

  .font-poppins{
    font-family: "Poppins", sans-serif;
  }

  .font-gilroy{
    font-family: "Gilroy", sans-serif;
  }


  .lightbox {
    margin: 0 auto;
  }
  
  .menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    background-color: #333;
    color: white;
}

.menu-icon {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.nav-links {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

.nav-links li {
    margin: 10px 0;
}

.nav-links a {
    color: white;
    text-decoration: none;
    font-size: 18px;
}

.nav-links a:hover {
    text-decoration: underline;
}

/* Exibir o menu ao clicar no ícone */
.menu-icon.open + .nav-links {
    display: block;
}