.v-vl {
  max-height: inherit;
  height: 100%;
  overflow: auto;
  min-width: 1px;
}
.v-vl:not(.v-vl--show-scrollbar) {
  scrollbar-width: none;
}
.v-vl:not(.v-vl--show-scrollbar)::-webkit-scrollbar,
.v-vl:not(.v-vl--show-scrollbar)::-webkit-scrollbar-track-piece,
.v-vl:not(.v-vl--show-scrollbar)::-webkit-scrollbar-thumb {
  width: 0px;
  height: 0px;
  display: none;
}
.n-scrollbar {
  overflow: hidden;
  position: relative;
  z-index: auto;
  height: 100%;
  width: 100%;
}
.n-scrollbar > .n-scrollbar-container {
  width: 100%;
  overflow: scroll;
  height: 100%;
  min-height: inherit;
  max-height: inherit;
  scrollbar-width: none;
}
.n-scrollbar > .n-scrollbar-container::-webkit-scrollbar,
.n-scrollbar > .n-scrollbar-container::-webkit-scrollbar-track-piece,
.n-scrollbar > .n-scrollbar-container::-webkit-scrollbar-thumb {
  width: 0px;
  height: 0px;
  display: none;
}
.n-scrollbar > .n-scrollbar-container > .n-scrollbar-content {
  box-sizing: border-box;
  min-width: 100%;
}
.n-scrollbar > .n-scrollbar-rail,
.n-scrollbar + .n-scrollbar-rail {
  position: absolute;
  pointer-events: none;
  background: var(--n-scrollbar-rail-color);
  user-select: none;
}
.n-scrollbar > .n-scrollbar-rail.n-scrollbar-rail--horizontal,
.n-scrollbar + .n-scrollbar-rail.n-scrollbar-rail--horizontal {
  height: var(--n-scrollbar-height);
}
.n-scrollbar
  > .n-scrollbar-rail.n-scrollbar-rail--horizontal
  > .n-scrollbar-rail__scrollbar,
.n-scrollbar
  + .n-scrollbar-rail.n-scrollbar-rail--horizontal
  > .n-scrollbar-rail__scrollbar {
  height: var(--n-scrollbar-height);
  border-radius: var(--n-scrollbar-border-radius);
  right: 0px;
}
.n-scrollbar > .n-scrollbar-rail.n-scrollbar-rail--horizontal--top,
.n-scrollbar + .n-scrollbar-rail.n-scrollbar-rail--horizontal--top {
  inset: var(--n-scrollbar-rail-inset-horizontal-top);
}
.n-scrollbar > .n-scrollbar-rail.n-scrollbar-rail--horizontal--bottom,
.n-scrollbar + .n-scrollbar-rail.n-scrollbar-rail--horizontal--bottom {
  inset: var(--n-scrollbar-rail-inset-horizontal-bottom);
}
.n-scrollbar > .n-scrollbar-rail.n-scrollbar-rail--vertical,
.n-scrollbar + .n-scrollbar-rail.n-scrollbar-rail--vertical {
  width: var(--n-scrollbar-width);
}
.n-scrollbar
  > .n-scrollbar-rail.n-scrollbar-rail--vertical
  > .n-scrollbar-rail__scrollbar,
.n-scrollbar
  + .n-scrollbar-rail.n-scrollbar-rail--vertical
  > .n-scrollbar-rail__scrollbar {
  width: var(--n-scrollbar-width);
  border-radius: var(--n-scrollbar-border-radius);
  bottom: 0px;
}
.n-scrollbar > .n-scrollbar-rail.n-scrollbar-rail--vertical--left,
.n-scrollbar + .n-scrollbar-rail.n-scrollbar-rail--vertical--left {
  inset: var(--n-scrollbar-rail-inset-vertical-left);
}
.n-scrollbar > .n-scrollbar-rail.n-scrollbar-rail--vertical--right,
.n-scrollbar + .n-scrollbar-rail.n-scrollbar-rail--vertical--right {
  inset: var(--n-scrollbar-rail-inset-vertical-right);
}
.n-scrollbar
  > .n-scrollbar-rail.n-scrollbar-rail--disabled
  > .n-scrollbar-rail__scrollbar,
.n-scrollbar
  + .n-scrollbar-rail.n-scrollbar-rail--disabled
  > .n-scrollbar-rail__scrollbar {
  pointer-events: none;
}
.n-scrollbar > .n-scrollbar-rail > .n-scrollbar-rail__scrollbar,
.n-scrollbar + .n-scrollbar-rail > .n-scrollbar-rail__scrollbar {
  z-index: 1;
  position: absolute;
  cursor: pointer;
  pointer-events: all;
  background-color: var(--n-scrollbar-color);
  transition: background-color 0.2s var(--n-scrollbar-bezier);
}
.n-scrollbar
  > .n-scrollbar-rail
  > .n-scrollbar-rail__scrollbar.fade-in-transition-enter-active,
