.moneytransfer {
  background-color: #FAF7EE;
}

.moneytransfer-header {
  padding: 2.5em 0 0;
}
@media (max-width: 1024px) {
  .moneytransfer-header {
    padding: 1.625em 0 0;
  }
}
.moneytransfer-header__breadcrumbs-url:only-child {
  color: #004D47;
  margin: 0;
}

.moneytransfer-body {
  margin: -0.75em 0 0;
}
@media (max-width: 1024px) {
  .moneytransfer-body {
    padding: 0 0 2em;
  }
}
@media (max-width: 767px) {
  .moneytransfer-body {
    padding: 0 0 0.75em;
  }
}
.moneytransfer-body__container {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1024px) {
  .moneytransfer-body__container {
    flex-direction: column-reverse;
  }
}
.moneytransfer-body__main {
  width: 57.5%;
  padding: 1.5em 0 3.25em;
}
@media (max-width: 1024px) {
  .moneytransfer-body__main {
    width: 100%;
    padding: 0;
  }
}
.moneytransfer-body__aside {
  position: sticky;
  height: max-content;
  top: 6.25em;
  flex: 1;
  padding: 1.5em 0 3.25em;
}
@media (max-width: 1289px) {
  .moneytransfer-body__aside {
    top: 6.0875em;
  }
}
@media (max-width: 1024px) {
  .moneytransfer-body__aside {
    position: relative;
    top: 0;
    max-width: 100%;
    padding: 0;
    margin: 1.25em 0 0;
  }
}
@media (max-width: 767px) {
  .moneytransfer-body__aside {
    margin: 2em 0 0;
  }
}
.moneytransfer-body__summary {
  padding: 1.5em;
  border-radius: 0.5em;
  background-color: #FFFFFF;
}
@media (max-width: 767px) {
  .moneytransfer-body__summary {
    padding: 1em;
  }
}
.moneytransfer-body__summary-header {
  padding: 0 0 1.3125em;
  border-bottom: 1px solid #E9E2D2;
}
@media (max-width: 1024px) {
  .moneytransfer-body__summary-header {
    padding: 0 0 1.5em;
  }
}
@media (max-width: 767px) {
  .moneytransfer-body__summary-header {
    padding: 0 0 0.5em;
  }
}
.moneytransfer-body__summary-body {
  padding: 1.8125em 0 0;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .moneytransfer-body__summary-body {
    padding: 2.125em 0 0;
  }
}
@media (max-width: 767px) {
  .moneytransfer-body__summary-body {
    padding: 1.25em 0 0;
  }
}
.moneytransfer-body__summary-title {
  font-family: "Playfair Display", sans-serif;
  font-size: 1.25em;
  line-height: 1.6;
  color: #004D47;
  text-align: center;
}
.moneytransfer-body__summary-card, .moneytransfer-body__summary-custom-card {
  width: 87.67%;
  margin: 0 auto;
  aspect-ratio: 3.84/2.26;
  position: relative;
}
@media (max-width: 1024px) {
  .moneytransfer-body__summary-card, .moneytransfer-body__summary-custom-card {
    width: 24em;
  }
}
@media (max-width: 767px) {
  .moneytransfer-body__summary-card, .moneytransfer-body__summary-custom-card {
    width: 100%;
    max-width: 20em;
  }
}
.moneytransfer-body__summary-card:not(:first-child), .moneytransfer-body__summary-custom-card:not(:first-child) {
  margin: 1.5em auto 0;
}
.moneytransfer-body__summary-custom-card {
  background-color: #F9F9F9;
  border-radius: 0.75em;
  overflow: hidden;
}
.moneytransfer-body__summary-card-bg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  user-select: none;
}
.moneytransfer-body__summary-btn {
  width: 100%;
  margin: 1.125em 0 0;
}
@media (max-width: 767px) {
  .moneytransfer-body__summary-btn {
    margin: 1.5em 0 0;
  }
}
@media (max-width: 1024px) {
  .moneytransfer-body__summary-btn_desktop {
    display: none;
  }
}
.moneytransfer-body__summary-btn_mobile {
  display: none;
}
@media (max-width: 1024px) {
  .moneytransfer-body__summary-btn_mobile {
    display: flex;
  }
}
.moneytransfer-body__title {
  margin: 1.7em 0 0;
}
.moneytransfer-body__default-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 2.1875em 0 0;
}
.moneytransfer-body__default-card-title {
  font-weight: 700;
  color: #191A1D;
}
.moneytransfer-body__default-card-edit {
  color: #BA874C;
  cursor: pointer;
  transition: color 0.25s;
}
.moneytransfer-body__default-card-edit:hover {
  color: #DAA464;
}
.moneytransfer-body__payment-method-balance {
  width: 100%;
  margin: 1.625em 0 0;
  border-radius: 0.875em;
  padding-top: 0.875em;
  padding-bottom: 0.875em;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}
.moneytransfer-body__payment-methods {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  margin: 1.5em 0 0;
  padding: 0 0 1.4375em;
  border-bottom: 1px solid #E9E2D2;
}
.moneytransfer-body__payment-method {
  flex: 0 0 calc(50% - 0.5em);
  border-radius: 0.875em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  min-height: 3.125em;
}
.moneytransfer-body__payment-method_credit {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}
@media (max-width: 767px) {
  .moneytransfer-body__payment-method-text_desktop {
    display: none;
  }
}
.moneytransfer-body__payment-method-text_mobile {
  display: none;
}
@media (max-width: 767px) {
  .moneytransfer-body__payment-method-text_mobile {
    display: inline;
  }
}
.moneytransfer-body__checkbox {
  margin: 2.0625em 0 0;
}
.moneytransfer-body__spoiler {
  font-size: 0.875em;
  line-height: 1.7143;
  color: #373A3F;
  margin: 1.75em 0 0;
}
.moneytransfer-body__summary-card-sum {
  font-family: "Taviraj", sans-serif;
  font-weight: 500;
  font-size: 3em;
  line-height: 1.2;
  color: #EFB666;
  position: absolute;
  top: 8.5%;
  left: 8%;
}
@media (max-width: 767px) {
  .moneytransfer-body__summary-card-sum {
    font-size: 2.5em;
  }
}

