:root {
  --gradient-home: linear-gradient(45deg, #814af3, #2365f4, #00aaa7);

  --gradient-novidades: linear-gradient(45deg, #38bebd, #23a2f4, #8d6af3);

  --gradient-proposta: linear-gradient(45deg, #38bebd, #2386f4, #1abaaa);

  --gradient-footer: linear-gradient(45deg, #38bebd, #2386f4, #1abaaa);
  --gradient-btn: linear-gradient(45deg, #814af3, #814af3, #00aaa7);
}

@font-face {
  font-family: "RobotoSlab Bold";
  src: url("assets/Fonts/RobotoSlab-Bold.ttf");
}
@font-face {
  font-family: "RobotoSlab";
  src: url("assets/Fonts/RobotoSlab-Regular.ttf");
}
@import "https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css";

.navbar a {
  font-family: "RobotoSlab Bold";
}

.text-button{
  font-family: "RobotoSlab Bold";
  letter-spacing: 0.1rem;
}
.btn-gradient{
  background-image: var(--gradient-btn);
  transition: 0.2s;
}
.btn-gradient:hover{
  -webkit-transform: scale(1.1);
  transition: 0.2s;
  transform: scale(1.2);
}
.text-justify{
  text-align: justify;
}
.gradient-bg-1{
  background-image:var(--gradient-home);
}
.gradient-bg-2 {
  background-image: var(--gradient-novidades) ;
}

.gradient-bg-3 {
  background-image:var(--gradient-proposta);
}

.gradient-bg-4 {
  background-image:var(--gradient-footer);
}

.p-10 {
  padding: 20rem !important;
}
.svg_wrapper { 
  width: 100%; 
  margin-bottom: 0px; 
}

.svg_wrapper svg {
  margin-bottom: 0px;
  
}
.wave-bottom::before{
  content: "";
  position:absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 9rem;
  background: url(assets/images/Fundos/bottom_section.png);
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 2;
}
.title-apresentacao{
  color: #00aa91;
  text-align: center;
  font-family: "RobotoSlab Bold";
}
.title-play{
  color: #814af3;
  text-align: center;
  font-family: "RobotoSlab Bold";
}
.vh-40{
  height: 40vh;
}
.vh-75{
  height: 75vh;
}

h2{
  font-size: 2.19rem;
}

.title-novidades{
  color: #fffc3e;
  text-align: center;
  font-family: "RobotoSlab Bold";
}

p{
  font-family: "RobotoSlab Regular";
  font-size: 1.25rem;
}
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
  .rounded-pill-sm {
    border-radius: 0rem;
  }
}

/*Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .rounded-pill-md {
    border-radius: 0rem;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .rounded-pill-lg {
    border-radius: 50rem;
  }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/*XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}