.n-scrollbar
  + .n-scrollbar-rail
  > .n-scrollbar-rail__scrollbar.fade-in-transition-enter-active {
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.n-scrollbar
  > .n-scrollbar-rail
  > .n-scrollbar-rail__scrollbar.fade-in-transition-leave-active,
.n-scrollbar
  + .n-scrollbar-rail
  > .n-scrollbar-rail__scrollbar.fade-in-transition-leave-active {
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.n-scrollbar
  > .n-scrollbar-rail
  > .n-scrollbar-rail__scrollbar.fade-in-transition-enter-from,
.n-scrollbar
  + .n-scrollbar-rail
  > .n-scrollbar-rail__scrollbar.fade-in-transition-enter-from,
.n-scrollbar
  > .n-scrollbar-rail
  > .n-scrollbar-rail__scrollbar.fade-in-transition-leave-to,
.n-scrollbar
  + .n-scrollbar-rail
  > .n-scrollbar-rail__scrollbar.fade-in-transition-leave-to {
  opacity: 0;
}
.n-scrollbar
  > .n-scrollbar-rail
  > .n-scrollbar-rail__scrollbar.fade-in-transition-leave-from,
.n-scrollbar
  + .n-scrollbar-rail
  > .n-scrollbar-rail__scrollbar.fade-in-transition-leave-from,
.n-scrollbar
  > .n-scrollbar-rail
  > .n-scrollbar-rail__scrollbar.fade-in-transition-enter-to,
.n-scrollbar
  + .n-scrollbar-rail
  > .n-scrollbar-rail__scrollbar.fade-in-transition-enter-to {
  opacity: 1;
}
.n-scrollbar > .n-scrollbar-rail > .n-scrollbar-rail__scrollbar:hover,
.n-scrollbar + .n-scrollbar-rail > .n-scrollbar-rail__scrollbar:hover {
  background-color: var(--n-scrollbar-color-hover);
}
.n-base-select-menu {
  line-height: 1.5;
  outline: none;
  z-index: 0;
  position: relative;
  border-radius: var(--n-border-radius);
  transition:
    background-color 0.3s var(--n-bezier),
    box-shadow 0.3s var(--n-bezier);
  background-color: var(--n-color);
}
.n-base-select-menu .n-scrollbar {
  max-height: var(--n-height);
}
.n-base-select-menu .n-virtual-list {
  max-height: var(--n-height);
}
.n-base-select-menu .n-base-select-option {
  min-height: var(--n-option-height);
  font-size: var(--n-option-font-size);
  display: flex;
  align-items: center;
}
.n-base-select-menu .n-base-select-option .n-base-select-option__content {
  z-index: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.n-base-select-menu .n-base-select-group-header {
  min-height: var(--n-option-height);
  font-size: 0.93em;
  display: flex;
  align-items: center;
}
.n-base-select-menu .n-base-select-menu-option-wrapper {
  position: relative;
  width: 100%;
}
.n-base-select-menu .n-base-select-menu__loading,
.n-base-select-menu .n-base-select-menu__empty {
  display: flex;
  padding: 12px 32px;
  flex: 1 1 0%;
  justify-content: center;
}
.n-base-select-menu .n-base-select-menu__loading {
  color: var(--n-loading-color);
  font-size: var(--n-loading-size);
}
.n-base-select-menu .n-base-select-menu__header {
  padding: 8px var(--n-option-padding-left);
  font-size: var(--n-option-font-size);
  transition:
    color 0.3s var(--n-bezier),
    border-color 0.3s var(--n-bezier);
  border-bottom: 1px solid var(--n-action-divider-color);
  color: var(--n-action-text-color);
}
.n-base-select-menu .n-base-select-menu__action {
  padding: 8px var(--n-option-padding-left);
  font-size: var(--n-option-font-size);
  transition:
    color 0.3s var(--n-bezier),
    border-color 0.3s var(--n-bezier);
  border-top: 1px solid var(--n-action-divider-color);
  color: var(--n-action-text-color);
}
.n-base-select-menu .n-base-select-group-header {
  position: relative;
  cursor: default;
  padding: var(--n-option-padding);
  color: var(--n-group-header-text-color);
}
.n-base-select-menu .n-base-select-option {
  cursor: pointer;
  position: relative;
  padding: var(--n-option-padding);
  transition:
    color 0.3s var(--n-bezier),
    opacity 0.3s var(--n-bezier);
  box-sizing: border-box;
  color: var(--n-option-text-color);
  opacity: 1;
}
.n-base-select-menu .n-base-select-option.n-base-select-option--show-checkmark {
  padding-right: calc(var(--n-option-padding-right) + 20px);
}
.n-base-select-menu .n-base-select-option::before {
  content: "";
  position: absolute;
  inset: 0px 4px;
  border-radius: var(--n-border-radius);
  transition: background-color 0.3s var(--n-bezier);
}
.n-base-select-menu .n-base-select-option:active {
  color: var(--n-option-text-color-pressed);
}
.n-base-select-menu .n-base-select-option.n-base-select-option--grouped {
  padding-left: calc(var(--n-option-padding-left) * 1.5);
}
.n-base-select-menu
  .n-base-select-option.n-base-select-option--pending::before {
  background-color: var(--n-option-color-pending);
}
.n-base-select-menu .n-base-select-option.n-base-select-option--selected {
  color: var(--n-option-text-color-active);
}
.n-base-select-menu
  .n-base-select-option.n-base-select-option--selected::before {
  background-color: var(--n-option-color-active);
}
.n-base-select-menu
  .n-base-select-option.n-base-select-option--selected.n-base-select-option--pending::before {
  background-color: var(--n-option-color-active-pending);
}
.n-base-select-menu .n-base-select-option.n-base-select-option--disabled {
  cursor: not-allowed;
}
.n-base-select-menu
  .n-base-select-option.n-base-select-option--disabled:not(
    .n-base-select-option--selected
  ) {
  color: var(--n-option-text-color-disabled);
}
.n-base-select-menu
  .n-base-select-option.n-base-select-option--disabled.n-base-select-option--selected {
  opacity: var(--n-option-opacity-disabled);
}
.n-base-select-menu .n-base-select-option .n-base-select-option__check {
  font-size: 16px;
  position: absolute;
  right: calc(var(--n-option-padding-right) - 4px);
  top: calc(50% - 7px);
  color: var(--n-option-check-color);
  transition: color 0.3s var(--n-bezier);
}
.n-base-select-menu
  .n-base-select-option
  .n-base-select-option__check.fade-in-scale-up-transition-leave-active {
  transform-origin: inherit;
  transition:
    opacity 0.2s cubic-bezier(0.4, 0, 1, 1),
    transform 0.2s cubic-bezier(0.4, 0, 1, 1);
}
.n-base-select-menu
  .n-base-select-option
  .n-base-select-option__check.fade-in-scale-up-transition-enter-active {
  transform-origin: inherit;
  transition:
    opacity 0.2s cubic-bezier(0, 0, 0.2, 1),
    transform 0.2s cubic-bezier(0, 0, 0.2, 1);
}
.n-base-select-menu
  .n-base-select-option
  .n-base-select-option__check.fade-in-scale-up-transition-enter-from,
.n-base-select-menu
  .n-base-select-option
  .n-base-select-option__check.fade-in-scale-up-transition-leave-to {
  opacity: 0;
  transform: scale(0.5);
}
.n-base-select-menu
  .n-base-select-option
  .n-base-select-option__check.fade-in-scale-up-transition-leave-from,
.n-base-select-menu
  .n-base-select-option
  .n-base-select-option__check.fade-in-scale-up-transition-enter-to {
  opacity: 1;
  transform: scale(1);
}
.n-popover {
  transition:
    box-shadow 0.3s var(--n-bezier),
    background-color 0.3s var(--n-bezier),
    color 0.3s var(--n-bezier);
  position: relative;
  font-size: var(--n-font-size);
  color: var(--n-text-color);
  box-shadow: var(--n-box-shadow);
  word-break: break-word;
}
.n-popover > .n-scrollbar {
  height: inherit;
  max-height: inherit;
}
.n-popover:not(.n-popover--raw) {
  background-color: var(--n-color);
  border-radius: var(--n-border-radius);
}
.n-popover:not(.n-popover--raw):not(.n-popover--scrollable):not(
    .n-popover--show-header-or-footer
  ) {
  padding: var(--n-padding);
}
.n-popover .n-popover__header {
  padding: var(--n-padding);
  border-bottom: 1px solid var(--n-divider-color);
  transition: border-color 0.3s var(--n-bezier);
}
.n-popover .n-popover__footer {
  padding: var(--n-padding);
  border-top: 1px solid var(--n-divider-color);
  transition: border-color 0.3s var(--n-bezier);
}
.n-popover.n-popover--scrollable .n-popover__content,
.n-popover.n-popover--show-header-or-footer .n-popover__content {
  padding: var(--n-padding);
}
.n-popover-shared {
  transform-origin: inherit;
}
.n-popover-shared .n-popover-arrow-wrapper {
  position: absolute;
  overflow: hidden;
  pointer-events: none;
}
.n-popover-shared .n-popover-arrow-wrapper .n-popover-arrow {
  transition: background-color 0.3s var(--n-bezier);
  position: absolute;
  display: block;
  width: calc(var(--n-arrow-height) * 1.414);
  height: calc(var(--n-arrow-height) * 1.414);
  box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 8px 0px;
  transform: rotate(45deg);
  background-color: var(--n-color);
  pointer-events: all;
}
.n-popover-shared.popover-transition-enter-from,
.n-popover-shared.popover-transition-leave-to {
  opacity: 0;
  transform: scale(0.85);
}
.n-popover-shared.popover-transition-enter-to,
.n-popover-shared.popover-transition-leave-from {
  transform: scale(1);
  opacity: 1;
}
.n-popover-shared.popover-transition-enter-active {
  transition:
    box-shadow 0.3s var(--n-bezier),
    background-color 0.3s var(--n-bezier),
    color 0.3s var(--n-bezier),
    opacity 0.15s var(--n-bezier-ease-out),
    transform 0.15s var(--n-bezier-ease-out);
}
.n-popover-shared.popover-transition-leave-active {
  transition:
    box-shadow 0.3s var(--n-bezier),
    background-color 0.3s var(--n-bezier),
    color 0.3s var(--n-bezier),
    opacity 0.15s var(--n-bezier-ease-in),
    transform 0.15s var(--n-bezier-ease-in);
}
[v-placement="top-start"] > .n-popover-shared {
  margin-bottom: var(--n-space);
}
[v-placement="top-start"] > .n-popover-shared.n-popover-shared--show-arrow {
  margin-bottom: var(--n-space-arrow);
}
[v-placement="top-start"] > .n-popover-shared.n-popover-shared--overlap {
  margin: 0px;
}
[v-placement="top-start"] > .n-popover-shared > .n-popover-arrow-wrapper {
  inset: 100% 0px auto;
  height: var(--n-space-arrow);
}
[v-placement="top-start"]
  > .n-popover-shared
  > .n-popover-arrow-wrapper
  .n-popover-arrow {
  top: calc(var(--n-arrow-height) * 1.414 / -2);
  left: calc(var(--n-arrow-offset) - var(--v-offset-left));
}
[v-placement="top"] > .n-popover-shared {
  margin-bottom: var(--n-space);
}
[v-placement="top"] > .n-popover-shared.n-popover-shared--show-arrow {
  margin-bottom: var(--n-space-arrow);
}
[v-placement="top"] > .n-popover-shared.n-popover-shared--overlap {
  margin: 0px;
}
[v-placement="top"] > .n-popover-shared > .n-popover-arrow-wrapper {
  inset: 100% 0px auto;
  height: var(--n-space-arrow);
}
[v-placement="top"]
  > .n-popover-shared
  > .n-popover-arrow-wrapper
  .n-popover-arrow {
  top: calc(var(--n-arrow-height) * 1.414 / -2);
  transform: translateX(calc(var(--n-arrow-height) * 1.414 / -2)) rotate(45deg);
  left: 50%;
}
[v-placement="top-end"] > .n-popover-shared {
  margin-bottom: var(--n-space);
}
[v-placement="top-end"] > .n-popover-shared.n-popover-shared--show-arrow {
  margin-bottom: var(--n-space-arrow);
}
[v-placement="top-end"] > .n-popover-shared.n-popover-shared--overlap {
  margin: 0px;
}
[v-placement="top-end"] > .n-popover-shared > .n-popover-arrow-wrapper {
  inset: 100% 0px auto;
  height: var(--n-space-arrow);
}
[v-placement="top-end"]
  > .n-popover-shared
  > .n-popover-arrow-wrapper
  .n-popover-arrow {
  top: calc(var(--n-arrow-height) * 1.414 / -2);
  right: calc(var(--n-arrow-offset) + var(--v-offset-left));
}
[v-placement="bottom-start"] > .n-popover-shared {
  margin-top: var(--n-space);
}
[v-placement="bottom-start"] > .n-popover-shared.n-popover-shared--show-arrow {
  margin-top: var(--n-space-arrow);
}
[v-placement="bottom-start"] > .n-popover-shared.n-popover-shared--overlap {
  margin: 0px;
}
[v-placement="bottom-start"] > .n-popover-shared > .n-popover-arrow-wrapper {
  inset: auto 0px 100%;
  height: var(--n-space-arrow);
}
[v-placement="bottom-start"]
  > .n-popover-shared
  > .n-popover-arrow-wrapper
  .n-popover-arrow {
  bottom: calc(var(--n-arrow-height) * 1.414 / -2);
  left: calc(var(--n-arrow-offset) - var(--v-offset-left));
}
[v-placement="bottom"] > .n-popover-shared {
  margin-top: var(--n-space);
}
[v-placement="bottom"] > .n-popover-shared.n-popover-shared--show-arrow {
  margin-top: var(--n-space-arrow);
}
[v-placement="bottom"] > .n-popover-shared.n-popover-shared--overlap {
  margin: 0px;
}
[v-placement="bottom"] > .n-popover-shared > .n-popover-arrow-wrapper {
  inset: auto 0px 100%;
  height: var(--n-space-arrow);
}
[v-placement="bottom"]
  > .n-popover-shared
  > .n-popover-arrow-wrapper
  .n-popover-arrow {
  bottom: calc(var(--n-arrow-height) * 1.414 / -2);
  transform: translateX(calc(var(--n-arrow-height) * 1.414 / -2)) rotate(45deg);
  left: 50%;
}
[v-placement="bottom-end"] > .n-popover-shared {
  margin-top: var(--n-space);
}
[v-placement="bottom-end"] > .n-popover-shared.n-popover-shared--show-arrow {
  margin-top: var(--n-space-arrow);
}
[v-placement="bottom-end"] > .n-popover-shared.n-popover-shared--overlap {
  margin: 0px;
}
[v-placement="bottom-end"] > .n-popover-shared > .n-popover-arrow-wrapper {
  inset: auto 0px 100%;
  height: var(--n-space-arrow);
}
[v-placement="bottom-end"]
  > .n-popover-shared
  > .n-popover-arrow-wrapper
  .n-popover-arrow {
  bottom: calc(var(--n-arrow-height) * 1.414 / -2);
  right: calc(var(--n-arrow-offset) + var(--v-offset-left));
}
[v-placement="left-start"] > .n-popover-shared {
  margin-right: var(--n-space);
}
[v-placement="left-start"] > .n-popover-shared.n-popover-shared--show-arrow {
  margin-right: var(--n-space-arrow);
}
[v-placement="left-start"] > .n-popover-shared.n-popover-shared--overlap {
  margin: 0px;
}
[v-placement="left-start"] > .n-popover-shared > .n-popover-arrow-wrapper {
  inset: 0px auto 0px 100%;
  width: var(--n-space-arrow);
}
[v-placement="left-start"]
  > .n-popover-shared
  > .n-popover-arrow-wrapper
  .n-popover-arrow {
  left: calc(var(--n-arrow-height) * 1.414 / -2);
  top: calc(var(--n-arrow-offset-vertical) - var(--v-offset-top));
}
[v-placement="left"] > .n-popover-shared {
  margin-right: var(--n-space);
}
[v-placement="left"] > .n-popover-shared.n-popover-shared--show-arrow {
  margin-right: var(--n-space-arrow);
}
[v-placement="left"] > .n-popover-shared.n-popover-shared--overlap {
  margin: 0px;
}
[v-placement="left"] > .n-popover-shared > .n-popover-arrow-wrapper {
  inset: 0px auto 0px 100%;
  width: var(--n-space-arrow);
}
[v-placement="left"]
  > .n-popover-shared
  > .n-popover-arrow-wrapper
  .n-popover-arrow {
  left: calc(var(--n-arrow-height) * 1.414 / -2);
  transform: translateY(calc(var(--n-arrow-height) * 1.414 / -2)) rotate(45deg);
  top: 50%;
}
[v-placement="left-end"] > .n-popover-shared {
  margin-right: var(--n-space);
}
[v-placement="left-end"] > .n-popover-shared.n-popover-shared--show-arrow {
  margin-right: var(--n-space-arrow);
}
[v-placement="left-end"] > .n-popover-shared.n-popover-shared--overlap {
  margin: 0px;
}
[v-placement="left-end"] > .n-popover-shared > .n-popover-arrow-wrapper {
  inset: 0px auto 0px 100%;
  width: var(--n-space-arrow);
}
[v-placement="left-end"]
  > .n-popover-shared
  > .n-popover-arrow-wrapper
  .n-popover-arrow {
  left: calc(var(--n-arrow-height) * 1.414 / -2);
  bottom: calc(var(--n-arrow-offset-vertical) + var(--v-offset-top));
}
[v-placement="right-start"] > .n-popover-shared {
  margin-left: var(--n-space);
}
[v-placement="right-start"] > .n-popover-shared.n-popover-shared--show-arrow {
  margin-left: var(--n-space-arrow);
}
[v-placement="right-start"] > .n-popover-shared.n-popover-shared--overlap {
  margin: 0px;
}
[v-placement="right-start"] > .n-popover-shared > .n-popover-arrow-wrapper {
  inset: 0px 100% 0px auto;
  width: var(--n-space-arrow);
}
[v-placement="right-start"]
  > .n-popover-shared
  > .n-popover-arrow-wrapper
  .n-popover-arrow {
  right: calc(var(--n-arrow-height) * 1.414 / -2);
  top: calc(var(--n-arrow-offset-vertical) - var(--v-offset-top));
}
[v-placement="right"] > .n-popover-shared {
  margin-left: var(--n-space);
}
[v-placement="right"] > .n-popover-shared.n-popover-shared--show-arrow {
  margin-left: var(--n-space-arrow);
}
[v-placement="right"] > .n-popover-shared.n-popover-shared--overlap {
  margin: 0px;
}
[v-placement="right"] > .n-popover-shared > .n-popover-arrow-wrapper {
  inset: 0px 100% 0px auto;
  width: var(--n-space-arrow);
}
[v-placement="right"]
  > .n-popover-shared
  > .n-popover-arrow-wrapper
  .n-popover-arrow {
  right: calc(var(--n-arrow-height) * 1.414 / -2);
  transform: translateY(calc(var(--n-arrow-height) * 1.414 / -2)) rotate(45deg);
  top: 50%;
}
[v-placement="right-end"] > .n-popover-shared {
  margin-left: var(--n-space);
}
[v-placement="right-end"] > .n-popover-shared.n-popover-shared--show-arrow {
  margin-left: var(--n-space-arrow);
}
[v-placement="right-end"] > .n-popover-shared.n-popover-shared--overlap {
  margin: 0px;
}
[v-placement="right-end"] > .n-popover-shared > .n-popover-arrow-wrapper {
  inset: 0px 100% 0px auto;
  width: var(--n-space-arrow);
}
[v-placement="right-end"]
  > .n-popover-shared
  > .n-popover-arrow-wrapper
  .n-popover-arrow {
  right: calc(var(--n-arrow-height) * 1.414 / -2);
  bottom: calc(var(--n-arrow-offset-vertical) + var(--v-offset-top));
}
[v-placement="right-start"]
  > .n-popover-shared.n-popover-shared--center-arrow
  .n-popover-arrow {
  top: calc(
    max(
        calc((var(--v-target-height, 0px) - var(--n-arrow-height) * 1.414) / 2),
        var(--n-arrow-offset-vertical)
      ) -
      var(--v-offset-top)
  );
}
[v-placement="left-start"]
  > .n-popover-shared.n-popover-shared--center-arrow
  .n-popover-arrow {
  top: calc(
    max(
        calc((var(--v-target-height, 0px) - var(--n-arrow-height) * 1.414) / 2),
        var(--n-arrow-offset-vertical)
      ) -
      var(--v-offset-top)
  );
}
[v-placement="top-end"]
  > .n-popover-shared.n-popover-shared--center-arrow
  .n-popover-arrow {
  right: calc(
    max(
        calc((var(--v-target-width, 0px) - var(--n-arrow-height) * 1.414) / 2),
        var(--n-arrow-offset)
      ) +
      var(--v-offset-left)
  );
}
[v-placement="bottom-end"]
  > .n-popover-shared.n-popover-shared--center-arrow
  .n-popover-arrow {
  right: calc(
    max(
        calc((var(--v-target-width, 0px) - var(--n-arrow-height) * 1.414) / 2),
        var(--n-arrow-offset)
      ) +
      var(--v-offset-left)
  );
}
[v-placement="right-end"]
  > .n-popover-shared.n-popover-shared--center-arrow
  .n-popover-arrow {
  bottom: calc(
    max(
        calc((var(--v-target-height, 0px) - var(--n-arrow-height) * 1.414) / 2),
        var(--n-arrow-offset-vertical)
      ) +
      var(--v-offset-top)
  );
}
[v-placement="left-end"]
  > .n-popover-shared.n-popover-shared--center-arrow
  .n-popover-arrow {
  bottom: calc(
    max(
        calc((var(--v-target-height, 0px) - var(--n-arrow-height) * 1.414) / 2),
        var(--n-arrow-offset-vertical)
      ) +
      var(--v-offset-top)
  );
}
[v-placement="top-start"]
  > .n-popover-shared.n-popover-shared--center-arrow
  .n-popover-arrow {
  left: calc(
    max(
        calc((var(--v-target-width, 0px) - var(--n-arrow-height) * 1.414) / 2),
        var(--n-arrow-offset)
      ) -
      var(--v-offset-left)
  );
}
[v-placement="bottom-start"]
  > .n-popover-shared.n-popover-shared--center-arrow
  .n-popover-arrow {
  left: calc(
    max(
        calc((var(--v-target-width, 0px) - var(--n-arrow-height) * 1.414) / 2),
        var(--n-arrow-offset)
      ) -
      var(--v-offset-left)
  );
}
.v-binder-follower-container {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  height: 0px;
  pointer-events: none;
  z-index: auto;
}
.v-binder-follower-content {
  position: absolute;
  z-index: auto;
}
.v-binder-follower-content > * {
  pointer-events: all;
}
.n-base-icon {
  height: 1em;
  width: 1em;
  line-height: 1em;
  text-align: center;
  display: inline-block;
  position: relative;
  fill: currentcolor;
  transform: translateZ(0px);
}
.n-base-icon svg {
  height: 1em;
  width: 1em;
}
.n-base-clear {
  flex-shrink: 0;
  height: 1em;
  width: 1em;
  position: relative;
}
.n-base-clear > .n-base-clear__clear {
  font-size: var(--n-clear-size);
  height: 1em;
  width: 1em;
  cursor: pointer;
  color: var(--n-clear-color);
  transition: color 0.3s var(--n-bezier);
  display: flex;
}
.n-base-clear > .n-base-clear__clear:hover {
  color: var(--n-clear-color-hover) !important;
}
.n-base-clear > .n-base-clear__clear:active {
  color: var(--n-clear-color-pressed) !important;
}
.n-base-clear > .n-base-clear__placeholder {
  display: flex;
}
.n-base-clear > .n-base-clear__clear,
.n-base-clear > .n-base-clear__placeholder {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.n-base-clear > .n-base-clear__clear.icon-switch-transition-enter-from,
.n-base-clear > .n-base-clear__placeholder.icon-switch-transition-enter-from,
.n-base-clear > .n-base-clear__clear.icon-switch-transition-leave-to,
.n-base-clear > .n-base-clear__placeholder.icon-switch-transition-leave-to {
  transform: translateX(-50%) translateY(-50%) scale(0.75);
  left: 50%;
  top: 50%;
  opacity: 0;
}
.n-base-clear > .n-base-clear__clear.icon-switch-transition-enter-to,
.n-base-clear > .n-base-clear__placeholder.icon-switch-transition-enter-to,
.n-base-clear > .n-base-clear__clear.icon-switch-transition-leave-from,
.n-base-clear > .n-base-clear__placeholder.icon-switch-transition-leave-from {
  transform: scale(1) translateX(-50%) translateY(-50%);
  left: 50%;
  top: 50%;
  opacity: 1;
}
.n-base-clear > .n-base-clear__clear.icon-switch-transition-enter-active,
.n-base-clear > .n-base-clear__placeholder.icon-switch-transition-enter-active,
.n-base-clear > .n-base-clear__clear.icon-switch-transition-leave-active,
.n-base-clear > .n-base-clear__placeholder.icon-switch-transition-leave-active {
  transform-origin: center center 0px;
  position: absolute;
  left: 50%;
  top: 50%;
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.n-base-loading {
  position: relative;
  line-height: 0;
  width: 1em;
  height: 1em;
}
.n-base-loading .n-base-loading__transition-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
}
.n-base-loading
  .n-base-loading__transition-wrapper.icon-switch-transition-enter-from,
.n-base-loading
  .n-base-loading__transition-wrapper.icon-switch-transition-leave-to {
  transform: scale(0.75);
  left: 0px;
  top: 0px;
  opacity: 0;
}
.n-base-loading
  .n-base-loading__transition-wrapper.icon-switch-transition-enter-to,
.n-base-loading
  .n-base-loading__transition-wrapper.icon-switch-transition-leave-from {
  transform: scale(1);
  left: 0px;
  top: 0px;
  opacity: 1;
}
.n-base-loading
  .n-base-loading__transition-wrapper.icon-switch-transition-enter-active,
.n-base-loading
  .n-base-loading__transition-wrapper.icon-switch-transition-leave-active {
  transform-origin: center center 0px;
  position: absolute;
  left: 0px;
  top: 0px;
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.n-base-loading .n-base-loading__placeholder {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.n-base-loading .n-base-loading__placeholder.icon-switch-transition-enter-from,
.n-base-loading .n-base-loading__placeholder.icon-switch-transition-leave-to {
  transform: translateX(-50%) translateY(-50%) scale(0.75);
  left: 50%;
  top: 50%;
  opacity: 0;
}
.n-base-loading .n-base-loading__placeholder.icon-switch-transition-enter-to,
.n-base-loading .n-base-loading__placeholder.icon-switch-transition-leave-from {
  transform: scale(1) translateX(-50%) translateY(-50%);
  left: 50%;
  top: 50%;
  opacity: 1;
}
.n-base-loading
  .n-base-loading__placeholder.icon-switch-transition-enter-active,
.n-base-loading
  .n-base-loading__placeholder.icon-switch-transition-leave-active {
  transform-origin: center center 0px;
  position: absolute;
  left: 50%;
  top: 50%;
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.n-base-loading .n-base-loading__container {
  animation: 3s linear infinite both rotator;
}
.n-base-loading .n-base-loading__container .n-base-loading__icon {
  height: 1em;
  width: 1em;
}
.n-base-selection {
  --n-padding-single: var(--n-padding-single-top) var(--n-padding-single-right)
    var(--n-padding-single-bottom) var(--n-padding-single-left);
  --n-padding-multiple: var(--n-padding-multiple-top)
    var(--n-padding-multiple-right) var(--n-padding-multiple-bottom)
    var(--n-padding-multiple-left);
  position: relative;
  z-index: auto;
  box-shadow: none;
  width: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: bottom;
  border-radius: var(--n-border-radius);
  min-height: var(--n-height);
  line-height: 1.5;
  font-size: var(--n-font-size);
}
.n-base-selection .n-base-loading {
  color: var(--n-loading-color);
}
.n-base-selection .n-base-selection-tags {
  min-height: var(--n-height);
}
.n-base-selection .n-base-selection__border,
.n-base-selection .n-base-selection__state-border {
  position: absolute;
  inset: 0px;
  pointer-events: none;
  border: var(--n-border);
  border-radius: inherit;
  transition:
    box-shadow 0.3s var(--n-bezier),
    border-color 0.3s var(--n-bezier);
}
.n-base-selection .n-base-selection__state-border {
  z-index: 1;
  border-color: rgba(0, 0, 0, 0);
}
.n-base-selection .n-base-suffix {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}
.n-base-selection .n-base-suffix .n-base-suffix__arrow {
  font-size: var(--n-arrow-size);
  color: var(--n-arrow-color);
  transition: color 0.3s var(--n-bezier);
}
.n-base-selection .n-base-selection-overlay {
  display: flex;
  align-items: center;
  white-space: nowrap;
  pointer-events: none;
  position: absolute;
  inset: 0px;
  padding: var(--n-padding-single);
  transition: color 0.3s var(--n-bezier);
}
.n-base-selection .n-base-selection-overlay .n-base-selection-overlay__wrapper {
  flex-basis: 0px;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.n-base-selection .n-base-selection-placeholder {
  color: var(--n-placeholder-color);
}
.n-base-selection
  .n-base-selection-placeholder
  .n-base-selection-placeholder__inner {
  max-width: 100%;
  overflow: hidden;
}
.n-base-selection .n-base-selection-tags {
  cursor: pointer;
  outline: none;
  box-sizing: border-box;
  position: relative;
  z-index: auto;
  display: flex;
  padding: var(--n-padding-multiple);
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  vertical-align: bottom;
  background-color: var(--n-color);
  border-radius: inherit;
  transition:
    color 0.3s var(--n-bezier),
    box-shadow 0.3s var(--n-bezier),
    background-color 0.3s var(--n-bezier);
}
.n-base-selection .n-base-selection-label {
  height: var(--n-height);
  display: inline-flex;
  width: 100%;
  vertical-align: bottom;
  cursor: pointer;
  outline: none;
  z-index: auto;
  box-sizing: border-box;
  position: relative;
  transition:
    color 0.3s var(--n-bezier),
    box-shadow 0.3s var(--n-bezier),
    background-color 0.3s var(--n-bezier);
  border-radius: inherit;
  background-color: var(--n-color);
  align-items: center;
}
.n-base-selection .n-base-selection-label .n-base-selection-input {
  font-size: inherit;
  line-height: inherit;
  outline: none;
  cursor: pointer;
  box-sizing: border-box;
  border: medium;
  width: 100%;
  padding: var(--n-padding-single);
  background-color: rgba(0, 0, 0, 0);
  color: var(--n-text-color);
  transition: color 0.3s var(--n-bezier);
  caret-color: var(--n-caret-color);
}
.n-base-selection
  .n-base-selection-label
  .n-base-selection-input
  .n-base-selection-input__content {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.n-base-selection
  .n-base-selection-label
  .n-base-selection-label__render-label {
  color: var(--n-text-color);
}
.n-base-selection:not(.n-base-selection--disabled):hover
  .n-base-selection__state-border {
  box-shadow: var(--n-box-shadow-hover);
  border: var(--n-border-hover);
}
.n-base-selection:not(.n-base-selection--disabled).n-base-selection--focus
  .n-base-selection__state-border {
  box-shadow: var(--n-box-shadow-focus);
  border: var(--n-border-focus);
}
.n-base-selection:not(.n-base-selection--disabled).n-base-selection--active
  .n-base-selection__state-border {
  box-shadow: var(--n-box-shadow-active);
  border: var(--n-border-active);
}
.n-base-selection:not(.n-base-selection--disabled).n-base-selection--active
  .n-base-selection-label {
  background-color: var(--n-color-active);
}
.n-base-selection:not(.n-base-selection--disabled).n-base-selection--active
  .n-base-selection-tags {
  background-color: var(--n-color-active);
}
.n-base-selection.n-base-selection--disabled {
  cursor: not-allowed;
}
.n-base-selection.n-base-selection--disabled .n-base-selection__arrow {
  color: var(--n-arrow-color-disabled);
}
.n-base-selection.n-base-selection--disabled .n-base-selection-label {
  cursor: not-allowed;
  background-color: var(--n-color-disabled);
}
.n-base-selection.n-base-selection--disabled
  .n-base-selection-label
  .n-base-selection-input {
  cursor: not-allowed;
  color: var(--n-text-color-disabled);
}
.n-base-selection.n-base-selection--disabled
  .n-base-selection-label
  .n-base-selection-label__render-label {
  color: var(--n-text-color-disabled);
}
.n-base-selection.n-base-selection--disabled .n-base-selection-tags {
  cursor: not-allowed;
  background-color: var(--n-color-disabled);
}
.n-base-selection.n-base-selection--disabled .n-base-selection-placeholder {
  cursor: not-allowed;
  color: var(--n-placeholder-color-disabled);
}
.n-base-selection .n-base-selection-input-tag {
  height: calc(var(--n-height) - 6px);
  line-height: calc(var(--n-height) - 6px);
  outline: none;
  display: none;
  position: relative;
  margin-bottom: 3px;
  max-width: 100%;
  vertical-align: bottom;
}
.n-base-selection
  .n-base-selection-input-tag
  .n-base-selection-input-tag__input {
  font-size: inherit;
  font-family: inherit;
  min-width: 1px;
  padding: 0px;
  background-color: rgba(0, 0, 0, 0);
  outline: none;
  border: medium;
  max-width: 100%;
  overflow: hidden;
  width: 1em;
  line-height: inherit;
  cursor: pointer;
  color: var(--n-text-color);
  caret-color: var(--n-caret-color);
}
.n-base-selection
  .n-base-selection-input-tag
  .n-base-selection-input-tag__mirror {
  position: absolute;
  left: 0px;
  top: 0px;
  white-space: pre;
  visibility: hidden;
  user-select: none;
  opacity: 0;
}
.n-base-selection.n-base-selection--warning-status
  .n-base-selection__state-border {
  border: var(--n-border-warning);
}
.n-base-selection.n-base-selection--warning-status:not(
    .n-base-selection--disabled
  ):hover
  .n-base-selection__state-border {
  box-shadow: var(--n-box-shadow-hover-warning);
  border: var(--n-border-hover-warning);
}
.n-base-selection.n-base-selection--warning-status:not(
    .n-base-selection--disabled
  ).n-base-selection--active
  .n-base-selection__state-border {
  box-shadow: var(--n-box-shadow-active-warning);
  border: var(--n-border-active-warning);
}
.n-base-selection.n-base-selection--warning-status:not(
    .n-base-selection--disabled
  ).n-base-selection--active
  .n-base-selection-label {
  background-color: var(--n-color-active-warning);
}
.n-base-selection.n-base-selection--warning-status:not(
    .n-base-selection--disabled
  ).n-base-selection--active
  .n-base-selection-tags {
  background-color: var(--n-color-active-warning);
}
.n-base-selection.n-base-selection--warning-status:not(
    .n-base-selection--disabled
  ).n-base-selection--focus
  .n-base-selection__state-border {
  box-shadow: var(--n-box-shadow-focus-warning);
  border: var(--n-border-focus-warning);
}
.n-base-selection.n-base-selection--error-status
  .n-base-selection__state-border {
  border: var(--n-border-error);
}
.n-base-selection.n-base-selection--error-status:not(
    .n-base-selection--disabled
  ):hover
  .n-base-selection__state-border {
  box-shadow: var(--n-box-shadow-hover-error);
  border: var(--n-border-hover-error);
}
.n-base-selection.n-base-selection--error-status:not(
    .n-base-selection--disabled
  ).n-base-selection--active
  .n-base-selection__state-border {
  box-shadow: var(--n-box-shadow-active-error);
  border: var(--n-border-active-error);
}
.n-base-selection.n-base-selection--error-status:not(
    .n-base-selection--disabled
  ).n-base-selection--active
  .n-base-selection-label {
  background-color: var(--n-color-active-error);
}
.n-base-selection.n-base-selection--error-status:not(
    .n-base-selection--disabled
  ).n-base-selection--active
  .n-base-selection-tags {
  background-color: var(--n-color-active-error);
}
.n-base-selection.n-base-selection--error-status:not(
    .n-base-selection--disabled
  ).n-base-selection--focus
  .n-base-selection__state-border {
  box-shadow: var(--n-box-shadow-focus-error);
  border: var(--n-border-focus-error);
}
.n-base-selection-popover {
  margin-bottom: -3px;
  display: flex;
  flex-wrap: wrap;
  margin-right: -8px;
}
.n-base-selection-tag-wrapper {
  max-width: 100%;
  display: inline-flex;
  padding: 0px 7px 3px 0px;
}
.n-base-selection-tag-wrapper:last-child {
  padding-right: 0px;
}
.n-base-selection-tag-wrapper .n-tag {
  font-size: 14px;
  max-width: 100%;
}
.n-base-selection-tag-wrapper .n-tag .n-tag__content {
  line-height: 1.25;
  text-overflow: ellipsis;
  overflow: hidden;
}
.n-select {
  z-index: auto;
  outline: none;
  width: 100%;
  position: relative;
}
.n-select-menu {
  margin: 4px 0px;
  box-shadow: var(--n-menu-box-shadow);
}
.n-select-menu.fade-in-scale-up-transition-leave-active {
  transform-origin: inherit;
  transition:
    opacity 0.2s cubic-bezier(0.4, 0, 1, 1),
    transform 0.2s cubic-bezier(0.4, 0, 1, 1),
    background-color 0.3s var(--n-bezier),
    box-shadow 0.3s var(--n-bezier);
}
.n-select-menu.fade-in-scale-up-transition-enter-active {
  transform-origin: inherit;
  transition:
    opacity 0.2s cubic-bezier(0, 0, 0.2, 1),
    transform 0.2s cubic-bezier(0, 0, 0.2, 1),
    background-color 0.3s var(--n-bezier),
    box-shadow 0.3s var(--n-bezier);
}
.n-select-menu.fade-in-scale-up-transition-enter-from,
.n-select-menu.fade-in-scale-up-transition-leave-to {
  opacity: 0;
  transform: scale(0.9);
}
.n-select-menu.fade-in-scale-up-transition-leave-from,
.n-select-menu.fade-in-scale-up-transition-enter-to {
  opacity: 1;
  transform: scale(1);
}
.n-carousel {
  position: relative;
  width: 100%;
  height: 100%;
  touch-action: pan-y;
  overflow: hidden;
}
.n-carousel .n-carousel__slides {
  display: flex;
  width: 100%;
  height: 100%;
  transition-timing-function: var(--n-bezier);
  transition-property: transform;
}
.n-carousel .n-carousel__slides .n-carousel__slide {
  flex-shrink: 0;
  position: relative;
  width: 100%;
  height: 100%;
  outline: none;
  overflow: hidden;
}
.n-carousel .n-carousel__slides .n-carousel__slide > img {
  display: block;
}
.n-carousel .n-carousel__dots {
  position: absolute;
  display: flex;
  flex-wrap: nowrap;
}
.n-carousel .n-carousel__dots.n-carousel__dots--dot .n-carousel__dot {
  height: var(--n-dot-size);
  width: var(--n-dot-size);
  background-color: var(--n-dot-color);
  border-radius: 50%;
  cursor: pointer;
  transition:
    box-shadow 0.3s var(--n-bezier),
    background-color 0.3s var(--n-bezier);
  outline: none;
}
.n-carousel .n-carousel__dots.n-carousel__dots--dot .n-carousel__dot:focus {
  background-color: var(--n-dot-color-focus);
}
.n-carousel
  .n-carousel__dots.n-carousel__dots--dot
  .n-carousel__dot.n-carousel__dot--active {
  background-color: var(--n-dot-color-active);
}
.n-carousel .n-carousel__dots.n-carousel__dots--line .n-carousel__dot {
  border-radius: 9999px;
  width: var(--n-dot-line-width);
  height: 4px;
  background-color: var(--n-dot-color);
  cursor: pointer;
  transition:
    width 0.3s var(--n-bezier),
    box-shadow 0.3s var(--n-bezier),
    background-color 0.3s var(--n-bezier);
  outline: none;
}
.n-carousel .n-carousel__dots.n-carousel__dots--line .n-carousel__dot:focus {
  background-color: var(--n-dot-color-focus);
}
.n-carousel
  .n-carousel__dots.n-carousel__dots--line
  .n-carousel__dot.n-carousel__dot--active {
  width: var(--n-dot-line-width-active);
  background-color: var(--n-dot-color-active);
}
.n-carousel .n-carousel__arrow {
  transition: background-color 0.3s var(--n-bezier);
  cursor: pointer;
  height: 28px;
  width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.2);
  color: var(--n-arrow-color);
  border-radius: 8px;
  user-select: none;
  font-size: 18px;
}
.n-carousel .n-carousel__arrow svg {
  height: 1em;
  width: 1em;
}
.n-carousel .n-carousel__arrow:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.n-carousel.n-carousel--vertical {
  touch-action: pan-x;
}
.n-carousel.n-carousel--vertical .n-carousel__slides {
  flex-direction: column;
}
.n-carousel.n-carousel--vertical.n-carousel--fade .n-carousel__slide {
  top: 50%;
  left: unset;
  transform: translateY(-50%);
}
.n-carousel.n-carousel--vertical.n-carousel--card .n-carousel__slide {
  top: 50%;
  left: unset;
  transform: translateY(-50%) translateZ(-400px);
}
.n-carousel.n-carousel--vertical.n-carousel--card
  .n-carousel__slide.n-carousel__slide--current {
  transform: translateY(-50%) translateZ(0px);
}
.n-carousel.n-carousel--vertical.n-carousel--card
  .n-carousel__slide.n-carousel__slide--prev {
  transform: translateY(-100%) translateZ(-200px);
}
.n-carousel.n-carousel--vertical.n-carousel--card
  .n-carousel__slide.n-carousel__slide--next {
  transform: translateY(0%) translateZ(-200px);
}
.n-carousel.n-carousel--usercontrol .n-carousel__slides > div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.n-carousel.n-carousel--left .n-carousel__dots {
  transform: translateY(-50%);
  top: 50%;
  left: 12px;
  flex-direction: column;
}
.n-carousel.n-carousel--left
  .n-carousel__dots.n-carousel__dots--line
  .n-carousel__dot {
  width: 4px;
  height: var(--n-dot-line-width);
  margin: 4px 0px;
  transition:
    height 0.3s var(--n-bezier),
    box-shadow 0.3s var(--n-bezier),
    background-color 0.3s var(--n-bezier);
  outline: none;
}
.n-carousel.n-carousel--left
  .n-carousel__dots.n-carousel__dots--line
  .n-carousel__dot.n-carousel__dot--active {
  height: var(--n-dot-line-width-active);
}
.n-carousel.n-carousel--left .n-carousel__dot {
  margin: 4px 0px;
}
.n-carousel .n-carousel__arrow-group {
  position: absolute;
  display: flex;
  flex-wrap: nowrap;
}
.n-carousel.n-carousel--vertical .n-carousel__arrow {
  transform: rotate(90deg);
}
.n-carousel.n-carousel--show-arrow.n-carousel--bottom .n-carousel__dots {
  transform: translateX(0px);
  bottom: 18px;
  left: 18px;
}
.n-carousel.n-carousel--show-arrow.n-carousel--top .n-carousel__dots {
  transform: translateX(0px);
  top: 18px;
  left: 18px;
}
.n-carousel.n-carousel--show-arrow.n-carousel--left .n-carousel__dots {
  transform: translateX(0px);
  top: 18px;
  left: 18px;
}
.n-carousel.n-carousel--show-arrow.n-carousel--right .n-carousel__dots {
  transform: translateX(0px);
  top: 18px;
  right: 18px;
}
.n-carousel.n-carousel--left .n-carousel__arrow-group {
  bottom: 12px;
  left: 12px;
  flex-direction: column;
}
.n-carousel.n-carousel--left .n-carousel__arrow-group > :first-child {
  margin-bottom: 12px;
}
.n-carousel.n-carousel--right .n-carousel__dots {
  transform: translateY(-50%);
  top: 50%;
  right: 12px;
  flex-direction: column;
}
.n-carousel.n-carousel--right
  .n-carousel__dots.n-carousel__dots--line
  .n-carousel__dot {
  width: 4px;
  height: var(--n-dot-line-width);
  margin: 4px 0px;
  transition:
    height 0.3s var(--n-bezier),
    box-shadow 0.3s var(--n-bezier),
    background-color 0.3s var(--n-bezier);
  outline: none;
}
.n-carousel.n-carousel--right
  .n-carousel__dots.n-carousel__dots--line
  .n-carousel__dot.n-carousel__dot--active {
  height: var(--n-dot-line-width-active);
}
.n-carousel.n-carousel--right .n-carousel__dot {
  margin: 4px 0px;
}
.n-carousel.n-carousel--right .n-carousel__arrow-group {
  bottom: 12px;
  right: 12px;
  flex-direction: column;
}
.n-carousel.n-carousel--right .n-carousel__arrow-group > :first-child {
  margin-bottom: 12px;
}
.n-carousel.n-carousel--top .n-carousel__dots {
  transform: translateX(-50%);
  top: 12px;
  left: 50%;
}
.n-carousel.n-carousel--top
  .n-carousel__dots.n-carousel__dots--line
  .n-carousel__dot {
  margin: 0px 4px;
}
.n-carousel.n-carousel--top .n-carousel__dot {
  margin: 0px 4px;
}
.n-carousel.n-carousel--top .n-carousel__arrow-group {
  top: 12px;
  right: 12px;
}
.n-carousel.n-carousel--top .n-carousel__arrow-group > :first-child {
  margin-right: 12px;
}
.n-carousel.n-carousel--bottom .n-carousel__dots {
  transform: translateX(-50%);
  bottom: 12px;
  left: 50%;
}
.n-carousel.n-carousel--bottom
  .n-carousel__dots.n-carousel__dots--line
  .n-carousel__dot {
  margin: 0px 4px;
}
.n-carousel.n-carousel--bottom .n-carousel__dot {
  margin: 0px 4px;
}
.n-carousel.n-carousel--bottom .n-carousel__arrow-group {
  bottom: 12px;
  right: 12px;
}
.n-carousel.n-carousel--bottom .n-carousel__arrow-group > :first-child {
  margin-right: 12px;
}
.n-carousel.n-carousel--fade .n-carousel__slide {
  position: absolute;
  opacity: 0;
  transition-property: opacity;
  pointer-events: none;
}
.n-carousel.n-carousel--fade .n-carousel__slide.n-carousel__slide--current {
  opacity: 1;
  pointer-events: auto;
}
.n-carousel.n-carousel--card .n-carousel__slides {
  perspective: 1000px;
}
.n-carousel.n-carousel--card .n-carousel__slide {
  position: absolute;
  left: 50%;
  opacity: 0;
  transform: translateX(-50%) translateZ(-400px);
  transition-property: opacity, transform;
}
.n-carousel.n-carousel--card .n-carousel__slide.n-carousel__slide--current {
  opacity: 1;
  transform: translateX(-50%) translateZ(0px);
  z-index: 1;
}
.n-carousel.n-carousel--card .n-carousel__slide.n-carousel__slide--prev {
  opacity: 0.4;
  transform: translateX(-100%) translateZ(-200px);
}
.n-carousel.n-carousel--card .n-carousel__slide.n-carousel__slide--next {
  opacity: 0.4;
  transform: translateX(0%) translateZ(-200px);
}
*,
* + *,
::after,
::before {
  box-sizing: border-box;
}
body,
dt,
ol,
ul {
  margin: 0px;
  padding: 0px;
}
dt,
ol,
ul {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0px;
  padding: 0px;
}
pre {
  font-family: inherit;
  font-size: inherit;
  margin: 0px;
  white-space: break-spaces;
}
a {
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}
a:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: none;
}
button {
  background: transparent;
  border: medium;
  cursor: pointer;
  padding: 0px;
}
button:focus-visible {
  outline: none;
}
:root {
  --dark-900: #1a1a1a;
  --dark-800: #272b2b;
  --dark-700: #474747;
  --light-100: #fff;
  --light-200: #ecedee;
  --light-300: #e0e1e6;
  --light-400: #bdbdbd;
  --gradient-primary: linear-gradient(90deg, #50b3b1 0%, #3681b9 50%);
  --gradient-secondary: linear-gradient(90deg, #8dbeff 0%, #6b8bb7 50%);
  --primary: #13396c;
  --primary-light: #3681b9;
  --slider-bg: #e2f1ff;
  --slider-progress: #6ab1b1;
  --fz-xss: 12px;
  --fz-xs: 14px;
  --fz-smx: 16px;
  --fz-sm: 18px;
  --fz-md: 20px;
  --fz-lg: 24px;
  --fz-l: 26px;
  --fz-xl: 32px;
  --fz-x: 36px;
  --fz-xxl: 42px;
  --fz-3xl: 46px;
  --icon-size-md: 24px;
  --gap-xs: 5px;
  --gap-sm: 10px;
  --gap-md: 20px;
  --gap-2xl: 60px;
  --radius-smx: 6px;
  --radius-sm: 13px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-xl: 36px;
  --radius-3xl: 60px;
  --container-max-w: 1320px;
  --n-border: none !important;
}
@font-face {
  font-family: Sofia Pro;
  src: url("../fonts/Sofia-Pro-Light.D9i3kmCr.otf") format("opentype");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: Sofia Pro;
  src: url("../fonts/Sofia-Pro-Light-italic.Q8hRysBO.otf") format("opentype");
  font-style: italic;
  font-weight: 300;
}
@font-face {
  font-family: Sofia Pro;
  src: url("../fonts/Sofia-Pro-Regular.EbOSn0SW.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: Sofia Pro;
  src: url("../fonts/Sofia-Pro-Regular-italic.qvhOnlIG.otf") format("opentype");
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: Sofia Pro;
  src: url("../fonts/Sofia-Pro-Medium.C3PfU8sz.otf") format("opentype");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: Sofia Pro;
  src: url("../fonts/Sofia-Pro-Medium-italic.D9mjwuHb.otf") format("opentype");
  font-style: italic;
  font-weight: 500;
}
@font-face {
  font-family: Sofia Pro;
  src: url("../fonts/Sofia-Pro-SemiBold.d_87_M7D.otf") format("opentype");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: Sofia Pro;
  src: url("../fonts/Sofia-Pro-SemiBold-italic.CpCh1dPC.otf") format("opentype");
  font-style: italic;
  font-weight: 600;
}
@font-face {
  font-family: Sofia Pro;
  src: url("../fonts/Sofia-Pro-Bold.By7EgT9_.otf") format("opentype");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: Sofia Pro;
  src: url("../fonts/Sofia-Pro-Bold-italic.CxBfMqgj.otf") format("opentype");
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-family: Sofia Pro;
  src: url("../fonts/Sofia-Pro-Black.DQnT-woQ.otf") format("opentype");
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: Sofia Pro;
  src: url("../fonts/Sofia-Pro-Black-italic.CbwJwxQa.otf") format("opentype");
  font-style: italic;
  font-weight: 900;
}
.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px
    0px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-button {
  height: 0px;
  width: 0px;
}
::-webkit-scrollbar-thumb {
  background: var(--gradient-primary);
  border: 0 var(--primary);
  border-radius: var(--radius-md);
}
::-webkit-scrollbar-track {
  background: var(--light-400);
  border: 0px rgb(255, 255, 255);
}
::-webkit-scrollbar-corner {
  background: transparent;
}
html {
  height: 100%;
  line-height: 1.15;
}
body {
  background: var(--light-100);
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    Arial,
    sans-serif;
  font-weight: 400;
}
body .nuxt-icon {
  margin: 0px;
}
.wrapper {
  align-self: center;
  background-color: rgb(238, 238, 238);
  display: flex;
  justify-content: center;
  min-height: 100dvh;
  padding: 50px;
  width: 100%;
}
.wrapper__container {
  margin: 0px 32px;
  max-width: 1600px;
  width: 100%;
}
.link {
  color: var(--primary);
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}
.link:hover {
  color: var(--primary-light);
}
.content a {
  box-shadow: 0 2px 0 0 var(--primary);
  color: var(--primary);
  transition:
    color 0.2s ease-in-out,
    box-shadow 0.2s ease-in-out;
}
.content a:hover {
  box-shadow: 0 0 0 0 var(--primary-light);
  color: var(--primary-light);
}
.input {
  padding: 8.5px 10px;
}
.n-modal {
  max-width: 960px;
}
.body-fixed {
  overflow: hidden;
}
body:has(.loader) {
  overflow-y: scroll;
  width: 100%;
}
[id] {
  scroll-margin-top: 20px;
}
.insane-modal {
  border-radius: 36px;
}
.action-item:has(span[data-fix]) .select__list--wrapper {
  box-shadow: rgba(34, 60, 80, 0.2) 0px 2px 4px 0px;
  z-index: 9999999;
}
button,
input {
  font-family: inherit;
}
.list-enter-active,
.list-leave-active {
  transition: 0.5s;
}
.list-enter-from,
.list-leave-to {
  opacity: 0;
  transform: translateY(-15px);
}
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-style: normal;
  font-weight: 400;
}
:root {
  --swiper-theme-color: #007aff;
}
:host {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}
.swiper {
  display: block;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: clip;
  padding: 0px;
  position: relative;
  z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  transition-timing-function: var(
    --swiper-wrapper-transition-timing-function,
    initial
  );
  width: 100%;
  z-index: 1;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0px);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  display: block;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0px);
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  height: var(--swiper-centered-offset-after);
  min-width: 1px;
  width: 100%;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  height: 100%;
  left: 0px;
  pointer-events: none;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), transparent);
}
.swiper-lazy-preloader {
  border-right-width:;
  border-right-style:;
  border-right-color:;
  border-bottom-width:;
  border-bottom-style:;
  border-bottom-color:;
  border-left-width:;
  border-left-style:;
  border-left-color:;
  border-image-outset:;
  border-image-repeat:;
  border-image-slice:;
  border-image-source:;
  border-image-width:;
  border-radius: 50%;
  border-top: 4px solid transparent;
  box-sizing: border-box;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  transform-origin: 50% center 0px;
  width: 42px;
  z-index: 10;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: 1s linear infinite swiper-preloader-spin;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1turn);
  }
}
.swiper .swiper-notification {
  left: 0px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0px;
  z-index: -1000;
}
.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transform-origin: center bottom 0px;
}
.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  backface-visibility: hidden;
  height: 100%;
  pointer-events: none;
  transform-origin: 0px 0px 0px;
  visibility: hidden;
  width: 100%;
  z-index: 1;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0px 0px;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  bottom: 0px;
  height: 100%;
  left: 0px;
  opacity: 0.6;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow::before {
  background: rgb(0, 0, 0);
  inset: 0px;
  content: "";
  filter: blur(50px);
  position: absolute;
}
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  backface-visibility: hidden;
  z-index: 0;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  backface-visibility: hidden;
  pointer-events: none;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  backface-visibility: hidden;
  z-index: 0;
}
.swiper-free-mode > .swiper-wrapper {
  margin: 0px auto;
  transition-timing-function: ease-out;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-flow: column wrap;
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
  align-items: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor: pointer;
  display: flex;
  height: var(--swiper-navigation-size);
  justify-content: center;
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  z-index: 10;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  cursor: auto;
  opacity: 0.35;
  pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  cursor: auto;
  opacity: 0;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}
.swiper-button-next svg,
.swiper-button-prev svg {
  height: 100%;
  object-fit: contain;
  transform-origin: center center 0px;
  width: 100%;
}
.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-lock {
  display: none;
}
.swiper-button-next::after,
.swiper-button-prev::after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  font-variant: normal;
  letter-spacing: 0px;
  line-height: 1;
  text-transform: none !important;
}
.swiper-button-prev::after,
.swiper-rtl .swiper-button-next::after {
  content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  left: auto;
  right: var(--swiper-navigation-sides-offset, 10px);
}
.swiper-button-next::after,
.swiper-rtl .swiper-button-prev::after {
  content: "next";
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transform: translateZ(0px);
  transition: opacity 0.3s;
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  left: 0px;
  top: var(--swiper-pagination-top, auto);
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  font-size: 0px;
  overflow: hidden;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  display: inline-block;
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 8px)
  );
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 8px)
  );
}
button.swiper-pagination-bullet {
  appearance: none;
  border: medium;
  box-shadow: none;
  margin: 0px;
  padding: 0px;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  opacity: var(--swiper-pagination-bullet-opacity, 1);
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  left: var(--swiper-pagination-left, auto);
  right: var(--swiper-pagination-right, 8px);
  top: 50%;
  transform: translate3d(0px, -50%, 0px);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition:
    transform 0.2s,
    top 0.2s;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition:
    transform 0.2s,
    left 0.2s;
}
.swiper-horizontal.swiper-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition:
    transform 0.2s,
    right 0.2s;
}
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
  background: var(
    --swiper-pagination-progressbar-bg-color,
    rgba(0, 0, 0, 0.25)
  );
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: scale(0);
  transform-origin: left top 0px;
  width: 100%;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top 0px;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0px;
  top: 0px;
  width: 100%;
}
.swiper-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  height: 100%;
  left: 0px;
  top: 0px;
  width: var(--swiper-pagination-progressbar-size, 4px);
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  bottom: var(--swiper-scrollbar-bottom, 4px);
  height: var(--swiper-scrollbar-size, 4px);
  left: var(--swiper-scrollbar-sides-offset, 1%);
  position: absolute;
  top: var(--swiper-scrollbar-top, auto);
  width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
  z-index: 50;
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
  left: var(--swiper-scrollbar-left, auto);
  position: absolute;
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  width: var(--swiper-scrollbar-size, 4px);
  z-index: 50;
}
.swiper-scrollbar-drag {
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-virtual .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0px);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  left: 0px;
  pointer-events: none;
  position: absolute;
  top: 0px;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  height: var(--swiper-virtual-size);
  width: 1px;
}
.swiper-zoom-container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px
    0px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.insane-button {
  align-items: center;
  display: flex;
  font-family:
    Sofia Pro,
    sans-serif;
  gap: 10px;
}
.insane-button.menu {
  background: var(--light-100);
  border-radius: var(--radius-3xl);
  font-size: var(--fz-sm);
  line-height: 20.7px;
  padding: 17px;
  transition:
    color 0.2s ease-in-out,
    background 0.1s ease-in-out,
    box-shadow 0.1s ease-in-out;
}
@media (max-width: 768px) {
  .insane-button.menu {
    font-size: var(--fz-xs);
  }
}
.insane-button.menu.active,
.insane-button.menu:hover {
  background: var(--primary-light);
  color: var(--light-100);
}
.insane-button.menu:active {
  background: var(--primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  color: var(--light-100);
}
.insane-button.menu.active {
  background: var(--primary-light);
  pointer-events: none;
}
.insane-button.primary,
.insane-button.secondary,
.insane-button.secondary-form {
  align-items: center;
  border-radius: var(--radius-sm);
  display: flex;
  font-size: var(--fz-sm);
  font-weight: 500;
  justify-content: center;
  padding: 12px;
}
@media (max-width: 980px) {
  .insane-button.primary,
  .insane-button.secondary,
  .insane-button.secondary-form {
    font-size: var(--fz-xs);
  }
}
.insane-button.primary.disabled,
.insane-button.secondary-form.disabled,
.insane-button.secondary.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.insane-button.primary {
  background-image: var(--gradient-primary);
  background-size: 200% 100%;
  background-position: 0% 0%;
  color: var(--light-100);
  transition:
    background-position 0.3s ease-in-out,
    box-shadow 0.1s ease-in-out;
}
.insane-button.primary:hover {
  background-position: 100% 0px;
  color: var(--light-100);
}
.insane-button.primary:active {
  box-shadow: 0 0 5px 2px var(--primary-light);
}
.insane-button.secondary {
  background: var(--light-100);
  position: relative;
}
.insane-button.secondary::after {
  background: var(--gradient-primary);
  border-radius: var(--radius-sm);
  content: "";
  display: flex;
  height: calc(100% + 2px);
  inset: 0px;
  position: absolute;
  transform: translateX(-1px) translateY(-1px);
  transition:
    transform 0.2s ease-in-out,
    width 0.2s ease-in-out,
    height 0.2s ease-in-out,
    color 0.1s ease-in-out,
    background 0.1s ease-in-out;
  width: calc(100% + 2px);
  z-index: -1;
}
.insane-button.secondary:active {
  background: var(--primary);
  color: var(--light-100);
}
.insane-button.secondary-form {
  background-image: var(--gradient-secondary);
  background-size: 200% 100%;
  background-position: 0% 0%;
  border-radius: var(--radius-sm);
  color: var(--light-100);
  transition:
    background-position 0.3s ease-in-out,
    box-shadow 0.1s ease-in-out;
}
.insane-button.secondary-form:hover {
  background-position: 100% 0px;
  color: var(--light-100);
}
.insane-button.secondary-form:active {
  box-shadow: 0 0 5px 2px var(--primary-light);
}
.insane-button.hero {
  align-items: center;
  background: var(--light-100);
  border-radius: var(--radius-sm);
  color: var(--primary);
  display: flex;
  gap: 12px;
  justify-content: center;
  padding: 14px;
  transition:
    background-color 0.2s ease-in-out,
    color 0.2s ease-in-out;
}
.insane-button.hero:hover {
  background: var(--primary);
  color: var(--light-100);
}
.insane-button.hero:active {
  background: var(--primary-light);
  color: var(--light-100);
}
.insane-button.gray {
  align-items: center;
  background: var(--light-300);
  border-radius: var(--radius-sm);
  color: var(--dark-900);
  display: flex;
  font-size: var(--fz-smx);
  justify-content: center;
  transition:
    background-color 0.2s ease-in-out,
    color 0.2s ease-in-out,
    box-shadow 50ms ease-in-out;
}
@media (max-width: 980px) {
  .insane-button.gray {
    font-size: var(--fz-xs);
  }
}
.insane-button.gray:hover {
  background: var(--light-200);
}
.insane-button.gray:active {
  box-shadow: 0 2px 0 0 var(--light-400);
}
.insane-button.outline {
  align-items: center;
  background: transparent;
  border-radius: 56px;
  box-shadow: 0 0 0 1px var(--primary-light);
  color: var(--primary-light);
  display: flex;
  font-weight: 500;
  gap: 15px;
  justify-content: center;
  padding: 11px 15px 11px 20px;
  transition:
    background-color 0.2s ease-in-out,
    color 0.2s ease-in-out,
    box-shadow 50ms ease-in-out;
}
.insane-button.outline:hover {
  background: var(--primary-light);
  color: var(--light-100);
}
.insane-button.outline:active {
  box-shadow: 0 2px 0 0 var(--primary);
}
.insane-button.collection-over {
  background: rgb(19, 57, 108);
  pointer-events: none;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px
    0px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.breadcrumbs-list {
  display: flex;
  flex-flow: wrap;
  gap: 10px;
}
.breadcrumbs-list-item {
  display: flex;
  font-size: var(--fz-xs);
  gap: 5px;
  position: relative;
  transition: color 0.2s ease-in-out;
}
.breadcrumbs-list-item:hover {
  color: var(--primary-light);
}
.breadcrumbs-list-item:first-child::after {
  display: none;
}
.breadcrumbs-list-item::after {
  content: "/";
  left: -7px;
  position: absolute;
  top: 0px;
}
.breadcrumbs-list .active {
  color: color-mix(in srgb, var(--dark-900) 40%, transparent);
  pointer-events: none;
}
@media (max-width: 440px) {
  .breadcrumbs-list {
    display: none;
  }
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px
    0px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.section-header {
  padding: 0px 0px 60px;
  position: relative;
  z-index: 10;
}
@media (max-width: 768px) {
  .section-header {
    padding: 0px 0px 40px;
  }
}
.section-header .container > .col {
  gap: 50px;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px
    0px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.section-error {
  padding-bottom: 50px;
}
.message-container {
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .message-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 0px 20px;
    text-align: center;
  }
}
.message {
  margin-bottom: 8px;
}
lottie-player {
  display: inline;
  float: left;
  margin-right: 20px;
}
@media (max-width: 768px) {
  lottie-player {
    margin-bottom: 20px;
    margin-right: 0px;
  }
}
.insane-button {
  margin-top: -30px;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px
    0px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.loader {
  align-items: center;
  background-color: rgb(255, 255, 255);
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100vw;
  z-index: 100;
}
.loader-enter-active {
  transition: opacity 0.1s;
}
.loader-leave-active {
  transition: opacity 0.3s;
}
.loader-enter-from,
.loader-leave-to {
  opacity: 0;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px
    0px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.link {
  height: 100%;
  max-height: 33px;
}
.logo img.link-mob {
  display: none;
  height: 21px;
  object-fit: contain;
  object-position: center center;
  width: 29px;
}
@media (max-width: 380px) {
  .logo img.link-mob {
    display: var(--070399bb);
  }
}
.logo svg {
  fill: currentcolor;
  height: 100%;
  width: 158px;
}
@media (max-width: 980px) {
  .logo svg {
    height: 20px;
    width: 100px;
  }
}
@media (max-width: 380px) {
  .logo svg {
    display: var(--6f6c280c);
  }
}
.logo svg * {
  fill: currentcolor;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px
    0px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.section-header {
  margin-bottom: 40px;
  margin-top: 38px;
  position: relative;
}
.header-list {
  align-items: center;
  display: flex;
  flex-flow: row;
  gap: var(--gap-2xl);
}
@media (max-width: 980px) {
  .header-list {
    gap: 5px;
  }
}
.menu-wrapper {
  display: flex;
  flex-grow: 1;
  justify-content: flex-start;
  min-height: 59px;
  transition: opacity 0.1s ease-in-out;
  width: 100%;
}
@media (max-width: 980px) {
  .menu-wrapper {
    justify-content: flex-end;
    min-height: 53px;
    order: 1;
  }
}
.menu-wrapper:not(.mounted) {
  opacity: 0;
}
.menu-wrapper:not(.mounted) ul li {
  height: 0px !important;
}
@media (max-width: 980px) {
  .menu-wrapper {
    flex-grow: 0;
    margin-left: auto;
  }
}
.search--button {
  display: flex;
}
@media (max-width: 980px) {
  .search--button {
    margin-left: 20px;
    order: 3;
  }
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px
    0px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.main-page-header {
  align-items: flex-end;
  margin-bottom: 60px;
}
.main-page-header .title-h1 {
  font-weight: 700;
  line-height: 0.7;
}
@media (max-width: 768px) {
  .main-page-header .title-h1 {
    line-height: 1;
  }
}
.main-page-header .link {
  color: var(--primary-light);
  font-size: var(--fz-lg);
  font-weight: 500;
  line-height: 0.8;
}
@media (max-width: 768px) {
  .main-page-header .link {
    font-size: var(--fz-smx);
    line-height: 1;
  }
}
.main-page-header .link:hover {
  color: var(--primary);
}
.page-main .help-list-body .card-body {
  padding: 9px 13px;
}
.page-main .help-list-body .card {
  box-shadow: rgba(49, 79, 124, 0.12) 0px 0px 46.41px 0px;
}
.page-main .article-body-title {
  font-size: var(--fz-md) !important;
  font-weight: 400 !important;
}
@media (max-width: 1000px) {
  .page-main .article-body-title {
    font-size: var(--fz-xs) !important;
  }
}
.page-main .article-image {
  height: 257px !important;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px
    0px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.social-list {
  display: flex;
  gap: 6px;
}
.social-list-icon {
  height: 44px;
  width: 44px;
  fill: none;
}
.social-list li a svg {
  border-radius: var(--radius-smx);
  transition: box-shadow 0.2s ease-in-out;
}
.social-list li a:hover svg {
  box-shadow: 0 0 8px 0 var(--primary);
}
.footer-list {
  gap: 20px;
  margin-bottom: 50px;
}
@media (max-width: 1280px) {
  .footer-list {
    flex-wrap: wrap;
    gap: 40px 0px;
  }
}
.footer-list-item {
  gap: 24px;
  max-width: 232px;
  width: 100%;
}
@media (max-width: 768px) {
  .footer-list-item:first-child {
    order: 1;
  }
}
@media (max-width: 562px) {
  .footer-list-item:first-child {
    order: 3;
  }
}
@media (max-width: 768px) {
  .footer-list-item:nth-child(2) {
    order: 3;
  }
}
@media (max-width: 562px) {
  .footer-list-item:nth-child(2) {
    order: 1;
  }
}
@media (max-width: 768px) {
  .footer-list-item:nth-child(3) {
    order: 4;
  }
}
@media (max-width: 562px) {
  .footer-list-item:nth-child(3) {
    order: 2;
  }
}
@media (max-width: 768px) {
  .footer-list-item:nth-child(4) {
    order: 2;
  }
}
@media (max-width: 562px) {
  .footer-list-item:nth-child(4) {
    order: 4;
  }
}
@media (max-width: 390px) {
  .footer-list-item:nth-child(4) {
    width: 100%;
  }
}
.footer-list-item-title {
  font-size: var(--fz-sm);
  font-weight: 600;
  white-space: pre-wrap;
}
@media (max-width: 768px) {
  .footer-list-item-title {
    font-size: var(--fz-smx);
  }
}
.footer-list-item-store {
  gap: 10px;
}
.footer-list-item .phone {
  font-size: var(--fz-md);
  font-weight: 600;
}
.footer-list-item nav {
  gap: 12px;
}
.footer-list-item nav:is(.col) {
  align-items: flex-start;
  display: flex;
}
.footer-list-item nav a {
  display: inline-block;
  font-size: var(--fz-sm);
  position: relative;
  transition:
    color 0.2s ease-in-out,
    box-shadow 0.2s ease-in-out;
}
@media (max-width: 768px) {
  .footer-list-item nav a {
    font-size: var(--fz-smx);
  }
}
.footer-list-item nav a:last-child {
  margin-bottom: 0px;
}
.footer-list-item nav a::after {
  background-color: var(--primary);
  bottom: 0px;
  content: "";
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  width: 100%;
}
.footer-list-item nav a.router-link-exact-active {
  color: var(--primary);
  pointer-events: none;
}
.footer-list-item nav a:hover {
  color: var(--primary);
}
.footer-list-item nav a:hover::after {
  opacity: 1;
}
@media (max-width: 562px) {
  .footer-list-item {
    width: fit-content;
  }
}
.brand-list {
  gap: 20px;
}
.brand-list-item {
  align-items: center;
  color: var(--light-400);
  display: flex;
  font-size: var(--fz-smx);
  gap: 16px;
  max-width: 232px;
  width: 100%;
}
.brand-list-item a {
  display: flex;
}
.brand-list-item a img {
  display: flex;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .brand-list-item {
    font-size: var(--fz-xs);
    width: fit-content;
  }
}
@media (max-width: 400px) {
  .brand-list-item {
    gap: 8px;
  }
}
.section-footer {
  padding-bottom: 71px;
}
.section-footer .footer-offset {
  background-color: var(--light-100);
  border-radius: 28px;
  padding: 50px 100px 36px;
}
@media (max-width: 768px) {
  .section-footer .footer-offset {
    padding: 50px 15px 36px;
  }
}
@media (max-width: 1000px) {
  .section-footer {
    padding-bottom: 56px;
  }
}
@media (max-width: 430px) {
  .section-footer {
    padding-inline: 0px;
    padding-bottom: 45px;
  }
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px
    0px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.offset {
  position: relative;
  top: 5px;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px
    0px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.header-menu {
  display: flex;
  flex-flow: wrap;
  gap: var(--gap-sm);
  max-width: 100%;
}
.header-menu li {
  position: relative;
}
.header-menu li a {
  font-family:
    Sofia Pro,
    sans-serif;
  user-select: none;
  white-space: nowrap;
}
.header-menu li.opened > a,
.header-menu li:has(.router-link-exact-active):not(.has-child) > a {
  background: var(--primary) !important;
  color: var(--light-100);
}
.header-menu li.opened > a::after,
.header-menu li:has(.router-link-exact-active):not(.has-child) > a::after {
  filter: invert(1);
}
.header-menu li.opened > .sub-menu,
.header-menu li:has(.router-link-exact-active):not(.has-child) > .sub-menu {
  display: flex;
  opacity: 1;
  visibility: visible;
  z-index: 11;
}
.header-menu li.has-child > a::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI2IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTAgNiI+PHBhdGggc3Ryb2tlPSIjMDAwIiBkPSJtMSAxIDQgNCA0LTQiLz48L3N2Zz4=");
  content: "";
  display: flex;
  height: 6px;
  width: 10px;
}
.header-menu li a:hover::after {
  filter: invert(1);
}
.header-menu .sub-menu {
  backdrop-filter: blur(4px);
  background: color-mix(in srgb, var(--light-100) 90%, transparent);
  border-radius: 20px;
  flex-direction: column;
  opacity: 0;
  padding: 20px 38px;
  position: absolute;
  top: calc(100% + 10px);
  transition:
    opacity 0.3s ease-in-out,
    visibility 0.3s ease-in-out;
  visibility: hidden;
  width: 290px;
}
@media (max-width: 1320px) {
  .header-menu .sub-menu {
    right: -40px;
  }
}
.header-menu .sub-menu li {
  display: flex;
  margin-bottom: 5px;
}
.header-menu .sub-menu li a {
  align-items: center;
  border-radius: 60px;
  display: flex;
  font-size: var(--fz-smx);
  gap: 10px;
  padding: 10px 16px;
  transition:
    background 0.2s ease-in-out,
    color 0.2s ease-in-out;
}
.header-menu .sub-menu li a:hover {
  background: var(--primary-light);
  color: var(--light-100);
}
.header-menu .sub-menu .sub-menu {
  right: calc(100% + 10px);
  top: 0px;
  z-index: 10;
}
@media (max-width: 1320px) {
  .header-menu .sub-menu .sub-menu {
    right: -20px;
    top: calc(100% + 10px);
  }
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px
    0px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.city-select {
  font-size: var(--fz-sm);
  max-width: 74px;
  min-width: 68px;
}
.city-select
  .n-base-selection
  .n-base-selection-label
  .n-base-selection-input
  .n-base-selection-input__content {
  font-size: var(--fz-sm);
}
.city-select .n-base-select-menu .n-base-select-option {
  font-size: var(--fz-sm);
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px
    0px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.section-banner {
  padding-bottom: 40px;
}
@media (max-width: 430px) {
  .section-banner .container {
    padding: 0px !important;
  }
}
.banner {
  background-color: var(--light-300);
  border-radius: var(--radius-xl);
  height: 100%;
  min-height: 525px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.banner-wrapper-item {
  background-position: 100% center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  height: 100%;
  padding: 82px 100px 62px;
}
@media (max-width: 980px) {
  .banner-wrapper-item::after {
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .banner-wrapper-item {
    min-height: 400px;
    padding: 80px 20px 87px;
  }
}
.banner-list {
  box-sizing: border-box;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.banner-list-title {
  color: var(--light-100) !important;
  line-height: 1.1;
  margin-bottom: 53px;
  max-width: 604px;
}
@media (max-width: 768px) {
  .banner-list-title {
    margin-bottom: 60px;
  }
}
.banner-list-description {
  color: var(--light-100);
  font-size: 21px;
  line-height: 1.3;
  margin-bottom: 60px;
  max-width: 550px;
}
@media (max-width: 768px) {
  .banner-list-description {
    font-size: var(--fz-smx);
    margin-bottom: 40px;
  }
}
.banner-list-button {
  font-size: 21px;
  max-width: 248px;
  width: 100%;
}
.banner-list-button .icon {
  height: 28px;
  width: 28px;
}
.banner-list-button .icon,
.banner-list-button .icon * {
  fill: transparent;
  stroke: currentcolor;
}
@media (max-width: 980px) {
  .banner-list-button {
    max-width: 200px;
  }
}
@media (max-width: 430px) {
  .banner-list-button {
    font-size: 18px;
  }
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px
    0px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.main-banner {
  height: 567px;
}
@media (max-width: 1000px) {
  .main-banner {
    height: 500px;
  }
}
.container,
.section .container {
  padding: 0px;
}
.swiper {
  position: relative;
  z-index: 3;
}
.swiper,
.swiper__slide {
  border-radius: var(--radius-xl);
}
.swiper__slide {
  background-position: 50% center;
  background-size: cover;
  padding: 115px 82px 103px;
}
@media (max-width: 1000px) {
  .swiper__slide {
    padding: 80px 42px 60px;
  }
}
@media (max-width: 430px) {
  .swiper__slide {
    padding: 100px 15px 87px;
  }
}
.swiper {
  height: 100%;
  width: 100%;
}
.slide-content__title {
  color: rgb(255, 255, 255);
  letter-spacing: -0.01em;
  line-height: 110%;
  margin-bottom: 53px;
}
@media (max-width: 430px) {
  .slide-content__title {
    font-size: 28px !important;
    margin-bottom: 60px;
  }
}
.slide-content__description {
  color: rgb(255, 255, 255);
  font-size: 21px;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 130%;
  margin-bottom: 60px;
}
@media (max-width: 430px) {
  .slide-content__description {
    font-size: 16px;
    margin-bottom: 40px;
  }
}
.custom-arrow {
  align-items: center;
  background: transparent;
  border-radius: 8px;
  border-width: 0px;
  color: rgb(255, 255, 255);
  cursor: pointer;
  display: inline-flex;
  height: 60px;
  justify-content: center;
  position: absolute;
  top: calc(50% - 30px);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  width: 60px;
  z-index: 5;
}
.custom-arrow--left {
  left: 10px;
  transform: rotate(180deg);
}
.custom-arrow--right {
  right: 10px;
}
.custom-arrow:hover {
  opacity: 0.5;
}
@media (max-width: 1024px) {
  .custom-arrow {
    display: none;
    opacity: 0;
    visibility: hidden;
    z-index: -3;
  }
}
.banner-pagination {
  bottom: 20px;
  display: flex;
  justify-content: center;
  position: absolute;
  z-index: 3;
}
.swiper-pagination-bullet {
  background-color: rgb(255, 255, 255);
  border-radius: 4px;
  height: 3px;
  width: 50px;
}
@media (max-width: 430px) {
  .swiper-pagination-bullet {
    width: 40px;
  }
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px
    0px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.section-advantages {
  margin-bottom: 100px;
}
.advantage-list {
  gap: 4px;
}
@media (max-width: 980px) {
  .advantage-list {
    flex-direction: column;
    gap: 20px;
  }
}
.advantage-list-item {
  background: var(--light-100);
  border-radius: var(--radius-xl);
  gap: 18px;
  padding: 15px 24px;
}
@media (max-width: 980px) {
  .advantage-list-item {
    gap: 40px;
  }
}
.advantage-list-item img {
  flex-shrink: 0;
  min-width: 71px;
  object-fit: contain;
}
.advantage-list-item-title {
  color: var(--dark-700);
  font-size: 33px;
  font-weight: 600;
}
.advantage-list-item-description {
  color: var(--light-400);
  font-size: var(--fz-md);
  font-weight: 500;
}
@media (max-width: 430px) {
  .advantage-list-item-description {
    font-size: 16px;
  }
}
.advantage-list-item .col {
  justify-content: center;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px
    0px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.section-help {
  margin-bottom: 100px;
}
.help-list-body {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
@media (max-width: 1320px) {
  .help-list-body {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 555px) {
  .help-list-body {
    grid-template-columns: 1fr;
  }
}
.help-list-body .card {
  background: transparent;
  box-shadow: none;
}
.help-list-body .card-body {
  padding: 8px 13px;
}
.help-list-body .card-body-title {
  font-size: var(--fz-xs);
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px
    0px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.section-program {
  margin-bottom: 60px;
}
.program-list-body {
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1280px) {
  .program-list-body {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .program-list-body {
    grid-template-columns: 1fr;
  }
}
.program-list-body .card:nth-child(n + 7) {
  display: none;
}
@media (max-width: 1280px) {
  .program-list-body .card:nth-child(n + 5) {
    display: none;
  }
}
@media (max-width: 768px) {
  .program-list-body .card:nth-child(n + 3) {
    display: none;
  }
}
@media (max-width: 1280px) {
  .program-list-body .card-title {
    font-size: 28px;
  }
}
@media (max-width: 768px) {
  .program-list-body .card-description {
    font-size: var(--fz-xs);
  }
}
.program-list-body .card .insane-button {
  height: 40px;
  width: 60px;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px
    0px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.section-app {
  margin-bottom: 100px;
}
.app-list {
  gap: 20px;
}
@media (max-width: 768px) {
  .app-list {
    flex-direction: column;
  }
  .app-list-item:last-child {
    height: 343px;
  }
}
.app-list-item {
  align-items: flex-start;
  background: var(--light-100);
  border-radius: var(--radius-xl);
  padding: 44px 33px;
  width: 100%;
}
.app-list-item > .col {
  margin-bottom: auto;
}
.app-list-item:last-child {
  overflow: hidden;
  padding: 0px;
  position: relative;
}
@media (max-width: 576px) {
  .app-list-item:last-child {
    height: 300px;
  }
}
.app-list-item-image {
  display: block;
  left: 0px;
  margin: 0px auto;
  object-fit: contain;
  object-position: center center;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
}
@media (max-width: 768px) {
  .app-list-item-image {
    top: 5%;
    width: 80%;
  }
}
@media (max-width: 576px) {
  .app-list-item-image {
    top: 15%;
    width: 90%;
  }
}
@media (max-width: 360px) {
  .app-list-item-image {
    top: 20%;
  }
}
.app-list-item-title {
  color: var(--dark-900);
  font-size: var(--fz-xl);
  font-weight: 600;
  margin-bottom: 42px;
}
.app-list-item-description {
  color: var(--dark-900);
  font-size: var(--fz-md);
  margin-bottom: 40px;
  white-space: break-spaces;
}
@media (max-width: 768px) {
  .app-list-item-description {
    font-size: var(--fz-xs);
  }
}
.app-list-item .insane-button {
  max-width: 186px;
  width: 100%;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px
    0px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.section-articles {
  margin-bottom: 100px;
}
.articles-body {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 27px;
}
@media (max-width: 1000px) {
  .articles-body {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 430px) {
  .articles-body {
    grid-template-columns: repeat(1, 1fr);
  }
}
.articles-body .article {
  gap: 0px;
}
@media (max-width: 980px) {
  .articles-body .article:nth-child(n + 3) {
    display: none;
  }
}
@media (max-width: 1280px) {
  .articles-body .article-image {
    height: 261px !important;
  }
}
@media (max-width: 768px) {
  .articles-body .article-image {
    height: 302px !important;
  }
}
.articles-body .article-body {
  padding: 17px 14px 23px;
}
@media (max-width: 768px) {
  .articles-body .article-body {
    padding: 23px 24px;
  }
}
.articles-body .article-body-title {
  color: var(--dark-800);
  display: block !important;
  font-size: var(--fz-md);
  font-weight: 400;
}
@media (max-width: 768px) {
  .articles-body .article-body-title {
    font-size: var(--fz-smx);
  }
}
.articles-body .article-body a {
  display: none !important;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px
    0px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.card {
  border-radius: 20px;
  overflow: hidden;
}
.card-image {
  display: block;
  height: 220px;
  object-fit: cover;
  object-position: center center;
  width: 100%;
}
@media (max-width: 430px) {
  .card-image {
    height: 221px;
  }
}
.card-image-link {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.card-carousel {
  height: 220px;
  margin-bottom: auto;
  user-select: none;
}
@media (max-width: 430px) {
  .card-carousel {
    height: 221px;
  }
}
.card-body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  padding: 9px 8px 12px;
  width: 100%;
}
@media (max-width: 980px) {
  .card-body {
    padding: 12px 16px;
  }
}
.card-body-title {
  display: -webkit-box;
  flex-grow: 1;
  font-size: var(--fz-smx);
  margin-bottom: 33px;
  min-height: 40px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -moz-box-orient: vertical;
  line-height: 120%;
}
.card-body-slider {
  margin-bottom: 22px;
}
.card-body-actions {
  gap: 9px;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.insane-button {
  align-items: center;
  display: flex;
  font-family:
    Sofia Pro,
    sans-serif;
  gap: 10px;
}
.insane-button.menu {
  background: var(--light-100);
  border-radius: var(--radius-3xl);
  font-size: var(--fz-sm);
  line-height: 20.7px;
  padding: 17px;
  transition:
    color 0.2s ease-in-out,
    background 0.1s ease-in-out,
    box-shadow 0.1s ease-in-out;
}
@media (max-width: 768px) {
  .insane-button.menu {
    font-size: var(--fz-xs);
  }
}
.insane-button.menu.active,
.insane-button.menu:hover {
  background: #278fce;
  color: var(--light-100);
}
.insane-button.menu:active {
  background: var(--primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  color: var(--light-100);
}
.insane-button.menu.active {
  background: var(--primary-light);
  pointer-events: none;
}
.insane-button.primary,
.insane-button.secondary,
.insane-button.secondary-form {
  align-items: center;
  border-radius: var(--radius-sm);
  display: flex;
  font-size: var(--fz-sm);
  font-weight: 500;
  justify-content: center;
  padding: 12px;
}
@media (max-width: 980px) {
  .insane-button.primary,
  .insane-button.secondary,
  .insane-button.secondary-form {
    font-size: var(--fz-xs);
  }
}
.insane-button.primary.disabled,
.insane-button.secondary-form.disabled,
.insane-button.secondary.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.insane-button.primary {
  background: #278fce;
  background-size: 200% 100%;
  background-position: 0% 0%;
  color: var(--light-100);
  transition:
    background-position 0.3s ease-in-out,
    box-shadow 0.1s ease-in-out;
}
.insane-button.primary:hover {
  background-position: 100% 0px;
  color: var(--light-100);
  background-color: #68c34b;
}
.insane-button.primary:active {
  box-shadow: 0 0 5px 2px var(--primary-light);
}
.insane-button.secondary {
  background: var(--light-100);
  position: relative;
}
.insane-button.secondary::after {
  background: var(--gradient-primary);
  border-radius: var(--radius-sm);
  content: "";
  display: flex;
  height: calc(100% + 2px);
  inset: 0px;
  position: absolute;
  transform: translate(-1px) translateY(-1px);
  transition:
    transform 0.2s ease-in-out,
    width 0.2s ease-in-out,
    height 0.2s ease-in-out,
    color 0.1s ease-in-out,
    background 0.1s ease-in-out;
  width: calc(100% + 2px);
  z-index: -1;
}
.insane-button.secondary:active {
  background: var(--primary);
  color: var(--light-100);
}
.insane-button.secondary-form {
  background-image: var(--gradient-secondary);
  background-size: 200% 100%;
  background-position: 0% 0%;
  border-radius: var(--radius-sm);
  color: var(--light-100);
  transition:
    background-position 0.3s ease-in-out,
    box-shadow 0.1s ease-in-out;
}
.insane-button.secondary-form:hover {
  background-position: 100% 0px;
  color: var(--light-100);
}
.insane-button.secondary-form:active {
  box-shadow: 0 0 5px 2px var(--primary-light);
}
.insane-button.hero {
  align-items: center;
  background: #278fce;
  border-radius: var(--radius-sm);
  color: #fff;
  display: flex;
  gap: 12px;
  justify-content: center;
  padding: 14px;
  transition:
    background-color 0.2s ease-in-out,
    color 0.2s ease-in-out;
}
.insane-button.hero:hover {
  background: var(--primary);
  color: var(--light-100);
}
.insane-button.hero:active {
  background: var(--primary-light);
  color: var(--light-100);
}
.insane-button.gray {
  align-items: center;
  background: var(--light-300);
  border-radius: var(--radius-sm);
  color: var(--dark-900);
  display: flex;
  font-size: var(--fz-smx);
  justify-content: center;
  transition:
    background-color 0.2s ease-in-out,
    color 0.2s ease-in-out,
    box-shadow 50ms ease-in-out;
}
@media (max-width: 980px) {
  .insane-button.gray {
    font-size: var(--fz-xs);
  }
}
.insane-button.gray:hover {
  background: var(--light-200);
}
.insane-button.gray:active {
  box-shadow: 0 2px 0 0 var(--light-400);
}
.insane-button.outline {
  align-items: center;
  background: transparent;
  border-radius: 56px;
  box-shadow: 0 0 0 1px var(--primary-light);
  color: var(--primary-light);
  display: flex;
  font-weight: 500;
  gap: 15px;
  justify-content: center;
  padding: 11px 15px 11px 20px;
  transition:
    background-color 0.2s ease-in-out,
    color 0.2s ease-in-out,
    box-shadow 50ms ease-in-out;
}
.insane-button.outline:hover {
  background: var(--primary-light);
  color: var(--light-100);
}
.insane-button.outline:active {
  box-shadow: 0 2px 0 0 var(--primary);
}
.insane-button.collection-over {
  background: rgb(19, 57, 108);
  pointer-events: none;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.breadcrumbs-list {
  display: flex;
  flex-flow: wrap;
  gap: 10px;
}
.breadcrumbs-list-item {
  display: flex;
  font-size: var(--fz-xs);
  gap: 5px;
  position: relative;
  transition: color 0.2s ease-in-out;
}
.breadcrumbs-list-item:hover {
  color: var(--primary-light);
}
.breadcrumbs-list-item:first-child::after {
  display: none;
}
.breadcrumbs-list-item::after {
  content: "/";
  left: -7px;
  position: absolute;
  top: 0px;
}
.breadcrumbs-list .active {
  color: color-mix(in srgb, var(--dark-900) 40%, transparent);
  pointer-events: none;
}
@media (max-width: 440px) {
  .breadcrumbs-list {
    display: none;
  }
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.section-header {
  padding: 0px 0px 60px;
  position: relative;
  z-index: 10;
}
@media (max-width: 768px) {
  .section-header {
    padding: 0px 0px 40px;
  }
}
.section-header .container > .col {
  gap: 50px;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.section-error {
  padding-bottom: 50px;
}
.message-container {
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .message-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 0px 20px;
    text-align: center;
  }
}
.message {
  margin-bottom: 8px;
}
lottie-player {
  display: inline;
  float: left;
  margin-right: 20px;
}
@media (max-width: 768px) {
  lottie-player {
    margin-bottom: 20px;
    margin-right: 0px;
  }
}
.insane-button {
  /*! margin-top: 30px; */
}

:host {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}
.swiper {
  display: block;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: clip;
  padding: 0px;
  position: relative;
  z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  transition-timing-function: var(
    --swiper-wrapper-transition-timing-function,
    initial
  );
  width: 100%;
  z-index: 1;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0px);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  display: block;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0px);
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  height: var(--swiper-centered-offset-after);
  min-width: 1px;
  width: 100%;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  height: 100%;
  left: 0px;
  pointer-events: none;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), transparent);
}
.swiper-lazy-preloader {
  border-right-width:;
  border-right-style:;
  border-right-color:;
  border-bottom-width:;
  border-bottom-style:;
  border-bottom-color:;
  border-left-width:;
  border-left-style:;
  border-left-color:;
  border-image-outset:;
  border-image-repeat:;
  border-image-slice:;
  border-image-source:;
  border-image-width:;
  border-radius: 50%;
  border-top: 4px solid transparent;
  box-sizing: border-box;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  transform-origin: 50% center 0px;
  width: 42px;
  z-index: 10;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: 1s linear infinite swiper-preloader-spin;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1turn);
  }
}
.swiper .swiper-notification {
  left: 0px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0px;
  z-index: -1000;
}
.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transform-origin: center bottom 0px;
}
.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  backface-visibility: hidden;
  height: 100%;
  pointer-events: none;
  transform-origin: 0px 0px 0px;
  visibility: hidden;
  width: 100%;
  z-index: 1;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0px 0px;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  bottom: 0px;
  height: 100%;
  left: 0px;
  opacity: 0.6;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow::before {
  background: rgb(0, 0, 0);
  inset: 0px;
  content: "";
  filter: blur(50px);
  position: absolute;
}
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  backface-visibility: hidden;
  z-index: 0;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  backface-visibility: hidden;
  pointer-events: none;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  backface-visibility: hidden;
  z-index: 0;
}
.swiper-free-mode > .swiper-wrapper {
  margin: 0px auto;
  transition-timing-function: ease-out;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-flow: column wrap;
}

.swiper-button-next,
.swiper-button-prev {
  align-items: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor: pointer;
  display: flex;
  height: var(--swiper-navigation-size);
  justify-content: center;
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  z-index: 10;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  cursor: auto;
  opacity: 0.35;
  pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  cursor: auto;
  opacity: 0;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}
.swiper-button-next svg,
.swiper-button-prev svg {
  height: 100%;
  object-fit: contain;
  transform-origin: center center 0px;
  width: 100%;
}
.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-lock {
  display: none;
}
.swiper-button-next::after,
.swiper-button-prev::after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  font-variant: normal;
  letter-spacing: 0px;
  line-height: 1;
  text-transform: none !important;
}
.swiper-button-prev::after,
.swiper-rtl .swiper-button-next::after {
  content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  left: auto;
  right: var(--swiper-navigation-sides-offset, 10px);
}
.swiper-button-next::after,
.swiper-rtl .swiper-button-prev::after {
  content: "next";
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transform: translateZ(0px);
  transition: opacity 0.3s;
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  left: 0px;
  top: var(--swiper-pagination-top, auto);
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  font-size: 0px;
  overflow: hidden;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  display: inline-block;
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 8px)
  );
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 8px)
  );
}
button.swiper-pagination-bullet {
  appearance: none;
  border: medium;
  box-shadow: none;
  margin: 0px;
  padding: 0px;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  opacity: var(--swiper-pagination-bullet-opacity, 1);
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  left: var(--swiper-pagination-left, auto);
  right: var(--swiper-pagination-right, 8px);
  top: 50%;
  transform: translate3d(0px, -50%, 0px);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition:
    transform 0.2s,
    top 0.2s;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translate(-50%);
  white-space: nowrap;
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition:
    transform 0.2s,
    left 0.2s;
}
.swiper-horizontal.swiper-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition:
    transform 0.2s,
    right 0.2s;
}
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
  background: var(
    --swiper-pagination-progressbar-bg-color,
    rgba(0, 0, 0, 0.25)
  );
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  transform: scale(0);
  transform-origin: left top 0px;
  width: 100%;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top 0px;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0px;
  top: 0px;
  width: 100%;
}
.swiper-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  height: 100%;
  left: 0px;
  top: 0px;
  width: var(--swiper-pagination-progressbar-size, 4px);
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  bottom: var(--swiper-scrollbar-bottom, 4px);
  height: var(--swiper-scrollbar-size, 4px);
  left: var(--swiper-scrollbar-sides-offset, 1%);
  position: absolute;
  top: var(--swiper-scrollbar-top, auto);
  width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
  z-index: 50;
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
  left: var(--swiper-scrollbar-left, auto);
  position: absolute;
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  width: var(--swiper-scrollbar-size, 4px);
  z-index: 50;
}
.swiper-scrollbar-drag {
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-virtual .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0px);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  left: 0px;
  pointer-events: none;
  position: absolute;
  top: 0px;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  height: var(--swiper-virtual-size);
  width: 1px;
}
.swiper-zoom-container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.header-menu {
  display: flex;
  flex-flow: wrap;
  gap: var(--gap-sm);
  max-width: 100%;
}
.header-menu li {
  position: relative;
}
.header-menu li a {
  font-family:
    Sofia Pro,
    sans-serif;
  user-select: none;
  white-space: nowrap;
}
.header-menu li.opened > a,
.header-menu li:has(.router-link-exact-active):not(.has-child) > a {
  background: var(--primary) !important;
  color: var(--light-100);
}
.header-menu li.opened > a::after,
.header-menu li:has(.router-link-exact-active):not(.has-child) > a::after {
  filter: invert(1);
}
.header-menu li.opened > .sub-menu,
.header-menu li:has(.router-link-exact-active):not(.has-child) > .sub-menu {
  display: flex;
  opacity: 1;
  visibility: visible;
  z-index: 11;
}
.header-menu li.has-child > a::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI2IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTAgNiI+PHBhdGggc3Ryb2tlPSIjMDAwIiBkPSJtMSAxIDQgNCA0LTQiLz48L3N2Zz4=");
  content: "";
  display: flex;
  height: 6px;
  width: 10px;
}
.header-menu li a:hover::after {
  filter: invert(1);
}
.header-menu .sub-menu {
  backdrop-filter: blur(4px);
  background: color-mix(in srgb, var(--light-100) 90%, transparent);
  border-radius: 20px;
  flex-direction: column;
  opacity: 0;
  padding: 20px 38px;
  position: absolute;
  top: calc(100% + 10px);
  transition:
    opacity 0.3s ease-in-out,
    visibility 0.3s ease-in-out;
  visibility: hidden;
  width: 290px;
}
@media (max-width: 1320px) {
  .header-menu .sub-menu {
    right: -40px;
  }
}
.header-menu .sub-menu li {
  display: flex;
  margin-bottom: 5px;
}
.header-menu .sub-menu li a {
  align-items: center;
  border-radius: 60px;
  display: flex;
  font-size: var(--fz-smx);
  gap: 10px;
  padding: 10px 16px;
  transition:
    background 0.2s ease-in-out,
    color 0.2s ease-in-out;
}
.header-menu .sub-menu li a:hover {
  background: var(--primary-light);
  color: var(--light-100);
}
.header-menu .sub-menu .sub-menu {
  right: calc(100% + 10px);
  top: 0px;
  z-index: 10;
}
@media (max-width: 1320px) {
  .header-menu .sub-menu .sub-menu {
    right: -20px;
    top: calc(100% + 10px);
  }
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.city-select {
  font-size: var(--fz-sm);
  max-width: 74px;
  min-width: 68px;
}
.city-select
  .n-base-selection
  .n-base-selection-label
  .n-base-selection-input
  .n-base-selection-input__content,
.city-select .n-base-select-menu .n-base-select-option {
  font-size: var(--fz-sm);
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.section-header {
  margin-bottom: 40px;
  margin-top: 38px;
  position: relative;
}
.header-list {
  align-items: center;
  display: flex;
  flex-flow: row;
  gap: var(--gap-2xl);
}
@media (max-width: 980px) {
  .header-list {
    gap: 5px;
  }
}
.menu-wrapper {
  display: flex;
  flex-grow: 1;
  justify-content: flex-start;
  min-height: 59px;
  transition: opacity 0.1s ease-in-out;
  width: 100%;
}
@media (max-width: 980px) {
  .menu-wrapper {
    justify-content: flex-end;
    min-height: 53px;
    order: 1;
  }
}
.menu-wrapper:not(.mounted) {
  opacity: 0;
}
.menu-wrapper:not(.mounted) ul li {
  height: 0px !important;
}
@media (max-width: 980px) {
  .menu-wrapper {
    flex-grow: 0;
    margin-left: auto;
  }
}
.search--button {
  display: flex;
}
@media (max-width: 980px) {
  .search--button {
    margin-left: 20px;
    order: 3;
  }
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.offset {
  position: relative;
  top: 5px;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.social-list {
  display: flex;
  gap: 6px;
}
.social-list-icon {
  height: 44px;
  width: 44px;
  fill: none;
}
.social-list li a svg {
  border-radius: var(--radius-smx);
  transition: box-shadow 0.2s ease-in-out;
}
.social-list li a:hover svg {
  box-shadow: 0 0 8px 0 var(--primary);
}
.footer-list {
  gap: 20px;
  margin-bottom: 50px;
}
@media (max-width: 1280px) {
  .footer-list {
    flex-wrap: wrap;
    gap: 40px 0px;
  }
}
.footer-list-item {
  gap: 24px;
  max-width: 232px;
  width: 100%;
}
@media (max-width: 768px) {
  .footer-list-item:first-child {
    order: 1;
  }
}
@media (max-width: 562px) {
  .footer-list-item:first-child {
    order: 3;
  }
}
@media (max-width: 768px) {
  .footer-list-item:nth-child(2) {
    order: 3;
  }
}
@media (max-width: 562px) {
  .footer-list-item:nth-child(2) {
    order: 1;
  }
}
@media (max-width: 768px) {
  .footer-list-item:nth-child(3) {
    order: 4;
  }
}
@media (max-width: 562px) {
  .footer-list-item:nth-child(3) {
    order: 2;
  }
}
@media (max-width: 768px) {
  .footer-list-item:nth-child(4) {
    order: 2;
  }
}
@media (max-width: 562px) {
  .footer-list-item:nth-child(4) {
    order: 4;
  }
}
@media (max-width: 390px) {
  .footer-list-item:nth-child(4) {
    width: 100%;
  }
}
.footer-list-item-title {
  font-size: var(--fz-sm);
  font-weight: 600;
  white-space: pre-wrap;
}
@media (max-width: 768px) {
  .footer-list-item-title {
    font-size: var(--fz-smx);
  }
}
.footer-list-item-store {
  gap: 10px;
}
.footer-list-item .phone {
  font-size: var(--fz-md);
  font-weight: 600;
}
.footer-list-item nav {
  gap: 12px;
}
.footer-list-item nav:is(.col) {
  align-items: flex-start;
  display: flex;
}
.footer-list-item nav a {
  display: inline-block;
  font-size: var(--fz-sm);
  position: relative;
  transition:
    color 0.2s ease-in-out,
    box-shadow 0.2s ease-in-out;
}
@media (max-width: 768px) {
  .footer-list-item nav a {
    font-size: var(--fz-smx);
  }
}
.footer-list-item nav a:last-child {
  margin-bottom: 0px;
}
.footer-list-item nav a::after {
  background-color: var(--primary);
  bottom: 0px;
  content: "";
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  width: 100%;
}
.footer-list-item nav a.router-link-exact-active {
  color: var(--primary);
  pointer-events: none;
}
.footer-list-item nav a:hover {
  color: var(--primary);
}
.footer-list-item nav a:hover::after {
  opacity: 1;
}
@media (max-width: 562px) {
  .footer-list-item {
    width: fit-content;
  }
}
.brand-list {
  gap: 20px;
}
.brand-list-item {
  align-items: center;
  color: var(--light-400);
  display: flex;
  font-size: var(--fz-smx);
  gap: 16px;
  max-width: 232px;
  width: 100%;
}
.brand-list-item a {
  display: flex;
}
.brand-list-item a img {
  display: flex;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .brand-list-item {
    font-size: var(--fz-xs);
    width: fit-content;
  }
}
@media (max-width: 400px) {
  .brand-list-item {
    gap: 8px;
  }
}
.section-footer {
  padding-bottom: 71px;
}
.section-footer .footer-offset {
  background-color: var(--light-100);
  border-radius: 28px;
  padding: 50px 100px 36px;
}
@media (max-width: 768px) {
  .section-footer .footer-offset {
    padding: 50px 15px 36px;
  }
}
@media (max-width: 1000px) {
  .section-footer {
    padding-bottom: 56px;
  }
}
@media (max-width: 430px) {
  .section-footer {
    padding-inline: 0px;
    padding-bottom: 45px;
  }
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.loader {
  align-items: center;
  background-color: rgb(255, 255, 255);
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100vw;
  z-index: 100;
}
.loader-enter-active {
  transition: opacity 0.1s;
}
.loader-leave-active {
  transition: opacity 0.3s;
}
.loader-enter-from,
.loader-leave-to {
  opacity: 0;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.link {
  height: 100%;
  max-height: 33px;
}
.logo img.link-mob {
  display: none;
  height: 21px;
  object-fit: contain;
  object-position: center center;
  width: 29px;
}
@media (max-width: 380px) {
  .logo img.link-mob {
    display: var(--070399bb);
  }
}
.logo svg {
  fill: currentcolor;
  height: 100%;
  width: 158px;
}
@media (max-width: 980px) {
  .logo svg {
    height: 20px;
    width: 100px;
  }
}
@media (max-width: 380px) {
  .logo svg {
    display: var(--6f6c280c);
  }
}
.logo svg * {
  fill: currentcolor;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.select {
  background: rgb(236, 237, 238);
  border-radius: 25px;
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  height: 48px;
  padding: 12px 24px;
  position: relative;
  width: 270px;
}
@media (max-width: 825px) {
  .select {
    width: 100%;
  }
}
@media (max-width: 430px) {
  .select {
    font-size: 14px;
  }
}
.select__list {
  overflow: auto;
  padding-right: 7px;
  transform: scaleX(-1);
}
.select__list::-webkit-scrollbar {
  border-radius: 3px;
  width: 3px;
}
.select__list::-webkit-scrollbar-button {
  height: 0px;
  width: 0px;
}
.select__list::-webkit-scrollbar-thumb {
  background: rgb(141, 141, 141);
  border-radius: 3px;
  opacity: 0.4;
}
.select__list::-webkit-scrollbar-track {
  border: 0px rgb(255, 255, 255);
  border-radius: 3px;
}
.select__list--wrapper {
  background: rgb(236, 237, 238);
  border-radius: 25px;
  left: 0px;
  padding: 20px;
  position: absolute;
  top: 110%;
  width: 100%;
  z-index: 20;
}
.select__list {
  max-height: 216px;
}
.select__item {
  align-items: center;
  display: flex;
  gap: 5px;
  margin-bottom: 7px;
  transform: scaleX(-1);
}
.select__item:last-child {
  margin-bottom: 0px;
}
.select__value {
  background: transparent;
  border-radius: 22px;
  color: rgb(0, 0, 0);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 16px;
  padding: 10px 16px;
  text-align: left;
  transition: background 0.2s ease-in-out;
  width: 100%;
}
.select__value:hover {
  background: rgb(255, 255, 255);
  box-shadow: rgba(49, 79, 124, 0.12) 0px 0px 48px;
  color: rgb(0, 0, 0);
}
.select__value--active {
  background: var(--primary);
  color: var(--light-100);
  pointer-events: none;
}
.select__value--active:hover {
  background: var(--primary);
  color: rgb(255, 255, 255);
}
.select-button {
  align-items: baseline;
  display: flex;
  gap: 5px;
  justify-content: space-between;
  text-align: left;
  width: 100%;
}
.select-button span {
  color: rgb(0, 0, 0);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 16px;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
}
.select-button svg {
  flex-shrink: 0;
}
.options-wrapper {
  background-color: red;
  height: 100%;
  width: 100%;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.donations-form {
  background-image: url("../img/png/wallet.png");
  background-position: right 60px top 60px;
  background-repeat: no-repeat;
  background-size: 140px;
  border-radius: 36px;
  box-shadow: rgba(49, 79, 124, 0.12) 0px 0px 48px;
  display: block;
  max-width: 936px;
  padding: 60px;
  width: 100%;
}
@media (max-width: 825px) {
  .donations-form {
    background: none !important;
    padding: 60px 20px;
  }
}
.donations-form .n-form-item .n-form-item-blank > div {
  max-width: 382px;
  width: 100%;
}
.donations-form .n-input .n-input-wrapper {
  padding: 8.5px 10px;
}
.donations-form .n-form-item .n-form-item-label {
  color: rgb(156, 163, 175);
}
.donations-form__action {
  align-items: flex-end;
  display: grid;
  gap: 30px;
  grid-template-columns: 1fr 1fr 216px;
}
@media (max-width: 430px) {
  .donations-form__action {
    gap: 15px;
  }
}
@media (max-width: 825px) {
  .donations-form__action {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }
}
.donations-form__button {
  width: 186px !important;
}
.donations-form .input {
  max-width: 382px;
  width: 100%;
}
@media (max-width: 825px) {
  .donations-form .input {
    max-width: unset;
  }
}
.donations-form__button {
  height: fit-content;
  width: 100%;
}
.donations-form__description {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  line-height: 1.2;
  margin-top: 30px;
}
@media (max-width: 430px) {
  .donations-form__description {
    justify-content: center;
    text-align: center;
  }
}
.donations-form__description span {
  color: rgba(150, 151, 156, 0.57);
  font-size: 14px;
  font-weight: 500;
  line-height: 105%;
}
.donations-form__description span:last-child {
  font-style: italic;
}
.donations-form__download {
  align-items: center;
  display: flex;
  gap: 4px;
}
.donations-form__download svg {
  position: relative;
  top: -2px;
}
.rate-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 40px;
}
.rate-list__button {
  background: transparent;
  color: rgb(26, 26, 26);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 105%;
  position: relative;
  text-transform: uppercase;
}
@media (max-width: 600px) {
  .rate-list__button {
    font-size: 14px;
  }
}
.rate-list__button::before {
  background: rgb(196, 196, 199);
  bottom: -4px;
  content: "";
  height: 1px;
  left: 0px;
  position: absolute;
  transition: background 0.2s ease-in-out;
  width: 100%;
}
.rate-active::before {
  background: linear-gradient(90deg, rgb(80, 179, 177), rgb(0, 212, 255));
}
.blank-download {
  font-size: 12px;
  font-weight: 700;
  position: relative;
  top: -1px;
}
.blank-download::before {
  background: rgb(56, 131, 185);
  bottom: 0px;
  content: "";
  height: 1px;
  left: 0px;
  position: absolute;
  width: 100%;
}
@media (max-width: 825px) {
  .action-item {
    width: 100%;
  }
}
.action-item span {
  color: rgba(150, 151, 156, 0.57);
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 105%;
  margin-bottom: 12px;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.help-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}
.icon {
  width: 100%;
}
.button--method {
  align-items: center;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 60px;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  gap: 10px;
  padding: 16px 20px;
  transition: 0.2s linear;
}
.button--active-tab {
  background: rgb(255, 255, 255);
  box-shadow: rgba(49, 79, 124, 0.12) 0px 0px 46px;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.section-articles {
  margin-bottom: 100px;
}
.articles-body {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 27px;
}
@media (max-width: 1000px) {
  .articles-body {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 430px) {
  .articles-body {
    grid-template-columns: repeat(1, 1fr);
  }
}
.articles-body .article {
  gap: 0px;
}
@media (max-width: 980px) {
  .articles-body .article:nth-child(n + 3) {
    display: none;
  }
}
@media (max-width: 1280px) {
  .articles-body .article-image {
    height: 261px !important;
  }
}
@media (max-width: 768px) {
  .articles-body .article-image {
    height: 302px !important;
  }
}
.articles-body .article-body {
  padding: 17px 14px 23px;
}
@media (max-width: 768px) {
  .articles-body .article-body {
    padding: 23px 24px;
  }
}
.articles-body .article-body-title {
  color: var(--dark-800);
  display: block !important;
  font-size: var(--fz-md);
  font-weight: 400;
}

.article-body-title:hover {
  color: #278fce;
  display: block !important;
  font-size: var(--fz-md);
  font-weight: 400;
}

@media (max-width: 768px) {
  .articles-body .article-body-title {
    font-size: var(--fz-smx);
  }
}
.articles-body .article-body a {
  display: none !important;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.article {
  background: var(--light-100);
  gap: 20px;
  justify-content: space-between;
}
.article,
.article__preview {
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.article__preview {
  flex-shrink: 0;
  height: 220px;
  width: 100%;
}
@media (max-width: 1000px) {
  .article__preview {
    height: 248px;
  }
}
@media (max-width: 430px) {
  .article__preview {
    height: 240px;
  }
}
.article-link {
  margin-bottom: auto;
}
.article-image {
  object-position: center center;
}
.article-body {
  gap: 20px;
  padding: 0px 15px 23px;
}
@media (max-width: 430px) {
  .article-body span {
    font-size: 16px;
  }
}
@media (max-width: 980px) {
  .article-body {
    padding: 20px 21px;
  }
}
@media (max-width: 560px) {
  .article-body {
    padding: 24px 24px 26px;
  }
}
.article-body-title {
  color: var(--dark-700);
  font-size: var(--fz-md);
  font-weight: 600;
  height: 100%;
  min-height: 91px;
}
@media (max-width: 1000px) {
  .article-body-title {
    min-height: 60px;
  }
}
@media (max-width: 430px) {
  .article-body-title {
    font-size: var(--fz-smx);
    min-height: 75px;
  }
}
.article-body__link {
  font-size: var(--fz-smx) !important;
}
@media (max-width: 430px) {
  .article {
    gap: 0px;
  }
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.main-banner {
  height: 567px;
}
@media (max-width: 1000px) {
  .main-banner {
    height: 500px;
  }
}
.container,
.section .container {
  padding: 0px;
}
.swiper {
  position: relative;
  z-index: 3;
}
.swiper,
.swiper__slide {
  border-radius: var(--radius-xl);
}
.swiper__slide {
  background-position: 50% center;
  background-size: cover;
  padding: 115px 82px 103px;
}
@media (max-width: 1000px) {
  .swiper__slide {
    padding: 80px 42px 60px;
  }
}
@media (max-width: 430px) {
  .swiper__slide {
    padding: 100px 15px 87px;
  }
}
.swiper {
  height: 100%;
  width: 100%;
}
.slide-content__title {
  color: rgb(255, 255, 255);
  letter-spacing: -0.01em;
  line-height: 110%;
  margin-bottom: 53px;
}
@media (max-width: 430px) {
  .slide-content__title {
    font-size: 28px !important;
    margin-bottom: 60px;
  }
}
.slide-content__description {
  color: rgb(255, 255, 255);
  font-size: 21px;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 130%;
  margin-bottom: 60px;
}
@media (max-width: 430px) {
  .slide-content__description {
    font-size: 16px;
    margin-bottom: 40px;
  }
}
.custom-arrow {
  align-items: center;
  background: transparent;
  border-radius: 8px;
  border-width: 0px;
  color: rgb(255, 255, 255);
  cursor: pointer;
  display: inline-flex;
  height: 60px;
  justify-content: center;
  position: absolute;
  top: calc(50% - 30px);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  width: 60px;
  z-index: 5;
}
.custom-arrow--left {
  left: 10px;
  transform: rotate(180deg);
}
.custom-arrow--right {
  right: 10px;
}
.custom-arrow:hover {
  opacity: 0.5;
}
@media (max-width: 1024px) {
  .custom-arrow {
    display: none;
    opacity: 0;
    visibility: hidden;
    z-index: -3;
  }
}
.banner-pagination {
  bottom: 20px;
  display: flex;
  justify-content: center;
  position: absolute;
  z-index: 3;
}
.swiper-pagination-bullet {
  background-color: rgb(255, 255, 255);
  border-radius: 4px;
  height: 3px;
  width: 50px;
}
@media (max-width: 430px) {
  .swiper-pagination-bullet {
    width: 40px;
  }
}

.section-banner {
  padding-bottom: 40px;
}
@media (max-width: 430px) {
  .section-banner .container {
    padding: 0px !important;
  }
}
.banner {
  background-color: var(--light-300);
  border-radius: var(--radius-xl);
  height: 100%;
  min-height: 525px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.banner-wrapper-item {
  background-position: 100% center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  height: 100%;
  padding: 82px 100px 62px;
}
@media (max-width: 980px) {
  .banner-wrapper-item::after {
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .banner-wrapper-item {
    min-height: 400px;
    padding: 80px 20px 87px;
  }
}
.banner-list {
  box-sizing: border-box;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.banner-list-title {
  color: var(--light-100) !important;
  line-height: 1.1;
  margin-bottom: 53px;
  max-width: 604px;
}
@media (max-width: 768px) {
  .banner-list-title {
    margin-bottom: 60px;
  }
}
.banner-list-description {
  color: var(--light-100);
  font-size: 21px;
  line-height: 1.3;
  margin-bottom: 60px;
  max-width: 550px;
}
@media (max-width: 768px) {
  .banner-list-description {
    font-size: var(--fz-smx);
    margin-bottom: 40px;
  }
}
.banner-list-button {
  font-size: 21px;
  max-width: 248px;
  width: 100%;
}
.banner-list-button .icon {
  height: 28px;
  width: 28px;
}
.banner-list-button .icon,
.banner-list-button .icon * {
  fill: transparent;
  stroke: currentcolor;
}
@media (max-width: 980px) {
  .banner-list-button {
    max-width: 200px;
  }
}
@media (max-width: 430px) {
  .banner-list-button {
    font-size: 18px;
  }
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.section-advantages {
  margin-bottom: 100px;
}
.advantage-list {
  gap: 4px;
}
@media (max-width: 980px) {
  .advantage-list {
    flex-direction: column;
    gap: 20px;
  }
}
.advantage-list-item {
  background: var(--light-100);
  border-radius: var(--radius-xl);
  gap: 18px;
  padding: 15px 24px;
}
@media (max-width: 980px) {
  .advantage-list-item {
    gap: 40px;
  }
}
.advantage-list-item img {
  flex-shrink: 0;
  min-width: 71px;
  object-fit: contain;
}
.advantage-list-item-title {
  color: var(--dark-700);
  font-size: 33px;
  font-weight: 600;
}
.advantage-list-item-description {
  color: var(--light-400);
  font-size: var(--fz-md);
  font-weight: 500;
}
@media (max-width: 430px) {
  .advantage-list-item-description {
    font-size: 16px;
  }
}
.advantage-list-item .col {
  justify-content: center;
}

.section-help {
  margin-bottom: 100px;
}
.help-list-body {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
@media (max-width: 1320px) {
  .help-list-body {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 555px) {
  .help-list-body {
    grid-template-columns: 1fr;
  }
}
.help-list-body .card {
  background: transparent;
  box-shadow: none;
}
.help-list-body .card-body {
  padding: 8px 13px;
}
.help-list-body .card-body-title {
  font-size: var(--fz-xs);
}

.section-program {
  margin-bottom: 60px;
}
.program-list-body {
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1280px) {
  .program-list-body {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .program-list-body {
    grid-template-columns: 1fr;
  }
}
.program-list-body .card:nth-child(n + 7) {
  display: none;
}
@media (max-width: 1280px) {
  .program-list-body .card:nth-child(n + 5) {
    display: none;
  }
}
@media (max-width: 768px) {
  .program-list-body .card:nth-child(n + 3) {
    display: none;
  }
}
@media (max-width: 1280px) {
  .program-list-body .card-title {
    font-size: 28px;
  }
}
@media (max-width: 768px) {
  .program-list-body .card-description {
    font-size: var(--fz-xs);
  }
}
.program-list-body .card .insane-button {
  height: 40px;
  width: 60px;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.section-app {
  margin-bottom: 100px;
}
.app-list {
  gap: 20px;
}
@media (max-width: 768px) {
  .app-list {
    flex-direction: column;
  }
  .app-list-item:last-child {
    height: 343px;
  }
}
.app-list-item {
  align-items: flex-start;
  background: var(--light-100);
  border-radius: var(--radius-xl);
  padding: 44px 33px;
  width: 100%;
}
.app-list-item > .col {
  margin-bottom: auto;
}
.app-list-item:last-child {
  overflow: hidden;
  padding: 0px;
  position: relative;
}
@media (max-width: 576px) {
  .app-list-item:last-child {
    height: 300px;
  }
}
.app-list-item-image {
  display: block;
  left: 0px;
  margin: 0px auto;
  object-fit: contain;
  object-position: center center;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
}
@media (max-width: 768px) {
  .app-list-item-image {
    top: 5%;
    width: 80%;
  }
}
@media (max-width: 576px) {
  .app-list-item-image {
    top: 15%;
    width: 90%;
  }
}
@media (max-width: 360px) {
  .app-list-item-image {
    top: 20%;
  }
}
.app-list-item-title {
  color: var(--dark-900);
  font-size: var(--fz-xl);
  font-weight: 600;
  margin-bottom: 42px;
}
.app-list-item-description {
  color: var(--dark-900);
  font-size: var(--fz-md);
  margin-bottom: 40px;
  white-space: break-spaces;
}
@media (max-width: 768px) {
  .app-list-item-description {
    font-size: var(--fz-xs);
  }
}
.app-list-item .insane-button {
  max-width: 186px;
  width: 100%;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.main-page-header {
  align-items: flex-end;
  margin-bottom: 60px;
}
.main-page-header .title-h1 {
  font-weight: 700;
  line-height: 0.7;
}
@media (max-width: 768px) {
  .main-page-header .title-h1 {
    line-height: 1;
  }
}
.main-page-header .link {
  color: var(--primary-light);
  font-size: var(--fz-lg);
  font-weight: 500;
  line-height: 0.8;
}
@media (max-width: 768px) {
  .main-page-header .link {
    font-size: var(--fz-smx);
    line-height: 1;
  }
}
.main-page-header .link:hover {
  color: var(--primary);
}
.page-main .help-list-body .card-body {
  padding: 9px 13px;
}
.page-main .help-list-body .card {
  box-shadow: rgba(49, 79, 124, 0.12) 0px 0px 46.41px;
}
.page-main .article-body-title {
  font-size: var(--fz-md) !important;
  font-weight: 400 !important;
}
@media (max-width: 1000px) {
  .page-main .article-body-title {
    font-size: var(--fz-xs) !important;
  }
}
.page-main .article-image {
  height: 257px !important;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.card {
  border-radius: 20px;
  overflow: hidden;
}
.card-image {
  display: block;
  height: 220px;
  object-fit: cover;
  object-position: center center;
  width: 100%;
}
@media (max-width: 430px) {
  .card-image {
    height: 221px;
  }
}
.card-image-link {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.card-carousel {
  height: 220px;
  margin-bottom: auto;
  user-select: none;
}
@media (max-width: 430px) {
  .card-carousel {
    height: 221px;
  }
}
.card-body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  padding: 9px 8px 12px;
  width: 100%;
}
@media (max-width: 980px) {
  .card-body {
    padding: 12px 16px;
  }
}
.card-body-title {
  display: -webkit-box;
  flex-grow: 1;
  font-size: var(--fz-smx);
  margin-bottom: 33px;
  min-height: 40px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -moz-box-orient: vertical;
  line-height: 120%;
}

.card-body-title:hover{
  color: #278fce
}

.card-body-slider {
  margin-bottom: 22px;
}
.card-body-actions {
  gap: 9px;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.card {
  background: var(--light-100);
  border-radius: var(--radius-lg);
  padding: 39px 25px 36px;
}
.card > .col {
  margin-bottom: auto;
}
.card-title {
  color: var(--dark-900);
  font-size: var(--fz-xl);
  font-weight: 500;
  line-height: 1.05;
  margin-bottom: 20px;
}
.card-description {
  color: var(--light-400);
  font-size: var(--fz-smx);
  line-height: 1.24;
  margin-bottom: 30px;
  min-height: 22px;
  -moz-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.card .insane-button {
  height: 40px;
  width: 60px;
}
@media (max-width: 980px) {
  .card-title {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 768px) {
  .card-title {
    font-size: var(--fz-md);
  }
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.program-list {
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 50px;
}
@media (max-width: 1280px) {
  .program-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 576px) {
  .program-list {
    grid-template-columns: 1fr;
  }
}
.program-list-item .insane-button {
  height: 40px;
  width: 60px;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.zakat-form .row {
  gap: 10px;
}
.zakat-form .row .insane-button {
  width: 100%;
}
.zakat-form .n-form-item .n-form-item-blank > div {
  width: 100%;
}
.zakat-form .n-input .n-input-wrapper {
  /*! padding: 8.5px 10px; */
}
.zakat-form .n-form-item .n-form-item-label {
  color: rgb(156, 163, 175);
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.tab {
  background: rgb(255, 255, 255);
  border-radius: 36px;
  box-shadow: rgba(49, 79, 124, 0.12) 0px 0px 48px;
  font-size: 16px;
  font-weight: 300;
  max-width: 839px;
  padding: 60px;
  width: 100%;
}
@media (max-width: 1200px) {
  .tab {
    padding: 60px 40px;
  }
}
@media (max-width: 430px) {
  .tab {
    max-width: unset;
    padding: 60px 20px;
  }
}
.tab h1,
.tab h2,
.tab h3,
.tab h4,
.tab h5,
.tab h6 {
  margin-bottom: 15px;
}
.tab p {
  line-height: 150%;
  padding: 0px 0px 10px;
}
.tab ul {
  list-style: square;
}
.tab ol,
.tab ul {
  padding-left: 20px;
}
.tab ol {
  list-style: decimal;
}
.tab img[align="center"] {
  margin: 0px auto;
  padding: 15px 0px;
}
.tab img[align="left"] {
  padding-right: 15px;
  padding-top: 5px;
}
.tab img[align="right"] {
  padding-left: 15px;
  padding-top: 5px;
}
.tab__item {
  margin-bottom: 40px;
}
.tab__item span {
  display: inline-block;
  font-weight: 600;
  margin-bottom: 20px;
}
.tab__item ol {
  list-style: decimal;
  padding-left: 20px;
}
.tab--alms span {
  margin-bottom: 0px;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.tooltip {
  background: rgb(255, 255, 255);
  border-radius: 36px;
  box-shadow: rgba(49, 79, 124, 0.12) 0px 0px 48px;
  display: flex;
  flex-direction: column;
  font-weight: 500;
  gap: 30px;
  letter-spacing: -0.01em;
  line-height: 105%;
  max-width: 520px;
  padding: 60px 60px 80px;
  position: relative;
  text-align: center;
  width: 100%;
}
.tooltip__title {
  color: var(--dark-800);
  font-size: var(--fz-x);
}
@media (max-width: 768px) {
  .tooltip__title {
    font-size: 28px;
  }
}
.tooltip__description {
  color: rgb(196, 196, 199);
  font-size: 20px;
}
@media (max-width: 768px) {
  .tooltip__description {
    font-size: 16px;
  }
}
.tooltip__value {
  color: var(--primary-light);
  font-size: 36px;
  letter-spacing: -0.01em;
}
@media (max-width: 768px) {
  .tooltip__value {
    font-size: 32px;
  }
}
.tooltip__close {
  background-color: transparent;
  position: absolute;
  right: 30px;
  top: 30px;
}
@media (max-width: 390px) {
  .tooltip {
    padding: 40px 40px 60px;
  }
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.popup {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 11;
}
.popup__body {
  padding: 0px 16px;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.zakat {
  margin-bottom: 100px;
}
.zakat__heading {
  margin-bottom: 60px;
}
.zakat__content {
  display: flex;
  gap: 20px;
}
@media (max-width: 768px) {
  .zakat__content {
    flex-direction: column;
  }
}
.zakat-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}
.zakat-button {
  background-color: rgb(255, 255, 255);
  border-radius: 60px;
  font-size: 14px;
  letter-spacing: -0.01em;
  padding: 16px;
  transition: box-shadow 0.2s linear;
}
.zakat-button--active,
.zakyat-list-item {
  box-shadow: rgba(49, 79, 124, 0.12) 0px 0px 48px;
}
.zakyat-list-item {
  background: rgb(255, 255, 255);
  border-radius: 36px;
  height: 100%;
  max-width: 462px;
  padding: 60px 40px;
  width: 100%;
}
.zakyat-list-item-header-nisab {
  font-size: var(--fz-sm);
}
.zakyat-list-item-header {
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .zakyat-list-item {
    max-width: 380px;
    padding: 60px 20px;
  }
}
@media (max-width: 1024px) {
  .zakyat-list-item {
    max-width: 320px;
  }
}
@media (max-width: 768px) {
  .zakyat-list-item {
    max-width: unset;
    width: unset;
  }
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.help {
  margin-bottom: 100px;
}
.help .container {
  display: block;
}
.help__heading {
  margin-bottom: 60px;
}

.feedback-form {
  max-width: 360px;
  width: 100%;
}
.feedback-form .insane-button {
  flex-shrink: 0;
}
.feedback-form .row {
  align-items: flex-start;
}
.feedback-form .n-input-number {
  flex-grow: 1;
}
.feedback-form .n-input .n-input-wrapper {
  padding: 8.5px 10px;
}
.feedback-form-upload-button {
  border-radius: var(--radius-sm);
  margin-bottom: 8px;
  padding: 12px;
}
.feedback-form-upload-caption {
  color: var(--darl-700);
  font-size: var(--fz-xs);
}
.input__wrapper-wrapper {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}
.input__wrapper {
  background-color: rgb(236, 237, 238);
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-size: 16px;
  padding: 12px;
  position: relative;
  text-align: center;
  transition: filter 0.15s;
  width: 100%;
}
.input__wrapper:hover {
  filter: brightness(0.9);
}
.input__file {
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}
.input__file-button-text {
  cursor: pointer;
  margin-top: 1px;
}
.row--action {
  display: flex;
  gap: 20px;
}
@media (max-width: 390px) {
  .row--action {
    flex-direction: column;
  }
  .row--action > * {
    width: 100%;
  }
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.feedback-list {
  gap: 20px;
  margin-bottom: 100px;
}
@media (max-width: 980px) {
  .feedback-list {
    flex-wrap: wrap;
  }
}
.feedback-list-item {
  background: var(--light-100);
  border-radius: var(--radius-xl);
  padding: 46px 60px 46px 33px;
  width: 100%;
}
@media (max-width: 768px) {
  .feedback-list-item {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1320px) {
  .feedback-list-item-image {
    display: none !important;
  }
}
.feedback-list-item .content {
  font-size: var(--fz-xs);
  margin-bottom: 43px;
  padding: 0px;
}
.feedback-list-item .title-h4 {
  font-size: var(--fz-l);
  margin-bottom: 40px;
}
@media (max-width: 980px) {
  .feedback-list-item .title-h4 {
    font-size: var(--fz-lg);
  }
}
.feedback-list-item:last-child {
  max-width: 550px;
}
@media (max-width: 980px) {
  .feedback-list-item:last-child {
    max-width: 100%;
  }
}
.feedback-list-item img {
  margin-left: auto;
}
.feedback-list-item aside p {
  margin-bottom: 25px;
}
.document {
  gap: 20px;
}
.document-list {
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start !important;
}
.document-list-item {
  align-items: center;
  display: flex;
  font-size: var(--fz-xs);
}
.document-list-item a {
  font-size: var(--fz-xss);
  gap: 4px;
  transition: color 0.2s ease-in-out;
}
.document-list-item a:hover {
  color: var(--primary-light);
}
.document-list-item a:hover strong {
  text-decoration: none;
}
.document-list-item a strong {
  text-decoration: underline 1px var(--primary);
  text-underline-offset: 4px;
}
.document-list-item a .icon {
  color: var(--primary-light);
  height: 18px;
  width: 18px;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.search-wrapper {
  margin-bottom: 100px;
  min-height: 30vh;
  width: 100%;
}
.search-wrapper .title-h3 {
  margin-bottom: 20px;
}
.search-form {
  width: 100%;
}
.search-form-actions {
  gap: 20px;
}
.search-form-actions .insane-button {
  min-width: 180px;
}
.search-form-actions .n-input .n-input__input-el {
  height: 100% !important;
}
.search-data {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 12px;
}
@media (max-width: 1320px) {
  .search-data {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .search-data {
    grid-template-columns: 1fr;
  }
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.pagination {
  gap: 20px;
}
.pagination,
.pagination-item {
  align-items: center;
  display: flex;
  justify-content: center;
}
.pagination-item {
  background: var(--light-100);
  border-radius: 100%;
  font-size: var(--fz-smx);
  font-weight: 600;
  height: 47px;
  user-select: none;
  width: 47px;
}
.pagination-item.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.pagination-item.active {
  background: var(--gradient-primary);
  color: var(--light-100);
  pointer-events: none;
}
.pagination-item.next svg {
  transform: rotate(-180deg);
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.article-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding-bottom: 80px;
  gap: 20px;
}
@media (max-width: 1000px) {
  .article-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 560px) {
  .article-list {
    grid-template-columns: 1fr;
  }
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.sort-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin-bottom: 40px;
}
@media (max-width: 560px) {
  .sort-list-item {
    font-size: var(--fz-xs) !important;
    padding: 8px 10px !important;
  }
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.card-list {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1024px) {
  .card-list {
    gap: 12px 4px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 576px) {
  .card-list {
    gap: 20px;
    grid-template-columns: 1fr;
  }
}
.pagination,
.section-need {
  margin-bottom: 50px;
}
.section-need__message {
  font-size: 40px;
  font-weight: 700;
  line-height: 105%;
  text-align: center;
}
@media (max-width: 768px) {
  .section-need__message {
    font-size: 20px;
  }
}
@media (max-width: 430px) {
  .section-need__message {
    font-size: 16px;
  }
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.section-hero {
  margin-bottom: 100px;
}
.section-hero .container {
  background:
    url("../img/svg/hero-bg.svg") 0px 100% no-repeat,
    rgb(247, 249, 250);
  border-radius: var(--radius-md);
  min-height: 466px;
  padding: 0px 106px;
}
@media (max-width: 1320px) {
  .section-hero .container {
    padding: 0px 29px;
  }
}
@media (max-width: 430px) {
  .section-hero .container {
    padding: 0px 16px;
  }
}
.hero-list-item {
  gap: 49px;
  max-width: 560px;
  padding: 70px 0px 40px;
}
.hero-list-item:last-child {
  align-items: flex-end;
  display: flex;
  padding: 0px;
}
@media (max-width: 980px) {
  .hero-list-item:last-child {
    display: none;
  }
}
.hero-list-item-title {
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 115%;
}
@media (max-width: 1280px) {
  .hero-list-item-title {
    font-size: 32px;
  }
}
@media (max-width: 430px) {
  .hero-list-item-title {
    font-size: var(--fz-md);
  }
}
.hero-list-item-description {
  font-size: var(--fz-sm);
  font-weight: 500;
  opacity: 0.67;
}
@media (max-width: 430px) {
  .hero-list-item-description {
    font-size: var(--fz-smx);
  }
}
.hero-list-item .insane-button {
  gap: 8px;
  margin-top: auto;
  max-width: 260px;
}
.hero-list-item .insane-button span {
  font-size: 16px;
  position: relative;
}
.hero-list-item .insane-button svg {
  height: 44px;
  transform: rotate(-45deg);
  width: 44px;
}
.section-ceo .container {
  border-radius: 40px;
  overflow: hidden;
  padding-bottom: 64px;
  padding-top: 64px;
}
.section-ceo .hero-list {
  gap: 16px;
}
.hero-ceo-img {
  border-radius: 40px;
  height: 500px;
  object-fit: cover;
  object-position: center center;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.counter-list {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}
.counter-list-item {
  gap: 8px;
}
.counter-list-item-title {
  color: var(--dark-700);
  font-size: 48px;
  font-weight: 600;
  line-height: 1.2;
}
@media (max-width: 1280px) {
  .counter-list-item-title {
    font-size: 32px;
  }
}
@media (max-width: 768px) {
  .counter-list-item-title {
    font-size: 24px;
  }
}
.counter-list-item-description {
  color: rgb(139, 139, 139);
  font-size: var(--fz-xs);
}

.section-about {
  padding-bottom: 100px;
}
@media (max-width: 430px) {
  .section-about .container {
    padding: 0px;
  }
}
.about-list-item {
  border-radius: var(--radius-xl);
  overflow: hidden;
}
.about-list-item.card-shadow-md {
  background: var(--light-100);
  border-radius: var(--radius-xl);
  padding: 40px 100px 60px;
}
@media (max-width: 1000px) {
  .about-list-item.card-shadow-md {
    padding: 40px 40px 60px;
  }
}
@media (max-width: 430px) {
  .about-list-item.card-shadow-md {
    padding: 40px 16px 60px;
  }
}
.about-list-item-title {
  margin-bottom: 20px;
}
.about-list-item-description {
  font-size: var(--fz-sm);
  line-height: 1.5;
  margin-bottom: 32px;
}
@media (max-width: 1280px) {
  .about-list-item-description {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .about-list-item-description {
    font-size: 14px;
  }
}
.about-list-item-description p {
  margin-bottom: 20px;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.main-direction-list {
  display: grid;
  gap: 48px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 980px) {
  .main-direction-list {
    grid-template-columns: 1fr;
  }
}
.main-direction-list-item {
  align-items: center;
  gap: 24px;
}
.main-direction-list-item-title {
  color: var(--dark-700);
  font-size: 28px;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 1280px) {
  .main-direction-list-item-title {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .main-direction-list-item-title {
    font-size: 18px;
  }
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.section-direction {
  margin-bottom: 100px;
}
.direction-list {
  gap: 80px;
}
.direction-list-item-header {
  gap: 24px;
  margin: 0px auto;
  max-width: 768px;
  text-align: center;
}
.direction-list-item-title {
  letter-spacing: -0.5px;
}
.direction-list-item-description {
  font-size: var(--fz-sm);
  line-height: 1.5;
  padding: 0px 23px;
}

.section-target {
  margin-bottom: 100px;
}
.target-list {
  display: grid;
  gap: 63px;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 980px) {
  .target-list {
    display: flex;
    flex-direction: column-reverse;
  }
}
.target-list-item {
  border-radius: var(--radius-xl);
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.target-list-item.card-shadow-md {
  background: var(--light-100);
  border-radius: var(--radius-xl);
  padding: 40px;
}
@media (max-width: 980px) {
  .target-list-item.card-shadow-md {
    padding: 40px 16px;
  }
}
.target-list-item-title {
  margin-bottom: 20px;
}
.target-list-item-content {
  font-size: var(--fz-sm);
}
@media (max-width: 1280px) {
  .target-list-item-content {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .target-list-item-content {
    font-size: 14px;
  }
}
.target-list-item-content p {
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: 20px;
}
.target-list-item--preview {
  align-items: center;
  background-color: rgb(244, 244, 244);
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.target-list-item--preview img {
  max-height: 248px;
  max-width: 318px;
}
@media (max-width: 1024px) {
  .target-list-item--preview img {
    max-height: 210px;
    max-width: 270px;
  }
}
@media (max-width: 768px) {
  .target-list-item--preview {
    display: none;
  }
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.story-list {
  gap: 10px;
}
.story-list-item > .row {
  gap: 20px;
  margin-bottom: 16px;
}
.story-list-item::after {
  background: var(--dark-900);
  content: "";
  display: flex;
  height: 60px;
  margin-left: 30px;
  width: 2px;
}
.story-list-item:last-child::after {
  display: none;
}
.story-list-item:last-child > .row {
  margin-bottom: 0px;
}
.story-list-item .img-wrapper {
  height: 80px;
  width: 80px;
}
.story-list-item-image {
  display: block;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  width: 100%;
}
.story-list-item:first-child .img-wrapper {
  width: 64px;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.section-steps {
  margin-bottom: 100px;
}
.steps-list {
  display: grid;
  gap: 80px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 768px) {
  .steps-list {
    gap: 60px;
  }
}
@media (max-width: 980px) {
  .steps-list {
    grid-template-columns: 1fr;
  }
}
.steps-list-item-header {
  margin-bottom: auto;
}
.steps-list-item-title {
  line-height: 1.2;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .steps-list-item-title {
    margin-bottom: 16px;
  }
}
.steps-list-item-description {
  font-size: var(--fz-xs);
  font-weight: 300;
  line-height: 1.5;
}
.steps-list-item-caption {
  font-size: var(--fz-smx);
  font-weight: 500;
  text-shadow: rgb(0, 0, 0) 0px 0px;
}
@media (max-width: 980px) {
  .steps-list-item-caption {
    display: none;
  }
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.list-enter-active,
.list-leave-active {
  transition: 0.5s;
}
.list-enter-from,
.list-leave-to {
  opacity: 0;
  transform: translate(30px);
}
.section-requisites {
  margin-bottom: 100px;
  padding-top: 40px;
}
.requisites-list {
  gap: 140px;
}
.requisites-list-item-title {
  font-weight: 500;
  line-height: 1.2;
  margin: 0px auto;
  max-width: 820px;
  text-align: center;
}
.requisites-content {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 980px) {
  .requisites-content {
    grid-template-columns: 1fr;
  }
}
.requisites-content-item:last-child {
  margin-left: auto;
  max-width: 488px;
}
@media (max-width: 980px) {
  .requisites-content-item:last-child {
    margin-left: 0px;
    max-width: 100%;
  }
}
.requisites-content-item aside {
  font-size: var(--fz-sm);
}
@media (max-width: 390px) {
  .requisites-content {
    gap: 80px;
  }
}
.item {
  font-size: 18px;
  margin-bottom: 24px;
}
.item--left {
  font-size: 16px;
  margin-bottom: 10px;
}
.item span {
  font-weight: 700;
}
.item:last-child {
  margin-bottom: 0px;
}
@media (max-width: 390px) {
  .item {
    font-size: 16px;
  }
}
.button-documents {
  background-color: transparent;
  position: relative;
  z-index: 3;
}
.button-documents::after {
  background: linear-gradient(90deg, rgb(80, 179, 177), rgb(54, 129, 185));
  bottom: 0px;
  content: "";
  display: inline-block;
  height: 1px;
  left: 0px;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.documents-list {
  display: grid;
  gap: 24px;
  grid-auto-flow: column;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(5, auto);
  margin-top: 30px;
}
.documents-list li a {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  transition: color 0.3s ease-in-out;
}
.documents-list li a:hover {
  color: rgb(106, 177, 177);
}
@media (max-width: 1280px) {
  .documents-list {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(6, auto);
  }
}
@media (max-width: 980px) {
  .documents-list {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(8, auto);
  }
}
@media (max-width: 768px) {
  .documents-list {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(12, auto);
  }
}
@media (max-width: 576px) {
  .documents-list {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(23, auto);
  }
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
@media (max-width: 1280px) {
  .section .title-h1 {
    font-size: 38px;
  }
}
@media (max-width: 768px) {
  .section .title-h1 {
    font-size: 26px;
  }
}
@media (max-width: 430px) {
  .section .title-h1 {
    font-size: 20px;
  }
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.section-documents {
  margin-bottom: 100px;
}
.section-documents .content {
  margin: 0px;
}
.section-documents__aside {
  border-radius: 36px;
  box-shadow: rgba(49, 79, 124, 0.12) 0px 0px 48px;
  padding: 60px;
}
@media (max-width: 430px) {
  .section-documents__aside {
    padding: 60px 16px;
  }
}
.documents-list {
  display: grid;
  gap: 24px;
  grid-auto-flow: column;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(5, auto);
}
.documents-list li a {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  transition: color 0.3s ease-in-out;
}
.documents-list li a:hover {
  color: rgb(106, 177, 177);
}
@media (max-width: 1280px) {
  .documents-list {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(6, auto);
  }
}
@media (max-width: 980px) {
  .documents-list {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(8, auto);
  }
}
@media (max-width: 768px) {
  .documents-list {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(12, auto);
  }
}
@media (max-width: 576px) {
  .documents-list {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(23, auto);
  }
}

.accordion-item {
  background: var(--light-100);
  border-radius: 20px;
  font-weight: var(--fz-sm);
  padding: 20px 24px;
}
.accordion-item-icon {
  height: 32px;
  width: 32px;
}
.n-collapse
  .n-collapse-item
  .n-collapse-item__header
  .n-collapse-item__header-main {
  gap: 20px;
  justify-content: space-between;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.question-form .n-input .n-input-wrapper {
  padding: 8.5px 10px;
}
.question-form .insane-button {
  width: 100%;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.section-qa {
  margin-bottom: 100px;
}
.qa-list {
  align-items: flex-start;
  gap: 30px;
}
@media (max-width: 1280px) {
  .qa-list {
    gap: 20px;
  }
}
@media (max-width: 980px) {
  .qa-list {
    align-items: stretch;
    flex-direction: column-reverse;
  }
  .qa-list-item {
    max-width: none !important;
  }
}
@media (max-width: 576px) {
  .qa-list-item:last-child {
    padding: 20px !important;
  }
}
.qa-list-item:first-child {
  width: 100%;
}
.qa-list-item:last-child {
  background: var(--light-100);
  border-radius: var(--radius-sm);
  flex-grow: 1;
  max-width: 520px;
  padding: 60px 82px 80px;
  width: 100%;
}
@media (max-width: 1280px) {
  .qa-list-item:last-child {
    max-width: 390px;
    padding: 40px 40px 60px;
  }
}
.qa-list-item-title {
  font-size: var(--fz-x);
  font-weight: 500;
  letter-spacing: -1px;
  margin-bottom: 40px;
}
@media (max-width: 1280px) {
  .qa-list-item-title {
    font-size: 28px;
  }
}
@media (max-width: 576px) {
  .qa-list-item-title {
    font-size: 22px;
  }
}
@media (max-width: 360px) {
  .qa-list-item-title {
    font-size: 18px;
  }
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.letter {
  background: rgb(255, 255, 255);
  border-radius: 55px;
  box-shadow: rgba(49, 79, 124, 0.12) 0px 0px 46px;
  height: 55px;
  max-width: 55px;
  padding: 10px 20px;
  width: 100%;
}
.letter p {
  font-size: 24px;
  font-weight: 500;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.volunteer-card {
  background: rgb(255, 255, 255);
  border-radius: 20px;
  box-shadow: rgba(49, 79, 124, 0.12) 0px 0px 46px;
  padding: 20px 30px;
}
.volunteer-card__info {
  display: flex;
  font-size: 14px;
  gap: 12px;
}
.volunteer-card__info__links {
  display: flex;
  flex-direction: column;
}
.volunteer-card__info:has(svg) {
  margin-top: 20px;
}
.volunteer-card__title {
  font-size: 24px;
  font-weight: 600;
}
.icon--phone {
  flex-shrink: 0;
  height: 24px;
  width: 24px;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.volunteer-column {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.volunteer-list {
  display: grid;
  gap: 40px 17px;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 100px;
}
@media (max-width: 1280px) {
  .volunteer-list {
    gap: 64px 20px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 980px) {
  .volunteer-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .volunteer-list {
    gap: 40px;
    grid-template-columns: repeat(1, 1fr);
  }
}

.font-sofia-pro {
  font-family:
    Sofia Pro,
    sans-serif;
}
.row {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.row,
.section {
  width: 100%;
}
.section__heading {
  margin-bottom: 50px;
}
.section__heading .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 1000px) {
  .section__heading .container {
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .section__heading .container {
    gap: 0px;
  }
  .section__heading {
    margin-bottom: 40px;
  }
}
.container {
  margin: 0px auto;
  max-width: 1352px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.col {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .icon {
  height: var(--icon-size-md);
  width: var(--icon-size-md);
}
body .icon,
body .icon * {
  fill: currentcolor;
}
.bg-light {
  background: var(--light-100);
}
.card-shadow-md {
  box-shadow: color-mix(in srgb, rgb(49, 79, 124) 12%, transparent) 0px 0px 48px;
}
.content-body h1,
.title-h1 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-3xl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-x);
  }
}
@media (max-width: 768px) {
  .content-body h1,
  .title-h1 {
    font-size: var(--fz-md);
  }
}
.content-body h2,
.title-h2 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-xxl);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-xl);
  }
}
@media (max-width: 560px) {
  .content-body h2,
  .title-h2 {
    font-size: var(--fz-lg);
  }
}
.content-body h3,
.title-h3 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-lg);
  }
}
@media (max-width: 560px) {
  .content-body h3,
  .title-h3 {
    font-size: var(--fz-md);
  }
}
.content-body h4,
.title-h4 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-lg);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-md);
  }
}
@media (max-width: 560px) {
  .content-body h4,
  .title-h4 {
    font-size: var(--fz-sm);
  }
}
.content-body h5,
.title-h5 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-md);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h5,
  .title-h5 {
    font-size: var(--fz-smx);
  }
}
.content-body h6,
.title-h6 {
  color: var(--dark-900);
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: var(--fz-sm);
  font-weight: 600;
}
@media (max-width: 1280px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-sm);
  }
}
@media (max-width: 560px) {
  .content-body h6,
  .title-h6 {
    font-size: var(--fz-smx);
  }
}
.img-cover {
  object-fit: cover;
}
.img-contain,
.img-cover {
  display: flex;
  height: 100%;
  width: 100%;
}
.img-contain {
  object-fit: contain;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.donation-item {
  position: relative;
  width: 100%;
}
.donation-item__wrapper {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 390px) {
  .donation-item__wrapper {
    flex-direction: column;
  }
}
.donation-item__input {
  align-items: center;
  background: rgb(247, 248, 250);
  border: medium;
  border-radius: 8px;
  display: flex;
  font-size: 18px;
  padding: 15px 12px 7px !important;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
}
.donation-item__input:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 70%, transparent);
  outline: none;
}
.donation-item__input:disabled + .donation-item__label,
.donation-item__input:focus-visible + .donation-item__label,
.donation-item__input:valid + .donation-item__label {
  top: 20%;
  transform: translateY(-50%) scale(0.6);
}
.donation-item__input:focus:invalid {
  box-shadow: color-mix(in srgb, red 70%, transparent) 0px 0px 0px 3px;
}
@media (max-width: 768px) {
  .donation-item__input {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .donation-item__input {
    padding: 16px 12px 13px;
  }
}
.donation-item__label {
  color: rgb(159, 159, 159);
  cursor: text;
  font-family:
    Sofia Pro,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transform-origin: left center 0px;
  transition: 0.2s ease-in-out;
  z-index: 5;
}
@media (max-width: 440px) {
  .donation-item__label {
    font-size: 16px;
  }
}
.section-pay {
  margin-bottom: 100px;
}
.section-pay .content {
  margin: 0px;
}
.section-pay__aside {
  border-radius: 36px;
  box-shadow: rgba(49, 79, 124, 0.12) 0px 0px 48px;
  padding: 60px;
}
@media (max-width: 430px) {
  .section-pay__aside {
    padding: 60px 16px;
  }
}

/* =============================================
   NEW COMPONENT STYLES (Added during migration)
   ============================================= */

/* Page: Want (Donation) */
.section-want {
  padding: 40px 0;
}
.want-form-wrap {
  background: var(--light-100);
  padding: 30px;
  border-radius: var(--radius-md);
  max-width: 600px;
  margin: 0 auto;
}
.amount-presets {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 15px;
}
.amount-preset {
  border: 1px solid var(--light-300);
  padding: 10px 15px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 14px;
}
.amount-preset:hover {
  border-color: var(--primary-light);
  color: var(--primary-light);
}
.amount-preset.active {
  background: var(--primary-light);
  color: var(--light-100);
  border-color: var(--primary-light);
}
.want-submit-btn {
  width: 100%;
  margin-top: 20px;
}
.want-success-message {
  text-align: center;
  padding: 40px 0;
}

/* Page: Need (Help Request) */
.section-need-form {
  padding: 40px 0;
}
.need-form-wrap {
  background: var(--light-100);
  padding: 30px;
  border-radius: var(--radius-md);
  max-width: 800px;
  margin: 0 auto;
}
.need-form-intro {
  margin-bottom: 25px;
  color: var(--dark-700);
  line-height: 1.6;
}
.consent-item {
  margin: 20px 0;
  font-size: 14px;
}
.consent-label {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.need-submit-btn {
  width: 100%;
}

/* Page: Question (FAQ) */
.section-question {
  padding: 40px 0;
}
.question-form-wrap {
  background: var(--light-100);
  padding: 30px;
  border-radius: var(--radius-md);
  margin-bottom: 50px;
}
.faq-section {
  margin-top: 50px;
}
.faq-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.faq-item {
  background: var(--light-100);
  border-radius: var(--radius-sm);
  padding: 20px;
  cursor: pointer;
}
.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  font-size: 18px;
}
.faq-toggle {
  color: var(--primary-light);
  font-size: 24px;
  line-height: 1;
}
.faq-answer {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid var(--light-200);
  color: var(--dark-700);
  line-height: 1.6;
}

/* Page: Offices (Centers) */
.section-offices {
  padding: 40px 0;
}
.offices-letter-group {
  margin-bottom: 40px;
  display: flex;
  gap: 40px;
}
@media (max-width: 768px) {
  .offices-letter-group {
    flex-direction: column;
    gap: 20px;
  }
}
.offices-letter {
  font-size: 48px;
  font-weight: 700;
  color: var(--primary-light);
  min-width: 60px;
  line-height: 1;
}
.offices-cities {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 30px;
}
.offices-city-name {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  grid-column: 1 / -1;
  border-bottom: 2px solid var(--light-200);
  padding-bottom: 10px;
}
.office-card {
  background: var(--light-100);
  padding: 20px;
  border-radius: var(--radius-sm);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.office-card-title {
  font-weight: 600;
  font-size: 18px;
  color: var(--primary);
}
.office-card-address {
  font-size: 14px;
  color: var(--dark-700);
}
.office-card-phone {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
}
.office-card-hours {
  font-size: 13px;
  color: var(--light-400);
}

/* Page: Program Detail */
.section-program-detail {
  padding: 40px 0;
}
.program-detail-layout {
  gap: 30px;
  align-items: flex-start;
}
.program-detail-main {
  flex: 1;
  background: var(--light-100);
  padding: 30px;
  border-radius: var(--radius-md);
}
.program-featured-image {
  margin: 25px 0;
  border-radius: var(--radius-sm);
  overflow: hidden;
}
.program-content {
  line-height: 1.8;
  font-size: 16px;
  color: var(--dark-700);
}
.program-detail-sidebar {
  width: 350px;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  .program-detail-layout {
    flex-direction: column;
  }
  .program-detail-sidebar {
    width: 100%;
  }
}
.sticky-sidebar {
  position: sticky;
  top: 100px;
}
.donation-widget {
  background: var(--light-100);
  padding: 25px;
  border-radius: var(--radius-md);
}
.widget-title {
  margin-bottom: 15px;
  font-size: 20px;
}
.widget-desc {
  margin-bottom: 20px;
  font-size: 14px;
  color: var(--dark-700);
}

/* Page: News Archive */
.section-news-archive {
  padding: 40px 0;
}
.news-card-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 30px;
}
.pagination-wrapper {
  margin-top: 50px;
  display: flex;
  justify-content: center;
}
.nav-links {
  display: flex;
  gap: 10px;
  align-items: center;
}
.page-numbers {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid var(--light-300);
  transition: all 0.2s;
}
.page-numbers.current {
  background: var(--primary-light);
  color: var(--light-100);
  border-color: var(--primary-light);
}
.page-numbers:hover:not(.current) {
  border-color: var(--primary-light);
  color: var(--primary-light);
}

/* News Card Enhancements */
.news-card-image {
  display: block;
  height: 200px;
  overflow: hidden;
  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
}
.news-card-title {
  margin: 15px 0;
  line-height: 1.4;
}
.news-card-footer {
  margin-top: auto;
  padding-top: 15px;
  border-top: 1px solid var(--light-200);
}
.news-card-link {
  color: var(--primary-light);
  font-weight: 500;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.news-card-link::after {
  content: "→";
  transition: transform 0.2s;
}
.news-card-link:hover::after {
  transform: translateX(5px);
}

/* =============================================
   EXACT NEWS PAGE ALIGNMENT (fondinsan.ru/news)
   ============================================= */

.section-articles {
    padding: 60px 0;
}

.articles-header {
    margin-bottom: 40px;
}

.articles-body {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

@media (max-width: 1024px) {
    .articles-body {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .articles-body {
        grid-template-columns: 1fr;
    }
}

.articles-body-item {
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.articles-body-item-image {
    display: block;
    height: 240px;
    width: 100%;
}

.articles-body-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.articles-body-item-description {
    padding: 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.articles-body-item-description-date {
    color: #9F9F9F;
    font-size: 14px;
    margin-bottom: 12px;
}

.articles-body-item-description-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    color: #05386C;
    margin-bottom: 20px;
    display: block;
    text-decoration: none;
    flex: 1;
}

.articles-body-item-description-title:hover {
    color: #3784D2;
}

.articles-body-item-description .link {
    color: #3784D2;
    font-weight: 600;
    text-decoration: none;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
}

.articles-body-item-description .link::after {
    content: "→";
    margin-left: 8px;
    transition: transform 0.2s;
}

.articles-body-item-description .link:hover::after {
    transform: translateX(5px);
}

.pagination-wrapper {
    margin-top: 60px;
    display: flex;
    justify-content: center;
}

/* Pagination Styling */
.pagination-wrapper .page-numbers {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border: 1px solid #EBEBEB;
    margin: 0 5px;
    color: #05386C;
    font-weight: 600;
    text-decoration: none;
}

.pagination-wrapper .page-numbers.current {
    background: #3784D2;
    color: #fff;
    border-color: #3784D2;
}

.pagination-wrapper .page-numbers:hover:not(.current) {
    border-color: #3784D2;
    color: #3784D2;
}



/* ============================================================
   SINGLE PAGES — MISSING STYLES
   single-program.php | single-help.php | single.php (news)
   ============================================================ */

/* --- Shared two-column layout --- */
.section-help-container {
  display: flex;
  gap: 32px;
  align-items: flex-start;
  width: 100%;
}

.row__left {
  flex: 1 1 0%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.row__right {
  flex: 0 0 360px;
  width: 360px;
}

@media (max-width: 1100px) {
  .row__right {
    flex: 0 0 300px;
    width: 300px;
  }
}

@media (max-width: 800px) {
  .section-help-container {
    flex-direction: column;
  }
  .row__right {
    flex: unset;
    width: 100%;
  }
}

/* --- Help / Program content body --- */
.help-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.help-content__heading {
  margin-bottom: 16px;
}

.help-content aside,
.help-content .content-body,
.news-content aside {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: var(--fz-smx);
  line-height: 1.7;
  color: var(--dark-700);
}

/* Typography inside content areas */
.help-content aside p,
.help-content .content-body p,
.news-content aside p,
.content-body p {
  margin: 0 0 12px;
  font-size: var(--fz-smx);
  line-height: 1.7;
  color: var(--dark-700);
}

.help-content aside p:last-child,
.news-content aside p:last-child,
.content-body p:last-child {
  margin-bottom: 0;
}

.help-content aside ul,
.help-content aside ol,
.news-content aside ul,
.news-content aside ol,
.content-body ul,
.content-body ol {
  padding-left: 20px;
  margin: 0 0 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: var(--fz-smx);
  line-height: 1.6;
  color: var(--dark-700);
}

.help-content aside li,
.news-content aside li,
.content-body li {
  list-style: disc;
}

.help-content aside ol li,
.news-content aside ol li,
.content-body ol li {
  list-style: decimal;
}

.help-content aside a,
.news-content aside a,
.content-body a {
  color: var(--primary-light);
  text-decoration: underline;
}

.help-content aside a:hover,
.news-content aside a:hover,
.content-body a:hover {
  color: var(--primary);
}

.help-content aside strong,
.news-content aside strong,
.content-body strong {
  font-weight: 600;
  color: var(--dark-900);
}

.help-content aside blockquote,
.news-content aside blockquote,
.content-body blockquote {
  border-left: 4px solid var(--primary-light);
  margin: 0 0 16px;
  padding: 12px 20px;
  background: #f0f7ff;
  border-radius: 0 var(--radius-smx) var(--radius-smx) 0;
  font-style: italic;
  color: var(--dark-800);
}

.help-content aside img,
.news-content aside img,
.content-body img {
  max-width: 100%;
  border-radius: var(--radius-md);
  height: auto;
}

/* --- Right-side card on single-program / single-help --- */
.card__preview {
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius-md) var(--radius-md) 0 0;
}

.card__preview img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  display: block;
}

.card__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}

.card__body__slider {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.card__body__action {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.card__documents ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* --- Progress bar (single-help) --- */
.progress-bar {
  width: 100%;
  height: 8px;
  background: var(--light-300);
  border-radius: 100px;
  overflow: hidden;
}

.progress-bar-fill {
  height: 100%;
  background: var(--gradient-primary);
  border-radius: 100px;
  transition: width 0.4s ease;
  min-width: 2px;
}

/* --- Card caption (single-program right block) --- */
.card-caption {
  align-items: center;
  gap: 12px;
  padding: 20px 20px 0;
}

.card-caption img {
  width: 44px;
  height: 44px;
  object-fit: contain;
  flex-shrink: 0;
}

.card-caption-title {
  font-size: var(--fz-xss);
  color: var(--dark-700);
}

.card-caption-subtitle {
  font-size: var(--fz-smx);
  font-weight: 600;
  color: var(--dark-900);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* card-body-button = alias of insane-button .primary */
.card-body-button.primary {
  width: 100%;
  justify-content: center;
  margin: 0 20px 20px;
  width: calc(100% - 40px);
}

/* --- News single (single.php) --- */
.news__heading {
  margin-bottom: 40px;
}

.section-news-container {
  max-width: 860px;
  margin: 0 auto;
  width: 100%;
}

.news-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

.news-content-image {
  width: 100%;
  border-radius: var(--radius-md);
  height: auto;
  display: block;
  margin-bottom: 8px;
}

.section-news__gallery {
  margin-top: 8px;
}

.gallery__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0;
}

@media (max-width: 600px) {
  .gallery__list {
    grid-template-columns: 1fr 1fr;
  }
}

/* --- section__heading-body (section heading wrapper) --- */
.section__heading-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}


/* ============================================================
   MISSING STYLES — ROUND 2
   footer, page-want, page-offices, page-need, misc
   ============================================================ */

/* --- Footer missing --- */
.footer-logo {
  display: flex;
  align-items: center;
}

.footer-logo img,
.footer-logo svg {
  max-width: 160px;
  height: auto;
}

.footer-desc {
  font-size: var(--fz-xs);
  color: var(--dark-700);
  line-height: 1.6;
}

.footer-phone {
  font-size: var(--fz-md);
  font-weight: 600;
  color: var(--dark-900);
  text-decoration: none;
  transition: color 0.2s;
}

.footer-phone:hover {
  color: var(--primary-light);
}

/* --- page-want: want-form --- */
.want-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

/* --- page-need: section-feedback --- */
.section-feedback {
  margin-bottom: 80px;
}

/* --- page-offices: grid --- */
.offices-grid {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}

.offices-city-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* --- page-payment (standalone) --- */
.payment-page {
  margin-bottom: 80px;
}

.payment-form-wrap {
  max-width: 540px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.form-group label {
  font-size: var(--fz-xs);
  font-weight: 500;
  color: var(--dark-800);
}

.form-group input,
.form-group select {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid var(--light-300);
  border-radius: var(--radius-sm);
  font-size: var(--fz-smx);
  color: var(--dark-900);
  outline: none;
  transition: border-color 0.2s;
}

.form-group input:focus,
.form-group select:focus {
  border-color: var(--primary-light);
}

/* --- Buttons --- */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  font-size: var(--fz-smx);
  font-weight: 600;
  padding: 12px 24px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  border: none;
  text-decoration: none;
}

.btn-primary {
  background: var(--primary);
  color: #fff;
}

.btn-primary:hover {
  background: var(--primary-light);
}

.btn-outline {
  background: transparent;
  border: 2px solid var(--primary);
  color: var(--primary);
}

.btn-outline:hover {
  background: var(--primary);
  color: #fff;
}

/* --- Form feedback messages --- */
.form-success-message {
  padding: 12px 16px;
  background: #f0fdf4;
  border: 1px solid #86efac;
  border-radius: var(--radius-smx);
  color: #166534;
  font-size: var(--fz-xs);
}

.form-error-message {
  padding: 12px 16px;
  background: #fef2f2;
  border: 1px solid #fca5a5;
  border-radius: var(--radius-smx);
  color: #991b1b;
  font-size: var(--fz-xs);
}

/* --- archive/page generic section titles --- */
.section-title {
  font-size: var(--fz-xxl);
  font-weight: 600;
  color: var(--dark-900);
  font-family: Sofia Pro, sans-serif;
  margin-bottom: 32px;
}

@media (max-width: 768px) {
  .section-title {
    font-size: var(--fz-lg);
  }
}

/* --- page.php / page-documents.php single content pages --- */
.single-page {
  margin-bottom: 80px;
}

.single-content {
  max-width: 860px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* --- archive-program section wrapper --- */
.section-programs {
  margin-bottom: 80px;
}

.program {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* --- news archive (home.php) --- */
.articles {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.news-grid-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media (max-width: 900px) {
  .news-grid-row {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 560px) {
  .news-grid-row {
    grid-template-columns: 1fr;
  }
}

/* --- zakat page extra --- */
.zakyat-list-item-header-title {
  font-size: var(--fz-lg);
  font-weight: 600;
  color: var(--dark-900);
}

/* --- tabs (zakat) wrapper layout --- */
.tabs-content {
  flex: 1;
  min-width: 0;
}

.tabs-wrapper {
  display: flex;
  flex-direction: column;
}

/* --- router-link-active (active nav link) --- */
.router-link-active {
  color: var(--primary);
}

/* --- no posts message --- */
.no-posts {
  color: var(--dark-700);
  font-size: var(--fz-smx);
  padding: 40px 0;
  text-align: center;
}


/* ============================================================
   MISSING STYLES — ROUND 3
   front-page swiper/slide, single-help button, documents,
   file input, 404, section-news, help-list layout
   ============================================================ */

/* --- Hero Swiper (front-page) --- */
.main-banner-swiper {
  width: 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  position: relative;
}

.slide-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 600px;
}

.slide-content__title {
  color: #fff;
  text-shadow: 0 2px 8px rgba(0,0,0,0.25);
}

.slide-content__description {
  font-size: var(--fz-smx);
  color: rgba(255,255,255,0.9);
  line-height: 1.6;
  text-shadow: 0 1px 4px rgba(0,0,0,0.2);
}

/* --- front-page help-list wrapper --- */
.help-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* --- single-help: button alias --- */
.card__body__button {
  width: 100%;
  justify-content: center;
}

/* --- page-need: documents block --- */
.document {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}

.document-title {
  font-size: var(--fz-xs);
  font-weight: 600;
  color: var(--dark-700);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.document-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.document-list-item {
  display: flex;
}

.document-list-item-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border: 1px solid var(--light-300);
  border-radius: var(--radius-sm);
  font-size: var(--fz-xs);
  color: var(--primary);
  text-decoration: none;
  transition: background 0.2s, border-color 0.2s;
}

.document-list-item-link:hover {
  background: #f0f7ff;
  border-color: var(--primary-light);
}

.document-list-item-link img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

/* --- page-need: file upload button --- */
.input__wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.input__file {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.input__file-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border: 1.5px dashed var(--light-400);
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-size: var(--fz-xs);
  color: var(--dark-700);
  transition: border-color 0.2s, color 0.2s;
  background: #fafafa;
}

.input__file-button:hover {
  border-color: var(--primary-light);
  color: var(--primary-light);
}

.input__file-button-text {
  pointer-events: none;
}

/* --- 404 page --- */
.section-404 {
  min-height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 80px;
}

/* --- single.php: section-news margin --- */
.section-news {
  margin-bottom: 80px;
}

/* --- generic .title (used in some templates) --- */
.title {
  font-family: Sofia Pro, sans-serif;
  font-weight: 600;
  color: var(--dark-900);
}

/* --- main-content generic wrapper --- */
.main-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* --- progress bar meta text --- */
.progress-bar-meta {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: #6b7280;
  margin-top: 6px;
}


/* ============================================================
   N-INPUT SYSTEM (Naive UI → WordPress port)
   Базовые стили для полей форм n-input / n-form-item
   ============================================================ */

/* --- Форм-айтем --- */
.n-form-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 16px;
}

.n-form-item:last-of-type {
    margin-bottom: 0;
}

.n-form-item-label {
    font-size: var(--fz-xs);
    font-weight: 500;
    color: var(--dark-800);
    margin-bottom: 4px;
}

.n-form-item--no-label .n-form-item-label {
    display: none;
}

.n-form-item-blank {
    position: relative;
}

/* --- n-input базовый --- */
.n-input {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: var(--radius-sm);
    background: var(--light-100);
    transition: box-shadow 0.2s;
}

.n-input-wrapper {
    display: flex;
    align-items: center;
    padding: 0;
    position: relative;
}

/* --- Обычный инпут --- */
.n-input__input {
    position: relative;
    width: 100%;
}

.n-input__input-el {
    width: 100%;
    height: 44px;
    padding: 10px 14px;
    font-size: var(--fz-smx);
    font-family: inherit;
    color: var(--dark-900);
    background: transparent;
    border: none;
    outline: none;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    border: 1px solid #e2e2e2;
}

.n-input__input-el::placeholder {
    color: transparent;
}

/* --- Textarea --- */
.n-input--textarea .n-input-wrapper {
    align-items: flex-start;
}

.n-input__textarea {
    position: relative;
    width: 100%;
}

.n-input__textarea-el {
    width: 100%;
    min-height: 100px;
    padding: 12px 14px;
    font-size: var(--fz-smx);
    font-family: inherit;
    color: var(--dark-900);
    background: transparent;
    border: none;
    outline: none;
    resize: vertical;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    line-height: 1.6;
}

.n-input__textarea-el::placeholder {
    color: transparent;
}

/* --- Кастомный placeholder (поверх инпута) --- */
.n-input__placeholder {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: var(--fz-smx);
    color: var(--light-400);
    pointer-events: none;
    z-index: 0;
    transition: opacity 0.15s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 28px);
}

.n-input--textarea .n-input__placeholder {
    top: 12px;
    transform: none;
}

/* Скрываем placeholder при фокусе и наличии значения через JS */
.n-input__input-el:focus ~ .n-input__placeholder,
.n-input__textarea-el:focus ~ .n-input__placeholder {
    opacity: 0.4;
}

/* --- Граница инпута --- */
.n-input__border {
    position: absolute;
    inset: 0;
    border: 1px solid var(--light-300);
    border-radius: var(--radius-sm);
    pointer-events: none;
    transition: border-color 0.2s;
    z-index: 0;
}

.n-input__state-border {
    position: absolute;
    inset: 0;
    border: 2px solid transparent;
    border-radius: var(--radius-sm);
    pointer-events: none;
    transition: border-color 0.2s;
    z-index: 0;
}

/* Фокус */
.n-input:focus-within .n-input__border {
    border-color: var(--primary-light);
}

.n-input:focus-within .n-input__state-border {
    border-color: color-mix(in srgb, var(--primary-light) 25%, transparent);
}

/* Ошибка */
.n-form-item-blank--error .n-input__border {
    border-color: #d03050;
}

.n-input--error-status .n-input__border {
    border-color: #d03050;
}

/* --- Feedback (ошибки под полем) --- */
.n-form-item-feedback-wrapper {
    min-height: 18px;
}

.n-form-item-feedback {
    font-size: var(--fz-xss);
    color: #d03050;
    margin-top: 4px;
    display: flex;
    align-items: center;
    gap: 4px;
}

/* --- n-input-number (спиннер числа) --- */
.n-input-number {
    display: flex;
    width: 100%;
}

.n-input-number .n-input {
    flex: 1;
}

/* --- Контекст: feedback-form (страница /need) --- */
.feedback-form .n-form-item {
    margin-bottom: 12px;
}

.feedback-form .n-input .n-input-wrapper {
    padding: 0;
}

/* --- Контекст: question-form (страница /question) --- */
.question-form .n-input .n-input-wrapper {
    padding: 0;
}

.question-form .n-form-item {
    margin-bottom: 16px;
}

/* --- row--action (кнопки + файл внизу формы) --- */
.row--action {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 8px;
}

/* n-input overflow clip — фиксит вылезание placeholder наружу */
.n-input__input,
.n-input__textarea {
    overflow: hidden;
}

.n-input {
    overflow: hidden;
}

/* ============================================================
   ZAKAT PAGE — поля калькулятора, модалки, уведомления
   ============================================================ */

/* --- Лейбл над полем --- */
.zakat-field-label {
    font-size: var(--fz-sm);
    color: var(--light-400);
    font-weight: 400;
    margin-bottom: 6px;
    display: block;
}

/* --- Инпут-обёртка закята --- */
.zakat-input-wrap .n-input-wrapper {
    padding: 0;
    align-items: center;
    gap: 4px;
}

.zakat-input-wrap .n-input__input-el {
    height: 44px;
    padding: 10px 12px;
    font-size: var(--fz-smx);
    -moz-appearance: textfield;
}

.zakat-input-wrap .n-input__input-el::-webkit-outer-spin-button,
.zakat-input-wrap .n-input__input-el::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

/* Суффикс ₽ */
.zakat-currency-suffix {
    font-size: var(--fz-smx);
    color: var(--dark-700);
    padding-right: 12px;
    flex-shrink: 0;
    user-select: none;
}

/* --- Кнопки формы --- */
.zakat-form-actions {
    gap: 10px;
    margin-top: 50px;
}

.zakat-form-actions .insane-button {
    flex: 1;
    justify-content: center;
}

/* --- Inline результат под нисабом --- */
.zakyat-your-result {
    font-size: var(--fz-sm);
    color: var(--dark-800);
    margin-top: 6px;
}

/* --- Уведомление ниже нисаба --- */
.zakat-notice {
    position: fixed;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--light-100);
    border-radius: 16px;
    box-shadow: 0 4px 32px rgba(49,79,124,0.14);
    padding: 14px 22px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: var(--fz-sm);
    color: var(--dark-900);
    z-index: 9999;
    max-width: 560px;
    width: calc(100% - 40px);
    animation: zakatNoticeIn 0.3s ease;
}

@keyframes zakatNoticeIn {
    from { opacity: 0; transform: translateX(-50%) translateY(-12px); }
    to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}

.zakat-notice svg {
    flex-shrink: 0;
}

/* --- Базовая модалка --- */
.zakat-modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zakat-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(10, 15, 30, 0.45);
    backdrop-filter: blur(2px);
}

.zakat-modal__box {
    position: relative;
    z-index: 1;
    background: var(--light-100);
    border-radius: 28px;
    padding: 48px 48px 40px;
    width: 100%;
    max-width: 460px;
    box-shadow: 0 24px 64px rgba(10,15,30,0.18);
    animation: zakatModalIn 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes zakatModalIn {
    from { opacity: 0; transform: scale(0.88); }
    to   { opacity: 1; transform: scale(1); }
}

.zakat-modal__close {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--light-200, #f4f5f7);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--dark-600);
    transition: background 0.15s;
    cursor: pointer;
    border: none;
}

.zakat-modal__close:hover {
    background: var(--light-300, #e4e6eb);
}

.zakat-modal__title {
    font-size: var(--fz-xl);
    font-weight: 700;
    text-align: center;
    color: var(--dark-900);
    margin-bottom: 8px;
}

.zakat-modal__subtitle {
    text-align: center;
    font-size: var(--fz-sm);
    color: var(--light-400);
    margin-bottom: 16px;
}

.zakat-modal__amount {
    text-align: center;
    font-size: 42px;
    font-weight: 700;
    color: var(--primary);
    letter-spacing: -0.02em;
    margin-bottom: 28px;
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* --- Модалка оплаты (двухколоночная) --- */
.zakat-modal__box--payment {
    max-width: 780px;
    padding: 40px 40px 36px;
}

.zakat-payment-modal__inner {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

.zakat-payment-modal__form-col {
    flex: 1;
    min-width: 0;
}

.zakat-payment-modal__img-col {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding-top: 40px;
}

.zakat-payment-wallet-img {
    width: 160px;
    height: auto;
    object-fit: contain;
}

/* --- Строка с двумя селектами --- */
.zakat-payment-selects {
    display: flex;
    gap: 12px;
    margin-top: 16px;
    flex-wrap: wrap;
}

.zakat-select-wrap {
    flex: 1;
    min-width: 140px;
}

.zakat-select-label {
    font-size: var(--fz-xs);
    color: var(--dark-600);
    margin-bottom: 6px;
    display: block;
}

/* Кастомный select */
.n-select-custom {
    position: relative;
    display: flex;
    align-items: center;
}

.zakat-native-select {
    width: 100%;
    height: 44px;
    padding: 0 36px 0 14px;
    font-size: var(--fz-smx);
    font-family: inherit;
    color: var(--dark-900);
    background: var(--light-100);
    border: 1px solid var(--light-300, #d1d5db);
    border-radius: var(--radius-sm);
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    outline: none;
    transition: border-color 0.2s;
}

.zakat-native-select:focus {
    border-color: var(--primary-light);
}

.n-select-arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    color: var(--dark-500);
    pointer-events: none;
}

/* Wallet img placeholder если svg нет */
.zakat-payment-wallet-img[data-error] {
    display: none;
}

@media (max-width: 640px) {
    .zakat-modal__box--payment {
        padding: 28px 20px 24px;
    }

    .zakat-payment-modal__inner {
        flex-direction: column;
        gap: 20px;
    }

    .zakat-payment-modal__img-col {
        display: none;
    }

    .zakat-modal__box {
        padding: 36px 24px 28px;
        margin: 16px;
        max-width: calc(100% - 32px);
    }

    .zakat-modal__amount {
        font-size: 32px;
    }
}

/* ============================================================
   WANT / PAYMENT PAGE — donations-form доработки
   ============================================================ */

/* Секция */
.want-section {
    padding: 40px 0 80px;
}

/* Центрирование формы */
.want-section .container {
    display: flex;
    justify-content: center;
}

/* --- donations-form поля — ширина ограничена как оригинал --- */
.donations-form__input {
    max-width: 382px;
    width: 100%;
}

/* Select в форме */
.donations-form__select {
    max-width: 382px;
    width: 100%;
}

.donations-form__select .zakat-native-select {
    border-radius: 60px;
    border: 1.5px solid var(--light-300, #d1d5db);
    height: 48px;
    padding: 0 40px 0 18px;
    font-size: var(--fz-sm);
}

.donations-form__select .zakat-native-select:focus {
    border-color: var(--primary-light);
}

/* --- Пресеты суммы в want форме --- */
.want-amount-presets {
    margin-bottom: 0;
    margin-top: 10px;
}

.want-amount-presets .amount-preset {
    border-radius: 10px;
    font-size: var(--fz-sm);
    padding: 8px 16px;
    font-weight: 500;
    background: var(--light-100);
    color: var(--dark-800);
}

/* --- Кнопка donations-form --- */
.donations-form__button-wrap {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

/* Иконка сердца в кнопке помочь — корректно */
.donations-form__button svg {
    flex-shrink: 0;
}

/* --- n-form-item-label в donations --- */
.donations-form .n-form-item-label {
    color: var(--light-400, rgb(156, 163, 175));
    font-size: var(--fz-sm);
    font-weight: 400;
    display: block;
    margin-bottom: 8px;
}

/* --- Пустая колонка скрыта --- */
.donations-form__action > div:nth-child(2) {
    display: none;
}

/* Override grid для нашей структуры: телефон + выбор суммы занимает 1 колонку */
.donations-form__action {
    grid-template-columns: 1fr 216px;
    align-items: end;
}

@media (max-width: 825px) {
    .donations-form__action {
        grid-template-columns: 1fr;
    }
}

/* --- blank-download ссылка --- */
.blank-download {
    color: var(--primary-light);
    font-weight: 700;
    font-size: var(--fz-xs);
    text-decoration: none;
    border-bottom: 1px solid var(--primary-light);
}

.blank-download:hover {
    opacity: 0.8;
}

/* ============================================================
   PAGE: О ФОНДЕ (/about)
   ============================================================ */

/* --- 1. Директор --- */
.about-director { padding: 40px 0; }

.about-director__inner {
    display: flex;
    align-items: center;
    gap: 60px;
    background: var(--light-100);
    border-radius: 36px;
    padding: 60px;
    position: relative;
    overflow: hidden;
}

.about-director__text-col { flex: 1; min-width: 0; }
.about-director__img-col  { flex-shrink: 0; }

.about-director__name { margin-bottom: 20px; }

.about-director__desc {
    color: var(--dark-700);
    line-height: 1.7;
    margin-bottom: 32px;
}

.about-director__btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 1.5px solid var(--primary-light);
    color: var(--primary-light);
    background: transparent;
    border-radius: 60px;
    padding: 12px 24px;
    font-size: var(--fz-sm);
    font-weight: 500;
    transition: background 0.2s, color 0.2s;
    text-decoration: none;
}

.about-director__btn:hover {
    background: var(--primary-light);
    color: var(--light-100);
}

.about-director__photo {
    width: 280px;
    height: 340px;
    object-fit: cover;
    border-radius: 28px;
    display: block;
}

.about-director__photo-placeholder {
    width: 280px;
    height: 340px;
    border-radius: 28px;
    background: var(--light-200, #f0f2f5);
}

@media (max-width: 900px) {
    .about-director__inner {
        flex-direction: column-reverse;
        gap: 30px;
        padding: 30px 24px;
    }
    .about-director__photo,
    .about-director__photo-placeholder { width: 100%; height: 260px; }
}

/* --- 2. Статистика О нас --- */
.about-stats-section { padding: 20px 0 40px; }

.about-stats__inner {
    background: var(--light-100);
    border-radius: 36px;
    padding: 60px;
}

.about-stats__desc {
    color: var(--dark-700);
    line-height: 1.7;
    margin: 16px 0 40px;
    max-width: 700px;
}

.about-stats__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 60px;
}

.about-stat-item__number {
    font-size: 36px;
    font-weight: 700;
    color: var(--dark-900);
    letter-spacing: -0.02em;
    line-height: 1.1;
}

.about-stat-item__label {
    font-size: var(--fz-sm);
    color: var(--dark-500);
    margin-top: 6px;
}

@media (max-width: 600px) {
    .about-stats__inner { padding: 30px 20px; }
    .about-stats__grid  { grid-template-columns: 1fr; gap: 24px; }
    .about-stat-item__number { font-size: 28px; }
}

/* --- 3. Ключевые направления --- */
.about-directions { padding: 60px 0; }

.about-directions__sub {
    color: var(--dark-600);
    max-width: 600px;
    margin: 16px auto 0;
    text-align: center;
    line-height: 1.6;
}

.about-directions__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 40px;
    margin-top: 50px;
}

.about-direction-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
}

.about-direction-item__icon-placeholder {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-direction-item__icon-placeholder img {
    width: 64px;
    height: 64px;
    object-fit: contain;
    opacity: 0.7;
}

.about-direction-item__icon {
    width: 72px;
    height: 72px;
    object-fit: contain;
}

.about-direction-item__text {
    font-size: var(--fz-smx);
    color: var(--dark-800);
    line-height: 1.6;
    max-width: 280px;
}

/* --- 4. Наша цель --- */
.about-goal { padding: 20px 0 60px; }

.about-goal__inner {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 24px;
    align-items: start;
}

.about-goal__logo-col {
    background: var(--light-100);
    border-radius: 36px;
    padding: 60px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    min-height: 320px;
    justify-content: center;
}

.about-goal__logo {
    max-width: 180px;
    height: auto;
}

.about-goal__tagline {
    font-size: var(--fz-sm);
    color: var(--dark-500);
    text-align: center;
}

.about-goal__text-col {
    background: var(--light-100);
    border-radius: 36px;
    padding: 60px;
}

.about-goal__text {
    margin-top: 20px;
    color: var(--dark-700);
    line-height: 1.8;
}

@media (max-width: 900px) {
    .about-goal__inner { grid-template-columns: 1fr; }
    .about-goal__logo-col,
    .about-goal__text-col { padding: 30px 24px; }
}

/* --- 5. Варианты помощи --- */
.about-ways { padding: 40px 0 60px; }

.about-ways__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}

.about-ways__text-col .title-h2 { margin-bottom: 20px; }

.about-ways__sub {
    color: var(--dark-600);
    line-height: 1.7;
    margin-bottom: 24px;
}

.about-ways__note {
    font-size: var(--fz-sm);
    color: var(--dark-400);
    font-style: italic;
}

.about-ways__list {
    display: flex;
    flex-direction: column;
    gap: 0;
    position: relative;
}

/* Вертикальная линия соединяющая пункты */
.about-ways__list::before {
    content: '';
    position: absolute;
    left: 18px;
    top: 28px;
    bottom: 28px;
    width: 2px;
    background: var(--light-300);
}

.about-way-item {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    padding: 16px 0;
    position: relative;
    z-index: 1;
}

.about-way-item__icon-wrap {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--light-200, #f0f2f5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-way-item__icon-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--primary-light);
}

.about-way-item__icon {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

.about-way-item__title {
    font-size: var(--fz-smx);
    font-weight: 600;
    color: var(--dark-900);
    margin-bottom: 4px;
}

.about-way-item__sub {
    font-size: var(--fz-xs);
    color: var(--dark-500);
    line-height: 1.5;
}

@media (max-width: 900px) {
    .about-ways__inner { grid-template-columns: 1fr; gap: 30px; }
}

/* --- 6. Цитата --- */
.about-quote { padding: 60px 0; text-align: center; }

.about-quote__text {
    max-width: 800px;
    margin: 0 auto;
    color: var(--dark-800);
    line-height: 1.5;
}

/* --- 7. Реквизиты --- */
.about-requisites { padding: 40px 0 80px; }

.about-requisites__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    background: var(--light-100);
    border-radius: 36px;
    padding: 50px 60px;
    font-size: var(--fz-sm);
    line-height: 1.8;
    color: var(--dark-700);
}

.about-requisites__inner a {
    color: var(--primary-light);
    text-decoration: none;
}

.about-requisites__inner a:hover { text-decoration: underline; }

@media (max-width: 700px) {
    .about-requisites__inner {
        grid-template-columns: 1fr;
        padding: 30px 20px;
    }
}


/* ============================================================
   PAGE: КОНТАКТЫ
   ============================================================ */
.section-contacts { padding-bottom: 100px; }

/* --- Верхний ряд: 4 карточки --- */
.contacts-top {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 20px;
}
@media (max-width: 1100px) {
    .contacts-top { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .contacts-top { grid-template-columns: 1fr; }
}

.contacts-card {
    background: var(--light-100);
    border-radius: var(--radius-xl);
    padding: 32px 28px;
    gap: 8px;
}

.contacts-card__icon {
    width: 56px;
    height: 56px;
    background: color-mix(in srgb, var(--primary-light) 10%, transparent);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}

.contacts-card__label {
    font-size: var(--fz-xs);
    color: var(--dark-700);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.contacts-card__value {
    font-size: var(--fz-sm);
    font-weight: 600;
    color: var(--dark-900);
    text-decoration: none;
    line-height: 1.3;
    transition: color 0.2s;
}
a.contacts-card__value:hover { color: var(--primary-light); }

.contacts-card__value--secondary {
    font-size: var(--fz-smx);
    font-weight: 500;
    color: var(--dark-700);
    margin-top: -4px;
}

.contacts-card__sub {
    font-size: var(--fz-xs);
    color: var(--dark-400, #bdbdbd);
    margin-top: 4px;
}

/* Соцсети внутри карточки */
.contacts-social-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 4px;
}

.contacts-social-item {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--dark-800);
    font-size: var(--fz-smx);
    font-weight: 500;
    transition: color 0.2s;
}
.contacts-social-item:hover { color: var(--primary-light); }
.contacts-social-item svg {
    flex-shrink: 0;
    border-radius: 10px;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--primary) 12%, transparent);
}

/* --- Нижний ряд: карта + реквизиты --- */
.contacts-bottom {
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 20px;
    align-items: start;
}
@media (max-width: 1100px) {
    .contacts-bottom { grid-template-columns: 1fr; }
}

/* Карта */
.contacts-map-wrap {
    background: var(--light-100);
    border-radius: var(--radius-xl);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.contacts-map-header {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 24px 28px;
    border-bottom: 1px solid var(--light-300);
}

.contacts-map-header__icon {
    width: 40px;
    height: 40px;
    background: color-mix(in srgb, var(--primary-light) 10%, transparent);
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.contacts-map-header__title {
    font-size: var(--fz-smx);
    font-weight: 600;
    color: var(--dark-900);
}

.contacts-map-header__address {
    font-size: var(--fz-xs);
    color: var(--dark-700);
    margin-top: 2px;
}

.contacts-map {
    height: 380px;
    width: 100%;
}
.contacts-map iframe { display: block; }

@media (max-width: 768px) {
    .contacts-map { height: 260px; }
}

/* Реквизиты */
.contacts-requisites {
    background: var(--light-100);
    border-radius: var(--radius-xl);
    padding: 36px 32px;
    gap: 0;
}

.contacts-requisites__title {
    margin-bottom: 24px;
}

.contacts-requisites__subtitle {
    font-size: var(--fz-smx);
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 14px;
}

.contacts-req-divider {
    height: 1px;
    background: var(--light-300);
    margin: 20px 0;
}

.contacts-req-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.contacts-req-item {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.contacts-req-item__label {
    font-size: var(--fz-xs);
    color: var(--dark-700);
}

.contacts-req-item__value {
    font-size: var(--fz-smx);
    color: var(--dark-900);
    font-weight: 500;
    line-height: 1.4;
}

.contacts-req-docs {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 24px;
    padding: 12px 20px;
    border: 1.5px solid var(--primary-light);
    border-radius: var(--radius-sm);
    color: var(--primary-light);
    font-size: var(--fz-smx);
    font-weight: 500;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
    align-self: flex-start;
}
.contacts-req-docs:hover {
    background: var(--primary-light);
    color: var(--light-100);
}