.bg-header-mob {
  background-image: url(../img/bg-header-mob.png);
  background-position: top right;
  background-size: contain;
  background-repeat: no-repeat;
  height: 500px;
}

.titulo-font {
  text-transform: uppercase;
  font-size: 1.9rem;
  line-height: 1.8rem;
  font-weight: 600;
  font-family: "Rubik";
}

@media (min-width: 1024px) {
  .titulo-font {
    font-size: 3.6rem;
    line-height: 3.5rem;
  }
  .bg-header-mob {
    background-image: url(../img/bg-header-desk.png);
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;
    height: 100vh;
  }
}

@media (min-width: 2204px) {
  .bg-header-mob {
    background-image: url(../img/bg-header-desk-2xl.png);
  }
}

.owl-carousel .active span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: yellow !important;
  display: block;
}

@media (min-width: 1024px) {
  .esconder-carrossel-desk {
    display: none !important;
  }
  .esconder-carrossel-mob {
    display: block !important;
  }
}

@media (max-width: 1024px) {
  .esconder-carrossel-mob {
    display: none !important;
  }
}

.vip-button {
  background-color: #f5aa00;
  font-weight: 600;
  font-size: 20px;
  color: #000;
  padding: 10px 20px;
  border-radius: 10px;
}

.vip-button:hover {
  background-color: #cfa033;
  transition: 300ms;
}

.green-button {
  border: 3px solid #f5aa00;
  font-weight: 600;
  font-size: 20px;
  padding: 10px 20px;
  border-radius: 10px;
}

.green-button:hover {
  border: 3px solid #5c4b23;
  transition: 300ms;
}

.formulario-bg {
  background-image: url(../img/formulario-bg.png);
  background-position: top;
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 400px;
}

@media (min-width: 1024px) {
  .formulario-bg {
    background-image: url(../img/formulario-bg-desk.png);
    background-size: contain;
  }
}

@media (max-width: 360px) {
  .font-botao {
    font-size: 11px !important;
  }
}

html {
  scroll-behavior: smooth;
}

@font-face {
  font-family: halbfett;
  src: url(./fonts/TestSohne-Halbfett.otf);
}

@font-face {
  font-family: leicht;
  src: url(./fonts/TestSohne-Leicht.otf);
}

.font-sohne {
  font-family: "leicht" !important;
}

@media (max-width: 1024px) {
    .hide-phone {
        display: none;
    }
}