html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
}

h1, a {
  font-family: 'Margem-medium';
}

h1 {
  font-family: 'Margem-medium';
  font-size: 32px;

  @media (min-width: 1024px) {
    font-size: 48px;
  }


}

h2 span {
  font-family: inherit;
  font-size: inherit;
  color: #cc0008;
}


.gco-container {
  max-width: 750px;
  margin: auto;
}

.gco-container-align-end {
  width: 90%;
  margin-left: 10%;
}


@media (max-width: 767.98px) {
  h2 {
    font-size: 2rem;
    line-height: 2rem;
  }

  .gco-container, .gco-container-align-end {
    width: 90%;
    margin-left: 5%;
  }
}

@media (min-width: 1024px) {
  .gco-container, .gco-container-align-end {
    width: 1440px;
    margin: 0 auto;
  }

  .gco-container-align-end {
    width: auto;
    margin-left: calc((100% - 1440px)/2);
  }

  .gco-container {
    max-width: 1440px;
    width: 80%;
    margin-left: 10%;
}
}










.text-underline, .text-underline:hover {
  text-decoration: underline;
}

.text-bold-600 {
  font-weight: 600;
}

.gap-1 {
  gap: 1rem;
}

.gap-2 {
  gap: 2rem;
}

.gap-3 {
  gap: 3rem;
}






.zoom {
  transition: ease .4s;
  cursor: pointer;
}

.zoom:hover {
  transform: scale(1.1);
}






a.lp-cta {
  border-radius: 12px;
  background-color: #DD303E;
  color: #fff;
  width: fit-content;
  padding: 20px 30px;
}


.cta-efeito {
  transition: .3s ease;
}

.cta-efeito:hover {
  text-decoration: none;
  opacity: .9;
}





.oab-card {
  width: 340px;
  border-radius: 16px;
  padding: 24px;
  margin-right: 30px;
}

.skeleton {
  animation: skeleton-loading 1s linear infinite alternate;
}

@keyframes skeleton-loading {
  0% {
    background-color: hsl(200, 20%, 80%);
  }
  100% {
    background-color: hsl(200, 20%, 95%);
  }
}

#materiais_e_eventos_gratuitos .skeleton {
  animation: skeleton-loading-2 1s linear infinite alternate;
}

@keyframes skeleton-loading-2 {
  0% {
    background-color: #14878C;
  }
  100% {
    background-color: #14878C;
  }
}

.skeleton-wrapper {
  display: flex;
  gap: 1rem;
  padding-top: 3rem;
  padding-bottom: 1.5rem;
  width: fit-content;
}

