.bg-default,
.bg-neutral {
  background-color: rgba(134,167,189,0.10196) !important;
  background-color: var(--color-background-neutral) !important;
  color: #5d7079;
  color: var(--color-content-secondary);
}
.bg-accent,
.bg-info {
  background-color: rgba(56,200,255,0.10196) !important;
  background-color: var(--color-background-accent) !important;
}
.bg-primary {
  background-color: #37517e !important;
  color: #ffffff;
}
.bg-positive,
.bg-success {
  background-color: rgba(54,199,151,0.10196) !important;
  background-color: var(--color-background-positive) !important;
}
.bg-negative,
.bg-danger {
  background-color: rgba(255,135,135,0.10196) !important;
  background-color: var(--color-background-negative) !important;
}
.bg-warning {
  background-color: rgba(255,172,0,0.10196) !important;
  background-color: var(--color-background-warning) !important;
}
.bg-elevated {
  background-color: #ffffff !important;
  background-color: var(--color-background-elevated) !important;
}
.bg-screen {
  background-color: #ffffff !important;
  background-color: var(--color-background-screen) !important;
}
.bg-overlay {
  background-color: rgba(0,0,0,0.10196) !important;
  background-color: var(--color-background-overlay) !important;
}
.bg-primary h1,
.bg-info h1,
.bg-accent h1,
.bg-primary h2,
.bg-info h2,
.bg-accent h2,
.bg-primary h3,
.bg-info h3,
.bg-accent h3,
.bg-primary h4,
.bg-info h4,
.bg-accent h4,
.bg-primary h5,
.bg-info h5,
.bg-accent h5,
.bg-primary h6,
.bg-info h6,
.bg-accent h6,
.bg-primary .h1,
.bg-info .h1,
.bg-accent .h1,
.bg-primary .h2,
.bg-info .h2,
.bg-accent .h2,
.bg-primary .h3,
.bg-info .h3,
.bg-accent .h3,
.bg-primary .h4,
.bg-info .h4,
.bg-accent .h4,
.bg-primary .h5,
.bg-info .h5,
.bg-accent .h5,
.bg-primary .h6,
.bg-info .h6,
.bg-accent .h6,
.bg-primary .title-1,
.bg-info .title-1,
.bg-accent .title-1,
.bg-primary .title-2,
.bg-info .title-2,
.bg-accent .title-2,
.bg-primary .title-3,
.bg-info .title-3,
.bg-accent .title-3,
.bg-primary .title-4,
.bg-info .title-4,
.bg-accent .title-4,
.bg-primary .title-5,
.bg-info .title-5,
.bg-accent .title-5,
.bg-primary .np-text-title-screen,
.bg-info .np-text-title-screen,
.bg-accent .np-text-title-screen,
.bg-primary .np-text-title-section,
.bg-info .np-text-title-section,
.bg-accent .np-text-title-section,
.bg-primary .np-text-title-subsection,
.bg-info .np-text-title-subsection,
.bg-accent .np-text-title-subsection,
.bg-primary .np-text-title-body,
.bg-info .np-text-title-body,
.bg-accent .np-text-title-body,
.bg-primary .np-text-title-group,
.bg-info .np-text-title-group,
.bg-accent .np-text-title-group,
.bg-primary strong,
.bg-info strong,
.bg-accent strong {
  color: #ffffff;
}
.d-block {
  display: block !important;
}
.d-inline-block {
  display: inline-block !important;
}
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-xl,
.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block {
  display: none !important;
}
@media (max-width: 575px) {
  .visible-xs,
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 575px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 575px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .visible-sm,
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md,
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg,
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-xl,
  .visible-xl-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-xl-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-xl-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 575px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-xl {
    display: none !important;
  }
}
.outline-none {
  outline: none;
}
.m-a-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
[dir="rtl"] .m-a-0 {
  margin-left: 0 !important;
}
html:not([dir="rtl"]) .m-a-0 {
  margin-right: 0 !important;
}
[dir="rtl"] .m-a-0 {
  margin-right: 0 !important;
}
html:not([dir="rtl"]) .m-a-0 {
  margin-left: 0 !important;
}
.p-a-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
[dir="rtl"] .p-a-0 {
  padding-left: 0 !important;
}
html:not([dir="rtl"]) .p-a-0 {
  padding-right: 0 !important;
}
[dir="rtl"] .p-a-0 {
  padding-right: 0 !important;
}
html:not([dir="rtl"]) .p-a-0 {
  padding-left: 0 !important;
}
.m-t-0 {
  margin-top: 0 !important;
}
.m-b-0 {
  margin-bottom: 0 !important;
}
.m-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.p-t-0 {
  padding-top: 0 !important;
}
.p-b-0 {
  padding-bottom: 0 !important;
}
.p-y-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
[dir="rtl"] .m-l-0 {
  margin-right: 0 !important;
}
html:not([dir="rtl"]) .m-l-0 {
  margin-left: 0 !important;
}
[dir="rtl"] .m-r-0 {
  margin-left: 0 !important;
}
html:not([dir="rtl"]) .m-r-0 {
  margin-right: 0 !important;
}
[dir="rtl"] .m-x-0 {
  margin-right: 0 !important;
}
html:not([dir="rtl"]) .m-x-0 {
  margin-left: 0 !important;
}
[dir="rtl"] .m-x-0 {
  margin-left: 0 !important;
}
html:not([dir="rtl"]) .m-x-0 {
  margin-right: 0 !important;
}
[dir="rtl"] .p-l-0 {
  padding-right: 0 !important;
}
html:not([dir="rtl"]) .p-l-0 {
  padding-left: 0 !important;
}
[dir="rtl"] .p-r-0 {
  padding-left: 0 !important;
}
html:not([dir="rtl"]) .p-r-0 {
  padding-right: 0 !important;
}
[dir="rtl"] .p-x-0 {
  padding-right: 0 !important;
}
html:not([dir="rtl"]) .p-x-0 {
  padding-left: 0 !important;
}
[dir="rtl"] .p-x-0 {
  padding-left: 0 !important;
}
html:not([dir="rtl"]) .p-x-0 {
  padding-right: 0 !important;
}
.m-a-1 {
  margin-top: 8px !important;
  margin-top: var(--size-8) !important;
  margin-bottom: 8px !important;
  margin-bottom: var(--size-8) !important;
}
[dir="rtl"] .m-a-1 {
  margin-left: 8px !important;
  margin-left: var(--size-8) !important;
}
html:not([dir="rtl"]) .m-a-1 {
  margin-right: 8px !important;
  margin-right: var(--size-8) !important;
}
[dir="rtl"] .m-a-1 {
  margin-right: 8px !important;
  margin-right: var(--size-8) !important;
}
html:not([dir="rtl"]) .m-a-1 {
  margin-left: 8px !important;
  margin-left: var(--size-8) !important;
}
.p-a-1 {
  padding-top: 8px !important;
  padding-top: var(--size-8) !important;
  padding-bottom: 8px !important;
  padding-bottom: var(--size-8) !important;
}
[dir="rtl"] .p-a-1 {
  padding-left: 8px !important;
  padding-left: var(--size-8) !important;
}
html:not([dir="rtl"]) .p-a-1 {
  padding-right: 8px !important;
  padding-right: var(--size-8) !important;
}
[dir="rtl"] .p-a-1 {
  padding-right: 8px !important;
  padding-right: var(--size-8) !important;
}
html:not([dir="rtl"]) .p-a-1 {
  padding-left: 8px !important;
  padding-left: var(--size-8) !important;
}
.m-t-1 {
  margin-top: 8px !important;
  margin-top: var(--size-8) !important;
}
.m-b-1 {
  margin-bottom: 8px !important;
  margin-bottom: var(--size-8) !important;
}
.m-y-1 {
  margin-top: 8px !important;
  margin-top: var(--size-8) !important;
  margin-bottom: 8px !important;
  margin-bottom: var(--size-8) !important;
}
.p-t-1 {
  padding-top: 8px !important;
  padding-top: var(--size-8) !important;
}
.p-b-1 {
  padding-bottom: 8px !important;
  padding-bottom: var(--size-8) !important;
}
.p-y-1 {
  padding-top: 8px !important;
  padding-top: var(--size-8) !important;
  padding-bottom: 8px !important;
  padding-bottom: var(--size-8) !important;
}
[dir="rtl"] .m-l-1 {
  margin-right: 8px !important;
  margin-right: var(--size-8) !important;
}
html:not([dir="rtl"]) .m-l-1 {
  margin-left: 8px !important;
  margin-left: var(--size-8) !important;
}
[dir="rtl"] .m-r-1 {
  margin-left: 8px !important;
  margin-left: var(--size-8) !important;
}
html:not([dir="rtl"]) .m-r-1 {
  margin-right: 8px !important;
  margin-right: var(--size-8) !important;
}
[dir="rtl"] .m-x-1 {
  margin-right: 8px !important;
  margin-right: var(--size-8) !important;
}
html:not([dir="rtl"]) .m-x-1 {
  margin-left: 8px !important;
  margin-left: var(--size-8) !important;
}
[dir="rtl"] .m-x-1 {
  margin-left: 8px !important;
  margin-left: var(--size-8) !important;
}
html:not([dir="rtl"]) .m-x-1 {
  margin-right: 8px !important;
  margin-right: var(--size-8) !important;
}
[dir="rtl"] .p-l-1 {
  padding-right: 8px !important;
  padding-right: var(--size-8) !important;
}
html:not([dir="rtl"]) .p-l-1 {
  padding-left: 8px !important;
  padding-left: var(--size-8) !important;
}
[dir="rtl"] .p-r-1 {
  padding-left: 8px !important;
  padding-left: var(--size-8) !important;
}
html:not([dir="rtl"]) .p-r-1 {
  padding-right: 8px !important;
  padding-right: var(--size-8) !important;
}
[dir="rtl"] .p-x-1 {
  padding-right: 8px !important;
  padding-right: var(--size-8) !important;
}
html:not([dir="rtl"]) .p-x-1 {
  padding-left: 8px !important;
  padding-left: var(--size-8) !important;
}
[dir="rtl"] .p-x-1 {
  padding-left: 8px !important;
  padding-left: var(--size-8) !important;
}
html:not([dir="rtl"]) .p-x-1 {
  padding-right: 8px !important;
  padding-right: var(--size-8) !important;
}
.m-a-2 {
  margin-top: 16px !important;
  margin-top: var(--size-16) !important;
  margin-bottom: 16px !important;
  margin-bottom: var(--size-16) !important;
}
[dir="rtl"] .m-a-2 {
  margin-left: 16px !important;
  margin-left: var(--size-16) !important;
}
html:not([dir="rtl"]) .m-a-2 {
  margin-right: 16px !important;
  margin-right: var(--size-16) !important;
}
[dir="rtl"] .m-a-2 {
  margin-right: 16px !important;
  margin-right: var(--size-16) !important;
}
html:not([dir="rtl"]) .m-a-2 {
  margin-left: 16px !important;
  margin-left: var(--size-16) !important;
}
.p-a-2 {
  padding-top: 16px !important;
  padding-top: var(--size-16) !important;
  padding-bottom: 16px !important;
  padding-bottom: var(--size-16) !important;
}
[dir="rtl"] .p-a-2 {
  padding-left: 16px !important;
  padding-left: var(--size-16) !important;
}
html:not([dir="rtl"]) .p-a-2 {
  padding-right: 16px !important;
  padding-right: var(--size-16) !important;
}
[dir="rtl"] .p-a-2 {
  padding-right: 16px !important;
  padding-right: var(--size-16) !important;
}
html:not([dir="rtl"]) .p-a-2 {
  padding-left: 16px !important;
  padding-left: var(--size-16) !important;
}
.m-t-2 {
  margin-top: 16px !important;
  margin-top: var(--size-16) !important;
}
.m-b-2 {
  margin-bottom: 16px !important;
  margin-bottom: var(--size-16) !important;
}
.m-y-2 {
  margin-top: 16px !important;
  margin-top: var(--size-16) !important;
  margin-bottom: 16px !important;
  margin-bottom: var(--size-16) !important;
}
.p-t-2 {
  padding-top: 16px !important;
  padding-top: var(--size-16) !important;
}
.p-b-2 {
  padding-bottom: 16px !important;
  padding-bottom: var(--size-16) !important;
}
.p-y-2 {
  padding-top: 16px !important;
  padding-top: var(--size-16) !important;
  padding-bottom: 16px !important;
  padding-bottom: var(--size-16) !important;
}
[dir="rtl"] .m-l-2 {
  margin-right: 16px !important;
  margin-right: var(--size-16) !important;
}
html:not([dir="rtl"]) .m-l-2 {
  margin-left: 16px !important;
  margin-left: var(--size-16) !important;
}
[dir="rtl"] .m-r-2 {
  margin-left: 16px !important;
  margin-left: var(--size-16) !important;
}
html:not([dir="rtl"]) .m-r-2 {
  margin-right: 16px !important;
  margin-right: var(--size-16) !important;
}
[dir="rtl"] .m-x-2 {
  margin-right: 16px !important;
  margin-right: var(--size-16) !important;
}
html:not([dir="rtl"]) .m-x-2 {
  margin-left: 16px !important;
  margin-left: var(--size-16) !important;
}
[dir="rtl"] .m-x-2 {
  margin-left: 16px !important;
  margin-left: var(--size-16) !important;
}
html:not([dir="rtl"]) .m-x-2 {
  margin-right: 16px !important;
  margin-right: var(--size-16) !important;
}
[dir="rtl"] .p-l-2 {
  padding-right: 16px !important;
  padding-right: var(--size-16) !important;
}
html:not([dir="rtl"]) .p-l-2 {
  padding-left: 16px !important;
  padding-left: var(--size-16) !important;
}
[dir="rtl"] .p-r-2 {
  padding-left: 16px !important;
  padding-left: var(--size-16) !important;
}
html:not([dir="rtl"]) .p-r-2 {
  padding-right: 16px !important;
  padding-right: var(--size-16) !important;
}
[dir="rtl"] .p-x-2 {
  padding-right: 16px !important;
  padding-right: var(--size-16) !important;
}
html:not([dir="rtl"]) .p-x-2 {
  padding-left: 16px !important;
  padding-left: var(--size-16) !important;
}
[dir="rtl"] .p-x-2 {
  padding-left: 16px !important;
  padding-left: var(--size-16) !important;
}
html:not([dir="rtl"]) .p-x-2 {
  padding-right: 16px !important;
  padding-right: var(--size-16) !important;
}
.m-a-3 {
  margin-top: 24px !important;
  margin-top: var(--size-24) !important;
  margin-bottom: 24px !important;
  margin-bottom: var(--size-24) !important;
}
[dir="rtl"] .m-a-3 {
  margin-left: 24px !important;
  margin-left: var(--size-24) !important;
}
html:not([dir="rtl"]) .m-a-3 {
  margin-right: 24px !important;
  margin-right: var(--size-24) !important;
}
[dir="rtl"] .m-a-3 {
  margin-right: 24px !important;
  margin-right: var(--size-24) !important;
}
html:not([dir="rtl"]) .m-a-3 {
  margin-left: 24px !important;
  margin-left: var(--size-24) !important;
}
.p-a-3 {
  padding-top: 24px !important;
  padding-top: var(--size-24) !important;
  padding-bottom: 24px !important;
  padding-bottom: var(--size-24) !important;
}
[dir="rtl"] .p-a-3 {
  padding-left: 24px !important;
  padding-left: var(--size-24) !important;
}
html:not([dir="rtl"]) .p-a-3 {
  padding-right: 24px !important;
  padding-right: var(--size-24) !important;
}
[dir="rtl"] .p-a-3 {
  padding-right: 24px !important;
  padding-right: var(--size-24) !important;
}
html:not([dir="rtl"]) .p-a-3 {
  padding-left: 24px !important;
  padding-left: var(--size-24) !important;
}
.m-t-3 {
  margin-top: 24px !important;
  margin-top: var(--size-24) !important;
}
.m-b-3 {
  margin-bottom: 24px !important;
  margin-bottom: var(--size-24) !important;
}
.m-y-3 {
  margin-top: 24px !important;
  margin-top: var(--size-24) !important;
  margin-bottom: 24px !important;
  margin-bottom: var(--size-24) !important;
}
.p-t-3 {
  padding-top: 24px !important;
  padding-top: var(--size-24) !important;
}
.p-b-3 {
  padding-bottom: 24px !important;
  padding-bottom: var(--size-24) !important;
}
.p-y-3 {
  padding-top: 24px !important;
  padding-top: var(--size-24) !important;
  padding-bottom: 24px !important;
  padding-bottom: var(--size-24) !important;
}
[dir="rtl"] .m-l-3 {
  margin-right: 24px !important;
  margin-right: var(--size-24) !important;
}
html:not([dir="rtl"]) .m-l-3 {
  margin-left: 24px !important;
  margin-left: var(--size-24) !important;
}
[dir="rtl"] .m-r-3 {
  margin-left: 24px !important;
  margin-left: var(--size-24) !important;
}
html:not([dir="rtl"]) .m-r-3 {
  margin-right: 24px !important;
  margin-right: var(--size-24) !important;
}
[dir="rtl"] .m-x-3 {
  margin-right: 24px !important;
  margin-right: var(--size-24) !important;
}
html:not([dir="rtl"]) .m-x-3 {
  margin-left: 24px !important;
  margin-left: var(--size-24) !important;
}
[dir="rtl"] .m-x-3 {
  margin-left: 24px !important;
  margin-left: var(--size-24) !important;
}
html:not([dir="rtl"]) .m-x-3 {
  margin-right: 24px !important;
  margin-right: var(--size-24) !important;
}
[dir="rtl"] .p-l-3 {
  padding-right: 24px !important;
  padding-right: var(--size-24) !important;
}
html:not([dir="rtl"]) .p-l-3 {
  padding-left: 24px !important;
  padding-left: var(--size-24) !important;
}
[dir="rtl"] .p-r-3 {
  padding-left: 24px !important;
  padding-left: var(--size-24) !important;
}
html:not([dir="rtl"]) .p-r-3 {
  padding-right: 24px !important;
  padding-right: var(--size-24) !important;
}
[dir="rtl"] .p-x-3 {
  padding-right: 24px !important;
  padding-right: var(--size-24) !important;
}
html:not([dir="rtl"]) .p-x-3 {
  padding-left: 24px !important;
  padding-left: var(--size-24) !important;
}
[dir="rtl"] .p-x-3 {
  padding-left: 24px !important;
  padding-left: var(--size-24) !important;
}
html:not([dir="rtl"]) .p-x-3 {
  padding-right: 24px !important;
  padding-right: var(--size-24) !important;
}
.m-a-4 {
  margin-top: 32px !important;
  margin-top: var(--size-32) !important;
  margin-bottom: 32px !important;
  margin-bottom: var(--size-32) !important;
}
[dir="rtl"] .m-a-4 {
  margin-left: 32px !important;
  margin-left: var(--size-32) !important;
}
html:not([dir="rtl"]) .m-a-4 {
  margin-right: 32px !important;
  margin-right: var(--size-32) !important;
}
[dir="rtl"] .m-a-4 {
  margin-right: 32px !important;
  margin-right: var(--size-32) !important;
}
html:not([dir="rtl"]) .m-a-4 {
  margin-left: 32px !important;
  margin-left: var(--size-32) !important;
}
.p-a-4 {
  padding-top: 32px !important;
  padding-top: var(--size-32) !important;
  padding-bottom: 32px !important;
  padding-bottom: var(--size-32) !important;
}
[dir="rtl"] .p-a-4 {
  padding-left: 32px !important;
  padding-left: var(--size-32) !important;
}
html:not([dir="rtl"]) .p-a-4 {
  padding-right: 32px !important;
  padding-right: var(--size-32) !important;
}
[dir="rtl"] .p-a-4 {
  padding-right: 32px !important;
  padding-right: var(--size-32) !important;
}
html:not([dir="rtl"]) .p-a-4 {
  padding-left: 32px !important;
  padding-left: var(--size-32) !important;
}
.m-t-4 {
  margin-top: 32px !important;
  margin-top: var(--size-32) !important;
}
.m-b-4 {
  margin-bottom: 32px !important;
  margin-bottom: var(--size-32) !important;
}
.m-y-4 {
  margin-top: 32px !important;
  margin-top: var(--size-32) !important;
  margin-bottom: 32px !important;
  margin-bottom: var(--size-32) !important;
}
.p-t-4 {
  padding-top: 32px !important;
  padding-top: var(--size-32) !important;
}
.p-b-4 {
  padding-bottom: 32px !important;
  padding-bottom: var(--size-32) !important;
}
.p-y-4 {
  padding-top: 32px !important;
  padding-top: var(--size-32) !important;
  padding-bottom: 32px !important;
  padding-bottom: var(--size-32) !important;
}
[dir="rtl"] .m-l-4 {
  margin-right: 32px !important;
  margin-right: var(--size-32) !important;
}
html:not([dir="rtl"]) .m-l-4 {
  margin-left: 32px !important;
  margin-left: var(--size-32) !important;
}
[dir="rtl"] .m-r-4 {
  margin-left: 32px !important;
  margin-left: var(--size-32) !important;
}
html:not([dir="rtl"]) .m-r-4 {
  margin-right: 32px !important;
  margin-right: var(--size-32) !important;
}
[dir="rtl"] .m-x-4 {
  margin-right: 32px !important;
  margin-right: var(--size-32) !important;
}
html:not([dir="rtl"]) .m-x-4 {
  margin-left: 32px !important;
  margin-left: var(--size-32) !important;
}
[dir="rtl"] .m-x-4 {
  margin-left: 32px !important;
  margin-left: var(--size-32) !important;
}
html:not([dir="rtl"]) .m-x-4 {
  margin-right: 32px !important;
  margin-right: var(--size-32) !important;
}
[dir="rtl"] .p-l-4 {
  padding-right: 32px !important;
  padding-right: var(--size-32) !important;
}
html:not([dir="rtl"]) .p-l-4 {
  padding-left: 32px !important;
  padding-left: var(--size-32) !important;
}
[dir="rtl"] .p-r-4 {
  padding-left: 32px !important;
  padding-left: var(--size-32) !important;
}
html:not([dir="rtl"]) .p-r-4 {
  padding-right: 32px !important;
  padding-right: var(--size-32) !important;
}
[dir="rtl"] .p-x-4 {
  padding-right: 32px !important;
  padding-right: var(--size-32) !important;
}
html:not([dir="rtl"]) .p-x-4 {
  padding-left: 32px !important;
  padding-left: var(--size-32) !important;
}
[dir="rtl"] .p-x-4 {
  padding-left: 32px !important;
  padding-left: var(--size-32) !important;
}
html:not([dir="rtl"]) .p-x-4 {
  padding-right: 32px !important;
  padding-right: var(--size-32) !important;
}
.m-a-5 {
  margin-top: 40px !important;
  margin-top: var(--size-40) !important;
  margin-bottom: 40px !important;
  margin-bottom: var(--size-40) !important;
}
[dir="rtl"] .m-a-5 {
  margin-left: 40px !important;
  margin-left: var(--size-40) !important;
}
html:not([dir="rtl"]) .m-a-5 {
  margin-right: 40px !important;
  margin-right: var(--size-40) !important;
}
[dir="rtl"] .m-a-5 {
  margin-right: 40px !important;
  margin-right: var(--size-40) !important;
}
html:not([dir="rtl"]) .m-a-5 {
  margin-left: 40px !important;
  margin-left: var(--size-40) !important;
}
.p-a-5 {
  padding-top: 40px !important;
  padding-top: var(--size-40) !important;
  padding-bottom: 40px !important;
  padding-bottom: var(--size-40) !important;
}
[dir="rtl"] .p-a-5 {
  padding-left: 40px !important;
  padding-left: var(--size-40) !important;
}
html:not([dir="rtl"]) .p-a-5 {
  padding-right: 40px !important;
  padding-right: var(--size-40) !important;
}
[dir="rtl"] .p-a-5 {
  padding-right: 40px !important;
  padding-right: var(--size-40) !important;
}
html:not([dir="rtl"]) .p-a-5 {
  padding-left: 40px !important;
  padding-left: var(--size-40) !important;
}
.m-t-5 {
  margin-top: 40px !important;
  margin-top: var(--size-40) !important;
}
.m-b-5 {
  margin-bottom: 40px !important;
  margin-bottom: var(--size-40) !important;
}
.m-y-5 {
  margin-top: 40px !important;
  margin-top: var(--size-40) !important;
  margin-bottom: 40px !important;
  margin-bottom: var(--size-40) !important;
}
.p-t-5 {
  padding-top: 40px !important;
  padding-top: var(--size-40) !important;
}
.p-b-5 {
  padding-bottom: 40px !important;
  padding-bottom: var(--size-40) !important;
}
.p-y-5 {
  padding-top: 40px !important;
  padding-top: var(--size-40) !important;
  padding-bottom: 40px !important;
  padding-bottom: var(--size-40) !important;
}
[dir="rtl"] .m-l-5 {
  margin-right: 40px !important;
  margin-right: var(--size-40) !important;
}
html:not([dir="rtl"]) .m-l-5 {
  margin-left: 40px !important;
  margin-left: var(--size-40) !important;
}
[dir="rtl"] .m-r-5 {
  margin-left: 40px !important;
  margin-left: var(--size-40) !important;
}
html:not([dir="rtl"]) .m-r-5 {
  margin-right: 40px !important;
  margin-right: var(--size-40) !important;
}
[dir="rtl"] .m-x-5 {
  margin-right: 40px !important;
  margin-right: var(--size-40) !important;
}
html:not([dir="rtl"]) .m-x-5 {
  margin-left: 40px !important;
  margin-left: var(--size-40) !important;
}
[dir="rtl"] .m-x-5 {
  margin-left: 40px !important;
  margin-left: var(--size-40) !important;
}
html:not([dir="rtl"]) .m-x-5 {
  margin-right: 40px !important;
  margin-right: var(--size-40) !important;
}
[dir="rtl"] .p-l-5 {
  padding-right: 40px !important;
  padding-right: var(--size-40) !important;
}
html:not([dir="rtl"]) .p-l-5 {
  padding-left: 40px !important;
  padding-left: var(--size-40) !important;
}
[dir="rtl"] .p-r-5 {
  padding-left: 40px !important;
  padding-left: var(--size-40) !important;
}
html:not([dir="rtl"]) .p-r-5 {
  padding-right: 40px !important;
  padding-right: var(--size-40) !important;
}
[dir="rtl"] .p-x-5 {
  padding-right: 40px !important;
  padding-right: var(--size-40) !important;
}
html:not([dir="rtl"]) .p-x-5 {
  padding-left: 40px !important;
  padding-left: var(--size-40) !important;
}
[dir="rtl"] .p-x-5 {
  padding-left: 40px !important;
  padding-left: var(--size-40) !important;
}
html:not([dir="rtl"]) .p-x-5 {
  padding-right: 40px !important;
  padding-right: var(--size-40) !important;
}
.m-t-4 {
  margin-top: 32px !important;
  margin-top: var(--size-32) !important;
}
.m-b-4 {
  margin-bottom: 32px !important;
  margin-bottom: var(--size-32) !important;
}
.m-y-4 {
  margin-top: 32px !important;
  margin-top: var(--size-32) !important;
  margin-bottom: 32px !important;
  margin-bottom: var(--size-32) !important;
}
.p-t-4 {
  padding-top: 32px !important;
  padding-top: var(--size-32) !important;
}
.p-b-4 {
  padding-bottom: 32px !important;
  padding-bottom: var(--size-32) !important;
}
.p-y-4 {
  padding-top: 32px !important;
  padding-top: var(--size-32) !important;
  padding-bottom: 32px !important;
  padding-bottom: var(--size-32) !important;
}
.m-t-5 {
  margin-top: 40px !important;
  margin-top: var(--size-40) !important;
}
.m-b-5 {
  margin-bottom: 40px !important;
  margin-bottom: var(--size-40) !important;
}
.m-y-5 {
  margin-top: 40px !important;
  margin-top: var(--size-40) !important;
  margin-bottom: 40px !important;
  margin-bottom: var(--size-40) !important;
}
.p-t-5 {
  padding-top: 40px !important;
  padding-top: var(--size-40) !important;
}
.p-b-5 {
  padding-bottom: 40px !important;
  padding-bottom: var(--size-40) !important;
}
.p-y-5 {
  padding-top: 40px !important;
  padding-top: var(--size-40) !important;
  padding-bottom: 40px !important;
  padding-bottom: var(--size-40) !important;
}
.gap-y-1 {
  row-gap: 8px;
  row-gap: var(--size-8);
}
.m-a-panel {
  margin-top: 16px !important;
  margin-top: var(--size-16) !important;
  margin-bottom: 16px !important;
  margin-bottom: var(--size-16) !important;
}
[dir="rtl"] .m-a-panel {
  margin-left: 16px !important;
  margin-left: var(--size-16) !important;
}
html:not([dir="rtl"]) .m-a-panel {
  margin-right: 16px !important;
  margin-right: var(--size-16) !important;
}
[dir="rtl"] .m-a-panel {
  margin-right: 16px !important;
  margin-right: var(--size-16) !important;
}
html:not([dir="rtl"]) .m-a-panel {
  margin-left: 16px !important;
  margin-left: var(--size-16) !important;
}
.p-a-panel {
  padding-top: 16px !important;
  padding-top: var(--size-16) !important;
  padding-bottom: 16px !important;
  padding-bottom: var(--size-16) !important;
}
[dir="rtl"] .p-a-panel {
  padding-left: 16px !important;
  padding-left: var(--size-16) !important;
}
html:not([dir="rtl"]) .p-a-panel {
  padding-right: 16px !important;
  padding-right: var(--size-16) !important;
}
[dir="rtl"] .p-a-panel {
  padding-right: 16px !important;
  padding-right: var(--size-16) !important;
}
html:not([dir="rtl"]) .p-a-panel {
  padding-left: 16px !important;
  padding-left: var(--size-16) !important;
}
@media (min-width: 576px) {
  .m-a-panel {
    margin-top: 24px !important;
    margin-top: var(--size-24) !important;
    margin-bottom: 24px !important;
    margin-bottom: var(--size-24) !important;
  }
  [dir="rtl"] .m-a-panel {
    margin-left: 24px !important;
    margin-left: var(--size-24) !important;
  }
  html:not([dir="rtl"]) .m-a-panel {
    margin-right: 24px !important;
    margin-right: var(--size-24) !important;
  }
  [dir="rtl"] .m-a-panel {
    margin-right: 24px !important;
    margin-right: var(--size-24) !important;
  }
  html:not([dir="rtl"]) .m-a-panel {
    margin-left: 24px !important;
    margin-left: var(--size-24) !important;
  }
  .p-a-panel {
    padding-top: 24px !important;
    padding-top: var(--size-24) !important;
    padding-bottom: 24px !important;
    padding-bottom: var(--size-24) !important;
  }
  [dir="rtl"] .p-a-panel {
    padding-left: 24px !important;
    padding-left: var(--size-24) !important;
  }
  html:not([dir="rtl"]) .p-a-panel {
    padding-right: 24px !important;
    padding-right: var(--size-24) !important;
  }
  [dir="rtl"] .p-a-panel {
    padding-right: 24px !important;
    padding-right: var(--size-24) !important;
  }
  html:not([dir="rtl"]) .p-a-panel {
    padding-left: 24px !important;
    padding-left: var(--size-24) !important;
  }
}
@media (min-width: 992px) {
  .m-a-panel {
    margin-top: 32px !important;
    margin-top: var(--size-32) !important;
    margin-bottom: 32px !important;
    margin-bottom: var(--size-32) !important;
  }
  [dir="rtl"] .m-a-panel {
    margin-left: 32px !important;
    margin-left: var(--size-32) !important;
  }
  html:not([dir="rtl"]) .m-a-panel {
    margin-right: 32px !important;
    margin-right: var(--size-32) !important;
  }
  [dir="rtl"] .m-a-panel {
    margin-right: 32px !important;
    margin-right: var(--size-32) !important;
  }
  html:not([dir="rtl"]) .m-a-panel {
    margin-left: 32px !important;
    margin-left: var(--size-32) !important;
  }
  .p-a-panel {
    padding-top: 32px !important;
    padding-top: var(--size-32) !important;
    padding-bottom: 32px !important;
    padding-bottom: var(--size-32) !important;
  }
  [dir="rtl"] .p-a-panel {
    padding-left: 32px !important;
    padding-left: var(--size-32) !important;
  }
  html:not([dir="rtl"]) .p-a-panel {
    padding-right: 32px !important;
    padding-right: var(--size-32) !important;
  }
  [dir="rtl"] .p-a-panel {
    padding-right: 32px !important;
    padding-right: var(--size-32) !important;
  }
  html:not([dir="rtl"]) .p-a-panel {
    padding-left: 32px !important;
    padding-left: var(--size-32) !important;
  }
}
.m-t-panel {
  margin-top: 16px !important;
  margin-top: var(--size-16) !important;
}
.m-b-panel {
  margin-bottom: 16px !important;
  margin-bottom: var(--size-16) !important;
}
.m-y-panel {
  margin-top: 16px !important;
  margin-top: var(--size-16) !important;
  margin-bottom: 16px !important;
  margin-bottom: var(--size-16) !important;
}
.p-t-panel {
  padding-top: 16px !important;
  padding-top: var(--size-16) !important;
}
.p-b-panel {
  padding-bottom: 16px !important;
  padding-bottom: var(--size-16) !important;
}
.p-y-panel {
  padding-top: 16px !important;
  padding-top: var(--size-16) !important;
  padding-bottom: 16px !important;
  padding-bottom: var(--size-16) !important;
}
@media (min-width: 576px) {
  .m-t-panel {
    margin-top: 24px !important;
    margin-top: var(--size-24) !important;
  }
  .m-b-panel {
    margin-bottom: 24px !important;
    margin-bottom: var(--size-24) !important;
  }
  .m-y-panel {
    margin-top: 24px !important;
    margin-top: var(--size-24) !important;
    margin-bottom: 24px !important;
    margin-bottom: var(--size-24) !important;
  }
  .p-t-panel {
    padding-top: 24px !important;
    padding-top: var(--size-24) !important;
  }
  .p-b-panel {
    padding-bottom: 24px !important;
    padding-bottom: var(--size-24) !important;
  }
  .p-y-panel {
    padding-top: 24px !important;
    padding-top: var(--size-24) !important;
    padding-bottom: 24px !important;
    padding-bottom: var(--size-24) !important;
  }
}
@media (min-width: 992px) {
  .m-t-panel {
    margin-top: 32px !important;
    margin-top: var(--size-32) !important;
  }
  .m-b-panel {
    margin-bottom: 32px !important;
    margin-bottom: var(--size-32) !important;
  }
  .m-y-panel {
    margin-top: 32px !important;
    margin-top: var(--size-32) !important;
    margin-bottom: 32px !important;
    margin-bottom: var(--size-32) !important;
  }
  .p-t-panel {
    padding-top: 32px !important;
    padding-top: var(--size-32) !important;
  }
  .p-b-panel {
    padding-bottom: 32px !important;
    padding-bottom: var(--size-32) !important;
  }
  .p-y-panel {
    padding-top: 32px !important;
    padding-top: var(--size-32) !important;
    padding-bottom: 32px !important;
    padding-bottom: var(--size-32) !important;
  }
}
[dir="rtl"] .m-l-panel {
  margin-right: 16px !important;
  margin-right: var(--size-16) !important;
}
html:not([dir="rtl"]) .m-l-panel {
  margin-left: 16px !important;
  margin-left: var(--size-16) !important;
}
[dir="rtl"] .m-r-panel {
  margin-left: 16px !important;
  margin-left: var(--size-16) !important;
}
html:not([dir="rtl"]) .m-r-panel {
  margin-right: 16px !important;
  margin-right: var(--size-16) !important;
}
[dir="rtl"] .m-x-panel {
  margin-right: 16px !important;
  margin-right: var(--size-16) !important;
}
html:not([dir="rtl"]) .m-x-panel {
  margin-left: 16px !important;
  margin-left: var(--size-16) !important;
}
[dir="rtl"] .m-x-panel {
  margin-left: 16px !important;
  margin-left: var(--size-16) !important;
}
html:not([dir="rtl"]) .m-x-panel {
  margin-right: 16px !important;
  margin-right: var(--size-16) !important;
}
[dir="rtl"] .p-l-panel {
  padding-right: 16px !important;
  padding-right: var(--size-16) !important;
}
html:not([dir="rtl"]) .p-l-panel {
  padding-left: 16px !important;
  padding-left: var(--size-16) !important;
}
[dir="rtl"] .p-r-panel {
  padding-left: 16px !important;
  padding-left: var(--size-16) !important;
}
html:not([dir="rtl"]) .p-r-panel {
  padding-right: 16px !important;
  padding-right: var(--size-16) !important;
}
[dir="rtl"] .p-x-panel {
  padding-right: 16px !important;
  padding-right: var(--size-16) !important;
}
html:not([dir="rtl"]) .p-x-panel {
  padding-left: 16px !important;
  padding-left: var(--size-16) !important;
}
[dir="rtl"] .p-x-panel {
  padding-left: 16px !important;
  padding-left: var(--size-16) !important;
}
html:not([dir="rtl"]) .p-x-panel {
  padding-right: 16px !important;
  padding-right: var(--size-16) !important;
}
@media (min-width: 576px) {
  [dir="rtl"] .m-l-panel {
    margin-right: 24px !important;
    margin-right: var(--size-24) !important;
  }
  html:not([dir="rtl"]) .m-l-panel {
    margin-left: 24px !important;
    margin-left: var(--size-24) !important;
  }
  [dir="rtl"] .m-r-panel {
    margin-left: 24px !important;
    margin-left: var(--size-24) !important;
  }
  html:not([dir="rtl"]) .m-r-panel {
    margin-right: 24px !important;
    margin-right: var(--size-24) !important;
  }
  [dir="rtl"] .m-x-panel {
    margin-right: 24px !important;
    margin-right: var(--size-24) !important;
  }
  html:not([dir="rtl"]) .m-x-panel {
    margin-left: 24px !important;
    margin-left: var(--size-24) !important;
  }
  [dir="rtl"] .m-x-panel {
    margin-left: 24px !important;
    margin-left: var(--size-24) !important;
  }
  html:not([dir="rtl"]) .m-x-panel {
    margin-right: 24px !important;
    margin-right: var(--size-24) !important;
  }
  [dir="rtl"] .p-l-panel {
    padding-right: 24px !important;
    padding-right: var(--size-24) !important;
  }
  html:not([dir="rtl"]) .p-l-panel {
    padding-left: 24px !important;
    padding-left: var(--size-24) !important;
  }
  [dir="rtl"] .p-r-panel {
    padding-left: 24px !important;
    padding-left: var(--size-24) !important;
  }
  html:not([dir="rtl"]) .p-r-panel {
    padding-right: 24px !important;
    padding-right: var(--size-24) !important;
  }
  [dir="rtl"] .p-x-panel {
    padding-right: 24px !important;
    padding-right: var(--size-24) !important;
  }
  html:not([dir="rtl"]) .p-x-panel {
    padding-left: 24px !important;
    padding-left: var(--size-24) !important;
  }
  [dir="rtl"] .p-x-panel {
    padding-left: 24px !important;
    padding-left: var(--size-24) !important;
  }
  html:not([dir="rtl"]) .p-x-panel {
    padding-right: 24px !important;
    padding-right: var(--size-24) !important;
  }
}
@media (min-width: 992px) {
  [dir="rtl"] .m-l-panel {
    margin-right: 32px !important;
    margin-right: var(--size-32) !important;
  }
  html:not([dir="rtl"]) .m-l-panel {
    margin-left: 32px !important;
    margin-left: var(--size-32) !important;
  }
  [dir="rtl"] .m-r-panel {
    margin-left: 32px !important;
    margin-left: var(--size-32) !important;
  }
  html:not([dir="rtl"]) .m-r-panel {
    margin-right: 32px !important;
    margin-right: var(--size-32) !important;
  }
  [dir="rtl"] .m-x-panel {
    margin-right: 32px !important;
    margin-right: var(--size-32) !important;
  }
  html:not([dir="rtl"]) .m-x-panel {
    margin-left: 32px !important;
    margin-left: var(--size-32) !important;
  }
  [dir="rtl"] .m-x-panel {
    margin-left: 32px !important;
    margin-left: var(--size-32) !important;
  }
  html:not([dir="rtl"]) .m-x-panel {
    margin-right: 32px !important;
    margin-right: var(--size-32) !important;
  }
  [dir="rtl"] .p-l-panel {
    padding-right: 32px !important;
    padding-right: var(--size-32) !important;
  }
  html:not([dir="rtl"]) .p-l-panel {
    padding-left: 32px !important;
    padding-left: var(--size-32) !important;
  }
  [dir="rtl"] .p-r-panel {
    padding-left: 32px !important;
    padding-left: var(--size-32) !important;
  }
  html:not([dir="rtl"]) .p-r-panel {
    padding-right: 32px !important;
    padding-right: var(--size-32) !important;
  }
  [dir="rtl"] .p-x-panel {
    padding-right: 32px !important;
    padding-right: var(--size-32) !important;
  }
  html:not([dir="rtl"]) .p-x-panel {
    padding-left: 32px !important;
    padding-left: var(--size-32) !important;
  }
  [dir="rtl"] .p-x-panel {
    padding-left: 32px !important;
    padding-left: var(--size-32) !important;
  }
  html:not([dir="rtl"]) .p-x-panel {
    padding-right: 32px !important;
    padding-right: var(--size-32) !important;
  }
}
.m-t-section-1 {
  margin-top: 16px !important;
  margin-top: var(--size-16) !important;
}
.m-b-section-1 {
  margin-bottom: 16px !important;
  margin-bottom: var(--size-16) !important;
}
.m-y-section-1 {
  margin-top: 16px !important;
  margin-top: var(--size-16) !important;
  margin-bottom: 16px !important;
  margin-bottom: var(--size-16) !important;
}
.p-t-section-1 {
  padding-top: 16px !important;
  padding-top: var(--size-16) !important;
}
.p-b-section-1 {
  padding-bottom: 16px !important;
  padding-bottom: var(--size-16) !important;
}
.p-y-section-1 {
  padding-top: 16px !important;
  padding-top: var(--size-16) !important;
  padding-bottom: 16px !important;
  padding-bottom: var(--size-16) !important;
}
@media (min-width: 576px) {
  .m-t-section-1 {
    margin-top: 24px !important;
    margin-top: var(--size-24) !important;
  }
  .m-b-section-1 {
    margin-bottom: 24px !important;
    margin-bottom: var(--size-24) !important;
  }
  .m-y-section-1 {
    margin-top: 24px !important;
    margin-top: var(--size-24) !important;
    margin-bottom: 24px !important;
    margin-bottom: var(--size-24) !important;
  }
  .p-t-section-1 {
    padding-top: 24px !important;
    padding-top: var(--size-24) !important;
  }
  .p-b-section-1 {
    padding-bottom: 24px !important;
    padding-bottom: var(--size-24) !important;
  }
  .p-y-section-1 {
    padding-top: 24px !important;
    padding-top: var(--size-24) !important;
    padding-bottom: 24px !important;
    padding-bottom: var(--size-24) !important;
  }
}
@media (min-width: 992px) {
  .m-t-section-1 {
    margin-top: 32px !important;
    margin-top: var(--size-32) !important;
  }
  .m-b-section-1 {
    margin-bottom: 32px !important;
    margin-bottom: var(--size-32) !important;
  }
  .m-y-section-1 {
    margin-top: 32px !important;
    margin-top: var(--size-32) !important;
    margin-bottom: 32px !important;
    margin-bottom: var(--size-32) !important;
  }
  .p-t-section-1 {
    padding-top: 32px !important;
    padding-top: var(--size-32) !important;
  }
  .p-b-section-1 {
    padding-bottom: 32px !important;
    padding-bottom: var(--size-32) !important;
  }
  .p-y-section-1 {
    padding-top: 32px !important;
    padding-top: var(--size-32) !important;
    padding-bottom: 32px !important;
    padding-bottom: var(--size-32) !important;
  }
}
.m-t-section-2 {
  margin-top: 32px !important;
  margin-top: var(--size-32) !important;
}
.m-b-section-2 {
  margin-bottom: 32px !important;
  margin-bottom: var(--size-32) !important;
}
.m-y-section-2 {
  margin-top: 32px !important;
  margin-top: var(--size-32) !important;
  margin-bottom: 32px !important;
  margin-bottom: var(--size-32) !important;
}
.p-t-section-2 {
  padding-top: 32px !important;
  padding-top: var(--size-32) !important;
}
.p-b-section-2 {
  padding-bottom: 32px !important;
  padding-bottom: var(--size-32) !important;
}
.p-y-section-2 {
  padding-top: 32px !important;
  padding-top: var(--size-32) !important;
  padding-bottom: 32px !important;
  padding-bottom: var(--size-32) !important;
}
@media (min-width: 576px) {
  .m-t-section-2 {
    margin-top: 48px !important;
    margin-top: var(--size-48) !important;
  }
  .m-b-section-2 {
    margin-bottom: 48px !important;
    margin-bottom: var(--size-48) !important;
  }
  .m-y-section-2 {
    margin-top: 48px !important;
    margin-top: var(--size-48) !important;
    margin-bottom: 48px !important;
    margin-bottom: var(--size-48) !important;
  }
  .p-t-section-2 {
    padding-top: 48px !important;
    padding-top: var(--size-48) !important;
  }
  .p-b-section-2 {
    padding-bottom: 48px !important;
    padding-bottom: var(--size-48) !important;
  }
  .p-y-section-2 {
    padding-top: 48px !important;
    padding-top: var(--size-48) !important;
    padding-bottom: 48px !important;
    padding-bottom: var(--size-48) !important;
  }
}
@media (min-width: 992px) {
  .m-t-section-2 {
    margin-top: 64px !important;
    margin-top: var(--size-64) !important;
  }
  .m-b-section-2 {
    margin-bottom: 64px !important;
    margin-bottom: var(--size-64) !important;
  }
  .m-y-section-2 {
    margin-top: 64px !important;
    margin-top: var(--size-64) !important;
    margin-bottom: 64px !important;
    margin-bottom: var(--size-64) !important;
  }
  .p-t-section-2 {
    padding-top: 64px !important;
    padding-top: var(--size-64) !important;
  }
  .p-b-section-2 {
    padding-bottom: 64px !important;
    padding-bottom: var(--size-64) !important;
  }
  .p-y-section-2 {
    padding-top: 64px !important;
    padding-top: var(--size-64) !important;
    padding-bottom: 64px !important;
    padding-bottom: var(--size-64) !important;
  }
}
.m-t-section-3 {
  margin-top: 48px !important;
  margin-top: var(--size-48) !important;
}
.m-b-section-3 {
  margin-bottom: 48px !important;
  margin-bottom: var(--size-48) !important;
}
.m-y-section-3 {
  margin-top: 48px !important;
  margin-top: var(--size-48) !important;
  margin-bottom: 48px !important;
  margin-bottom: var(--size-48) !important;
}
.p-t-section-3 {
  padding-top: 48px !important;
  padding-top: var(--size-48) !important;
}
.p-b-section-3 {
  padding-bottom: 48px !important;
  padding-bottom: var(--size-48) !important;
}
.p-y-section-3 {
  padding-top: 48px !important;
  padding-top: var(--size-48) !important;
  padding-bottom: 48px !important;
  padding-bottom: var(--size-48) !important;
}
@media (min-width: 576px) {
  .m-t-section-3 {
    margin-top: 72px !important;
    margin-top: var(--size-72) !important;
  }
  .m-b-section-3 {
    margin-bottom: 72px !important;
    margin-bottom: var(--size-72) !important;
  }
  .m-y-section-3 {
    margin-top: 72px !important;
    margin-top: var(--size-72) !important;
    margin-bottom: 72px !important;
    margin-bottom: var(--size-72) !important;
  }
  .p-t-section-3 {
    padding-top: 72px !important;
    padding-top: var(--size-72) !important;
  }
  .p-b-section-3 {
    padding-bottom: 72px !important;
    padding-bottom: var(--size-72) !important;
  }
  .p-y-section-3 {
    padding-top: 72px !important;
    padding-top: var(--size-72) !important;
    padding-bottom: 72px !important;
    padding-bottom: var(--size-72) !important;
  }
}
@media (min-width: 992px) {
  .m-t-section-3 {
    margin-top: 96px !important;
    margin-top: var(--size-96) !important;
  }
  .m-b-section-3 {
    margin-bottom: 96px !important;
    margin-bottom: var(--size-96) !important;
  }
  .m-y-section-3 {
    margin-top: 96px !important;
    margin-top: var(--size-96) !important;
    margin-bottom: 96px !important;
    margin-bottom: var(--size-96) !important;
  }
  .p-t-section-3 {
    padding-top: 96px !important;
    padding-top: var(--size-96) !important;
  }
  .p-b-section-3 {
    padding-bottom: 96px !important;
    padding-bottom: var(--size-96) !important;
  }
  .p-y-section-3 {
    padding-top: 96px !important;
    padding-top: var(--size-96) !important;
    padding-bottom: 96px !important;
    padding-bottom: var(--size-96) !important;
  }
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
[dir="rtl"] .m-x-auto {
  margin-left: auto !important;
  margin-right: 0 !important;
  margin-right: initial !important;
}
[dir="rtl"] .m-x-auto {
  margin-right: auto !important;
  margin-left: 0 !important;
  margin-left: initial !important;
}
.m-r-auto {
  margin-right: auto !important;
}
[dir="rtl"] .m-r-auto {
  margin-left: auto !important;
  margin-right: 0 !important;
  margin-right: initial !important;
}
.m-l-auto {
  margin-left: auto !important;
}
[dir="rtl"] .m-l-auto {
  margin-right: auto !important;
  margin-left: 0 !important;
  margin-left: initial !important;
}
.section {
  padding-top: 48px;
  padding-top: var(--size-48);
  padding-bottom: 48px;
  padding-bottom: var(--size-48);
}
@media (min-width: 576px) {
  .section {
    padding-top: 72px;
    padding-top: var(--size-72);
    padding-bottom: 72px;
    padding-bottom: var(--size-72);
  }
}
@media (min-width: 992px) {
  .section {
    padding-top: 96px;
    padding-top: var(--size-96);
    padding-bottom: 96px;
    padding-bottom: var(--size-96);
  }
}
@supports (hyphenate-limit-chars: 1) {
  .np-text-hyphenated {
    -webkit-hyphens: auto;
            hyphens: auto;
    hyphenate-limit-chars: 7 3;
  }
  @media (min-width: 768px) {
    .np-text-hyphenated {
      hyphenate-limit-chars: 8 3;
    }
  }
  @media (min-width: 992px) {
    .np-text-hyphenated {
      hyphenate-limit-chars: 10 4 3;
    }
  }
}
@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
  .np-text-hyphenated {
    -webkit-hyphens: auto;
            hyphens: auto;
    -webkit-hyphenate-limit-before: 3;
    -webkit-hyphenate-limit-after: 3;
  }
  @media (min-width: 992px) {
    .np-text-hyphenated {
      -webkit-hyphenate-limit-before: 4;
    }
  }
}
.border-bottom {
  border-bottom: 1px solid rgba(134,167,189,0.10196);
  border-bottom: 1px solid var(--color-background-neutral);
}
