* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

/* width */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #fff6f7;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #de3451;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #a7283d;
}

html,
body {
  background-color: #fff6f7;
  scroll-behavior: smooth;
}

.boxWidth {
  width: 100%;
  max-width: 1400px;
  margin: auto;
}

button,
input,
textarea,
select {
  outline: none;
}

select {
  text-indent: 6px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cg clip-path='url(%23clip0_204_2)'%3E%3Cpath d='M9.2625 10.7373L15 16.4623L20.7375 10.7373L22.5 12.4998L15 19.9998L7.5 12.4998L9.2625 10.7373Z' fill='%23884C3A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_204_2'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 25px;
}

#loginModal .modal-dialog .modal-content,
#registerModal .modal-dialog .modal-content, #forgetPasswordModal .modal-dialog .modal-content, #resetPasswordModal .modal-dialog .modal-content {
  font-family: "recoleta_altmedium", Arial, sans-serif;
  color: #884c3a;
}
#loginModal .modal-dialog .modal-content .modal-header,
#registerModal .modal-dialog .modal-content .modal-header, #forgetPasswordModal .modal-dialog .modal-content .modal-header, #resetPasswordModal .modal-dialog .modal-content .modal-header {
  position: relative;
}
#loginModal .modal-dialog .modal-content .modal-header h3,
#registerModal .modal-dialog .modal-content .modal-header h3, #forgetPasswordModal .modal-dialog .modal-content .modal-header h3, #resetPasswordModal .modal-dialog .modal-content .modal-header h3 {
  color: #de3451;
}
#loginModal .modal-dialog .modal-content .modal-header .btn-close,
#registerModal .modal-dialog .modal-content .modal-header .btn-close, #forgetPasswordModal .modal-dialog .modal-content .modal-header .btn-close, #resetPasswordModal .modal-dialog .modal-content .modal-header .btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
  border: 1px solid #884c3a;
  box-shadow: none;
}
#loginModal .modal-dialog .modal-content .modal-body,
#registerModal .modal-dialog .modal-content .modal-body, #forgetPasswordModal .modal-dialog .modal-content .modal-body, #resetPasswordModal .modal-dialog .modal-content .modal-body {
  font-family: "recoleta_altregular", Arial, sans-serif;
}
#loginModal .modal-dialog .modal-content .modal-body p,
#registerModal .modal-dialog .modal-content .modal-body p, #forgetPasswordModal .modal-dialog .modal-content .modal-body p, #resetPasswordModal .modal-dialog .modal-content .modal-body p {
  font-size: 1.1rem;
}
#loginModal .modal-dialog .modal-content .modal-body form label,
#registerModal .modal-dialog .modal-content .modal-body form label, #forgetPasswordModal .modal-dialog .modal-content .modal-body form label, #resetPasswordModal .modal-dialog .modal-content .modal-body form label {
  color: #884c3a;
  font-family: "recoleta_altregular", Arial, sans-serif;
}
#loginModal .modal-dialog .modal-content .modal-body form label span,
#registerModal .modal-dialog .modal-content .modal-body form label span, #forgetPasswordModal .modal-dialog .modal-content .modal-body form label span, #resetPasswordModal .modal-dialog .modal-content .modal-body form label span {
  color: rgb(208, 21, 21);
}
#loginModal .modal-dialog .modal-content .modal-body form input,
#loginModal .modal-dialog .modal-content .modal-body form textarea,
#loginModal .modal-dialog .modal-content .modal-body form select,
#registerModal .modal-dialog .modal-content .modal-body form input,
#registerModal .modal-dialog .modal-content .modal-body form textarea,
#registerModal .modal-dialog .modal-content .modal-body form select, #forgetPasswordModal .modal-dialog .modal-content .modal-body form input,
#forgetPasswordModal .modal-dialog .modal-content .modal-body form textarea,
#forgetPasswordModal .modal-dialog .modal-content .modal-body form select, #resetPasswordModal .modal-dialog .modal-content .modal-body form input,
#resetPasswordModal .modal-dialog .modal-content .modal-body form textarea,
#resetPasswordModal .modal-dialog .modal-content .modal-body form select {
  padding: 10px;
  border: 1px solid #884c3a;
  background-color: #fffaf8;
  border-radius: 8px;
  color: #884c3a;
  font-family: "recoleta_altregular", Arial, sans-serif;
  box-shadow: none;
}
#loginModal .modal-dialog .modal-content .modal-body form input::-moz-placeholder, #loginModal .modal-dialog .modal-content .modal-body form textarea::-moz-placeholder, #loginModal .modal-dialog .modal-content .modal-body form select::-moz-placeholder, #registerModal .modal-dialog .modal-content .modal-body form input::-moz-placeholder, #registerModal .modal-dialog .modal-content .modal-body form textarea::-moz-placeholder, #registerModal .modal-dialog .modal-content .modal-body form select::-moz-placeholder, #forgetPasswordModal .modal-dialog .modal-content .modal-body form input::-moz-placeholder, #forgetPasswordModal .modal-dialog .modal-content .modal-body form textarea::-moz-placeholder, #forgetPasswordModal .modal-dialog .modal-content .modal-body form select::-moz-placeholder, #resetPasswordModal .modal-dialog .modal-content .modal-body form input::-moz-placeholder, #resetPasswordModal .modal-dialog .modal-content .modal-body form textarea::-moz-placeholder, #resetPasswordModal .modal-dialog .modal-content .modal-body form select::-moz-placeholder {
  color: #e6d8d4;
}
#loginModal .modal-dialog .modal-content .modal-body form input::placeholder,
#loginModal .modal-dialog .modal-content .modal-body form textarea::placeholder,
#loginModal .modal-dialog .modal-content .modal-body form select::placeholder,
#registerModal .modal-dialog .modal-content .modal-body form input::placeholder,
#registerModal .modal-dialog .modal-content .modal-body form textarea::placeholder,
#registerModal .modal-dialog .modal-content .modal-body form select::placeholder, #forgetPasswordModal .modal-dialog .modal-content .modal-body form input::placeholder,
#forgetPasswordModal .modal-dialog .modal-content .modal-body form textarea::placeholder,
#forgetPasswordModal .modal-dialog .modal-content .modal-body form select::placeholder, #resetPasswordModal .modal-dialog .modal-content .modal-body form input::placeholder,
#resetPasswordModal .modal-dialog .modal-content .modal-body form textarea::placeholder,
#resetPasswordModal .modal-dialog .modal-content .modal-body form select::placeholder {
  color: #e6d8d4;
}
#loginModal .modal-dialog .modal-content .modal-body form input:focus,
#loginModal .modal-dialog .modal-content .modal-body form textarea:focus,
#loginModal .modal-dialog .modal-content .modal-body form select:focus,
#registerModal .modal-dialog .modal-content .modal-body form input:focus,
#registerModal .modal-dialog .modal-content .modal-body form textarea:focus,
#registerModal .modal-dialog .modal-content .modal-body form select:focus, #forgetPasswordModal .modal-dialog .modal-content .modal-body form input:focus,
#forgetPasswordModal .modal-dialog .modal-content .modal-body form textarea:focus,
#forgetPasswordModal .modal-dialog .modal-content .modal-body form select:focus, #resetPasswordModal .modal-dialog .modal-content .modal-body form input:focus,
#resetPasswordModal .modal-dialog .modal-content .modal-body form textarea:focus,
#resetPasswordModal .modal-dialog .modal-content .modal-body form select:focus {
  border-bottom: 3px solid #884c3a;
  background-color: #fcf3ef;
}
#loginModal .modal-dialog .modal-content .modal-body form input:hover,
#loginModal .modal-dialog .modal-content .modal-body form textarea:hover,
#loginModal .modal-dialog .modal-content .modal-body form select:hover,
#registerModal .modal-dialog .modal-content .modal-body form input:hover,
#registerModal .modal-dialog .modal-content .modal-body form textarea:hover,
#registerModal .modal-dialog .modal-content .modal-body form select:hover, #forgetPasswordModal .modal-dialog .modal-content .modal-body form input:hover,
#forgetPasswordModal .modal-dialog .modal-content .modal-body form textarea:hover,
#forgetPasswordModal .modal-dialog .modal-content .modal-body form select:hover, #resetPasswordModal .modal-dialog .modal-content .modal-body form input:hover,
#resetPasswordModal .modal-dialog .modal-content .modal-body form textarea:hover,
#resetPasswordModal .modal-dialog .modal-content .modal-body form select:hover {
  background-color: #fcf3ef;
}
#loginModal .modal-dialog .modal-content .modal-body a,
#registerModal .modal-dialog .modal-content .modal-body a, #forgetPasswordModal .modal-dialog .modal-content .modal-body a, #resetPasswordModal .modal-dialog .modal-content .modal-body a {
  color: #de3451;
  text-decoration: none;
}
#loginModal .modal-dialog .modal-content .modal-body a:hover,
#registerModal .modal-dialog .modal-content .modal-body a:hover, #forgetPasswordModal .modal-dialog .modal-content .modal-body a:hover, #resetPasswordModal .modal-dialog .modal-content .modal-body a:hover {
  text-decoration: underline;
}
#loginModal .modal-dialog .modal-content .modal-body button,
#registerModal .modal-dialog .modal-content .modal-body button, #forgetPasswordModal .modal-dialog .modal-content .modal-body button, #resetPasswordModal .modal-dialog .modal-content .modal-body button {
  background-color: #de3451;
  text-decoration: none;
  text-align: center;
  padding: 12px;
  color: white;
  border-radius: 10px;
  font-family: "recoleta_altmedium", Arial, sans-serif;
  font-size: 1.2rem;
  transition: 0.1s;
}
#loginModal .modal-dialog .modal-content .modal-body button:hover,
#registerModal .modal-dialog .modal-content .modal-body button:hover, #forgetPasswordModal .modal-dialog .modal-content .modal-body button:hover, #resetPasswordModal .modal-dialog .modal-content .modal-body button:hover {
  background-color: #c11f3e;
}
#loginModal .modal-dialog .modal-content .modal-body button:active,
#registerModal .modal-dialog .modal-content .modal-body button:active, #forgetPasswordModal .modal-dialog .modal-content .modal-body button:active, #resetPasswordModal .modal-dialog .modal-content .modal-body button:active {
  transform: scale(0.98);
}/*# sourceMappingURL=login-signup-modal.css.map */