@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";
*, :before, :after {
  box-sizing: inherit;
}

* {
  box-sizing: border-box;
  user-select: none;
  vertical-align: baseline;
  margin-block: 0;
  margin-inline: 0;
  background: none;
  outline: none;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

a, button {
  transition: color 0.3s ease-out, background-color 0.3s ease-out,
    opacity 0.3s ease-out;
}

ul, ol {
  list-style: none;
}

button, input, optgroup, select, textarea {
  line-height: 1;
}

html {
  scroll-behavior: smooth;
}

button {
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  padding: 0;
}

figure {
  display: block;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

input, textarea, button, select, a {
  cursor: pointer;
  color: #34383a;
  -webkit-tap-highlight-color: #0000;
  appearance: none;
  background: none;
  border: none;
  outline: none;
  padding: 0;
  text-decoration: none;
}

a {
  background-color: #0000;
  text-decoration: underline;
}

a:focus, a:hover {
  color: #34383a;
  text-decoration: none;
}

body {
  font-optical-sizing: auto;
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  overflow-x: hidden !important;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

picture {
  z-index: 1;
  position: relative;
}

img {
  max-width: 100%;
}

svg {
  width: 100%;
  height: auto;
}

[hide] {
  display: none;
}

input:-webkit-autofill {
  caret-color: #0000;
  -webkit-box-shadow: 0 0 0 30px var(--white) inset;
  -webkit-text-fill-color: var(--text120);
  background-color: #0000 !important;
}

:root {
  --grey2: #f7f8f8;
  --grey3: #eff0f0;
  --grey5: #e0e2e2;
  --grey10: #d0d3d3;
  --grey15: #bdc0c0;
  --grey20: #a9adad;
  --grey25: #9da1a1;
  --grey30: #878a8c;
  --grey35: #676b6e;
  --grey40: #53575b;
  --grey60: #3a3d40;
  --grey90: #0d0f10;
  --yellow5: #ffd61a;
  --yellow10: #ffb81c;
  --yellow15: #faa61a;
  --yellow20: #f68d2e;
  --yellow25: #e66a1f;
  --yellow30: #d45311;
  --yellow35: #974a07;
  --yellow40: #674730;
  --red5: #fda1b2;
  --red10: #fc7473;
  --red15: #e10f5a;
  --red20: #bd0057;
  --red25: #a6004e;
  --red30: #8f124a;
  --red35: #7d003f;
  --red40: #6e0d33;
  --blue5: #b0eefc;
  --blue10: #7de3f4;
  --blue15: #49cce6;
  --blue20: #01b6d1;
  --blue25: #007da5;
  --blue30: #006184;
  --blue35: #005175;
  --blue40: #003057;
  --green5: #d3e952;
  --green10: #bed21e;
  --green15: #93c742;
  --green20: #6db344;
  --green25: #50a83e;
  --green30: #318d43;
  --green35: #206b3f;
  --green40: #235c35;
  --text120: #212225;
  --black: #000;
  --white: #fff;
  --info10: #20abd7;
  --info40: #157493;
  --info60: #105970;
  --confirmation10: #a3d287;
  --confirmation40: #74bb49;
  --confirmation60: #375a22;
  --warning10: #ffd072;
  --warning40: #ffae0c;
  --warning60: #8f4200;
  --danger10: #fc7473;
  --danger40: #dc3838;
  --danger60: #b00504;
  --highlightBlue: #e9f7fc;
  --highlightCyan: #ddfafb;
  --highlightGreen: #eff7ea;
  --highlightYellow: #fff8e9;
  --highlightAmber: #ffefde;
  --highlightRed: #fee8e7;
  --highlightMagenta: #fee8fc;
  --highlightViolet: #f3e9ff;
  --colorFacebook: #3b5998;
  --colorInstagram: #3c5a96;
  --colorTwitter: #00b6f1;
  --colorPinterest: #cb2027;
  --colorYoutube: #cd201f;
  --colorOdnok: #ed812b;
  --colorVk: #45668e;
  --footerGrey: #f1f1f3;
  --colorLink: #177c9c;
  --christmas-primary: #992a31;
  --christmas-text: var(--white);
  --christmas-button-hover: #bf363f;
  --theme-page-header-nav-bg: #007da5;
  --theme-page-header-button-hover: #003057;
  --theme-page-header-nav-open-bg: #007da5;
  --theme-page-header-nav-text-color: #fff;
  --boxShadowRaised: 0 2px 4px 0 #0003;
  --headerSpacing16: 16rem;
}

html {
  font-size: 1px;
}

html {
  font-size: 1px;
}

@media (max-width: 1440px) {
  html {
    font-size: calc(1 * 100vw / 1440);
  }
}
@media (max-width: 1023px) {
  html {
    font-size: calc(1 * 100vw / 376);
  }
}
body {
  color: var(--text120);
  margin: 0 auto;
  font-family: Open Sans, sans-serif;
  font-size: 14rem;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Open Sans, sans-serif !important;
}

.wrap, main {
  max-width: 1248rem;
  margin: 0 auto;
}

@media (width <= 1023px) {
  .wrap, main {
    max-width: 376rem;
  }
}

main {
  min-height: calc(100vh - 194rem);
  padding: 0;
}

@media (width <= 1023px) {
  main {
    padding: 16rem 0 0;
    padding: 0 0 0;
  }
}

.form, form {
  place-content: center;
    align-items: flex-start;
  gap: 28rem 20rem;
  display: flex;
  position: relative;
    align-items: flex-end;
}

.form textarea, .form input, .form select, form textarea, form input, form select {
  background: var(--white);
  border: 1px solid var(--grey15);
  width: 100%;
  height: 48rem;
  padding: 0 var(--headerSpacing16);
  opacity: 1;
  color: var(--text120);
  margin-top: 6rem;
  font-family: Open Sans, sans-serif;
  font-size: 14rem;
  line-height: 20rem;
}

.form textarea[readonly], .form textarea[disabled], .form input[readonly], .form input[disabled], .form select[readonly], .form select[disabled], form textarea[readonly], form textarea[disabled], form input[readonly], form input[disabled], form select[readonly], form select[disabled] {
  /*color: var(--grey30);*/
  pointer-events: none;
  background: none;
    background: var(--grey5);
}

.form textarea.small, .form input.small, .form select.small, form textarea.small, form input.small, form select.small {
  height: 40rem;
}

@media (width <= 1023px) {
  .form textarea, .form input, .form select, form textarea, form input, form select {
    font-size: 16rem;
  }
}

.form input[type="number"], form input[type="number"] {
  padding-right: 1rem;
}

.form input[type="checkbox"], form input[type="checkbox"] {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.form input[type="checkbox"] + label, form input[type="checkbox"] + label {
  cursor: pointer;
  padding: 0;
  position: relative;
}

.form input[type="checkbox"] + label:before, form input[type="checkbox"] + label:before {
  content: "";
  border: 1px solid var(--grey15);
  vertical-align: text-top;
  background-color: var(--white);
  width: 20rem;
  height: 20rem;
  margin-right: 10rem;
  display: inline-block;
}

.form input[type="checkbox"]:hover + label:before, form input[type="checkbox"]:hover + label:before {
  border-color: var(--blue35);
}

.form input[type="checkbox"]:focus + label:before, form input[type="checkbox"]:focus + label:before {
  box-shadow: 0;
}

.form input[type="checkbox"]:checked + label:before, form input[type="checkbox"]:checked + label:before {
  background: var(--blue35);
  border-color: var(--blue35);
}

.form input[type="checkbox"]:disabled + label, form input[type="checkbox"]:disabled + label {
  color: var(--white);
  cursor: auto;
}

.form input[type="checkbox"]:disabled + label:before, form input[type="checkbox"]:disabled + label:before {
  box-shadow: none;
  background: var(--white);
}

.form input[type="checkbox"]:checked + label:after, form input[type="checkbox"]:checked + label:after {
  content: "";
  background: var(--white);
  width: 2rem;
  height: 2rem;
  box-shadow: 2rem 0 0 var(--white), 4rem 0 0 var(--white), 4rem -2rem 0 var(--white), 4rem -4rem 0 var(--white), 4rem -6rem 0 var(--white), 4rem -8rem 0 var(--white);
  position: absolute;
  top: 9rem;
  left: 5rem;
  transform: rotate(45deg);
}

.form select, form select {
  background: var(--white) url("arrow-down.722090ca.svg") no-repeat 99% center / 27rem 27rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAyNyAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI0NV82ODUpIj4KPHBhdGggZD0iTTggMTFMMTMgMTZMMTggMTEiIHN0cm9rZT0iIzIxMjIyNSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yNDVfNjg1Ij4KPHJlY3Qgd2lkdGg9IjI3IiBoZWlnaHQ9IjI3IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=")
}

@media (width <= 1023px) {
  .form select, form select {
    padding: 0 25rem 0 16rem;
  }
  .form input[type="checkbox"] + label, form input[type="checkbox"] + label {
    padding-left: 30rem;
    line-height: 19rem;
}
.form input[type="checkbox"] + label:before, form input[type="checkbox"] + label:before{
    position: absolute;
    left: 0;
    top: 0;
}
}

.form textarea, form textarea {
  padding: var(--headerSpacing16);
}

.form .error #stake_id > div:nth-child(3), .form .error #ward_id > div:nth-child(3), .form .error textarea, .form .error input, .form .error select, form .error #stake_id > div:nth-child(3), form .error #ward_id > div:nth-child(3), form .error textarea, form .error input, form .error select, .form .error input[type="checkbox"] + label:before, form .error input[type="checkbox"] + label:before {
  border: 1px solid var(--danger40);
}

.errorText {
    font-size: 12rem;
    margin-top: 6rem;
    display: block;
  color: var(--danger40);
}

.comment {
  color: var(--grey30);
  text-align: left;
  width: 80rem;
  display: inline-block;
  position: absolute;
}

@media (width <= 1023px) {
  .comment {
    width: auto;
    margin-top: 7rem;
    margin-left: 19rem;
  }
}

svg.delete path {
  stroke: var(--danger40);
  fill: #0000 !important;
}

.s-pending {
  color: var(--info60);
  font-weight: 700;
}

.s-approved {
  color: var(--confirmation60);
  font-weight: 700;
}

.s-canceled {
  color: var(--grey60);
  font-weight: 700;
}

.s-completed {
  color: var(--confirmation60);
  font-weight: 700;
}

.AButton {
  background: var(--blue35);
  width: 225rem;
  height: 48rem;
  color: var(--white);
  justify-content: center;
  align-items: center;
  font-size: 16rem;
  transition: background-color .3s ease-out, color .3s ease-out, opacity .3s ease-out;
  display: flex;
  text-decoration: none;
}

.ALink.loading ,
.AButton.loading {
    pointer-events: none;
    opacity: 0.7;
    animation: flickerAnimation 2s infinite ease-in-out;
  }
  @keyframes flickerAnimation {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0.7;
    }
    100% {
      opacity: 1;
    }
  }
.AButton.secondary {
  background: var(--grey35);
}

.AButton.flex{
    display: flex;
    gap: 16rem;
}
@media (width <= 1023px) {
  .AButton {
    max-width: 340rem;
    width: 100%;
  }
    
  .AButton.flex{
      display: flex;
      gap: 0;
      flex-direction: column;
  }
}

.AButton:hover {
  background: var(--blue25);
  color: var(--white);
}

.AButton[disabled] {
  opacity: .8;
  pointer-events: none;
}
.AButtons{
    display: flex;
    flex-wrap: wrap;
    gap: 16rem;
    justify-content: center;
}
.ALink {
  background: var(--blue35);
  width: 225rem;
  height: 48rem;
  color: var(--white);
  justify-content: center;
  align-items: center;
  font-size: 16rem;
  text-decoration: none;
  transition: background-color .3s ease-out, color .3s ease-out;
  display: flex;
}

@media (width <= 1023px) {
  .ALink {
    width: calc(100% - 36rem);
    /* margin: 35rem auto 6rem; */
    position: static;
  }
}

.ALink:hover {
  background: var(--blue25);
  color: var(--white);
}

.AMainTitle {
  padding-top: 49rem;
  padding-bottom: 47rem;
  font-size: 36rem;
  font-weight: 700;
  line-height: 24rem;
  position: relative;
}

.AMainTitle .tag{
    float: right;
    font-size: 16rem;
    color: #FFF !important;
    padding: 10rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    border-radius: 4rem;
}

.AMainTitle .tag.s-pending {
  background-color: var(--info60);
}
.AMainTitle .tag.s-approved {
  background-color: var(--confirmation60);
}

.AMainTitle .tag.s-canceled {
  background-color: var(--grey60);
}

.AMainTitle .tag.s-completed {
  background-color: var(--confirmation60);
}

.AMainTitle:before {
  content: "";
  z-index: -1;
  background: var(--grey3);
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}

@media (width <= 1023px) {
  .AMainTitle {
    margin-top: 0;
    margin-bottom: 5rem;
        padding-left: 18rem;
    font-size: 18rem;
        padding-top: 20rem;
        padding-bottom: 20rem;
  }
.AMainTitle .tag{
    right: 18rem;
}
}

.AMainSubTitle {
  margin-bottom: 13rem;
  font-size: 20rem;
  font-weight: 700;
  line-height: 24rem;
}

@media (width <= 1023px) {
  .AMainSubTitle {
    height: auto;
    margin-top: 28rem;
    margin-bottom: 25rem;
    padding-left: 18rem;
    font-size: 18rem;
    line-height: 21.6rem;
  }
}

.AMainText {
  margin-bottom: 10rem;
}

@media (width <= 1023px) {
  .AMainText {
    letter-spacing: -.1rem;
    width: 345rem;
    margin-bottom: 15rem;
    margin-left: 18rem;
    font-size: 12rem;
    line-height: 18rem;
  }
}

.APagination {
  place-content: center;
  margin-top: -6rem;
  margin-bottom: 100rem;
  font-size: 14rem;
  display: flex;
}

.APagination a, .APagination button {
  margin: 0 18rem;
  text-decoration: none;
}

@media (width <= 1023px) {
  .ALoader {
    margin-left: 20rem;
  }
}

.ALoader__svg {
  stroke: var(--blue25);
  width: 45rem;
  height: 45rem;
  margin-top: 20rem;
}

.ALoader__svg g {
  stroke-width: 6rem;
}

.AInfoIconPopup {
  cursor: default;
  position: relative;
}

.AInfoIconPopup__icon {
  width: 24rem;
  margin-top: -9rem;
  margin-left: 7rem;
  display: inline-block;
  position: relative;
  top: 6rem;
}

.AInfoIconPopup__popup {
  background-color: var(--blue35);
  color: var(--white);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  text-align: left;
  border-radius: 8rem;
  width: 228rem;
  padding: 21rem;
  font-size: 12rem;
  line-height: 18rem;
  transition: opacity .3s ease-out;
  position: absolute;
  top: 50%;
  left: 137%;
  transform: translate(0, -50%);
}

@media (width <= 1023px) {
  .AInfoIconPopup__popup {
    padding: 9rem 20rem;
    left: auto;
    right: 105%;
  }
}

.AInfoIconPopup__popup:before {
  content: "";
  border-style: solid;
  border-width: 10rem 10rem 10rem 0;
  border-color: transparent var(--blue35) transparent transparent;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: -9rem;
  transform: translateY(-50%);
}

@media (width <= 1023px) {
  .AInfoIconPopup__popup:before {
    border-width: 10rem 0 10rem 10rem;
    border-color: transparent var(--blue35) transparent var(--blue35);
    left: auto;
    right: -10rem;
  }

  .AInfoIconPopup__popup p {
    flex-direction: column;
    display: flex;
  }
}

.AInfoIconPopup__popup span {
  display: block;
}

@media (width <= 1023px) {
  .AInfoIconPopup__popup span {
    display: initial !important;
  }
}

.AInfoIconPopup__popup strong {
  margin-bottom: 18rem;
  font-size: 14rem;
  display: block;
}

@media (width <= 1023px) {
  .AInfoIconPopup__popup strong {
    margin-bottom: 5rem;
  }
}

.AInfoIconPopup:hover > div {
  opacity: 1;
  pointer-events: initial;
  visibility: visible;
}

.OBreadcrumbs {
  background: none;
  margin-bottom: 0;
  padding: 14rem 0 0;
}

@media (width <= 1023px) {
  .OBreadcrumbs {
    margin-bottom: 20rem;
    margin-bottom: 0;
    margin-left: 18rem;
  }
}

.OBreadcrumbs__list {
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.OBreadcrumbs__list__item {
  margin: 0;
  font-size: 12rem;
  font-weight: 400;
  line-height: 18rem;
}

.OBreadcrumbs__list__item:after {
  content: "/";
  color: var(--unity-border-color-primary, --grey30);
  margin: 0 13.5rem;
}

.OBreadcrumbs__list__item:last-child {
  margin-block-end: 0;
}

.OBreadcrumbs__list__item:last-child:after {
  display: none;
}

.OBreadcrumbs__list__item > :first-child {
  margin-block-start: 0;
}

.MTables__title {
  margin-top: 26rem;
  margin-bottom: 35rem;
  display: flex;
}

@media (width <= 1023px) {
  .MTables__title {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.MTables__title h4 {
  font-size: 20rem;
  font-weight: 700;
  line-height: 24rem;
}

@media (width <= 1023px) {
  .MTables__title h4 {
    margin-top: 4rem;
    font-size: 18rem;
  }
}

.MTables__title i {
  cursor: pointer;
  margin: 3rem 10rem;
  transition: all .3s ease-out;
}

.MTables__title i:hover {
  opacity: .5;
}

@media (width <= 1023px) {
  .MTables__title i {
    margin-top: 7rem;
  }
}

.MTables__table {
  border-collapse: collapse;
  text-align: center;
  width: 100%;
  margin-top: 25rem;
  margin-bottom: 41rem;
}

@media (width <= 1023px) {
  .MTables__table {
    border-top: 2rem solid #212225;
    border-bottom: 1rem solid #878a8c;
    flex-flow: row;
    gap: 0;
    margin-top: 0;
    margin-bottom: 29rem;
    padding-top: 18rem;
    padding-bottom: 12rem;
    display: flex;
  }
}

.MTables__table thead {
  border-bottom: 2rem solid var(--text120);
  height: 29rem;
}

@media (width <= 1023px) {
  .MTables__table thead {
    border-bottom: 0;
    width: auto;
    height: auto;
    padding-left: 18rem;
    display: none;
  }

  .MTables__table thead tr {
    flex-flow: column;
    display: flex;
  }
}

.MTables__table thead tr th {
  padding-bottom: 9rem;
}

@media (width <= 1023px) {
  .MTables__table thead tr th {
    text-align: left;
    padding-bottom: 12rem;
    font-size: 12rem;
  }
}

.MTables__table thead tr th:first-child {
  text-align: left;
  width: 281rem;
}

@media (width <= 1023px) {
  .MTables__table thead tr th:first-child {
    width: auto;
  }
}

.MTables__table thead tr th:nth-child(2) {
  text-align: left;
  width: 277rem;
}

@media (width <= 1023px) {
  .MTables__table thead tr th:nth-child(2) {
    width: 95rem;
  }
}

.MTables__table thead tr th:nth-child(3), .MTables__table thead tr th:nth-child(4) {
  width: 181rem;
}

@media (width <= 1023px) {
  .MTables__table thead tr th:nth-child(3), .MTables__table thead tr th:nth-child(4) {
    width: auto;
  }
}

.MTables__table thead tr th:last-child {
  width: 162rem;
}

@media (width <= 1023px) {
  .MTables__table thead tr th:last-child {
    width: auto;
  }

  .MTables__table tbody {
    width: 100%;
    margin-left: auto;
    padding-left: 18rem;
    padding-right: 18rem;
  }
}

.MTables__table tbody tr {
  border-bottom: 1rem solid var(--grey30);
}

@media (width <= 1023px) {
  .MTables__table tbody tr {
    border-bottom: 0;
    flex-flow: column;
    display: flex;
        border-bottom: 1rem solid var(--grey30);
        margin-bottom: 20rem;
  }  .MTables__table tbody tr:last-child {
    border-bottom: 0;
        margin-bottom: 0;
  }
}

.MTables__table tbody tr td {
  vertical-align: middle;
}

@media (width <= 1023px) {
  .MTables__table tbody tr td {
    text-align: right;
    justify-content: space-between;
    width: auto;
    padding-top: 7rem;
    padding-bottom: 12rem;
    font-size: 12rem;
    display: flex;
  }

  .MTables__table tbody tr td:first-child {
    font-weight: 700;
  }
  .MTables__table tbody tr td:before {
    content: attr(data-title);
    font-weight: 700;
  }
}

.MTables__table tbody tr td:first-child {
  text-align: left;
  padding: 23rem 51rem 23rem 0;
  position: relative;
}

@media (width <= 1023px) {
  .MTables__table tbody tr td:first-child {
    text-align: right;
    min-width: 10rem;
    padding: 0 0 8rem;
    font-size: 12rem;
  }

  .MTables__table tbody tr td:first-child[data-title="Tipo"] {
    padding-right: 25rem;
  }

  .MTables__table tbody tr td:first-child br {
    display: none;
  }
}

.MTables__table tbody tr td:first-child button {
  width: 24rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
}

@media (width <= 1023px) {
  .MTables__table tbody tr td:first-child button {
    top: 10rem;
    right: -20rem;
  }
}

.MTables__table tbody tr td:nth-child(2) {
  vertical-align: middle;
  text-align: left;
  padding: 23rem 16rem 23rem 0;
}

.MTables__table tbody tr td:nth-child(2) strong {
  display: block;
}

@media (width <= 1023px) {
  .MTables__table tbody tr td:nth-child(2) {
    text-align: right;
    min-width: 10rem;
    padding: 0 0 8rem;
    font-size: 12rem;
  }

  .MTables__table tbody tr td:nth-child(4) {
    padding-top: 0;
  }

  .MTables__table tbody tr td:nth-child(5) {
    padding-top: 0;
    padding-bottom: 0;
  }

  .MTables__table tbody tr td label {
    flex-flow: column;
    width: 71rem;
    height: 43rem;
    margin-left: auto;
    padding-top: 23rem;
    display: flex;
  }
}

.MTables__table tbody tr td input {
  max-width: 74rem;
  margin: -28rem 8rem;
}

@media (width <= 1023px) {
  .MTables__table tbody tr td input {
    max-width: 45rem;
    height: 31rem;
    margin: -28rem 26rem;
    padding-left: 14rem;
    padding-right: 0;
    font-size: 12rem;
  }
}

.MTables__table tbody tr td:last-child {
  text-align: end;
}

.MTables__table tbody tr td:last-child a, .MTables__table tbody tr td:last-child button {
  width: 25rem;
  height: 34rem;
  margin: -12rem 0 0;
  transition: opacity .3s ease-out;
  display: inline-block;
  position: relative;
  top: 6rem;
}

@media (width <= 1023px) {
  .MTables__table tbody tr td:last-child a, .MTables__table tbody tr td:last-child button {
    margin: -6rem -6rem 0;
    top: 6rem;
    left: 0;
  }
}

.MTables__table tbody tr td:last-child a svg path, .MTables__table tbody tr td:last-child button svg path {
  fill: var(--grey30);
}

.MTables__table tbody tr td:last-child a:hover svg path, .MTables__table tbody tr td:last-child button:hover svg path {
  fill: var(--colorLink);
}

@media (width <= 1023px) {
  .MCheckoutForm p {
    padding-left: 18rem;
    padding-right: 18rem;
    font-size: 12rem;
  }
}

.MCheckoutForm ul {
  list-style: initial;
  list-style-position: inside;
  list-style-type: revert;
  line-height: 32rem;
}

@media (width <= 1023px) {
  .MCheckoutForm ul {
    padding-left: 18rem;
    padding-right: 18rem;
    font-size: 12rem;
    line-height: 20rem;
  }
}

.MCheckoutForm__wrap {
  display: flex;
}

@media (width <= 1023px) {
  .MCheckoutForm__wrap {
    margin-top: -20rem;
  }
}

.MCheckoutForm__form {
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 20rem;
}

@media (width <= 1023px) {
  .MCheckoutForm__form {
    flex-flow: column;
    gap: 9rem;
    width: 100%;
    padding-left: 18rem;
    padding-right: 16rem;
    display: flex;
  }
}

.MCheckoutForm__form__label {
  width: 297rem;
}

@media (width <= 1023px) {
  .MCheckoutForm__form__label {
    width: 100%;
    margin-top: 5rem;
  }

  .MCheckoutForm__form__label span {
    font-size: 12rem;
    line-height: 16.34rem;
  }
}

.MCheckoutForm__form__label__textareac {
  width: 100%;
}

.MCheckoutForm__form__label__textarea {
  height: 146rem!important;
}

.MCheckoutForm__form__label[for="unity_id"] input, .MCheckoutForm__form__label[for="booking_type"] input, .MCheckoutForm__form__label[for="total_quantity"] input {
  background: var(--grey3);
}

.MCheckoutForm__form__terms {
  color: var(--blue30);
  margin: 10rem 0 20rem;
  font-size: 14rem;
  font-weight: bold;
}

@media (width <= 1023px) {
  .MCheckoutForm__form__terms {
    margin: 42rem -8rem 20rem 0;
    margin: 5rem 0 20rem 0;
  }

  .MCheckoutForm__form__terms label {
    width: 100%;
    display: block;
  }
  .MCheckoutForm__form__terms + .MCheckoutForm__form__terms:last-child{

        margin: 5rem 0 0 0;
  }
}

.MCheckoutForm__form__terms + .MCheckoutForm__form__terms {
  margin-top: 0;
}

.MCheckoutForm__form__buttons {
  justify-content: center;
  gap: 30rem;
  width: 100%;
  margin-top: 30rem;
  display: flex;
}

@media (width <= 1023px) {
  .MCheckoutForm__form__buttons {
    flex-flow: column-reverse;
    gap: 7rem;
    display: flex;
  }
}


.MCheckoutForm__form__buttons :first-child {
  background-color: var(--grey35);
}
.MCheckoutForm__form__buttons :first-child:hover {
  background-color: var(--grey25);
}
.MCheckoutForm__form__buttons .dangerbtn {
  background-color: var(--danger40);
}
.MCheckoutForm__form__buttons .successbtn {
  background-color: var(--green40);
}

@media (width <= 1023px) {
  .MCheckoutForm__form__buttons :first-child {
    width: calc(100% - 2rem);
    margin-top: 4rem;
  }
}


.MCheckoutForm__form__unity {
  gap: 20rem;
  width: 931rem;
  display: inline-flex;
}

@media (width <= 1023px) {
  .MCheckoutForm__form__unity {
    flex-flow: wrap;
    gap: 10rem 15rem;
    width: 342rem;
    display: flex;
  }

  .MCheckoutForm__form__unity label {
    width: 104rem;
  }

  .MCheckoutForm__form__unity label[for="total_quantity"] {
    width: 100%;
  }
}

.MCheckoutForm__subtitle {
  border-bottom: 2rem solid var(--text120);
  width: 100%;
  padding-bottom: 14rem;
  display: block;
  margin-bottom: -8rem !important;
}

@media (width <= 1023px) {
  .MCheckoutForm__subtitle {
    padding-left: 0 !important;
  }
}

.MModal {
  z-index: 1000;
  background: #0003;
  position: fixed;
  inset: 0;
}

.MModal__wrap {
  background: var(--white);
  text-align: center;
  border-bottom: 20rem solid var(--blue25);
  border-radius: 18rem;
  width: 822rem;
  padding: 67rem 80rem 25rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-bottom: 10rem;
}
.MModal__ApplicationsApprove .MModal__wrap {
  width: 854rem;
}
.MModal__ApplicationsApprove .MCheckoutForm__form__label-textarea{
    width: 100%!important;

}

.MModal__ApplicationsApprove .MCheckoutForm__form__label-textarea textarea{
    height: 120rem;
}
.MModal__ApplicationsApprove .MCheckoutForm__form__label,
.MModal__ApplicationsApprove .MCheckoutForm__subtitle {
    text-align: left;
}
.MModal__ApplicationsApprove .MCheckoutForm__form__label{
    font-size: 13rem;
    width: 329rem;
}
@media (width <= 1023px) {
  .MModal__wrap {
    width: 100%;
    height: 100%;
    padding: 67rem 42rem 25rem;
        border: 0;
        border-radius: 0;
  }
  .MModal__ApplicationsApprove .MModal__wrap {
      width: 100%;
  }
  .MModal__ApplicationsApprove .MCheckoutForm__form__label {
    width: 100%;
}
  .MModal__ApplicationsApprove .MCheckoutForm__form {
    margin-top: 0;
        padding-left: 0;
        padding-right: 0;
}  .MModal__ApplicationsApprove .MCheckoutForm__subtitle:first-child {
    margin-top: 0;
}
}

.MModal__wrap h6 {
  white-space: break-spaces;
  margin-bottom: 14rem;
  font-size: 20rem;
  font-weight: 700;
  line-height: 24rem;
}

.MModal__wrap__div {
    min-height: 106rem;
    overflow: auto;
    max-height: calc(70dvh - 190rem);
}

.MModal__wrap__div > div {
  flex-direction: column;
  align-items: center;
  gap: 0;  
    width: 100%;
    max-width: 100%;
  margin: 30rem auto 50rem;
  position: relative;
}

.MModal__wrap__div > div input + span {
  line-height: 41rem;
  bottom: 1px;
  left: calc(100% + 10rem);
}

@media (width <= 1023px) {
  .MModal__wrap__div > div input + span {
    white-space: nowrap;
    margin-left: 0;
  }

.MModal__wrap__div {
    max-height: calc(84dvh - 190rem);
}

}

.MModal__wrap__div > p {
  white-space: break-spaces;
  margin-bottom: 15rem;
  font-size: 16rem;
  line-height: 20.8rem;
}

@media (width <= 1023px) {
  .MModal__wrap__div > p button {
    height: auto;
    margin-right: 5rem;
  }
}

.MModal__wrap__flex {
  justify-content: center;
  align-items: center;
  gap: 20rem;
  display: flex;
    margin-top: 20rem;
}

@media (width <= 1023px) {
  .MModal__wrap__flex {
    width: 311rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: 50%;
    transform: translate(-50%);
  }
}

.MModal__wrap__flex__buttonRed {
  background-color: var(--danger60) !important;
}

.MModal__wrap__flex__buttonRed:hover {
  background: var(--danger40) !important;
}.MModal__wrap > div {
  
    display: flex;
    gap: 16rem;
    flex-direction: column;
}
.MModal__wrap button {
  margin: 0 auto;
}
.MModal__wrap button svg {
 
    width: 16rem;
    margin-right: 8rem;
}
.MModal__wrap button:first-child {
  background-color: var(--grey35);
}
.MModal__wrap button:first-child:hover {
  background-color: var(--grey25);
}

@media (width <= 1023px) {
  .MModal__wrap button {
    height: 60rem;
  }
}

.MModal__ctaCanel {
  color: var(--grey30);
  font-weight: 500;
  text-decoration: none;
  margin-top: 20rem !important;
  margin-bottom: -35rem !important;
}

.MModal__ctaCanel:hover {
  color: var(--darkModeBlue, var(--colorLink));
  text-decoration: none;
}
.js-scholarship-item{
  cursor: pointer;
}
header {
  z-index: 1000;
  background: #fff;
  position: sticky;
  top: 0;
}

.MHeaderNav {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 42rem;
  display: flex;
  position: relative;
  box-shadow: 0 0 4rem #0000004d;
}

@media (width <= 1023px) {
  .MHeaderNav {
    height: 69rem;
    padding-top: 9rem;
    display: block;
  }
}

.MHeaderNav__title {
  padding: 0 10rem 0 var(--headerSpacing16);
  width: 100%;
  margin: 0 40rem 0 0;
  font-size: 12rem;
  font-weight: 700;
}

@media (width <= 1023px) {
  .MHeaderNav__title {
        margin-bottom: 16rem;
        padding-left: 20rem;
        margin-top: 4rem;
  }
}

.MHeaderNav__title a {
  color: var(--grey60);
  text-decoration: none;
}

.MHeaderNav__title a:hover {
  color: var(--darkModeBlue, var(--colorLink));
}

.MHeaderNav__list {
  margin-right: var(--headerSpacing16);
  white-space: nowrap;
  justify-content: space-between;
  display: flex;
}

@media (width <= 1023px) {
  .MHeaderNav__list {
    flex-flow: row;
    justify-content: normal;
    gap: 14rem;
    display: flex;
  }
}

.MHeaderNav__list__item {
  padding-left: var(--headerSpacing16);
}

.MHeaderNav__list__item__link {
  color: var(--darkModeWhite, var(--text120));
  font-size: 12rem;
  text-decoration: none;
}

.MHeaderNav__list__item__link__active, .MHeaderNav__list__item__link:hover {
  color: var(--darkModeBlue, var(--colorLink));
}

.MHeaderNav__notification {
  margin-right: var(--headerSpacing16);
  text-decoration: none;
  display: flex;
}

.MHeaderNav__notification__svg {
  width: 24rem;
  height: 24rem;
}

.MHeaderNav__notification__badge {
  background-color: var(--danger60);
  color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 8rem;
  height: 8rem;
  margin-top: 2rem;
  margin-left: 15rem;
  font-size: 14rem;
  display: flex;
  position: absolute;
}

.MHeaderNav__cart {
  margin-right: var(--headerSpacing16);
  text-decoration: none;
  display: flex;
}

@media (width <= 1023px) {
  .MHeaderNav__cart {
    gap: 2rem;
    position: absolute;
    top: 6rem;
    right: 0;
  }
}

.MHeaderNav__cart__svg {
  width: 24rem;
  height: 24rem;
}

.MHeaderNav__cart__badge {
  background-color: var(--theme-page-header-nav-bg, var(--blue25));
  color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 8rem;
  height: 8rem;
  margin-top: 2rem;
  margin-left: 15rem;
  font-size: 14rem;
  display: flex;
  position: absolute;
}

.OHero {
  text-align: center;
  height: 472rem;
  padding-top: 264rem;
  position: relative;
}

@media (width <= 1023px) {
  .OHero {
        margin-top: 0rem;
        padding-top: 0;
        height: 440rem;
  }
}

.OHero__image {
  width: 100vw;
  max-width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}

@media (width <= 1023px) {
  .OHero__image {
        height: 222rem;
        object-fit: cover;
        bottom: 0px;
        top: 0;
        position: static;
        transform: none;
  }
}

.OHero h3 {
  color: var(--grey3);
  max-width: 654.8rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 9rem;
  padding-bottom: 20rem;
  font-size: 43rem;
  font-weight: 800;
  line-height: 58.56rem;
}

@media (width <= 1023px) {
  .OHero h3 {
        font-size: 20rem;
        line-height: 32.68rem;
        margin-bottom: -14rem;
  }
}

.OHero__background {
  background: #1b7492cc;
  border-top: 4rem solid #ffd072cc;
  width: 100vw;
  max-width: 100vw;
  padding-top: 21rem;
  padding-bottom: 21rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

@media (width <= 1023px) {
  .OHero__background {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }
}

.OHero p {
  color: var(--grey3);
  max-width: 696rem;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 13rem;
  font-size: 18rem;
  line-height: 26rem;
}

@media (width <= 1023px) {
  .OHero p {
    max-width: 304rem;
    padding-bottom: 6rem;
    font-size: 14rem;
    line-height: 20.2rem;
  }
}

.OHero p strong {
  font-size: 18rem;
  font-weight: 700;
  line-height: 25.2rem;
}

@media (width <= 1023px) {
  .OHero p strong {
    font-size: 14rem;
    line-height: 20.2rem;
  }
}

.MInformation {
  padding: 67rem 81rem 73rem;
}

@media (width <= 1023px) {
  .MInformation {
    padding: 28rem 18rem 29rem;
  }
}

.MInformation__display {
  gap: var(--headerSpacing16);
  flex-direction: row-reverse;
  display: flex;
}

@media (width <= 1023px) {
  .MInformation__display {
    flex-direction: column-reverse;
    gap: 0;
  }
}

.MInformation__info {
  align-items: flex-end;
  width: 100%;
  padding-right: 150rem;
  display: flex;
}

@media (width <= 1023px) {
  .MInformation__info {
  padding-right: 0;
  }
}
.MInformation__image {
  width: 100%;
}

@media (width <= 1023px) {
  .MInformation__image {
    width: 376rem;
    height: 203rem;
    margin-left: -18rem;
  }
}

.MInformation__image img {
  object-fit: cover;
  height: 100%;
}

.MInformation__title {
  margin-bottom: 40rem;
  font-size: 48rem;
  font-weight: 700;
  line-height: 56rem;
}

@media (width <= 1023px) {
  .MInformation__title {
    width: 226rem;
    margin-bottom: 15rem;
    font-size: 24rem;
    line-height: 28.8rem;
  }
}

.MInformation p {
  max-width: 451rem;
  margin-bottom: 20rem;
  font-size: 16rem;
  line-height: 22.4rem;
}

@media (width <= 1023px) {
  .MInformation p {
    margin-left: -2rem;
    font-size: 14rem;
    line-height: 20rem;
  }
}

.Home__MInformation ul {
  row-gap: 8rem;
  gap: var(--headerSpacing16);
  flex-flow: wrap;
  row-gap: 10rem;
  margin-top: 28rem;
  display: flex;
}

@media (width <= 1023px) {
  .Home__MInformation ul {
    flex-flow: column;
    row-gap: 2rem;
    margin-top: 20rem;
    display: flex;
  }
}

.Home__MInformation ul li {
  background: var(--grey3);
  border-left: 4rem solid var(--blue35);
  align-items: center;
  width: calc(50% - 8rem);
  min-height: 89rem;
  padding: 20rem 43rem 20rem 27rem;
  font-size: 16rem;
  font-weight: 700;
  line-height: 22.4rem;
  display: flex;
}

@media (width <= 1023px) {
  .Home__MInformation ul li {
    width: 342rem;
    min-height: 80rem;
    font-size: 14rem;
    line-height: 19.6rem;
  }
}

.Msteps {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.Msteps__title {
  margin-bottom: 66rem;
  font-size: 36rem;
  font-weight: 700;
}

.Msteps__container {
  flex-wrap: wrap;
  justify-content: center;
  gap: 8rem;
  margin-bottom: 44rem;
  display: flex;
}

.Msteps__container__arrow {
  margin-top: 22rem;
}

.Msteps__container__step {
  text-align: center;
  max-width: 150rem;
}

.Msteps__container__step__icon {
  background-color: var(--blue35);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64rem;
  height: 64rem;
  margin: 0 auto 13rem;
  padding: 1rem;
  display: flex;
}

.Msteps__container__step__icon__svg {
  width: 32rem;
  height: 32rem;
}

.Msteps__container__step__number {
  color: var(--grey30);
  margin-bottom: 12rem;
  font-size: 12rem;
  font-weight: 600;
}

.Msteps__container__step__title {
  font-size: 16rem;
  font-weight: 600;
  line-height: 18rem;
}

.MFaqs {
  padding: 67rem 81rem 73rem;
}

@media (width <= 1023px) {
  .MFaqs {
    padding: 28rem 18rem 29rem;
  }
}

.MFaqs__title {
  margin-top: 35rem;
  margin-bottom: 46rem;
  font-size: 36rem;
  font-weight: 700;
}

.MFaqs__container__items__question {
  border-bottom: 4rem solid var(--blue35);
  background-color: var(--grey3);
  cursor: pointer;
  padding: 30rem 87rem 30rem 40rem;
  font-weight: bold;
  position: relative;
}

.MFaqs__container__items__question::after {
  content: "";
  width: 35rem;
  height: 35rem;
  transition: transform .5s;
  position: absolute;
  top: 22rem;
  right: 21rem;
  transform: scale(-1);
  background: var(--white) url("arrow-down.722090ca.svg") no-repeat 99% center / 27rem 27rem;
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAyNyAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI0NV82ODUpIj4KPHBhdGggZD0iTTggMTFMMTMgMTZMMTggMTEiIHN0cm9rZT0iIzIxMjIyNSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yNDVfNjg1Ij4KPHJlY3Qgd2lkdGg9IjI3IiBoZWlnaHQ9IjI3IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=")

}

.MFaqs__container__items__answer {
  max-height: 0;
  transition: max-height .5s;
  overflow: hidden;
}

.MFaqs__container__items__answer p {
  padding: 15rem 40rem 12rem;
  font-size: 14rem;
  line-height: 20rem;
}

.MFaqs__container__items--active .MFaqs__container__items__question svg {
  transform: scale(-1) rotate(180deg);
}

.MFaqs__container__items--active .MFaqs__container__items__answer {
  max-height: 100rem;
}

.MModal__ApplicationsChild__wrap {
  flex-direction: column;
  gap: 6rem;
  margin-bottom: 40rem;
  display: flex;
    width: 640rem;
    margin: 0 auto;
}

@media (width <= 1023px) {
  .MModal__ApplicationsChild__wrap {
    width: 100%;
    max-height: calc(90dvh - 170rem);
  }
  .MModal__ApplicationsChild__wrap .MCheckoutForm__form{  
    
        padding-left: 0;
        padding-right: 0;
  }
}
.MModal__ApplicationsChild__wrap__Button {
  background: var(--blue5);
  width: 100%;
  padding: 16rem;
  display: block;
    font-weight: 700;
    line-height: 100%;
    text-align: left;
}

/* ✅ ESTADO ACTIVO */
.MModal__ApplicationsChild__wrap__Button.is-active{
    background: var(--blue25);
    color: var(--white);
}

.MModal__ApplicationsChild__wrap__Button:hover {
  opacity: 0.5;
}

/*# sourceMappingURL=application.b10d73a7.css.map */