.tx-color-main {
  color: #325F48;
}

.tx-color-main-light {
  color: #3a835e;
}

.tx-color-dark {
  color: #1E1E1E;
}

.tx-color-light {
  color: #FFFFFF;
}

.tx-color-grey {
  color: #3b3b42;
}

.tx-color-grey_light {
  color: #C8C8C8;
}

.tx-color-grey_bg {
  color: #F8F8F8;
}

.bg-color-main {
  background: #325F48;
}

.bg-color-main-light {
  background: #3a835e;
}

.bg-color-main-dark {
  background: #1E1E1E;
}

.bg-color-main-light {
  background: #FFFFFF;
}

.bg-color-main-grey {
  background: #3b3b42;
}

.bg-color-main-grey_light {
  background: #C8C8C8;
}

.bg-color-main-grey_bg {
  background: #F8F8F8;
}

@font-face {
  font-family: "EnrArnamu";
  src: url(./fonts/arnamu.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "EnrArnamu";
  src: url(./fonts/arnamu_bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}
#enroll-content {
  padding: 32px 0 48px;
}

.enr {
  --enr-u: min(1.3333px, calc((100vw - 90px) / 595.32));
}

.enr-sheet {
  position: relative;
  width: calc(595.32 * var(--enr-u));
  height: calc(841.92 * var(--enr-u));
  margin: 0 auto 24px;
  background: #fff;
  color: #000;
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.12);
  font-family: Sylfaen, "Noto Serif Armenian", "EnrArnamu", serif;
  font-stretch: 93%;
  font-size: calc(11 * var(--enr-u));
  line-height: 1.25;
  text-align: left;
}
.enr-sheet a {
  color: #0563c1;
  text-decoration: underline;
}
.enr-sheet b {
  font-weight: 700;
  font-stretch: 84%;
}
.enr-sheet * {
  line-height: inherit;
}

.enr-a {
  position: absolute;
  left: calc(var(--x, 0) * var(--enr-u));
  top: calc(var(--y, 0) * var(--enr-u));
  font-size: calc(var(--fs, 11) * var(--enr-u));
  white-space: nowrap;
}

.enr-a.enr-center {
  left: 0;
  right: 0;
  text-align: center;
}

.enr-fs12 {
  font-size: calc(12 * var(--enr-u));
}

.enr-b {
  font-weight: 700;
  font-stretch: 84%;
}

.enr-logo {
  width: calc(var(--w, 0) * var(--enr-u));
  height: auto;
}

.enr-annex {
  left: auto;
  right: calc(12.5 * var(--enr-u));
  text-align: right;
  font-family: "Arial Unicode MS", Mardoto, Arial, sans-serif;
  font-size: calc(7.6 * var(--enr-u));
  font-weight: 700;
  line-height: calc(9.1 * var(--enr-u));
}

.enr-for-you {
  left: auto;
  right: calc(12.7 * var(--enr-u));
  text-align: right;
  font-style: italic;
  line-height: calc(14.4 * var(--enr-u));
}

.enr-title {
  --fs: 12;
  margin: 0;
  font-size: calc(12 * var(--enr-u));
  font-style: italic;
  font-weight: 400;
  letter-spacing: calc(0.6 * var(--enr-u));
}

.enr-f,
.enr-line {
  width: calc(var(--w, 0) * var(--enr-u));
  height: calc(var(--h, 12.6) * var(--enr-u));
  border-bottom: calc(0.6 * var(--enr-u)) solid #000;
}

.enr-f input,
.enr-f select {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 calc(3 * var(--enr-u));
  border: 0;
  border-radius: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
  color: #1c3f94;
  font: inherit;
  font-size: calc(11 * var(--enr-u));
  line-height: 1;
  -webkit-appearance: none;
  appearance: none;
}
.enr-f input:focus,
.enr-f select:focus {
  background: rgba(28, 63, 148, 0.06);
}
.enr-f input[readonly] {
  cursor: default;
  background: transparent;
}

.enr-f-date input {
  padding: 0;
  text-align: center;
}

