@font-face {
  font-family: 'mukta-extra-light';
  font-display: swap;
  src: url("../fonts/mukta-all-200-normal.woff"); }

@font-face {
  font-family: 'mukta-light';
  font-display: swap;
  src: url("../fonts/mukta-all-300-normal.woff"); }

@font-face {
  font-family: 'mukta-regular';
  font-display: swap;
  src: url("../fonts/mukta-all-400-normal.woff"); }

@font-face {
  font-family: 'mukta-medium';
  font-display: swap;
  src: url("../fonts/mukta-all-500-normal.woff"); }

@font-face {
  font-family: 'mukta-semi-bold';
  font-display: swap;
  src: url("../fonts/mukta-all-600-normal.woff"); }

@font-face {
  font-family: 'mukta-bold';
  font-display: swap;
  src: url("../fonts/mukta-all-700-normal.woff"); }

@font-face {
  font-family: 'mukta-extra-bold';
  font-display: swap;
  src: url("../fonts/mukta-all-800-normal.woff"); }

#maincontent .account-container {
  margin: 30px auto;
  padding: 0 10px; }
  @media (min-width: 769px) {
    #maincontent .account-container {
      padding: 0 20px; } }

.account-container .welcome-user {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: auto;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 90%; }
  @media (min-width: 769px) {
    .account-container .welcome-user {
      width: 30%; } }
  .account-container .welcome-user span {
    font-size: clamp(1rem, 3vw, 1.5rem);
    color: #fff;
    font-family: "mukta-bold", sans-serif; }

.account-container .account-image {
  position: relative;
  margin: 30px 0 20px; }
  .account-container .account-image img {
    display: block;
    width: 100%; }
  .account-container .account-image::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.4); }

.account-container .terms {
  font-size: 14px;
  margin-bottom: 30px; }
  .account-container .terms a {
    font-size: inherit;
    text-decoration: underline; }

.account-container .confirm-text {
  font-size: 30px;
  text-align: center;
  margin: 50px auto 0;
  padding: 0 20px;
  color: #d81e05; }
  @media (min-width: 769px) {
    .account-container .confirm-text {
      max-width: 40%; } }

.animation-container {
  max-width: 900px;
  margin: 0 auto; }
  .animation-container .text {
    text-align: center;
    font-size: clamp(0.875rem, 3vw, 1rem);
    margin-bottom: 40px; }
  .animation-container .form-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .animation-container .form-group {
    margin-left: 5px;
    margin-right: 5px; }
    .animation-container .form-group.firstname, .animation-container .form-group.phone, .animation-container .form-group.country, .animation-container .form-group.employmentProcess {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%; }
      @media (min-width: 769px) {
        .animation-container .form-group.firstname, .animation-container .form-group.phone, .animation-container .form-group.country, .animation-container .form-group.employmentProcess {
          -ms-flex-preferred-size: calc(33% - 10px);
              flex-basis: calc(33% - 10px); } }
    .animation-container .form-group.lastname, .animation-container .form-group.email {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%; }
      @media (min-width: 769px) {
        .animation-container .form-group.lastname, .animation-container .form-group.email {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 calc(67% - 10px);
                  flex: 0 0 calc(67% - 10px); } }
    .animation-container .form-group.moreInformation, .animation-container .form-group.curriculumVitae {
      width: 100%; }
  @media (max-width: 768.98px) {
    .animation-container .btn_ {
      width: 100%; } }
  .animation-container .form-error {
    background-color: #dfdfde;
    padding: 15px;
    margin-bottom: 25px;
    text-align: center; }
    .animation-container .form-error .title-error {
      font-size: 40px; }
    .animation-container .form-error .text-error {
      font-size: 14px; }

/*# sourceMappingURL=contact.css.map*/