.modal.fade.show {
  background-color: var(--black-color-900);
}

.modal.fade.modal-right .modal-dialog {
  transform: translate(125%, 0px);
}

.modal.show.modal-right .modal-dialog {
  transform: none;
}

.modal-content {
  border-radius: 35px;
}
.modal-content .modal-header {
  background-color: var(--secondary);
  color: white;
  border-radius: 30px 30px 0 0;
  justify-content: space-between;
  padding: 1rem 2rem;
  border: none;
}
.modal-content .modal-header .modal-title {
  font-weight: 800;
}
.modal-content .modal-header .fa-x {
  font-size: 20px;
}

/*  modal cotacao  */
#modalCotacao .modal-body {
  background-image: url("../images/modal_cotacao.png");
  background-size: cover;
  background-position: center;
  border-radius: 0 0 20px 20px;
}
#modalCotacao .modal-body .modal-card {
  width: 70% !important;
  padding: 3rem !important;
}

.modal hr {
  width: 50%;
  background-color: var(--bs-gray-400);
}

/*  modal login  */
#modalLogin #loginForm img {
  width: 40%;
}
#modalLogin input {
  background-color: var(--gray-color-100);
}
#modalLogin button {
  background-color: var(--gray-color-500);
}
#modalLogin h2 {
  color: var(--gray-color-500);
}

#modalFAQ .faq {
  margin: 5rem 0;
}
#modalFAQ .faq .faq_icone {
  max-width: 50px;
}