@media only screen and (max-width: 600px) {
	.footer-bg-light > .container > .row > .col-xl-6 > .button-primary-cs {
		margin-top: 15px;
	}
}

.affiliate_box {
    border: 1px solid #ffffff45;
    border-radius: 6px !important;
	width: max-content !important;
}

.indication__card {
    height: 100%;
    padding: 24px;
    display: block;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 0 1px 1px #0000000d;
}

.indication__card > h3 {
    margin: 24px 0 0;
    color: #363636;
    font-size: 24px;
    font-weight: 400;
    line-height: 136%;
    letter-spacing: -0.4px;
}

.indication__card > p {
    margin: 24px 0 0;
    color: #696966;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: -0.4px;
}

.indication__card > p > a {
    width: 100%;
    margin: 14px 0;
    padding: 15px 5px;
    display: inline-block;
    border-radius: 12px;
    background-color: #0a0d15;
    text-align: center;
    text-decoration: none;
    line-height: 130%;
    letter-spacing: -0.4px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.badge-ct {
    width: 24px;
    margin: 0;
    padding: 12px;
    display: block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: #f9f9f9;
    border-radius: 8px;
    color: #525252;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    line-height: 136%;
    letter-spacing: -0.4px;
}

.customs-fonts {
	font-weight: 800;
    font-size: 70px;
}

.border-top-lights {
	border-top: 1px solid #efefef61 !important; 
}

.button-primary-cs {
    background: white;
    padding: 10px 20px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
}

.footer-bg {
	background: #0a0d15 !important;
}

.footer-bg-light {
	background: #0d111a !important;
}

.footer-bg-light > .container > .row > .col-xl-5 > span {
	color: #ffffffa3 !important; 
	font-weight: 400 !important; 
}

.footer-bg > .container {
    padding: 50px;
}

a.topo-text {
    color: white !important;
}

a.topo-text > b {
    text-decoration: underline;
}

.topo-do-site {
    background-color: #0a0d15;
    color: #ffffff !important;
    padding: 8px 10px;
    text-align: center;
}

  /* CSS para a animação de digitação e apagamento */
  .typing-effect {
    display: inline;
    white-space: nowrap;
    overflow: hidden;
    border-right: 2px solid #0a0d15;
    /* Cor do cursor */
    animation: blink-caret .75s step-end infinite;
  }

  @keyframes typing {
    from {
      width: 0;
    }

    to {
      width: 100%;
    }
  }

  @keyframes deleting {
    from {
      width: 100%;
    }

    to {
      width: 0;
    }
  }

  @keyframes blink-caret {

    from,
    to {
      border-color: transparent;
    }

    50% {
      border-color: #ffbd59;
    }
  }


.section-bg-color {
  background-color: #0a0d15;
    color: white !important;
}

.pre-menu ul {
  display: flex
}


a.section-body.js-ga-trigger {
  color: white;
  padding: 0 10px;
  font-weight: 600;
}

.js-ga-trigger {
  font-weight: 600;
}

.pre-menu ul li a , .pre-menu ul li div {
  font-size: 12px;
  font-weight: 600;
  position: relative;
  padding: .25rem 0
}

.pre-menu ul li a:hover, .pre-menu ul li div:hover {
  color: inherit
}

.pre-menu ul li.is-active a {
  border-radius: .375rem .375rem 0 0;
  box-shadow: 0 -.375rem 0 1px #fff;
  color: white);
  padding: .25rem 1rem
}

.pre-menu ul li.is-active a:hover {
  color: white;
}

.pre-menu ul li.is-active:after,
.pre-menu ul li.is-active:before {
  background-color: white;
  border-radius: 0 0 .3rem 0;
  content: '';
  display: block;
  height: 100%;
  width: .75rem
}

.pre-menu ul li.is-active:after {
  border-radius: 0 0 0 .3rem
}



.btn.btn-light-secondary:hover {
    color: #fff !important;
    background-color: #21224a !important;
    box-shadow: 0 4px 11px rgba(106, 116, 123, .35) !important;
}

.btn-primary {
    color: #fff !important;
    background-color: #0a0d15 !important;
    border-color: #0a0d15 !important;
}

.cs-iconbox_number.cs-primary_font {
    font-weight: 600;
    font-size: 60px;
    line-height: 1em;
    color: transparent;
    -webkit-text-stroke: 1px #0a0d15;
    position: absolute;
    right: 15px;
    top: 15px;
    opacity: 0.3;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cs-list_right > h5 {
    margin-bottom: 0;
}

ul.ul-list_cs > li {
    list-style: none;
    display: flex;
    gap: 10px;
}

.workflow-img {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100px !important;
    height: 100px !important;
    border: none !important;;
    line-height: 116px;
    font-size: 4rem;
    font-weight: 500;
    font-family: Quicksand, sans-serif;
    color: #056eb9;
	background: #0a0d15 !important;
	box-shadow: 0px 1px 5px 3px #0a0d15 !important;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.workflow-img img {
    position: absolute !important;
    transform: translate(-50%, -50%) !important;
    left: 50% !important;
    top: 50% !important;
    width: 50% !important;
}

.mask-image {
  -webkit-mask-image: linear-gradient(to bottom, rgb(255 255 255) 60%, rgb(255 255 255 / 0%) 92%);
}

.gap-3 {
	gap: 15px;
}