@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100;0,9..144,200;0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;0,9..144,800;0,9..144,900;1,9..144,100;1,9..144,200;1,9..144,300;1,9..144,400;1,9..144,500;1,9..144,600;1,9..144,700;1,9..144,800;1,9..144,900&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&family=Ubuntu+Condensed&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
/* BODONI */
@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,500;1,6..96,400&family=Heebo:wght@700&display=swap");
/*
    font-family: "Bodoni Moda", serif;
    font-weight: 500;
*/
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Fraunces:ital,wght@0,500;0,600;0,700;1,600&display=swap");
:root {
  --main-font-family: 'Ubuntu';
  --heading-font-family: 'Ubuntu', sans-serif;
  --main-color: #0759ad;
  --optional-color: #2E3AB8;
  --white-color: #ffffff;
  --black-color: #020202;
  --color-gray: #6b7c8f;
  --color-green: #2a852e;
  --color-red: #d5182a;
  --color-border: #e1e1e1;
  --paragraph-color: #484847;
  --paragraph-resume-color: #4b5867;
  --font-size: 16px;
  --transition: .4s; }

@media only screen and (max-width: 1646px) {
  .new-register .container-fluid .row {
    max-width: 85vw;
    max-height: 45vw; } }
@media only screen and (max-width: 1536px) {
  .login-page .container-fluid .row {
    max-width: 85vw;
    max-height: 40vw; }
    .login-page .container-fluid .row .left-col {
      width: 40%; }
    .login-page .container-fluid .row .right-col {
      width: 60%; }

  .new-register .container-fluid .row {
    max-width: 85vw;
    max-height: 54vw; } }
@media only screen and (max-width: 1366px) {
  .new-register .container-fluid .row {
    max-width: 95vw;
    max-height: 59vw; } }
@media only screen and (max-width: 1280px) {
  .login-page .container-fluid .row {
    max-width: 85vw;
    max-height: 48vw; }
    .login-page .container-fluid .row .left-col {
      width: 42%; }
    .login-page .container-fluid .row .right-col {
      width: 58%; } }
@media only screen and (max-width: 1180px) {
  .login-page .container-fluid .row {
    max-width: 85vw;
    max-height: 48vw; }
    .login-page .container-fluid .row .left-col {
      width: 45%; }
    .login-page .container-fluid .row .right-col {
      width: 55%; }

  .new-register .container-fluid .row {
    max-width: 95vw;
    max-height: 68vw; }
    .new-register .container-fluid .row .left-col {
      width: 60%; }
    .new-register .container-fluid .row .right-col {
      width: 40%; } }
@media only screen and (max-width: 1074px) {
  .login-page .container-fluid .row {
    max-width: 90vw;
    max-height: 55vw; }
    .login-page .container-fluid .row .left-col {
      width: 45%; }
    .login-page .container-fluid .row .right-col {
      width: 55%; } }
@media only screen and (max-width: 991px) {
  .login-page .container-fluid .row {
    max-width: 100%;
    max-height: 100%;
    border-radius: 0px; }
    .login-page .container-fluid .row .left-col {
      width: 45%; }
    .login-page .container-fluid .row .right-col {
      width: 55%; }

  .new-register .container-fluid .row {
    max-width: 100%;
    max-height: 100%;
    border-radius: 0px; }
    .new-register .container-fluid .row .left-col {
      width: 60%; }
    .new-register .container-fluid .row .right-col {
      width: 40%; } }
@media only screen and (max-width: 768px) {
  .login-page .container-fluid .row {
    max-width: 100%;
    max-height: 100%;
    border-radius: 0px; }
    .login-page .container-fluid .row .left-col {
      width: 65%; }
    .login-page .container-fluid .row .right-col {
      width: 35%; }

  .new-register .container-fluid .row {
    max-width: 95%;
    max-height: 95%;
    border-radius: 7px; }
    .new-register .container-fluid .row .left-col {
      width: 100%; }
    .new-register .container-fluid .row .right-col {
      display: none; } }
@media only screen and (max-width: 560px) {
  .login-page .container-fluid .row {
    max-width: 95%;
    max-height: 95%;
    border-radius: 7px; }
    .login-page .container-fluid .row .left-col {
      width: 100%; }
    .login-page .container-fluid .row .right-col {
      display: none; }

  .new-register .container-fluid .row {
    max-width: 95%;
    max-height: 95%;
    border-radius: 7px; }
    .new-register .container-fluid .row .left-col {
      width: 100%;
      padding: 15px; }
      .new-register .container-fluid .row .left-col .content-form .head-form-info {
        padding: 0px 0%; }
      .new-register .container-fluid .row .left-col .content-form form.signin-form .group-field {
        padding: 0px 0%; }
    .new-register .container-fluid .row .right-col {
      display: none; } }
.form-floating > label {
  z-index: 0 !important; }

.error-msg {
  background: var(--color-red);
  padding: 12px 15px;
  border-radius: 2px;
  font-size: 14px;
  color: var(--white-color) !important;
  font-weight: 400 !important;
  width: 100%;
  text-align: left; }

.error-msg-item {
  font-size: 14px;
  color: var(--color-red);
  padding-left: 15px; }

.success-msg {
  background: var(--color-green) !important;
  padding: 12px 15px;
  border-radius: 2px;
  color: var(--white-color) !important;
  font-size: 14px;
  text-align: left;
  font-weight: 400; }

.success-msg-text {
  font-size: 14px;
  font-weight: 500;
  padding: 12px 15px;
  border-radius: 2px;
  text-align: left;
  background: #1987541a;
  color: #198754; }

.alert-msg-text {
  font-size: 14px;
  font-weight: 500;
  padding: 12px 15px;
  border-radius: 2px;
  text-align: left;
  background: #f7be371a;
  color: #f7be37; }

.warning-msg {
  font-size: 14px;
  font-weight: 500;
  padding: 12px 15px;
  border-radius: 2px;
  text-align: left;
  background-color: #f7be371a;
  color: #996c00; }

/******** LOADING PAGE ********/
@keyframes spin {
  100% {
    transform: rotate(360deg); } }
#loading {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.729);
  position: absolute; }

#loader {
  position: absolute;
  left: 50%;
  top: 40%;
  z-index: 1;
  width: 65px;
  height: 65px;
  margin: -20px 0 0 -20px;
  border: 12px solid #fff;
  border-radius: 50%;
  border-top: 12px solid var(--main-color);
  border-bottom: 12px solid var(--main-color);
  width: 85px;
  height: 85px;
  box-shadow: 0px 0px 10px #000000cc, inset 0px 0px 5px #000000cc;
  -webkit-animation: spin .9s linear infinite;
  animation: spin .9s linear infinite; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/*# sourceMappingURL=responsive-page.css.map */