a {
  color: #f2713a;
}

a:hover {
  color: #bf592d;
}

/* start countdown */
.countdown {
  background: linear-gradient(94.81deg, #2c4a52 7.7%, #f37239 100%);
}

.btn-countdown {
  color: #0e2931;
  background-color: #ffffff;
}
.btn-countdown:hover {
  background-color: #ffec80;
}

.countdown-time {
  color: #0e2931;

  line-height: 100%;
}
#seconds,
#minutes,
#hours,
#days {
  color: #0e2931;
}

#seconds p,
#minutes p,
#hours p,
#days p {
  line-height: 100%;
}
.color-pr-m {
  color: #36a5c3;
}

.blur-white {
  position: absolute;
  top: 27%;
  bottom: 20%;
  background: #fff;
  mix-blend-mode: normal;
  opacity: 0.7;
  filter: blur(7rem);
  right: 90%;
  z-index: 8;
}

.text-black {
  color: #0e2931;
}

/* .txt-y{
text-decoration: none;
} */

.bg-card {
  background: #2c4a52;
}

.td-carreiras {
  color: #ffff;
  line-height: 100%;
}
.assinatura {
  line-height: 110%;
  display: flex;
  align-items: center;
  letter-spacing: 7px;
  text-transform: uppercase;

  color: #ffffff;
}
.txt-assinatura {
  line-height: 26px;
  display: flex;
  align-items: center;
  color: #0b0d10;
}
.bd-radius {
  border-end-end-radius: 12px;
  border-end-start-radius: 12px;
}
.bd-radius-top {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.cd-logo {
  width: 48px;
  height: 48px;
}

.noticias {
  background: rgb(10, 31, 37);
  background: linear-gradient(
    0deg,
    rgba(10, 31, 37, 0.5438550420168067) 0%,
    rgba(254, 254, 254, 0) 28%
  );

  border-top: 1px solid #0e2931;
}

.card-noticias img {
  width: 255.48px;
  border-radius: 8px;
  margin-bottom: 20px;
}

.fique-dentro {
  background: #0c252e;
  border-radius: 8px;
  margin-bottom: -8rem;
}

.sc-gran {
  line-height: 26px;
  display: flex;
  align-items: center;

  color: #a2adbc;
}

.svg-container svg {
  fill: #ffffff;
  transition: fill 0.35s;
}

.svg-container:hover svg {
  fill: #0b0f19;
}

.btn-secondary:hover svg {
  fill: #0b0f19;
}

.card-mt {
  background: linear-gradient(
    220.65deg,
    rgba(255, 255, 255, 0.3) -5%,
    rgba(255, 255, 255, 0.03) 94.65%
  );
  border-radius: 8px;
}

.sublinhado {
  color: #ffec80;
}

.btn-vd {
  background-color: #ffec80;
  border-radius: 50%;
}
.btn-fsvd {
  opacity: 1;
  height: 274px;

  left: -0.5px;
  top: 57px;
  border-radius: 8px;
}

.bdvd {
  box-shadow: 35px 0px 100px 0px #ffec80;
  opacity: 0.2;
}
.btn-borda {
  border-radius: 50%;
  transition: padding 0.5s;
  padding: 0.2rem;
  background-color: #ffec8060;
}
.btn-borda:hover {
  transition: padding 0.3s;
  border-radius: 50%;
  padding: 1.5rem;

  background-color: #ffec8060;
}

.txt-card-mercado {
  max-width: 243.33px;
  height: 60px;
  padding-left: 8px;
  padding-right: 8px;

  line-height: 20px;
  /* or 143% */

  margin-bottom: 35px;

  display: flex;
  align-items: center;
  text-align: center;
}

.grid3 {
  margin-top: 1.9rem;
}
.swiper-pagination-bullet-active {
  background-color: #36a5c3;
}
.card {
  border: none;
}

.bg-3card {
  background-color: #2dc290;
}

.bg-lgth {
  background-color: #ffec80;
}

.mask-img {
  -webkit-mask-image: linear-gradient(black, transparent);
  mask-image: linear-gradient(black, transparent);
}

@media (max-width: 800px) {
  .dp-none {
    display: none;
  }
}

.mn-1 {
  margin-top: -0.6rem;
}

.banner-bg {
  background: linear-gradient(94.81deg, #36a5c3 7.7%, #ffec80 100%);
  border-radius: 8px;
}
.banner2-bg {
  background: linear-gradient(94.81deg, #ff7c7c 7.7%, #4c8ada 100%);
  border-radius: 8px;
}

.mtn-1 {
  margin-top: -2rem;
}

.borda-banner {
  border-bottom: 2px solid white;
  width: 100%;
}

.mb1 {
  margin-bottom: 1.1rem;
}
.mb2 {
  margin-bottom: 1.5rem;
}
.br-8 {
  border-radius: 9px;
}

/* #region Overlays divs */

.overlays-mercado {
  height: 26.8rem;
}
.overlays-noticias {
  width: 100%;
  height: 29.7rem;
}

/* #endregion */

@media (max-width: 576px) {
  .countdown-time {
    color: #0e2931;
    line-height: 100%;
  }

  #seconds p,
  #minutes p,
  #hours p,
  #days p {
    line-height: 100%;
  }

  .b-dotted {
    border: white dashed 0.2rem;
  }

  .cartao-sem-limite {
    background-position: center;
    background-size: 180%;
    object-fit: cover;
  }
}

.checkout {
  background: linear-gradient(94.81deg, #f37239 7.7%, #07151a 100%);
  height: 72px;
  margin-top: 4rem;
}

.pedido-background {
  background: linear-gradient(91.05deg, #36a5c3 2.78%, #d28ae4 97.83%);
  border-radius: 8px;
}

.overlay-media-dev {
  left: 8px;
  right: 8px;
  top: 83%;
  bottom: 0px;
  opacity: 0.6;
  filter: blur(46px);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:disabled,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 40px #0f242b inset !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
}

#copyButton {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
  position: fixed;
  max-width: 60px;
  min-width: 48px;
  max-height: 60px;
  min-height: 48px;
  right: 35px;
  bottom: 35px;
  transition: transform 200ms, opacity 500ms, visibility 500ms;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1), 0 2px 32px rgba(0, 0, 0, 0.1);
  background-size: 100%;
  background-color: #2c4a52 !important;
  background-repeat: no-repeat;
  background-position: center;
}

.circle-border {
  position: relative;
  width: 106px;
  height: 106px;
  border: 4px solid #de843a;
  border-top: 4px solid transparent;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-overlay {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  background-color: transparent;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.circle-border2 {
  position: relative;
  width: 330px;
  height: 200px;
  border: 2px solid #fff;
  border-radius: 1rem;
  background-color: linear-gradient(transparent, #07151a 100%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-overlay2 {
  position: absolute;
  bottom: -10px;
  background-color: transparent;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.gradient-shadow-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  border-radius: 1rem;
  pointer-events: none;
}

.hover-svg {
  fill: #fff;
}

.hover-svg:hover {
  fill: #000;
}
