.d-slideup .sideup-text:first-of-type .up-text {
  font-size: 42px;
  color: #ea6ac9;
}
.d-slideup .sideup-text:first-of-type .up-text b {
  color: #1a1a1a;
}
p.text-areas-first {
  font-size: 18px;
  margin-top: 15px;
}
.services {
  padding-top: 0px;
}
.d-rotate.animated .rotate-text {
  color: #ea6ac9;
}
.d-rotate.animated .rotate-text span {
  color: #1a1a1a;
}
.swiper-arrow-control .swiper-button-prev,
.swiper-arrow-control .swiper-button-next {
  background: #fff;
  border: 1px solid #3d3d3d;
}
.services .swiper-slide .item-box h5 {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.services .swiper-slide .item-box:hover h5 {
  color: #ea6ac9;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.testimonials {
  margin-top: 80px;
}
.sec-head .bord::after {
  border: 0px !important;
}
.bord-thin-top {
  border: 0px !important;
}
.main-color {
  color: #1c7e8a !important;
}
.blog-list-half {
  margin-top: 10px;
}
footer .d-rotate.animated .rotate-text span {
  color: #ea6ac9;
}
.marquee {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  animation: scroll 40s linear infinite;
  display: flex;
  direction: ltr;
  margin-bottom: 10px;
}

.marquee:hover {
  animation-play-state: paused;
}

.img1 img {
  border-radius: 18px;
}
.img1 {
  margin-right: 10px;
  min-width: 60%;
  min-height: 400px;
  background-color: #fff;
  border: 5px solid #f5f7f9;
  border-radius: 18px;
  position: relative;
}

@keyframes scroll {
  0% {
    transform: translateX(-40%);
  }

  100% {
    transform: translateX(-100%);
  }
}
.main-marq {
  margin-top: 80px;
}
.main-colorbg {
  background: #acdde3 !important;
}
footer.clean-footer.crev::after {
  left: 0px;
  bottom: 0px;
}
.page-intro-cerv .bord-thin-top {
  border-top: 1px solid rgba(0, 0, 0, 0.14) !important;
}
.page-intro-cerv {
  padding-top: 0px;
}
.fz-33 {
  font-size: 33px;
}
.circle-button {
  left: 80px;
}
.color-main {
  color: #ea6ac9;
}
.faqs {
  margin-top: 120px;
  padding-bottom: 70px;
}
h3 span.rotate-text {
  color: #ea6ac9 !important;
}
.main-header .action-button {
  margin-top: 30px;
}
.action-button small {
  display: block;
  font-weight: 600;
  font-size: 12px;
  margin-top: 10px;
}
.action-button button {
  padding: 15px 70px;
  width: auto;
  background: #ea6ac9;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  position: relative;
  border: 1px solid transparent;
  border-radius: 35px;
  overflow: hidden;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  font-weight: 600;
}

.action-button button .text {
  position: relative;
  z-index: 4;
}

.action-button button:hover {
  color: #fff;
  background: #1d1d1d;
}
.action-button-2 {
  padding-left: 45px;
  margin-top: 20px;
}

.action-button-3 {
  margin-top: 80px;
}
.action-button-4 {
  margin-top: 40px;
}
.startup-header {
  padding: 0;
}
.startup-header .caption .lg-text {
  font-size: 103px;
}
.action-button-5 {
  position: relative;
  top: -60px;
}
[data-overlay-dark] .container p,
[data-overlay-dark] .container-xxl p,
[data-overlay-light] .container-xxl p,
[data-overlay-light] .container p {
  color: #fff;
}
.plano-avancado {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  background: #020202 !important;
  color: #fff !important;
}
.plano-avancado:hover {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  background: #ea6ac9 !important;
  color: #fff !important;
}
.plano-avancado .butn.butn-bord,
.plano-avancado .butn.butn-bord:hover {
  background-color: #fff !important;
  color: #020202 !important;
}
.plano-avancado .butn.butn-bord:hover span {
  color: #020202 !important;
}
.plano-avancado img {
  filter: brightness(0) invert(1);
}
.plano-avancado.text-dark .dot-list li::before {
  background: #dfdfdf;
}
.action-button button {
  background-color: #020202 !important;
}
.action-button:hover button {
  background-color: #ea6ac9 !important;
}
.container-intro {
  text-align: center;
}
.startup-header .caption p {
  width: 60%;
  margin-left: 20%;
  font-size: 17px;
  margin-top: 25px;
}
.tudo-num {
  display: block;
  width: 100%;
  margin-bottom: 120px;
  font-size: 54px;
}
.action-button-5 {
  position: relative;
  top: -10px;
}
.startup-header .bg-img {
  padding-top: 0px;
}
.marquee-header {
  margin-top: -500px;
  position: relative;
  z-index: 9999999 !important;
}

.marquee-header .img1 {
  min-width: 45%;
  min-height: 300px;
}

.startup-header .action-button button {
  background-color: #ea6ac9 !important;
}
.startup-header .action-button:hover button {
  background-color: #020202 !important;
}
.video-img {
  /*Ajuste a largura e altura desejadas aqui*/
  width: 100%;
  height: 300px;

  /*isto fará o elemento video e o .container se adaptarem ao .fit-img*/
  position: relative;
  margin-left: -15px;
  margin-top: 15px;
}

.video-img > .bg-video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; /*apenas um -1 é necessário quando se trabalha com relative + absolute, sendo pai e filho*/
  width: 100%;
  height: 100%;
  overflow: hidden; /* evita do video passar a altura desejada do .video-img*/
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-img > .bg-video > video {
  width: 100%;
}
.price-hr {
  padding-top: 60px;
  padding-bottom: 100px;
}
.startup-header .caption .lg-text {
  text-transform: inherit;
}
.botao-teste-header {
  text-align: center;
  margin-top: 50px;
  position: relative;
  z-index: 99999999 !important;
}
.container-intro {
  margin-top: -180px;
}
.action-button small {
  color: #fff;
}
footer .d-rotate.animated .rotate-text {
  color: #fff;
}
footer .d-rotate.animated .rotate-text span {
  top: 10px;
  left: -10px;
}
.progress-wrap::after {
  color: #ea6ac9;
}
.progress-wrap svg.progress-circle path {
  stroke: #ea6ac9;
}
.progress-wrap {
  mix-blend-mode: inherit;
}
.page-intro-cerv h4 {
  font-weight: 600;
}
.modal {
  z-index: 1055; /* Valor maior que o backdrop */
}
.modal-backdrop {
  z-index: 1040; /* Valor menor que o modal */
}
.modal-header {
  border-bottom: 0px;
}
.modal-content {
  border-radius: 2rem;
  padding: 0px 10px;
}
.contact label {
  font-weight: 600;
  font-size: 13px;
  height: 38px;
}
.contact input {
  padding: 10px 0;
  font-size: 14px;
}
.modal .butn.butn-bord {
  background-color: #ea6ac9 !important;
  border-color: #ea6ac9 !important;
  color: #fff;
  width: 65%;
}
.dot-list li {
  font-size: 14px;
}
.text-intro-modal {
  margin-bottom: 25px;
}
#planos .full-width {
  width: 30%;
  margin: 30px 2%;
}
#planos .full-width .type img {
  display: inline-block;
}
#planos .full-width .type {
  text-align: center;
  margin-bottom: 20px;
}
#planos .full-width .mount {
  margin-top: 20px;
}
#planos .full-width .icon-img-60 {
  margin: 0 auto;
}
#planos .full-width .item .butn {
  padding: 7px 25px;
  border-color: #1d1d1d;
  color: #1a1a1a;
  width: 75%;
  cursor: pointer;
}
#planos .full-width .butn:hover {
  background: #ea6ac9 !important;
  color: #fff !important;
  border-color: #ea6ac9 !important;
}
#planos .full-width .plano-avancado .butn:hover {
  background: #fff !important;
  color: #fff !important;
  border-color: #1a1a1a !important;
}
.plano-avancado .butn.butn-bord {
}
#planos .rest {
  height: 228px;
}
.action-button-2 small {
  display: block;
  text-align: center;
  color: #777;
}
.services .item-box {
  height: 500px;
}
.d-slideup .sideup-text:first-of-type .up-text {
  font-size: 40px;
  line-height: 42px;
}
.itens-funct h6 {
  font-size: 18px;
}
.mount .apartir {
  margin-top: 10px;
  font-size: 13px;
}
#preloader-video {
  width: 100%;
  height: 100%;
  object-fit: contain; /* ajusta o vídeo para cobrir toda a área */
  z-index: 9999999 !important;
}
.loader-wrap {
  background-color: #000;
}
.d-slideup .sideup-text:nth-of-type(2) .up-text {
  margin-top: 20px;
}
.padd-list-planos {
  padding-top: 95px !important;
}
.tudo-do-anterior {
  font-size: 14px;
  color: #1a1a1a;
  font-weight: 300;
  margin-bottom: 5px;
}
.plano-avancado .tudo-do-anterior {
  color: #fff;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 650px;
  }
}
@media (max-width: 1600px) {
  /* col-xs */
  .services .item-box .icon {
    height: 70px;
  }
}
@media (max-width: 1400px) {
  /* col-xs */

  .marquee-header {
    margin-top: -520px !important;
  }
  .tudo-num {
    margin-bottom: 100px;
    font-size: 48px;
  }
  .container-intro {
    margin-top: -250px;
  }
  .startup-header .bg-img {
    min-height: 950px;
  }
  p.text-areas-first {
    font-size: 17px;
    margin-top: 0px;
  }
  .page-intro-cerv .cont {
    padding: 45px;
  }
  .services .swiper-slide .item-box h5 {
    height: 45px;
    font-size: 22px;
  }
  .accordion .title h6 {
    font-size: 15px;
  }
  .main-marq.xlrg .box .item h4 {
    font-size: 7vw;
  }
  .services {
    padding-bottom: 100px;
  }
}
@media (max-width: 1280px) {
  /* col-xs */
}
@media (max-width: 768px) {
  /* col-xs */
  .tudo-num {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 25px;
  }
  .startup-header .caption p {
    width: 100%;
    margin-left: 0%;
    font-size: 16px;
    margin-top: 0px;
  }
  .startup-header .bg-img {
    min-height: 800px;
  }
  .marquee-header .img1 {
    min-width: 100%;
    min-height: auto;
  }
  .marquee-header {
    margin-top: -380px !important;
  }
  .navbar.nav-crev {
    text-align: center;
  }
  a.logo {
    width: 100%;
    text-align: center;
  }
  a.logo img {
    width: 55%;
  }
  .action-button button {
    padding: 15px 45px;
  }
  .d-slideup .sideup-text:first-of-type .up-text {
    font-size: 32px;
  }
  p.text-areas-first {
    font-size: 16px;
    margin-top: 25px;
  }
  .page-intro-cerv .cont {
    padding: 15px;
  }
  #conheca {
    padding-bottom: 50px;
  }
  .page-intro-cerv .bord-thin-top {
    border-top: 0px !important;
  }
  .action-button-2 {
    padding-left: 15px;
    margin-top: 20px;
    padding-right: 15px;
  }
  #solucoes .fz-40 {
    font-size: 28px !important;
  }
  .services .item-box {
    padding: 35px 20px;
  }
  #solucoes .mb-80 {
    margin-bottom: 50px;
  }
  .list-arrow h6 {
    font-size: 14px;
  }
  .list-arrow {
    margin-top: 0px !important;
  }
  #planos {
    padding-bottom: 0px !important;
  }
  .testimonials .swiper-slide {
    padding-top: 60px;
    padding-left: 0px;
  }
  .testimonials .control-abslout {
    padding-left: 0px;
    margin-top: -10px;
  }
  .swiper-slide .item h5 {
    font-size: 18px;
  }
  .main-marq.xlrg .box .item h4 {
    font-size: 13vw;
  }
  .cal-action .fz-40 {
    font-size: 30px !important;
  }
  .clean-footer .logo {
    margin-bottom: 20px;
    width: 100%;
  }
  footer .column h6 {
    text-align: center;
  }
  footer .column ul li {
    text-align: center;
  }
  .clean-footer .column {
    margin-bottom: 10px;
  }
  footer .cal-action {
    margin-bottom: 40px !important;
  }
  .action-button button {
    width: 100%;
  }
  #solucoes {
    padding-bottom: 60px;
  }
  .startup-header .action-button button {
    width: 90%;
  }
  #planos .valign {
    display: block !important;
  }
  #planos .full-width {
    margin: 30px 0%;
  }
  .itens-funct .md-mb50 {
    margin-bottom: 10px !important;
  }
  .testimonials .text .fz-18 {
    font-size: 15px !important;
  }
  .testimonials .info.mt-40 {
    margin-top: 0px !important;
    margin-bottom: 20px;
  }
  .img-2 {
    display: none;
  }
  footer .d-rotate.animated .rotate-text span {
    top: 10px;
    left: -10px;
    position: relative;
  }
  .clean-footer .logo {
    width: 60%;
    margin: 0 auto;
    margin-bottom: 15px;
  }
  .alinhar-centr-xs {
    text-align: center;
  }
  .alinhar-centr-xs .rest li.ml-30 {
    width: 100%;
    margin-left: 0 !important;
  }
}

.email-contato {
  color: #ff48cd;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
}

@media (min-width: 1400px) and (max-height: 839px) {
  .caption {
    margin-top: -5vh !important;
  }

  .marquee-header {
    margin-top: -480px !important;
  }
  .marquee-header img {
    min-width: 550px !important;
    height: auto !important;
  }
  .marquee-header .img1 {
    min-height: auto !important;
    min-width: auto !important;
    margin-bottom: 50px;
  }

  .botao-teste-header {
    margin-top: 0px !important;
  }
}

@media (min-width: 1400px) and (max-height: 800px) {
  .marquee-header img {
    min-width: 500px !important;
    height: auto !important;
  }
}