
.top_header_text, .top_subheader_text {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 2.125rem;
  line-height: 2.375rem;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  color: #272727;
}

.top_subheader_text {
  font-weight: 800;
}

#spacer_a {
  width: 100%; 
  max-height: 20px;
  min-height: 0px;
  height: calc((100vw * 0.1) - 41px);
}

.f03 {
  color: #18214D;
  text-align: center;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: "Nunito Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
  line-height: 27px;
  letter-spacing: -0.95px;
}

.points {
  height: 270px;
  text-align: center;
}

.points img {
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
}

.sliderItem {
  text-align: center;
  padding: 8px 8px;
  /* height: 280px; */
}

.sliderItem img {
  border: 5px solid #000;
}

#spacer_top {
  width: 100%;
  height: 40px;
  min-height: 10px;
}

/* ### Wallet & Prizes Buttons ### */

.button_gray {
  background-color: #F2F2F2;
  width: 144px;
  height: 144px;
  border-radius: 8px;
  background: linear-gradient(180deg, #F3F3F3 0%, #EEE 100%);

  color: #272727;
  text-align: center;
  font-family: "Nunito Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.225px;

  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}

.button_gray:hover {
  border-bottom: 4px solid #18214D;
}

.button_gray_a {
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.button_gray_b {
  width: 100%;
}

.but_pos_wallet {
  display: grid; 
  justify-items: end; 
  margin-right: min(30px, calc((100vw * 0.05376) - 14.53px));
}

.but_pos_premios {
  display: grid; 
  justify-items: start; 
  margin-left: min(30px, calc((100vw * 0.05376) - 14.53px));
}

/* Carousel Slider Styles */
.carousel-container {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.carousel-track {
  display: flex;
  transition: transform 0.5s ease;
}

.carousel-card {
  flex: 0 0 33.3333%;
  padding: 0 0.5rem;
  box-sizing: border-box;
}

.carousel-card img {
  width: 100%;
  border-radius: 10px;
}

.carousel-card .card {
  border-radius: 10%;
  width: 315px;
  height: 315px;
}

.carousel-card .card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10%;
}

/* vertical dynamic separators */

/* Espaço entre o topo e a primeira frase */
.dynVertSpacingA {
  width: 100%;
  height: clamp(5px, calc((100vh - 670px) / 3), 50px);
}

/* Espaço entre a 2a frase e o caroussel */
.dynVertSpacingB {
  width: 100%;
  height: clamp(5px, calc((100vh - 670px) / 3), 50px);
}

/* Espaço após o caroussel e os botões */
.dynVertSpacingC {
  width: 100%;
  height: clamp(5px, calc((100vh - 670px) / 3), 50px);
}

.dynVertSpacingD {
  width: 100%;
  height: 0px;
}

/* ######################################################################## */ 
/* ############################################################# =>0px ## */ 
/* ######################################################################## */ 
@media (min-width: 0px) {
  #slider410 {
    display: block;
  }
  #slider750 {
    display: none;
  }
  #slider900 {
    display: none;
  }
}

/* ######################################################################## */ 
/* ############################################################# =>750px ## */ 
/* ######################################################################## */ 
@media (min-width: 805px) {
  #slider410 {
    display: none;
  }
  #slider750 {
    display: block;
  }
  #slider900 {
    display: none;
  }
}

/* ######################################################################## */ 
/* ############################################################# =>960px ## */ 
/* ######################################################################## */ 
@media (min-width: 960px) {
  #slider410 {
    display: none;
  }
  #slider750 {
    display: none;
  }
  #slider900 {
    display: block;
  }
}


/* ######################################################################## */ 
/* ############################################################# =<500px ## */ 
/* ######################################################################## */ 
@media (max-width: 500px) {

.f01 {
  color: #18214D;
  text-align: center;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: "Nunito Sans";
  font-size: min(60px, calc((100vw * 0.1) - 8.6px));
  font-style: normal;
  font-weight: 800;
  line-height: 44px;
}

#spacer_a {
  width: 100%; 
  max-height: 20px;
  min-height: 0px;
  height: calc((100vw * 0.1) - 41px);
}

.f02 {
  color: #18214D;
  text-align: center;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: "Nunito Sans";
  font-size: min(34px, calc((100vw * 0.06) - 2px));
  font-style: normal;
  font-weight: 600;
  line-height: 44px;
}

.f03 {
  color: #18214D;
  text-align: center;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: "Nunito Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
  line-height: 27px;
  letter-spacing: -0.95px;
}


} /* mq < 500*/





