.moneytransfer-accordion__item {
  background-color: #FFFFFF;
  border-radius: 0.5em;
}
.moneytransfer-accordion__item + .moneytransfer-accordion__item {
  margin: 0.5em 0 0;
}
.moneytransfer-accordion__item-header {
  padding: 1.5em 1.5em 1em;
  cursor: pointer;
}
.moneytransfer-accordion__item-header-inner {
  display: flex;
  align-items: center;
  gap: 0.625em;
  border-bottom: 1px solid transparent;
  padding: 0 0 0.4375em;
}
.moneytransfer-accordion__item-header_active .moneytransfer-accordion__item-header-inner {
  border-color: #F2EDE0;
}
.moneytransfer-accordion__item-icon {
  width: 1.75em;
  color: #555960;
  transition: color 0.25s;
}
.moneytransfer-accordion__item-header_completed .moneytransfer-accordion__item-icon {
  color: #DAA464;
}
.moneytransfer-accordion__item-header_completed.moneytransfer-accordion__item-header_active .moneytransfer-accordion__item-icon {
  color: #555960;
}
.moneytransfer-accordion__item-title {
  flex: 1;
  font-size: 1.375em;
  line-height: 1.55;
  color: #373A3F;
  font-weight: 500;
}
.moneytransfer-accordion__item-body-content {
  padding: 0.5em 1.5em 1.5em;
  display: flex;
  flex-direction: column;
}
.moneytransfer-accordion__item-fields {
  display: flex;
  flex-direction: column;
}
.moneytransfer-accordion__item-field:not(:first-child) {
  margin: 1.5em 0 0;
}
.moneytransfer-accordion__item-fields-section:not(:first-child) {
  margin: 2em 0 0;
}
@media (max-width: 767px) {
  .moneytransfer-accordion__item-fields-section:not(:first-child) {
    margin: 1.5em 0 0;
  }
}
.moneytransfer-accordion__item-fields-section-title {
  font-size: 1.125em;
  font-weight: 500;
  color: #191A1D;
}
.moneytransfer-accordion__item-fields-section-title_green-80 {
  color: #004D47;
}
.moneytransfer-accordion__textarea_message {
  height: 6.75em;
}
@media (max-width: 767px) {
  .moneytransfer-accordion__chips {
    gap: 0.5em 1.5em;
  }
}
@media (max-width: 767px) {
  .moneytransfer-accordion__chip {
    min-width: 3.125em;
  }
}

.moneytransfer-success__gift-icon {
  width: 4em;
}
.moneytransfer-success__title {
  font-size: 3.125em;
  line-height: 1.12;
  color: #719B50;
  margin: 0.32em 0 0;
}
.moneytransfer-success__description {
  font-size: 1.25em;
  line-height: 1.4;
  color: #373A3F;
  margin: 0.75em 0 0;
  text-align: center;
}
.moneytransfer-success__gift-img {
  max-width: 20.4375em;
  margin: 1.875em 0 0;
}
.moneytransfer-success .layout-modal__content {
  max-width: 31.25em;
  padding: 1.5em 0 0.75em;
}
.moneytransfer-success .layout-modal__header {
  padding: 0 1.5em;
}
.moneytransfer-success .layout-modal__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.5em 1.5em 1.25em;
}
.moneytransfer-success .layout-button {
  min-width: 20.4375em;
  margin: 1.875em 0 0;
}
.moneytransfer-success .layout-button + .layout-button {
  margin: 1em 0 0;
}

.moneytransfer-confirm__icon {
  width: 6.625em;
}
.moneytransfer-confirm__description {
  font-size: 1.25em;
  font-weight: 500;
  color: #004D47;
  margin: 0.75em 0 0;
}
.moneytransfer-confirm__summary {
  margin: 2em 0 0;
  width: 100%;
}
.moneytransfer-confirm__summary-item {
  padding: 0.625em 0;
  border-bottom: 1px solid #F2EDE0;
  color: #373A3F;
}
.moneytransfer-confirm__summary-item span {
  font-weight: 500;
}
.moneytransfer-confirm__buttons {
  width: 100%;
  display: flex;
  gap: 1em;
  margin: 1.875em 0 0;
}
.moneytransfer-confirm__button {
  flex: 1;
}
.moneytransfer-confirm .layout-modal__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.5em 2em 2em;
}
.moneytransfer-confirm .layout-modal__content {
  max-width: 36.7em;
}

.moneytransfer-spoiler {
  padding: 0.125em 0 0;
}
@media (max-width: 767px) {
  .moneytransfer-spoiler {
    padding: 1.25em 0 0;
  }
}
.moneytransfer-spoiler__container {
  display: flex;
  align-items: center;
  gap: 1px;
}
.moneytransfer-spoiler__image {
  width: 4.5em;
  margin: 0 0 0 -0.5em;
}
.moneytransfer-spoiler__description {
  font-weight: 500;
  color: #DAA464;
}