.enr-f-select select {
  padding-right: calc(12 * var(--enr-u));
  cursor: pointer;
}
.enr-f-select select:disabled {
  opacity: 1;
  color: #1c3f94;
}
.enr-f-select::after {
  content: "";
  position: absolute;
  right: calc(3 * var(--enr-u));
  top: 50%;
  width: calc(4 * var(--enr-u));
  height: calc(4 * var(--enr-u));
  margin-top: calc(-3.5 * var(--enr-u));
  border: solid #6b6b6b;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
  pointer-events: none;
}
.enr-f-select.is-locked::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  cursor: pointer;
}

.enr-sub {
  position: absolute;
  left: calc(var(--sx, 0) * var(--enr-u));
  top: calc(var(--sy, 0) * var(--enr-u));
  font-size: calc(var(--fs, 9) * var(--enr-u));
  line-height: 1.25;
  white-space: nowrap;
  pointer-events: none;
}

.enr-native {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}

.enr-opt {
  cursor: pointer;
  user-select: none;
}

.enr-box {
  position: relative;
  top: calc(var(--bt, 0) * var(--enr-u));
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: calc(var(--bs, 8) * var(--enr-u));
  height: calc(var(--bs, 8) * var(--enr-u));
  margin-right: calc(var(--gap, 3) * var(--enr-u));
  border: calc(0.6 * var(--enr-u)) solid #000;
  background: #fff;
}

.enr-native:checked + .enr-box::after {
  content: "";
  position: absolute;
  left: 28%;
  top: -22%;
  width: 34%;
  height: 80%;
  border: solid #1c3f94;
  border-width: 0 max(1.5px, calc(1.3 * var(--enr-u))) max(1.5px, calc(1.3 * var(--enr-u))) 0;
  transform: rotate(42deg);
}

.enr-native:focus-visible + .enr-box {
  outline: 2px solid rgba(28, 63, 148, 0.5);
  outline-offset: 1px;
}

.enr-addr-list {
  width: calc(190 * var(--enr-u));
  white-space: normal;
}

.enr-addr {
  --bs: 9;
  --bt: 1.4;
  --gap: 4.2;
  min-height: calc(39.8 * var(--enr-u));
  font-size: calc(10 * var(--enr-u));
}
.enr-addr .enr-opt {
  display: flex;
  align-items: flex-start;
  font-weight: 700;
  font-stretch: 84%;
}
.enr-addr .enr-box {
  flex: none;
  margin-left: calc(1.3 * var(--enr-u));
}
.enr-addr:not(:first-child) .enr-opt {
  margin-left: calc(3.7 * var(--enr-u));
}

.enr-addr-mail {
  display: block;
  margin: calc(4.1 * var(--enr-u)) 0 0 calc(30.4 * var(--enr-u));
}

.enr-phone-icon {
  width: calc(11 * var(--enr-u));
  height: calc(11 * var(--enr-u));
}

.enr-f-static {
  pointer-events: none;
}

.enr-sign .enr-sign-btn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(40 * var(--enr-u));
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  font: inherit;
}
.enr-sign .enr-sign-btn:hover, .enr-sign .enr-sign-btn:focus-visible {
  outline: 0;
  background: rgba(28, 63, 148, 0.05);
}
.enr-sign .enr-sign-btn img {
  display: block;
  max-width: 100%;
  max-height: calc(44 * var(--enr-u));
  margin-bottom: calc(-5 * var(--enr-u));
}
.enr-sign .enr-sign-hint {
  padding-bottom: calc(2 * var(--enr-u));
  color: rgba(28, 63, 148, 0.55);
  font-family: Mardoto, sans-serif;
  font-size: max(11px, calc(8.5 * var(--enr-u)));
}
.enr-sign.is-signed .enr-sign-hint {
  display: none;
}

.enr-letter {
  width: calc(var(--w, 0) * var(--enr-u));
  font-size: calc(12 * var(--enr-u));
  line-height: calc(16.3 * var(--enr-u));
  text-align: justify;
  white-space: normal;
}
.enr-letter p {
  margin: 0 0 calc(8.3 * var(--enr-u));
}
.enr-letter ul {
  margin: 0;
  padding: 0 0 0 calc(18 * var(--enr-u));
  list-style: none;
}
.enr-letter li {
  position: relative;
  margin-bottom: calc(1.2 * var(--enr-u));
}
.enr-letter li::before {
  content: "-";
  position: absolute;
  left: calc(-18 * var(--enr-u));
  font-size: calc(11 * var(--enr-u));
}

