.azul-soft {
  background: #ccf9fc;
}

.azul-soft-2 {
  background: #f2fdfe;
}

.nav-desktop {
  display: block;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
}

.barra-baixa {
  position: sticky;
  width: 100%;
  bottom: 0;
}

.banner-cro {
  padding: 1.5rem 0 2rem;
  border-radius: 0 0 2.5rem 2.5rem;
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15);
}

.bg-cinza2 {
  background: #f2f3f3;
  box-shadow: 0px -4px 5.3px 0px rgba(0, 0, 0, 0.15);
}

.section-radius {
  border-radius: 2.5rem;
}

.cta,
.modal-cro.modal-formulario .formulario .hs-button {
  padding: 0.95rem 1.5rem;
}

.px-20,
.main-content .sec-main.px-20 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.formulario-border-style {
  border-radius: 24px;
  border: 2px solid #00717a;
  background: #f2fdfe;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.scroll {
  padding: 0 1.5rem;
}

.sec-cards-tempo .accordion .accordion-button::after {
  filter: none;
}

.card-seg-exp {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  /* border-radius: 2.5rem; */
  background-position: center center;
  overflow-y: hidden;
}

.card-seg-exp.alimentacao {
  background: linear-gradient(
      180deg,
      rgba(1, 35, 45, 0.5) 0%,
      rgba(1, 35, 45, 0.5) 0%
    ),
    url(/assets/images/solicite-proposta/img-alimentacao.png);
  background-size: cover;
}

.card-seg-exp.industria {
  background: linear-gradient(
      180deg,
      rgba(1, 35, 45, 0.5) 0%,
      rgba(1, 35, 45, 0.5) 0%
    ),
    url(/assets/images/solicite-proposta/img-industrialogistica.png);
  background-size: cover;
}

.card-seg-exp.saude {
  background: linear-gradient(
      180deg,
      rgba(1, 35, 45, 0.5) 0%,
      rgba(1, 35, 45, 0.5) 0%
    ),
    url(/assets/images/solicite-proposta/img-saudeestetica.png);
  background-size: cover;
}

.card-seg-exp.servicos {
  background: linear-gradient(
      180deg,
      rgba(1, 35, 45, 0.5) 0%,
      rgba(1, 35, 45, 0.5) 0%
    ),
    url(/assets/images/solicite-proposta/img-servicosgeral.png);
  background-size: cover;
}

.card-seg-exp.vendas {
  background: linear-gradient(
      180deg,
      rgba(1, 35, 45, 0.5) 0%,
      rgba(1, 35, 45, 0.5) 0%
    ),
    url(/assets/images/solicite-proposta/img-vendas.png);
  background-size: cover;
}

.card-seg-exp li {
  font-size: 14px;
}

.card-seg-exp img.arrow {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  width: 24px;
  transition: 0.4s;
}

.card-seg-exp img.rotate {
  transform: rotate(90deg);
}

.card-seg-exp .content {
  position: absolute;
  width: 100%;
  left: 0;
  height: 100%;
  bottom: 0;
  transform: translateY(120%);
  transition: 0.3s;
  border-radius: 1.5rem;
}

.card-seg-exp .content p {
  font-size: 14px;
}

.card-seg-exp .content.ativo {
  transform: translateY(0%);
}

.owl-carousel-segmentos .owl-item .card-seg-exp {
  /* transform: scale(0.9); */
  padding: 1rem;
  min-height: 340px;
  border-radius: 1.5rem;
}

.owl-carousel-segmentos .owl-item.center .card-seg-exp {
  /* transform: scale(1.1); */
  padding: 0;
}

.sec-benef .card-benef {
  min-height: 380px;
  justify-content: flex-start;
}

.owl-carousel button.owl-dot.active {
  min-width: 80px;
  border-radius: 1rem;
}

.transparent-cta {
  border: 1px solid #001e27;
}

footer {
  border-radius: 2.5rem 2.5rem 0 0;
}

footer .logo-footer {
  filter: brightness(0) invert(1);
}

footer .social a.bg-white {
  border-radius: 50%;
  padding: 0.5rem;
  width: 48px;
  height: 48px;
}

footer .social img {
  filter: brightness(0);
}

.modal-cro .formulario form label.text-white {
  color: #1e1e1e !important;
  font-weight: 400;
}

.modal-cro .formulario form label.text-white ins.text-white,
.modal-cro .formulario form .text-soft-white {
  color: #1e1e1e !important;
  /* font-weight: 400; */
}

.modal-cro .input-group + .input-group {
  margin-top: 1rem;
}

.modal-cro .input-group > label {
  display: block !important;
  font-size: 14px;
}

.modal-cro form input:not(input[type="checkbox"], input[type="radio"]),
.modal-cro form select {
  border-radius: 0.75rem !important;
  border: 1px solid #d9d9d9;
  background: #fff !important;
  padding: 12px 1rem !important;
  margin: 0 0;
  /* line-height: 16px; */
}

.cta-verde-gradient {
  background: linear-gradient(90deg, #f5ffb7 0%, #dbfe13 100%);
  box-shadow: 0px 1px 5px 0px rgba(16, 24, 40, 0.05);
  width: 100%;
  color: #1e1e1e;
  border: 1px solid #dbfe15;

  /* M3/Elevation Light/1 */
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3),
    0px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

.modal-cro.modal-formulario .formulario.formulario-hs-verde input.hs-button,
.modal-cro.modal-formulario .formulario.formulario-hs-verde #wp-submit {
  background: linear-gradient(90deg, #f5ffb7 0%, #dbfe13 100%) !important;
  box-shadow: 0px 1px 5px 0px rgba(16, 24, 40, 0.05);
  width: 100%;
  color: #1e1e1e;
  border: none;
  border-radius: 2rem !important;
}

.modal-cro.modal-formulario .formulario.formulario-hs-azul input.hs-button {
  background: linear-gradient(90deg, #00dbed 0%, #001e27 100%) !important;
  box-shadow: 0px 1px 5px 0px rgba(16, 24, 40, 0.05);
  width: 100%;
  color: #fff;
  border: none;
  border-radius: 2rem !important;
}

.section-segmentos .owl-segs .owl-item .card-seg {
  padding: 0 0;
  align-items: center;
}

[data-sistema="mobile"] nav.nav-desktop:not(.ativo) .cta {
  display: none;
}

@media (min-width: 992px) {
  .card-seg-exp .content p {
    font-size: 16px;
  }

  form
    input:not(
      input[type="checkbox"],
      input[type="radio"],
      input[type="submit"]
    ),
  form select {
    padding: 8px 1rem !important;
  }

  .nav-desktop:not(.ativo) {
    display: none;
  }
  .modal-cro form input:not(input[type="checkbox"], input[type="radio"]),
  .modal-cro form select {
    margin: 0.5rem;
  }
}

@media (max-width: 435px) {
  nav.nav-desktop.ativo {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 10;
  }

  .owl-carousel-segmentos .owl-item:not(.center) .card-seg-exp {
    transform: scale(0.8);
  }

  .accordion-body,
  .accordion-button {
    padding: 1rem 1rem;
  }

  .sec-faq .accordion .accordion-button {
    padding-right: 1rem;
  }

  .banner h1,
  .main-content h2 {
    font-size: 1.563rem;
    margin: 0 0;
  }
}