/**
   Arquivo Responsável pelos estilos CSS customizados
*/

.hidden-xs {
  display: inline-block;
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none;
  }
}
/**
Botões
*/
.btn-padrão,
.btn-padrao a {
  transition: 0.3s !important;
  text-decoration: none !important;
}
.btn-padrão:hover,
.btn-padrão a:hover {
  transition: 0.3s !important;
  text-decoration: underline !important;
}

/** Botão Toggle */
.btn-saiba-mais .elementor-toggle-item .elementor-tab-title {
  text-align: right;
  border: none !important;
}
.btn-saiba-mais .elementor-toggle-item .elementor-tab-title a {
  text-decoration: none !important;
}

.btn-saiba-mais .elementor-toggle-item .elementor-toggle-icon {
  margin-left: 1em;
  transform: rotate(-90deg);
}

.btn-saiba-mais .elementor-toggle-item .elementor-tab-content {
  padding: 0 !important;
  border: none !important;
}

@media (max-width: 767px) {
  .btn-padrão,
  .btn-padrao a {
    width: 100% !important;
  }
}

/**
Header
*/

.header-custom {
  position: absolute;
  width: 100%;
  padding: 1em 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0);
}

.header-custom .hfe-nav-menu .menu-item img {
  margin-right: 1em;
  transition: 0.3s;
}

.header-custom .hfe-nav-menu .menu-item a {
  color: #fff !important;
}

.header-custom .hfe-nav-menu .menu-item a:hover {
  color: #fff !important;
  text-decoration: underline !important;
}

.header-custom .hfe-nav-menu .menu-item a:hover img {
  opacity: 0.8;
  transition: 0.3s;
}

@media (max-width: 767px) {
  .header-custom .hfe-nav-menu .menu-item a {
    padding-right: 5px !important;
  }

  .header-custom .hfe-nav-menu .menu-item a img {
    margin-right: 0;
  }
}

/**
Menu Mobile
*/
.menu-mobile .hfe-nav-menu__toggle .hfe-nav-menu-icon {
  float: right !important;
}

ul.sub-menu .menu-item a {
  padding-left: 1em !important;
  padding-right: 1em !important;
}

/**
Formulário contato
*/
.c-form-contato label,
.c-form-contato span.wpcf7-quiz-label {
  font-size: 18px;
  font-family: "ubunto", sans-serif !important;
}

.c-form-contato input.c-form-contato-input,
.c-form-contato input.wpcf7-quiz {
  margin-top: 1em !important;
  border-left: 2px solid #000 !important;
  border-bottom: 2px solid #000 !important;
  border-top: 2px solid transparent !important;
  border-right: 2px solid transparent !important;
  width: 100% !important;
}

.c-form-contato input.c-form-contato-input:focus,
.c-form-contato input.wpcf7-form-control:focus {
  border: 2px solid #000 !important;
}

.c-form-contato input.wpcf7-submit {
  border: none !important;
  border-radius: 100px;
  padding: 1.5em 5em;
  background-color: #ca2f25;
  text-decoration: none;
  color: #fff;
  font-family: "ubunto", sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  transition: 0.3s;
}

.c-form-contato input.wpcf7-submit:hover {
  background-color: #a9261d;
  transition: 0.3s;
}

/**
TOPO
*/
.topo {
  background-image: url("http://php81.nano.docker/rompi/wp-content/uploads/2022/07/bg-grade.png"),
    url("http://php81.nano.docker/rompi/wp-content/uploads/2022/07/sinapse-bg-topo.png") !important;
  background-position: center center, right top !important;
  background-repeat: no-repeat, no-repeat !important;
  background-size: cover, 65% !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .topo {
    background-position: center center, center !important;
    background-size: cover, 150% !important;
  }
}

@media (max-width: 767px) {
  .topo {
    background-position: center center, 94% -16% !important;
    background-size: cover, 150% !important;
  }
}

/**
CARDs
*/
.card-black {
  padding: 2.5em 2em 1em 2em;
  background-color: #000;
  border-radius: 10px;
  text-align: right;
}
.card-black .card-black-img {
  margin-bottom: 1.7em;
  height: 130px;
  width: auto;
}
.card-black .card-black-img img {
  height: 130px;
  width: auto;
}
.card-black .card-black-titulo {
  color: #fff;
  text-align: left;
  font-family: "Poppins", Sans-serif !important;
  font-weight: 300;
  margin-bottom: 1em;
  margin-top: 1.5em;
}
.card-black .card-black-descricao {
  color: #929295;
  text-align: left;
  font-family: "Poppins", Sans-serif !important;
  font-weight: 400;
}

.card-black .card-black-descricao.card-black-igualando-pat-time {
  margin-bottom: 2.5em;
}

.card-black .card-black-numero {
  display: inline-block;
  margin-top: 2em;
  color: #929295;
  text-align: right;
  padding: 0.2em 0.3em;
  border: 1px solid #929295;
  border-radius: 5px;
  font-size: 10px;
  font-family: "Poppins", Sans-serif !important;
}

.secao-pontos-fortes {
  overflow: hidden !important;
}

/**
MODAL
*/

.btn-modal .exad-modal .exad-modal-button a.exad-modal-image-action {
  text-align: right;
  padding-right: 2.5rem;
}

.btn-modal .exad-modal .exad-modal-button a.exad-modal-image-action:after {
  content: " ";
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  right: 20px;
  top: 6px;
  background: url("http://php81.nano.docker/rompi/wp-content/uploads/2022/07/Vector.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.3s;
}

.btn-modal
  .exad-modal
  .exad-modal-button
  a.exad-modal-image-action:hover:after {
  right: 15px;
  transition: 0.3s;
}

.exad-modal-item.modal-vimeo.top-to-middle.html_content.active {
}
@media screen and (max-width: 767px) {
  .exad-modal-item.modal-vimeo.top-to-middle.html_content.active {
    width: 90%;
    margin-top: 4rem;
    overflow: scroll;
  }
  .exad-modal-item.modal-vimeo.top-to-middle.html_content.active
    .exad-close-btn {
    right: 0.5rem !important;
    top: 1rem !important;
  }

  .exad-modal-item.modal-vimeo .exad-modal-content .exad-close-btn span::before,
  .exad-modal-item.modal-vimeo .exad-modal-content .exad-close-btn span::after {
    background: #262626 !important;
  }
}

.container-btn-agendar {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin-top: 3.5rem;
  text-align: right;
}
.container-btn-agendar.container-btn-agendar-center {
  text-align: center;
}

a.btn-agendar {
  background: #fff;
  padding: 1rem 1.5rem;

  color: #000;
  text-decoration: none !important;
  font-family: "Poppins", Sans-serif;
  font-size: 16px;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .container-btn-agendar {
    text-align: center;
  }
  .txt-topo .elementor-widget-container {
    text-align: center !important;
  }
    .txt-topo .elementor-heading-title {
        font-size: 9em !important;
    }

    .txt-topo-md .elementor-widget-container {
      text-align: center !important;
      text-align: center;
      font-size: 5em;
    }

    .descricao-topo .elementor-heading-title  {
      text-align: center !important;
      font-weight: 600 !important;
    }
}