.enr-statement {
  margin-top: calc(15.1 * var(--enr-u)) !important;
  margin-bottom: calc(23.6 * var(--enr-u)) !important;
}

.enr-armed {
  margin-bottom: calc(4.4 * var(--enr-u)) !important;
}

.enr-wish {
  margin-bottom: calc(16.4 * var(--enr-u)) !important;
}

.enr-justify-line {
  display: flex;
  justify-content: space-between;
}

.enr-nowrap {
  white-space: nowrap;
}

.enr-inline-line {
  display: inline-block;
  box-sizing: border-box;
  width: calc(239.9 * var(--enr-u));
  height: calc(14 * var(--enr-u));
  overflow: hidden;
  vertical-align: calc(-3 * var(--enr-u));
  border-bottom: calc(0.6 * var(--enr-u)) solid #000;
  color: #1c3f94;
  line-height: calc(14 * var(--enr-u));
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.enr-err {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  display: none;
  padding: 5px 9px;
  border-radius: 5px;
  background: #d92d20;
  color: #fff;
  font-family: Mardoto, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  white-space: nowrap;
  transform: translateY(calc(-100% - 6px));
  pointer-events: none;
}
.enr-err::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 100%;
  border: 5px solid transparent;
  border-top-color: #d92d20;
}

.enr-a.enr-err {
  left: calc(var(--x, 0) * var(--enr-u));
  top: calc(var(--y, 0) * var(--enr-u));
}

.enr-f.is-error {
  border-bottom: max(1.5px, calc(1 * var(--enr-u))) solid #d92d20;
  background: rgba(217, 45, 32, 0.07);
}
.enr-f.is-error .enr-sub {
  color: #d92d20;
}

.enr-group.is-error .enr-opt {
  color: #d92d20;
}
.enr-group.is-error .enr-box,
.enr-group.is-error .enr-addr .enr-box {
  border-color: #d92d20;
  box-shadow: 0 0 0 max(1px, calc(1 * var(--enr-u))) rgba(217, 45, 32, 0.3);
}

.is-error.is-current > .enr-err,
.enr-f.is-error:focus-within > .enr-err {
  display: block;
}

.enr-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
}

.enr-submit {
  min-width: 220px;
  border: 0;
  font-family: Mardoto, sans-serif;
  font-size: 16px;
  cursor: pointer;
}
.enr-submit:disabled {
  opacity: 0.6;
  cursor: wait;
}
.enr-submit[hidden] {
  display: none;
}

.enr-result {
  max-width: 600px;
  padding: 12px 18px;
  border-radius: 8px;
  background: rgba(217, 45, 32, 0.08);
  color: #d92d20;
  font-family: Mardoto, sans-serif;
  font-size: 15px;
  text-align: center;
}
.enr-result.is-ok {
  background: rgba(50, 95, 72, 0.1);
  color: #325F48;
  font-size: 17px;
}

.enr.is-sent .enr-sign-btn {
  cursor: default;
}

.enr-modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(0, 0, 0, 0.55);
}
.enr-modal[hidden] {
  display: none;
}

.enr-modal-box {
  width: 100%;
  max-width: 640px;
  padding: 20px;
  border-radius: 12px;
  background: #fff;
  font-family: Mardoto, sans-serif;
}

.enr-modal-title {
  color: #325F48;
  font-size: 18px;
  font-weight: 700;
}

.enr-modal-hint {
  margin: 4px 0 12px;
  color: #3b3b42;
  font-size: 13px;
}

.enr-pad {
  position: relative;
  height: 220px;
  border: 1px dashed #C8C8C8;
  border-radius: 8px;
  background: #fcfcfd;
}
.enr-pad canvas {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  cursor: crosshair;
  touch-action: none;
}

.enr-pad-line {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 56px;
  border-bottom: 1px solid #C8C8C8;
  pointer-events: none;
}

.enr-modal-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 14px;
}

.enr-modal-btn {
  padding: 10px 16px;
  border: 1px solid #C8C8C8;
  border-radius: 6px;
  background: none;
  color: #1E1E1E;
  font: inherit;
  cursor: pointer;
}
.enr-modal-btn:hover {
  border-color: #3b3b42;
}

.enr-modal-save {
  border: 0;
  font: inherit;
  cursor: pointer;
}