.slider-align-end .skeleton-wrapper {
  padding-left: calc((100vw - 1140px) / 2);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .slider-align-end .skeleton-wrapper {
    padding-left: calc((100vw - 960px) / 2);
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .slider-align-end .skeleton-wrapper {
    padding-left: calc((100vw - 720px) / 2);
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .slider-align-end .skeleton-wrapper {
    padding-left: calc((100vw - 540px) / 2);
  }
}

@media (max-width: 575.98px) {
  .slider-align-end .skeleton-wrapper {
    padding-left: 15px;
  }
}





.slick-track {
  align-items: flex-start;
  height: fit-content;
}

.slider-align-end .slick-list.draggable,
.slider-align-end .slick-dots {
  padding-left: calc((100vw - 1140px) / 2);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .slider-align-end .slick-list.draggable,
  .slider-align-end .slick-dots {
    padding-left: calc((100vw - 960px) / 2);
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .slider-align-end .slick-list.draggable,
  .slider-align-end .slick-dots {
    padding-left: calc((100vw - 720px) / 2);
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .slider-align-end .slick-list.draggable,
  .slider-align-end .slick-dots {
    padding-left: calc((100vw - 540px) / 2);
  }
}

@media (max-width: 575.98px) {
  .slider-align-end .slick-list.draggable,
  .slider-align-end .slick-dots {
    padding-left: 15px;
  }
}


.slider-align-end .slick-dots {
  justify-content: flex-start !important;
}

.slider-align-end .slick-dots li {
  margin: 0;
  width: 14px;
}

.slider-align-end .slick-dots li.slick-active {
  width: 22px;
}

.slider-align-end .slick-dots li button:before {
  background-color: #DFE1E6;
  border-radius: 4px;
  opacity: 1;
  width: 8px;
  height: 8px;
  content: "";
}

.slider-align-end .slick-dots li.slick-active button:before {
  background-color: #CC0008;
  width: 16px;
}








@font-face {
  font-family: MargemMedium;
  src: url("/assets/fonts/MargemTest-Regular.ttf") format("opentype");
  font-weight: normal;
  font-display: swap; }

@font-face {
  font-family: 'MargemMediumBold';
  src: url("/assets/lp/fonts/Margem-Medium-web.ttf") format("opentype");
  font-weight: normal;
  font-display: swap; }

@font-face {
  font-family: 'MargemBold';
  src: url("/assets/lp/fonts/Margem-Bold-web.ttf") format("opentype");
  font-weight: normal;
  font-display: swap; }

@font-face {
  font-family: 'Montserrat';
  src: url("/assets/lp/fonts/Montserrat-Regular.woff") format("opentype");
  font-weight: normal;
  font-display: swap; }

.margemMediumBold {
  font-family: 'MargemMediumBold'; }

.margemMedium {
  font-family: 'MargemMedium'; }

#conteudo-modal-promocao-2-em-1 .model-subtitle {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  line-height: 135%;
  color: #505F79; }

#conteudo-modal-promocao-2-em-1 .cta-iniciar-estudos {
  font-family: 'MargemMedium';
  font-weight: 500;
  font-size: 16px;
  border-radius: 12px;
  padding: 12px 20px;
  background-color: #0057FF; }
  #conteudo-modal-promocao-2-em-1 .cta-iniciar-estudos, #conteudo-modal-promocao-2-em-1 .cta-iniciar-estudos:hover {
    text-decoration: none;
    color: #fff; }
  @media (max-width: 575.98px) {
    #conteudo-modal-promocao-2-em-1 .cta-iniciar-estudos {
      width: 100%;
      font-family: MargemMediumBold; } }

#conteudo-modal-promocao-2-em-1 .desconto-es {
  font-family: MargemMediumBold;
  border-radius: 8px;
  padding: 16px;
  background: #E6F8F2;
  color: #172B4D;
  text-wrap: balance;
  text-align: center;
  line-height: 125%; }
  @media (max-width: 575.98px) {
    #conteudo-modal-promocao-2-em-1 .desconto-es {
      text-align: left; } }

#conteudo-modal-promocao-2-em-1 .countdown-clock-modal-pagamento-desconto p {
  font-family: 'MargemMediumBold';
  font-weight: 700;
  font-size: 16px;
  color: #172B4D; }

#conteudo-modal-promocao-2-em-1 .cupons {
  gap: 20px; }
  #conteudo-modal-promocao-2-em-1 .cupons .card-cupom {
    border-radius: 8px;
    padding: 16px 24px;
    border: 1px solid #DFE1E6;
    width: 100%;
    max-width: 380px; }
    @media (max-width: 767.98px) {
      #conteudo-modal-promocao-2-em-1 .cupons .card-cupom {
        max-width: unset; } }
    @media (max-width: 367.98px) {
      #conteudo-modal-promocao-2-em-1 .cupons .card-cupom {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
            -ms-flex-direction: column !important;
                flex-direction: column !important; } }
    #conteudo-modal-promocao-2-em-1 .cupons .card-cupom h3 {
      font-family: 'MargemMediumBold';
      font-weight: 500;
      font-size: 20px;
      color: #001533; }
    #conteudo-modal-promocao-2-em-1 .cupons .card-cupom span {
      font-family: 'MargemMedium';
      font-weight: 400;
      font-size: 12px;
      line-height: 120%;
      color: #4B5881; }
      #conteudo-modal-promocao-2-em-1 .cupons .card-cupom span.valor {
        font-family: 'MargemBold';
        font-weight: 700;
        font-size: 20px;
        color: #0D134C; }
        #conteudo-modal-promocao-2-em-1 .cupons .card-cupom span.valor span {
          font-family: 'MargemMedium';
          font-size: 10px; }
    #conteudo-modal-promocao-2-em-1 .cupons .card-cupom a {
      font-family: 'MargemMediumBold';
      font-weight: 500;
      font-size: 16px;
      border-radius: 12px;
      border: 1px solid #0057FF;
      color: #0057FF;
      padding: 12px 20px;
      -webkit-transition: .5s ease;
      transition: .5s ease; }
      #conteudo-modal-promocao-2-em-1 .cupons .card-cupom a:hover {
        text-decoration: none;
        color: #fff;
        background-color: #0057FF; }
      @media (max-width: 575.98px) {
        #conteudo-modal-promocao-2-em-1 .cupons .card-cupom a {
          padding: 5px 12px; } }
      @media (max-width: 367.98px) {
        #conteudo-modal-promocao-2-em-1 .cupons .card-cupom a {
          width: 100%;
          margin-top: .5rem; } }

.countdown-clock-modal-pagamento-desconto {
  min-height: 74px;
}

.countdown-clock-modal-pagamento-desconto .countdown-clock {
  gap: 1.5rem;
}

.countdown-clock-modal-pagamento-desconto .countdown-clock span {
  font-family: 'MargemMediumBold';
  text-transform: uppercase;
  font-size: 12px;
  color: #172B4D;
}

.countdown-clock-modal-pagamento-desconto .countdown-clock .color-red * {
  color: #F20009 !important;
}

.countdown-clock-modal-pagamento-desconto .countdown-clock span.value {
  font-size: 18px;
}

.countdown-clock-modal-pagamento-desconto .countdown-clock span.colon {
  font-size: 24px;
}