@media (min-width: 641px) {
  .enr-sheet {
    background: #fff no-repeat 0 0/100% 100%;
    color: transparent;
    user-select: none;
  }
  .enr-sheet a {
    color: transparent;
    text-decoration: none;
  }
  .enr-sheet-1 {
    background-image: url(/images/enroll-form-page-1.svg);
  }
  .enr-sheet-2 {
    background-image: url(/images/enroll-form-page-2.svg);
  }
  .enr-logo,
  .enr-phone-icon {
    visibility: hidden;
  }
  .enr-f,
  .enr-line,
  .enr-inline-line {
    border-bottom-color: transparent;
  }
  .enr-box {
    border-color: transparent;
    background: transparent;
  }
  .enr-f input,
  .enr-f select {
    user-select: auto;
  }
  .enr-f.is-error .enr-sub,
  .enr-group.is-error .enr-opt {
    color: transparent;
  }
  .enr-addr-list {
    color: #000;
  }
  .enr-addr-list a {
    color: #0563c1;
    text-decoration: underline;
  }
  .enr-addr-list .enr-box {
    border-color: #000;
    background: #fff;
  }
  .enr-group.is-error .enr-addr .enr-opt {
    color: #d92d20;
  }
}
@media (max-width: 640px) {
  #enroll-content {
    padding-top: 16px;
  }
  .enr {
    --enr-u: 1.25px;
  }
  .enr-sheet {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 20px 14px 24px;
  }
  .enr-a {
    position: static;
    left: auto;
    top: auto;
    white-space: normal;
  }
  .enr-logo {
    display: block;
    width: 72px;
    margin-bottom: 12px;
  }
  .enr-annex,
  .enr-for-you {
    margin-bottom: 14px;
  }
  .enr-a.enr-center {
    margin-bottom: 2px;
  }
  .enr-title {
    margin: 16px 0 20px;
  }
  .enr-title span {
    display: block;
    text-align: center;
  }
  .enr-row {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 14px;
  }
  .enr-break {
    flex-basis: 100%;
  }
  .enr-f {
    position: relative;
    flex: 1 1 160px;
    width: auto;
    height: 24px;
    margin-bottom: 16px;
  }
  .enr-f-date {
    flex: 0 0 52px;
  }
  .enr-sub {
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 2px;
    text-align: center;
  }
  .enr-sub-static {
    display: none;
  }
  .enr-f-address {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 2px 8px;
    min-width: 0;
    height: auto;
    margin-bottom: 0;
    border-bottom: 0;
  }
  .enr-f-address input {
    grid-column: 1/-1;
    box-sizing: border-box;
    height: 24px;
    border-bottom: calc(0.6 * var(--enr-u)) solid #000;
  }
  .enr-f-address .enr-sub {
    position: static;
    margin-top: 0;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .enr-f-address.is-error input {
    border-bottom-color: #d92d20;
  }
  .enr-line {
    flex: 1 1 120px;
    width: auto;
  }
  .enr-group {
    position: relative;
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    gap: 8px 18px;
  }
  .enr-addr-list {
    width: 100%;
    margin-top: 6px;
  }
  .enr-addr {
    min-height: 0;
    margin-bottom: 10px;
  }
  .enr-addr:not(:first-child) .enr-opt {
    margin-left: 0;
  }
  .enr-phone-icon {
    display: none;
  }
  .enr-phone-row {
    display: grid;
    grid-template-columns: auto 18px minmax(0, 1fr);
    align-items: center;
    gap: 12px 8px;
  }
  .enr-phone-row > span {
    grid-column: 1;
    grid-row: 1/span 2;
    align-self: start;
  }
  .enr-phone-row .enr-phone-icon {
    display: block;
    grid-column: 2;
    width: 18px;
    height: 18px;
  }
  .enr-phone-row .enr-f {
    grid-column: 3;
    min-width: 0;
    margin-bottom: 0;
  }
  .enr-sign {
    flex-basis: 100%;
    height: 44px;
  }
  .enr-letter {
    width: auto;
    margin: 18px 0 20px;
    text-align: left;
  }
  .enr-err {
    max-width: calc(100vw - 80px);
    white-space: normal;
  }
  .enr-justify-line {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0 0.3em;
  }
  .enr-inline-line {
    width: 62%;
  }
  .enr-a.enr-err {
    position: absolute;
    left: 0;
    top: 0;
  }
}

/*# sourceMappingURL=enroll-form.css.map */