/**
 * Functions for ViewPort Calculating
============
  SCSS
  .selector {
    font-size: px(18);
    @include md
      font-size: pxm(14);
    @include xs
      font-size: pxs(12);
  }

  CSS RESULT
  .selector {
    font-size: 18px;
  }
  @media (max-width: 768px) {
    .selector {
      font-size: 14px;
    }
  }
  @media (max-width: 320px) {
    .selector {
      font-size: 12px;
    }
  }
============
*/
/**
  function VA => use for calculate letter-spacing from photoshop
============
  SCSS
  .selector {
    letter-spacing: VA(120, 14);
  }

  CSS RESULT
  .selector {
    letter-spacing: 1.68px;
  }
============
  $unit => VA value in photoshop
  $font_size => how px font-size in photoshop ||| default 16
  $return px | em ||| default px
 */
.light-blue-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 40px;
  padding: 13px;
  min-width: 123px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 15px;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: #F4F8FB;
}
.light-blue-btn::after {
  width: 100%;
  height: 100%;
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  z-index: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}
.light-blue-btn .value {
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #fff;
}
.light-blue-btn .arrow {
  width: 10px;
  height: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  min-width: 10px;
  margin-left: 6px;
}
.light-blue-btn .arrow::before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: url("../../assets/svg/arrow-gradient.svg") no-repeat;
  background-size: 100% 100%;
  background-position: center;
  z-index: 1;
}
.light-blue-btn .arrow::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: url("../../assets/svg/arrow-white.svg") no-repeat;
  background-size: 100% 100%;
  background-position: center;
  opacity: 0;
  z-index: 1;
}
@media (min-width: 1025px) {
  .light-blue-btn:hover {
    background-color: transparent;
  }
  .light-blue-btn:hover::after {
    opacity: 1;
  }
  .light-blue-btn:hover .value {
    color: #fff;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: unset;
    text-fill-color: unset;
  }
  .light-blue-btn:hover .arrow::before {
    opacity: 0;
  }
  .light-blue-btn:hover .arrow::after {
    opacity: 1;
  }
}

.blue-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 40px;
  padding: 13px;
  min-width: 123px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 15px;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  background: transparent;
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #1D3561;
  border: 1px solid #1D3561;
  color: #fff;
}
.blue-btn .arrow {
  width: 10px;
  height: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  min-width: 10px;
  margin-left: 6px;
}
.blue-btn .arrow::before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: url("../../assets/svg/arrow-white.svg") no-repeat;
  background-size: 100% 100%;
  background-position: center;
  z-index: 1;
}
.blue-btn .arrow::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: url("../../assets/svg/arrow-gradient.svg") no-repeat;
  background-size: 100% 100%;
  background-position: center;
  opacity: 0;
  z-index: 1;
}
@media (min-width: 1025px) {
  .blue-btn:hover {
    background: transparent;
    color: #1D3561;
  }
  .blue-btn:hover .arrow::before {
    opacity: 0;
  }
  .blue-btn:hover .arrow::after {
    opacity: 1;
  }
}

.grey-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 40px;
  padding: 13px;
  min-width: 123px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 15px;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  background: transparent;
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-width: 1px;
  border-style: solid;
  border-color: #AFB1B4;
}
.grey-btn::after {
  width: 100%;
  height: 100%;
  background: #AFB1B4;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  z-index: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
  pointer-events: none;
}
.grey-btn .value {
  color: #fff;
  position: relative;
  z-index: 2;
}
@media (min-width: 1025px) {
  .grey-btn:hover::after {
    opacity: 0;
  }
  .grey-btn:hover .value {
    color: #AFB1B4;
  }
}

.change-sort-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 37px;
  height: 37px;
  padding: 8px;
  background-color: #fff;
  z-index: 1;
  border: 1px solid #f2f4f7;
  -webkit-box-shadow: 0px 14.02px 30.08px rgba(52, 60, 71, 0.1);
          box-shadow: 0px 14.02px 30.08px rgba(52, 60, 71, 0.1);
}
.change-sort-btn.active .icon {
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}
.change-sort-btn .icon {
  display: block;
  width: 21px;
  min-width: 21px;
  height: 18px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.ghost-icon-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  min-width: 28px;
  height: 28px;
  border: 1px solid #D0D5DD;
  -webkit-box-shadow: 0px 0.779819px 1.55964px rgba(16, 24, 40, 0.05);
          box-shadow: 0px 0.779819px 1.55964px rgba(16, 24, 40, 0.05);
  border-radius: 6px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1024px) {
  .ghost-icon-btn:hover {
    background-color: #304659;
    border-color: #304659;
  }
  .ghost-icon-btn:hover .icon {
    fill: #fff;
  }
  .ghost-icon-btn:hover .icon-arrow-right, .ghost-icon-btn:hover .icon-arrow-left {
    stroke: #fff;
  }
}
.ghost-icon-btn .icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
  fill: #304659;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ghost-icon-btn .icon-zoom-in, .ghost-icon-btn .icon-zoom-out {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.ghost-icon-btn .icon-arrow-right, .ghost-icon-btn .icon-arrow-left {
  width: 12px;
  min-width: 12px;
  height: 12px;
  fill: none;
  stroke-width: 2px;
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke: #304659;
}
.ghost-icon-btn .icon-dot {
  width: 8px;
  min-width: 8px;
  height: 8px;
}

.simple-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 15px;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.1;
  text-transform: capitalize;
  color: #fff;
  background-color: #008000;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid transparent;
}
@media screen and (min-width: 1025px) {
  .simple-btn:hover {
    border-color: #008000;
    color: #008000;
    background-color: transparent;
  }
  .simple-btn:hover .icon {
    fill: #008000;
  }
}
.simple-btn .icon {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.simple-btn .icon-add {
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-right: 8px;
  fill: #fff;
}

.dropdown {
  position: relative;
}
.dropdown.open-top .dropdown__list-wrap {
  top: unset;
  bottom: calc(100% + 13px);
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
.dropdown.active .dropdown__trigger::before, .dropdown.active .dropdown__trigger:after {
  opacity: 1;
}
.dropdown.active .dropdown__trigger .icon-arrow-down {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.dropdown.active .dropdown__list-wrap {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.dropdown .simplebar-scrollbar:before {
  background-color: #eaecf0;
}
.dropdown .status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  padding: 0;
  font-weight: 400;
  font-size: 13px;
  line-height: 150%;
  text-transform: capitalize;
  background-color: transparent !important;
}
.dropdown .status::before {
  margin-top: 0.4em;
  margin-right: 5px;
}
.dropdown__input {
  display: none;
}
.dropdown .checkbox {
  margin-right: 8px;
}
.dropdown .checkbox__wrap {
  border-radius: 0;
}
.dropdown .checkbox__custom {
  border-radius: 0;
  -webkit-mask: url("../../assets/svg/checkbox-butt-2.svg") 0 0/contain no-repeat;
          mask: url("../../assets/svg/checkbox-butt-2.svg") 0 0/contain no-repeat;
}
.dropdown__trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 7px 14px;
  width: 100%;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  position: relative;
  color: #304659;
  text-transform: capitalize;
  background-color: #fff;
  -webkit-box-shadow: 0px 14.02px 30.08px rgba(52, 60, 71, 0.1);
          box-shadow: 0px 14.02px 30.08px rgba(52, 60, 71, 0.1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 375px) {
  .dropdown__trigger {
    padding: 7px 8px;
  }
}
.dropdown__trigger.border-none {
  border: none;
}
.dropdown__trigger.border-none::before, .dropdown__trigger.border-none::after {
  display: none;
}
.dropdown__trigger .shapes-icon {
  display: block;
  width: 22px;
  height: 6px;
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
  -webkit-mask: url("../../assets/svg/shapes.svg") 0 0/cover no-repeat;
          mask: url("../../assets/svg/shapes.svg") 0 0/cover no-repeat;
}
.dropdown__trigger::first-letter,
.dropdown__trigger .value::first-letter {
  text-transform: uppercase;
}
.dropdown__trigger > * {
  position: relative;
  z-index: 3;
}
.dropdown__trigger:before, .dropdown__trigger:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  pointer-events: none;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.dropdown__trigger::before {
  z-index: 2;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: #fff;
}
.dropdown__trigger:after {
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%), linear-gradient(0deg, #f5f7ff, #f5f7ff);
}
.dropdown__trigger .value {
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .dropdown__trigger .value {
    margin-right: 8px;
  }
}
.dropdown__trigger .icon-arrow-down {
  fill: none;
  width: 15px;
  height: 8px;
  stroke: #667085;
  stroke-linecap: round;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.dropdown__list-wrap {
  padding: 7px 0;
  width: 100%;
  max-height: 360px;
  position: absolute;
  top: calc(100% + 13px);
  z-index: 5;
  background: #fff;
  -webkit-box-shadow: 0px 14.02px 30.08px rgba(52, 60, 71, 0.1);
          box-shadow: 0px 14.02px 30.08px rgba(52, 60, 71, 0.1);
  overflow-y: auto;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.dropdown__list-wrap.active {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.dropdown__list-head {
  padding-top: 14px;
  padding-bottom: 7px;
  margin-bottom: 7px;
  position: relative;
}
.dropdown__list-head::after {
  content: "";
  display: block;
  width: calc(100% - 30px);
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #d6dade;
}
.dropdown__search {
  margin-inline: 15px;
  margin-bottom: 13px;
  position: relative;
}
.dropdown__search .icon-search {
  width: 15px;
  min-width: 15px;
  height: 15px;
  fill: none;
  stroke: #9aa2ac;
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.icon-search ~ .dropdown__search-input {
  padding-left: 35px;
}
.dropdown__search-input {
  width: 100%;
  padding: 9px 10px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #304659;
  background-color: #fff;
  border: 1px solid #d6dade;
}
.dropdown__item:has(.active) {
  background: #f7f8fb;
}
.dropdown__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 7px 15px;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  text-transform: capitalize;
  color: #304659;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.dropdown__btn.active {
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.dropdown__btn span.inner {
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown__btn span.inner::first-letter {
  text-transform: uppercase;
}
.dropdown__link-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dropdown__link-icon .icon {
  display: block;
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-right: 9px;
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.dropdown__link-icon .icon.download {
  -webkit-mask-image: url("../../assets/svg/download.svg");
          mask-image: url("../../assets/svg/download.svg");
}
.dropdown__link-icon .icon.mail {
  -webkit-mask-image: url("../../assets/svg/mail.svg");
          mask-image: url("../../assets/svg/mail.svg");
}
.dropdown__link-icon .icon.cart {
  -webkit-mask-image: url("../../assets/svg/shopping-cart.svg");
          mask-image: url("../../assets/svg/shopping-cart.svg");
}
.dropdown__link-icon .icon.file {
  -webkit-mask-image: url("../../assets/svg/file.svg");
          mask-image: url("../../assets/svg/file.svg");
}
.dropdown__link-icon .icon.file-search {
  -webkit-mask-image: url("../../assets/svg/file-search.svg");
          mask-image: url("../../assets/svg/file-search.svg");
}
.dropdown__link-icon .icon.tickets {
  -webkit-mask-image: url("../../assets/svg/tickets.svg");
          mask-image: url("../../assets/svg/tickets.svg");
}

.accordion__item {
  padding-block: 23px;
  border-bottom: 1px solid #d6dade;
}
.accordion__trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #304659;
  text-align: start;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.accordion__trigger.active .icon-arrow-down {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
@media screen and (min-width: 1025px) {
  .accordion__trigger:hover {
    color: #3da6b0;
  }
  .accordion__trigger:hover .icon-arrow-down {
    stroke: #3da6b0;
  }
}
.accordion__trigger span {
  display: block;
  margin-right: 20px;
}
.accordion__trigger .icon-arrow-down {
  display: block;
  margin-top: 8px;
  width: 20px;
  min-width: 20px;
  height: 12px;
  fill: none;
  stroke: #304659;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.accordion__content {
  display: none;
  width: 100%;
  padding-top: 11px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #304659;
}

:root {
  --status-approved-color: #e8fff1;
  --status-approved-circle-color: #34c759;
  --status-cancelled-registration-color: #f6f4f4;
  --status-cancelled-registration-circle-color: #9c8a8a;
  --status-declined-registration-color: #ffe8e8;
  --status-declined-registration-circle-color: #ff6174;
  --status-incomplete-registration-color: #fff7eb;
  --status-incomplete-registration-circle-color: #faab2f;
  --status-not-approved-color: #fceee7;
  --status-not-approved-circle-color: #df5006;
  --status-pending-payment-color: #e8f6f9;
  --status-pending-payment-circle-color: #15a2be;
  --status-wait-list-registration-color: #f2ecf4;
  --status-wait-list-registration-circle-color: #763e88;
  --status-transfer-registration-color: #f6f4f4;
  --status-transfer-registration-circle-color: #9c8a8a;
}

.status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #304659;
  background-color: var(--status-approved-color);
  border-radius: 8px;
}
.status::before {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-right: 9px;
  border-radius: 50%;
  background-color: var(--status-approved-circle-color);
}
.status.approved {
  background-color: var(--status-approved-color);
}
.status.approved::before {
  background-color: var(--status-approved-circle-color);
}
.status.cancelled-registration {
  background-color: var(--status-cancelled-registration-color);
}
.status.cancelled-registration::before {
  background-color: var(--status-cancelled-registration-circle-color);
}
.status.declined-registration {
  background-color: var(--status-declined-registration-color);
}
.status.declined-registration::before {
  background-color: var(--status-declined-registration-circle-color);
}
.status.incomplete-registration {
  background-color: var(--status-incomplete-registration-color);
}
.status.incomplete-registration::before {
  background-color: var(--status-incomplete-registration-circle-color);
}
.status.not-approved {
  background-color: var(--status-not-approved-color);
}
.status.not-approved::before {
  background-color: var(--status-not-approved-circle-color);
}
.status.pending-payment {
  background-color: var(--status-pending-payment-color);
}
.status.pending-payment::before {
  background-color: var(--status-pending-payment-circle-color);
}
.status.wait-list-registration {
  background-color: var(--status-wait-list-registration-color);
}
.status.wait-list-registration::before {
  background-color: var(--status-wait-list-registration-circle-color);
}
.status.transfer-registration {
  background-color: var(--status-transfer-registration-color);
}
.status.transfer-registration::before {
  background-color: var(--status-transfer-registration-circle-color);
}

.global-banner {
  width: 100%;
  position: relative;
  min-height: 413px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 30px;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .global-banner {
    min-height: 335px;
  }
}
@media (max-width: 576px) {
  .global-banner {
    min-height: 420px;
  }
}
@media (max-width: 375px) {
  .global-banner {
    padding: 30px 20px;
  }
}
.global-banner-bg__img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.global-banner .container {
  margin: auto;
}
.global-banner__box {
  width: 100%;
  max-width: 435px;
  padding: 27px 20px;
  padding-left: 30px;
  background: rgba(255, 255, 255, 0.07);
  -webkit-backdrop-filter: blur(16.3319px);
          backdrop-filter: blur(16.3319px);
}
@media screen and (min-width: 1025px) {
  .global-banner__box.pr-d-55 {
    padding-right: 55px;
  }
}
@media (max-width: 576px) {
  .global-banner__box {
    max-width: none;
    padding: 26px 29px;
  }
}
@media (max-width: 340px) {
  .global-banner__box {
    padding: 25px 20px;
  }
}
.global-banner__title {
  line-height: 34px;
  margin-bottom: 15px;
  color: #fff;
  text-align: left;
}
@media (max-width: 1024px) {
  .global-banner__title {
    font-size: 30px;
  }
}
@media (max-width: 576px) {
  .global-banner__title {
    font-size: 28px;
    line-height: 31px;
    margin-bottom: 11px;
  }
}
.global-banner__subtitle {
  color: #fff;
  text-align: left;
  margin-bottom: 0;
  line-height: 20px;
}
.global-banner-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 16px;
  margin-top: 20px;
}
@media (max-width: 576px) {
  .global-banner-row {
    margin-top: 28px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    grid-row-gap: 15px;
  }
}
.global-banner-link {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 576px) {
  .global-banner-link {
    font-size: 16px;
    line-height: 27px;
    text-align: center;
  }
}
@media (min-width: 1025px) {
  .global-banner-link:hover {
    color: #a5ebfb;
  }
}
.global-banner-link:active {
  color: #a5ebfb;
}
.global-banner-btn {
  min-width: 111px;
}
@media (max-width: 576px) {
  .global-banner-btn {
    min-width: 124px;
  }
}
.global-banner-quote__box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: rgba(0, 0, 0, 0.45);
  -webkit-backdrop-filter: blur(22.2708px);
          backdrop-filter: blur(22.2708px);
  max-width: 435px;
  padding: 27px 26px;
  position: relative;
}
@media (max-width: 1024px) {
  .global-banner-quote__box {
    max-width: 393px;
  }
}
@media (max-width: 576px) {
  .global-banner-quote__box {
    max-width: none;
    padding: 27px 28px;
    padding-top: 46px;
  }
}
@media (max-width: 375px) {
  .global-banner-quote__box {
    max-width: none;
    padding: 27px 20px;
    padding-top: 46px;
  }
}
.global-banner-quote__icon {
  width: 46px;
  height: 46px;
  overflow: hidden;
  border-radius: 50%;
  background-color: #fff;
  margin-bottom: 19px;
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 576px) {
  .global-banner-quote__icon {
    width: 50px;
    height: 50px;
    margin-bottom: 0;
    position: absolute;
    left: 29px;
    top: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.global-banner-quote__icon .icon {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  fill: #817C7C;
}
@media (max-width: 576px) {
  .global-banner-quote__icon .icon {
    width: 26px;
    height: 26px;
  }
}
.global-banner-quote__text {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}
@media (max-width: 576px) {
  .global-banner-quote__text {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 15px;
  }
}
.global-banner-quote__autor {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin-top: 16px;
}
@media (max-width: 576px) {
  .global-banner-quote__autor {
    line-height: 21px;
    margin-top: 15px;
  }
}

@media (max-width: 1024px) {
  .company-quote-banner {
    min-height: 393px;
  }
}
@media (max-width: 576px) {
  .company-quote-banner {
    min-height: 469px;
  }
  .company-quote-banner .global-banner-quote__autor {
    max-width: 200px;
  }
}
.company-quote-banner.banner-right-bg .global-banner-quote__text {
  font-weight: 500;
}
@media (min-width: 1025px) {
  .company-quote-banner.banner-right-bg {
    min-height: 393px;
  }
}
@media screen and (min-width: 577px) and (max-width: 1024px) {
  .company-quote-banner.banner-right-bg .global-banner-quote__box {
    padding-right: 20px;
  }
}
@media (max-width: 1024px) {
  .company-quote-banner.banner-right-bg .global-banner-bg__img {
    -o-object-position: 53% center;
       object-position: 53% center;
  }
}
@media (max-width: 576px) {
  .company-quote-banner.banner-right-bg .global-banner-bg__img {
    -o-object-position: right center;
       object-position: right center;
  }
}
.company-quote-banner.banner-quote-special {
  min-height: 420px;
}
@media (max-width: 576px) {
  .company-quote-banner.banner-quote-special {
    min-height: 469px;
  }
}
.company-quote-banner.banner-quote-special .global-banner-quote__box {
  margin-left: auto;
  background: rgba(255, 255, 255, 0.1);
  padding: 32px 28px;
  padding-top: 43px;
}
@media (max-width: 576px) {
  .company-quote-banner.banner-quote-special .global-banner-quote__box {
    padding: 27px 28px;
    padding-top: 46px;
  }
}
@media (min-width: 577px) and (max-width: 1024px) {
  .company-quote-banner.banner-quote-special .global-banner-quote__box {
    max-width: 398px;
    padding-right: 20px;
  }
}
@media (max-width: 375px) {
  .company-quote-banner.banner-quote-special .global-banner-quote__box {
    padding: 32px 24px;
    padding-top: 43px;
  }
}
.company-quote-banner.banner-quote-special .global-banner-quote__icon {
  position: absolute;
  left: 32px;
  top: 0;
  margin-bottom: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 576px) {
  .company-quote-banner.banner-quote-special .global-banner-quote__icon {
    left: 29px;
  }
}
.company-quote-banner.banner-left-bg .global-banner-bg__img {
  -o-object-position: left center;
     object-position: left center;
}
@media (max-width: 1024px) {
  .company-quote-banner.banner-left-bg .global-banner-bg__img {
    -o-object-position: 22% center;
       object-position: 22% center;
  }
}
@media (max-width: 576px) {
  .company-quote-banner.banner-left-bg .global-banner-bg__img {
    -o-object-position: 28% center;
       object-position: 28% center;
  }
}
.company-quote-banner.banner-left-bg .global-banner-quote__text {
  font-weight: 500;
}

@media (max-width: 1024px) {
  .opportunity-join-banner {
    min-height: 393px;
  }
}
@media (max-width: 700px) {
  .opportunity-join-banner {
    min-height: 500px;
  }
}
@media (max-width: 576px) {
  .opportunity-join-banner {
    min-height: 636px;
  }
}
@media (min-width: 577px) and (max-width: 1024px) {
  .opportunity-join-banner .global-banner__title {
    font-size: 28px;
  }
}
@media (max-width: 576px) {
  .opportunity-join-banner .global-banner__title {
    text-align: center;
    line-height: 28px;
  }
}
@media (max-width: 576px) {
  .opportunity-join-banner .global-banner-bg__img {
    -o-object-position: right center;
       object-position: right center;
  }
}
@media (max-width: 576px) {
  .opportunity-join-banner .container {
    margin: 0 auto;
  }
}
@media (max-width: 576px) {
  .opportunity-join-banner .global-banner__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: rgba(0, 0, 0, 0.07);
    -webkit-backdrop-filter: blur(30px);
            backdrop-filter: blur(30px);
    padding: 26px 22px;
  }
}
@media (max-width: 576px) {
  .opportunity-join-banner .global-banner__subtitle {
    text-align: center;
  }
}

.membership-checking-banner .global-title {
  max-width: 300px;
}

.modal {
  padding: 10vh var(--current-scrollbar-width) 2vh 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.5s ease, padding 0s;
  transition: all 0.5s ease, padding 0s;
}
.modal:not(.show) * {
  visibility: hidden !important;
  pointer-events: none !important;
}
.modal.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
}
.modal__dialog {
  padding: 14px 36px 36px;
  max-width: 1100px;
  width: calc(100% - 60px);
  max-height: 100%;
  margin: 0 auto;
  position: relative;
  background-color: #fff;
  -webkit-box-shadow: 0px 12.6368px 27.1123px rgba(52, 60, 71, 0.05);
          box-shadow: 0px 12.6368px 27.1123px rgba(52, 60, 71, 0.05);
}
@media screen and (max-width: 375px) {
  .modal__dialog {
    width: calc(100% - 30px);
  }
}

.modal-video {
  padding: 15vh 0 5vh;
}
.modal-video .modal__dialog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1120px;
  aspect-ratio: 1.8/1;
  padding: 9px;
}
@media (max-width: 1024px) {
  .modal-video .modal__dialog {
    padding: 5px;
  }
}
@media screen and (max-width: 768px) {
  .modal-video .modal__dialog {
    max-width: 715px;
  }
}
@media (max-width: 576px) {
  .modal-video .modal__dialog {
    padding: 9px;
  }
}
@media screen and (max-width: 390px) {
  .modal-video .modal__dialog {
    max-width: 410px;
  }
}
@media screen and (max-width: 375px) {
  .modal-video .modal__dialog {
    width: calc(100% - 30px);
  }
}
.modal-video .modal__dialog video,
.modal-video .modal__dialog .video-js,
.modal-video .modal__dialog iframe {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 100%;
  max-width: 100%;
  height: 100%;
}
.modal-video .modal__dialog .vjs-big-play-button {
  display: none !important;
}

.modal-gallery.full-screen {
  padding: 0 !important;
  background-color: #000;
}
.modal-gallery.full-screen .modal__dialog {
  padding: 0;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  max-height: 100vh;
  background-color: #000;
}
.modal-gallery.full-screen .modal__header {
  display: none;
}
.modal-gallery.full-screen .modal__gallery-slider {
  height: 100%;
  background-color: #000;
}
.modal-gallery.full-screen .modal__gallery-slider .swiper-slide {
  height: 100%;
  position: relative;
}
.modal-gallery.full-screen .modal__gallery-slider .swiper-slide img {
  width: 100%;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.modal-gallery.full-screen .modal__gallery-slider .minimize {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}
.modal-gallery .modal__dialog {
  -webkit-box-shadow: 0px 10.8682px 23.3178px rgba(52, 60, 71, 0.05);
          box-shadow: 0px 10.8682px 23.3178px rgba(52, 60, 71, 0.05);
  border-radius: 8px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  aspect-ratio: 1/0.58363;
}
@media screen and (max-width: 768px) {
  .modal-gallery .modal__dialog {
    padding: 8px 20px 20px;
  }
}
.modal-gallery .modal__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
@media screen and (min-width: 390px) and (max-width: 768px) {
  .modal-gallery .modal__header {
    margin-bottom: 8px;
  }
}
.modal-gallery .modal__body {
  width: 100%;
  height: 100%;
}
.modal-gallery .modal__title {
  margin-right: auto;
  font-family: "Sora", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 29px;
  text-align: start;
  text-transform: capitalize;
  color: #304659;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (min-width: 768px) {
  .modal-gallery .modal__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    text-align: center;
    padding-inline: 70px;
    margin: 0;
  }
}
@media screen and (max-width: 390px) {
  .modal-gallery .modal__title {
    font-size: 12px;
    line-height: 1;
  }
}
.modal-gallery .modal__controls {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  .modal-gallery .modal__controls {
    -webkit-transform: translateX(calc(-100% - 10px));
            transform: translateX(calc(-100% - 10px));
  }
}
.modal-gallery .modal__controls-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 10px);
  margin-inline: -5px;
}
.modal-gallery .modal__controls-col {
  padding-inline: 5px;
}
.modal-gallery .modal__controls-btn.minimize {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 10;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
@media screen and (max-width: 1024px) {
  .modal-gallery .modal__controls-btn.zoom {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  .modal-gallery .modal__controls-btn:hover .icon {
    fill: #3da6b0;
  }
  .modal-gallery .modal__controls-btn:hover .icon-maximize, .modal-gallery .modal__controls-btn:hover .icon-search {
    fill: none;
    stroke: #3da6b0;
  }
}
.modal-gallery .modal__controls-btn .icon {
  width: 13px;
  min-width: 13px;
  height: 13px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  fill: #9aa2ac;
}
.modal-gallery .modal__controls-btn .icon-maximize, .modal-gallery .modal__controls-btn .icon-search {
  width: 14px;
  min-width: 14px;
  height: 14px;
  fill: none;
  stroke: #9aa2ac;
  stroke-width: 2px;
  stroke-linecap: round;
}
.modal-gallery .modal__controls-btn .icon-maximize {
  stroke-width: 1px;
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.modal-gallery .modal__gallery-slider {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
}
.modal-gallery .modal__gallery-slider.zoom .swiper-slide img {
  -webkit-transform: scale(2);
          transform: scale(2);
}
.modal-gallery .modal__gallery-slider .swiper-wrapper {
  height: 100%;
}
.modal-gallery .modal__gallery-slider .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 8px;
  overflow: hidden;
  height: auto;
  max-height: 100%;
  opacity: 0;
  -webkit-transition: all 0.75s ease;
  transition: all 0.75s ease;
}
.modal-gallery .modal__gallery-slider .swiper-slide .zoom-block {
  max-width: initial;
  max-height: initial;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-position: 50% 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-transition: background-size 0.4s ease;
  transition: background-size 0.4s ease;
}
.modal-gallery .modal__gallery-slider .swiper-slide-active {
  opacity: 1;
}
.modal-gallery .modal__gallery-slider .swiper-slide img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.modal-gallery .modal__gallery-btn {
  width: 35px;
  height: 35px;
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  border: 0;
  background-color: #fff;
  border: 1px solid #D6DADE;
}
@media screen and (max-width: 768px) {
  .modal-gallery .modal__gallery-btn {
    width: 20px;
    height: 20px;
  }
}
.modal-gallery .modal__gallery-btn.swiper-button-disabled {
  pointer-events: none !important;
  opacity: 0.7;
}
@media screen and (min-width: 1025px) {
  .modal-gallery .modal__gallery-btn:hover {
    border-color: transparent;
    background: #9AA2AC;
  }
  .modal-gallery .modal__gallery-btn:hover .icon {
    fill: #fff;
  }
}
.modal-gallery .modal__gallery-btn.prev {
  left: 20px;
}
.modal-gallery .modal__gallery-btn.prev .icon {
  margin-left: -0.05em;
}
.modal-gallery .modal__gallery-btn.next {
  right: 20px;
}
.modal-gallery .modal__gallery-btn.next .icon {
  margin-right: -0.15em;
}
@media screen and (min-width: 769px) {
  .modal-gallery .modal__gallery-btn .icon {
    width: 18px;
    height: 16px;
    fill: #27292c;
  }
}
@media screen and (max-width: 768px) {
  .modal-gallery .modal__gallery-btn .icon {
    width: 5px;
    height: 9px;
    fill: #27292c;
  }
}
.modal-gallery .modal__gallery-slider-counter {
  padding: 6px 12px;
  font-family: "Sora";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  text-transform: capitalize;
  color: #27292c;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 20px;
  z-index: 2;
  background: #fff;
  mix-blend-mode: normal;
  border-radius: 12px;
  border: 1px solid #9AA2AC;
}
@media screen and (max-width: 768px) {
  .modal-gallery .modal__gallery-slider-counter {
    padding: 4px 8px;
    font-size: 8px;
    bottom: 37px;
  }
}
@media screen and (max-width: 415px) {
  .modal-gallery .modal__gallery-slider-counter {
    padding: 4px 6px;
    font-size: 6px;
    bottom: 6px;
  }
}

.modal-wraper {
  position: fixed;
  z-index: 110;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  overflow-y: auto;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.modal-wraper.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.join-modal {
  padding: 135px 30px;
}
.join-modal__box {
  width: 100%;
  max-width: 463px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(21.5px);
          backdrop-filter: blur(21.5px);
  border-radius: 10px;
  position: relative;
  margin: auto;
  min-height: 193px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 39px;
}
@media (max-width: 1024px) {
  .join-modal__box {
    max-width: 350px;
    padding: 26px;
    border-radius: 8px;
    min-height: 140px;
  }
}
@media (max-width: 576px) {
  .join-modal__box {
    max-width: none;
    min-height: 183px;
    border-radius: 10px;
    padding: 30px;
  }
}
.join-modal__close {
  width: 13px;
  height: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
  top: 19px;
  right: 19px;
  position: absolute;
}
@media (max-width: 1024px) {
  .join-modal__close {
    width: 11px;
    height: 11px;
    top: 14px;
    right: 14px;
  }
}
@media (max-width: 576px) {
  .join-modal__close {
    width: 13px;
    height: 13px;
    top: 19px;
    right: 19px;
  }
}
.join-modal__close .icon {
  width: 13px;
  height: 13px;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  fill: #CFD3D6;
}
@media (max-width: 1024px) {
  .join-modal__close .icon {
    width: 11px;
    height: 11px;
  }
}
@media (max-width: 576px) {
  .join-modal__close .icon {
    width: 13px;
    height: 13px;
  }
}
@media (min-width: 1025px) {
  .join-modal__close:hover .icon {
    fill: #a5ebfb;
  }
}
.join-modal__close:active .icon {
  fill: #a5ebfb;
}
.join-modal__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.join-modal__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 57px;
  height: 57px;
  margin-bottom: 10px;
}
@media (max-width: 1024px) {
  .join-modal__icon {
    width: 43px;
    height: 43px;
    margin-bottom: 7px;
  }
}
@media (max-width: 576px) {
  .join-modal__icon {
    width: 58px;
    height: 58px;
  }
}
.join-modal__icon .icon {
  fill: #98D1DE;
  width: 57px;
  height: 57px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1024px) {
  .join-modal__icon .icon {
    width: 43px;
    height: 43px;
  }
}
@media (max-width: 576px) {
  .join-modal__icon .icon {
    width: 57px;
    height: 57px;
  }
}
.join-modal__text {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 146%;
  text-align: center;
  color: #fff;
}
@media (max-width: 1024px) {
  .join-modal__text {
    font-size: 13px;
  }
}
@media (max-width: 576px) {
  .join-modal__text {
    font-size: 16px;
  }
}

.back-office-modal__box {
  width: 100%;
  max-width: 496px;
  background: #fff;
  margin: auto;
  padding: 35px;
}
.back-office-modal__dialog {
  width: 100%;
  max-width: 950px;
  background: #fff;
  margin: auto;
}
@media screen and (max-width: 1024px) {
  .back-office-modal__dialog {
    max-width: 668px;
  }
}
.back-office-modal__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  padding: 6px 20px;
  background: #338db2;
}
.back-office-modal__header-title {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 35px;
  text-transform: capitalize;
  color: #fff;
}
@media screen and (min-width: 1025px) {
  .back-office-modal__close-btn:hover .icon {
    fill: #ff6174;
  }
}
.back-office-modal__close-btn .icon {
  width: 12px;
  min-width: 12px;
  height: 12px;
  fill: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.back-office-modal__body {
  padding: 28px 20px 20px;
}
.back-office-modal__form {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.back-office-modal__form .mb-20 {
  margin-bottom: 20px;
}
.back-office-modal__form .form__field-name br {
  display: none;
}
@media screen and (min-width: 375px) and (max-width: 577px) {
  .back-office-modal__form .form__field-name br {
    display: block;
  }
}
.back-office-modal__form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 20px);
  margin-inline: -10px;
  row-gap: 12px;
}
.back-office-modal__form-row.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.back-office-modal__form-row.justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.back-office-modal__form-col {
  padding-inline: 10px;
}
@media screen and (max-width: 576px) {
  .back-office-modal__form-col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
  .back-office-modal__form-col .filled-btn,
  .back-office-modal__form-col .light-blue-btn {
    width: 100%;
  }
}
@media screen and (max-width: 375px) {
  .back-office-modal__form-col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.back-office-modal__footer {
  padding: 22px 20px 24px;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  color: #304659;
  text-align: center;
  border-top: 1px solid #D6DADE;
}
@media (max-width: 576px) {
  .back-office-modal__footer {
    line-height: 20px;
  }
}
.back-office-modal__content {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.back-office-modal__icon {
  width: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 17px;
}
@media (max-width: 576px) {
  .back-office-modal__icon {
    margin-bottom: 12px;
  }
}
.back-office-modal__icon img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.back-office-modal__status {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 17px;
}
@media (max-width: 576px) {
  .back-office-modal__status {
    margin-bottom: 12px;
  }
}
.back-office-modal__title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 38px;
  text-align: center;
  color: #27292C;
  margin-bottom: 2px;
}
.back-office-modal__text {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  color: #7B8086;
  margin-bottom: 21px;
}
@media (max-width: 576px) {
  .back-office-modal__text {
    margin-bottom: 18px;
  }
}
@media (max-width: 450px) {
  .back-office-modal__text {
    max-width: 250px;
  }
}
.back-office-modal__btn {
  width: 100%;
  max-width: 299px;
  min-height: 36px;
  padding: 5px 10px;
  text-decoration: none;
}
@media (max-width: 576px) {
  .back-office-modal__btn {
    max-width: 250px;
  }
}

.modal-videos-playlist__box {
    margin: auto;
    width: 100%;
    max-width: 1120px;
    padding: 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
}

@media (max-width: 1024px) {
    .modal-videos-playlist__box {
        padding: 5px;
    }
}

@media (max-width: 576px) {
    .modal-videos-playlist__box {
        padding: 9px;
        max-width: none;
    }
}

@media (max-width: 375px) {
    .modal-videos-playlist__box {
        width: calc(100% + 30px);
        margin-inline: -15px;
    }
}

.modal-videos-playlist__box iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 1.77777778/1;
    -o-object-fit: contain;
    object-fit: contain;
}

.gallery-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0px 14.02px 30.08px rgba(52, 60, 71, 0.1);
          box-shadow: 0px 14.02px 30.08px rgba(52, 60, 71, 0.1);
}
.gallery-card__picture {
  width: 100%;
  height: 100%;
  max-height: 226px;
  min-height: 226px;
  margin-bottom: 16px;
  position: relative;
}
.gallery-card__picture:hover .gallery-card__video-wrap {
  opacity: 1;
  pointer-events: all;
}
.gallery-card__picture video, .gallery-card__picture__img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
.gallery-card__video-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.gallery-card__video-wrap__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gallery-card__video {
  width: 100%;
  height: 100%;
}
.gallery-card__video-trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 56px;
  height: 56px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  -webkit-backdrop-filter: blur(18px);
          backdrop-filter: blur(18px);
  background: rgba(0, 0, 0, 0.2);
  overflow: hidden;
  z-index: 3;
}
.gallery-card__video-trigger:hover::before {
  opacity: 1;
}
.gallery-card__video-trigger::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
  opacity: 0;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.gallery-card__video-trigger .icon {
  width: 19px;
  min-width: 19px;
  height: 23px;
  margin-left: 0.3em;
  position: relative;
  z-index: 2;
  fill: #fff;
}
.gallery-card__body {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 20px 22px;
}
.gallery-card__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin-bottom: 13px;
}
.gallery-card__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.gallery-card__photos-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (min-width: 1025px) {
  .gallery-card__photos-btn:hover .gallery-card__title,
  .gallery-card__photos-btn:hover .gallery-card__img-quatity {
    color: #3da6b0;
  }
}
.gallery-card__title {
  display: block;
  margin-bottom: 3px;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  text-transform: capitalize;
  color: #304659;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: start;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gallery-card__img-quatity {
  display: block;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #646e76;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.gallery-card__members {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 12px;
}
.gallery-card__member {
  width: 40px;
  min-width: 40px;
  height: 40px;
  border: 3px solid #fff;
  border-radius: 50%;
  overflow: hidden;
}
.gallery-card__member:not(:first-child) {
  margin-left: -12px;
}
.gallery-card__member__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gallery-card__info {
  line-height: 1.2;
}
.gallery-card__info .name,
.gallery-card__info .date {
  display: block;
}
.gallery-card__info .name {
  font-weight: 600;
  font-size: 14px;
  color: #304659;
}
.gallery-card__info .date {
  font-weight: 400;
  font-size: 13px;
  color: #475467;
}

.events-card {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0px 14.02px 30.08px rgba(52, 60, 71, 0.05);
          box-shadow: 0px 14.02px 30.08px rgba(52, 60, 71, 0.05);
}
@media (max-width: 680px) {
  .events-card {
    width: 100%;
    height: 100%;
  }
}
.events-card > * {
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 1024px) {
  .events-card:hover::after {
    opacity: 1;
  }
}
.events-card::before, .events-card::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.events-card::before {
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #fff;
}
.events-card::after {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  z-index: 1;
  opacity: 0;
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
}
.events-card__picture {
  width: calc(100% + 2px);
  margin-top: -1px;
  margin-inline: -1px;
  min-height: 162px;
  margin-bottom: 10px;
}
.events-card__picture__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.events-card__picture-holder {
  z-index: 2;
}
.events-card__picture-poster {
  z-index: 1;
  opacity: 0;
}
.events-card__body {
  padding: 10px 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.events-card__date {
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  text-transform: capitalize;
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.events-card__title {
  display: block;
  margin-bottom: 4px;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  text-transform: capitalize;
  color: #304659;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.events-card a.events-card__title:hover,
.events-card button.events-card__title:hover {
  color: #3da6b0;
}
.events-card__content ul li {
  padding-left: 10px;
  position: relative;
  font-size: 13px;
  line-height: 19px;
  text-transform: capitalize;
  color: #304659;
}
.events-card__content ul li:not(:last-child) {
  margin-bottom: 1em;
}
.events-card__content ul li strong {
  float: left;
  font-weight: 600;
}
.events-card__content ul li span {
  font-weight: 400;
}
.events-card__content ul li::before {
  content: "";
  display: block;
  width: 3px;
  min-width: 3px;
  height: 3px;
  position: absolute;
  top: 0.65em;
  left: 0;
  background-color: #304659;
  border-radius: 50%;
}
.events-card__footer {
  padding: 10px 20px 20px;
}
.events-card__link {
  max-width: 217px;
  width: 100%;
  font-size: 12px;
  line-height: 14px;
}
@media (min-width: 681px) {
  .events-card__link .arrow {
    display: none;
  }
}
@media (max-width: 576px) {
  .events-card__link {
    max-width: none;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
  }
}

.global-package__list {
  width: calc(100% + 20px);
  margin-left: -10px;
  margin-right: -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
@media (max-width: 1024px) {
  .global-package__list {
    width: calc(100% + 52px);
    margin-left: -26px;
    margin-right: -26px;
  }
}
@media (max-width: 576px) {
  .global-package__list {
    width: 100%;
    margin: 0;
  }
}
.global-package-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 25%;
  padding: 0 10px;
  margin-bottom: 20px;
  position: relative;
}
@media (max-width: 1024px) {
  .global-package-wrap {
    width: 50%;
    padding: 0 26px;
    margin-bottom: 48px;
  }
}
@media (max-width: 576px) {
  .global-package-wrap {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
  .global-package-wrap:last-child {
    margin-bottom: 0;
  }
}
.global-package-card {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 576px) {
  .global-package-card {
    max-width: 300px;
  }
}
.global-package-card__photo {
  width: 100%;
  max-width: 166px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
}
@media (max-width: 576px) {
  .global-package-card__photo {
    max-width: 223px;
  }
}
.global-package-card__photo img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
}
.global-package-card__content {
  width: 100%;
  position: relative;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 57px;
  margin-top: -60px;
  -webkit-box-shadow: 0px 8.18082px 24.4979px rgba(52, 60, 71, 0.11);
          box-shadow: 0px 8.18082px 24.4979px rgba(52, 60, 71, 0.11);
}
@media (max-width: 576px) {
  .global-package-card__content {
    padding-top: 87px;
    margin-top: -90px;
  }
}
.global-package-card__info {
  width: 100%;
  position: relative;
  padding: 0 21px;
  padding-right: 14px;
  padding-bottom: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 576px) {
  .global-package-card__info {
    padding: 0 29px;
    padding-bottom: 25px;
  }
}
.global-package-card__status {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 3px;
}
@media (max-width: 576px) {
  .global-package-card__status {
    font-size: 14px;
  }
}
.global-package-card__price {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 23.7556px;
  line-height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  text-transform: capitalize;
  color: #304659;
  margin-bottom: 3px;
}
@media (max-width: 576px) {
  .global-package-card__price {
    font-size: 32px;
    line-height: 34px;
  }
}
.global-package-card__bonus {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
  color: #667085;
  margin-bottom: 15px;
}
@media (max-width: 576px) {
  .global-package-card__bonus {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 21px;
  }
}
.global-package-card__bonus.line-through {
  text-decoration: line-through;
}
.global-package-card__options {
  width: 100%;
  position: relative;
}
.global-package-card__options li {
  padding-left: 18px;
  position: relative;
  margin-bottom: 8px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #646E76;
}
@media (max-width: 576px) {
  .global-package-card__options li {
    padding-left: 25px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
  }
}
.global-package-card__options li::before {
  width: 14px;
  height: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url("../../assets/svg/marker-green.svg") no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 576px) {
  .global-package-card__options li::before {
    width: 19px;
    height: 19px;
  }
}
.global-package-card__options li:last-child {
  margin-bottom: 0;
}
.global-package-card__bottom {
  padding: 15px 21px;
  background-color: #f9fafb;
  width: 100%;
  position: relative;
  margin-top: auto;
}
@media (max-width: 576px) {
  .global-package-card__bottom {
    padding: 20px 29px;
  }
}
.global-package-card__passes {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
@media (max-width: 576px) {
  .global-package-card__passes {
    margin-bottom: 12px;
  }
}
.global-package-card__passes-icon {
  width: 41px;
  min-width: 41px;
  margin-right: 7px;
}
@media (max-width: 576px) {
  .global-package-card__passes-icon {
    width: 52px;
    min-width: 52px;
    margin-right: 9px;
  }
}
.global-package-card__passes-icon img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
  -webkit-transform: translateX(-3px);
          transform: translateX(-3px);
}
.global-package-card__passes-info {
  width: 100%;
  position: relative;
}
.global-package-card__passes-title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
@media (max-width: 576px) {
  .global-package-card__passes-title {
    font-size: 18px;
    line-height: 24px;
  }
}
.global-package-card__passes-value {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 18px;
  color: #646E76;
  margin-top: -2px;
}
@media (max-width: 576px) {
  .global-package-card__passes-value {
    font-size: 14px;
    line-height: 24px;
    margin-top: -3px;
  }
}
.global-package-card__btn {
  min-width: 100%;
  padding: 5px 10px;
  min-height: 31px;
}
@media (max-width: 576px) {
  .global-package-card__btn {
    min-height: 42px;
    font-size: 14px;
  }
}

.membership-categories-section {
  padding-top: 61px;
  padding-bottom: 40px;
}
@media (max-width: 1024px) {
  .membership-categories-section {
    padding-top: 48px;
  }
}
@media (max-width: 576px) {
  .membership-categories-section {
    padding-top: 35px;
    padding-bottom: 28px;
  }
}
.membership-categories-uppertitle {
  margin-bottom: 0;
}
@media (max-width: 576px) {
  .membership-categories-uppertitle {
    margin-bottom: 5px;
  }
}
.membership-categories-title {
  margin-bottom: 27px;
}
@media (max-width: 1024px) {
  .membership-categories-title {
    margin-bottom: 23px;
  }
}
@media (max-width: 576px) {
  .membership-categories-title {
    margin-bottom: 27px;
  }
}

@media (max-width: 1024px) {
  .membership-checking-banner .global-banner__title {
    max-width: 300px;
  }
}

.membership-wishes-section {
  padding-top: 0;
  padding-bottom: 0;
  z-index: 2;
}
.membership-wishes__video {
  width: calc(100% + 60px);
  margin-left: -30px;
  margin-right: -30px;
  position: relative;
  min-height: 487px;
}
@media (min-width: 1601px) {
  .membership-wishes__video {
    min-height: 570px;
  }
}
@media (max-width: 1024px) {
  .membership-wishes__video {
    min-height: 425px;
  }
}
@media (max-width: 576px) {
  .membership-wishes__video {
    min-height: 417px;
  }
}
.membership-wishes__video img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  pointer-events: none;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
.membership-wishes__box {
  position: relative;
  width: 100%;
  max-width: 790px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  padding: 29px 40px;
  padding-left: 49px;
  grid-column-gap: 40px;
  -webkit-box-shadow: 0px 8.18082px 24.4979px rgba(52, 60, 71, 0.11);
          box-shadow: 0px 8.18082px 24.4979px rgba(52, 60, 71, 0.11);
  margin-top: -65px;
}
@media (max-width: 1024px) {
  .membership-wishes__box {
    max-width: 635px;
    padding: 26px;
    padding-left: 39px;
  }
}
@media (max-width: 576px) {
  .membership-wishes__box {
    padding: 37px 26px;
    padding-bottom: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-column-gap: 0;
    margin-top: -78px;
  }
}
.membership-wishes__logo {
  width: 100%;
  max-width: 235px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1024px) {
  .membership-wishes__logo {
    max-width: 189px;
  }
}
@media (max-width: 576px) {
  .membership-wishes__logo {
    max-width: 194px;
    margin-bottom: 24px;
  }
}
.membership-wishes__logo img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
}
.membership-wishes__info {
  width: 100%;
  max-width: 410px;
}
@media (max-width: 1024px) {
  .membership-wishes__info {
    max-width: 330px;
  }
}
@media (max-width: 576px) {
  .membership-wishes__info {
    max-width: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.membership-wishes-title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 26px;
  text-transform: capitalize;
  color: #304659;
  margin-bottom: 15px;
}
@media (max-width: 1024px) {
  .membership-wishes-title {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 17px;
  }
}
@media (max-width: 576px) {
  .membership-wishes-title {
    font-size: 28px;
    line-height: 28px;
    text-align: center;
    margin-bottom: 28px;
  }
}
@media (max-width: 360px) {
  .membership-wishes-title {
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    margin-bottom: 22px;
  }
}
.membership-wishes__join-btn {
  min-width: 111px;
}
@media (min-width: 1025px) {
  .membership-wishes__join-btn {
    min-width: 125px;
  }
}

.membership-experience-section {
  padding-bottom: 70px;
}
@media (max-width: 1024px) {
  .membership-experience-section {
    padding-top: 50px;
    padding-bottom: 58px;
  }
}
@media (max-width: 576px) {
  .membership-experience-section {
    padding-top: 40px;
    padding-bottom: 50px;
  }
}
.membership-experience-uppertitle {
  margin-bottom: 0;
}
@media (max-width: 576px) {
  .membership-experience-uppertitle {
    margin-bottom: 5px;
  }
  .membership-experience-uppertitle.mw-m-235 {
    max-width: 235px;
    margin-inline: auto;
  }
}
.membership-experience__title {
  margin-bottom: 8px;
  line-height: 34px;
}
@media (max-width: 1024px) {
  .membership-experience__title {
    line-height: 38px;
  }
}
@media (max-width: 576px) {
  .membership-experience__title {
    margin-bottom: 13px;
    line-height: 28px;
  }
}
.membership-experience__subtitle {
  margin-bottom: 25px;
  max-width: 600px;
}
@media (max-width: 1024px) {
  .membership-experience__subtitle {
    margin-bottom: 28px;
    max-width: 580px;
  }
  .membership-experience__subtitle.mw-t-none {
    max-width: none;
  }
}
@media (max-width: 576px) {
  .membership-experience__subtitle {
    margin-bottom: 30px;
  }
}
@media (max-width: 450px) {
  .membership-experience__subtitle {
    max-width: 300px;
  }
}
.membership-experience-gallery {
  width: calc(100% + 14px);
  margin-left: -7px;
  margin-right: -7px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1024px) {
  .membership-experience-gallery {
    width: calc(100% + 10px);
    margin-left: -5px;
    margin-right: -5px;
  }
}
@media (max-width: 700px) {
  .membership-experience-gallery {
    width: calc(100% + 16px);
    margin-left: -8px;
    margin-right: -8px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    grid-row-gap: 15px;
  }
}
.membership-experience-gallery-col {
  width: 16.6666667%;
  padding: 0 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-row-gap: 12px;
}
@media (max-width: 1024px) {
  .membership-experience-gallery-col {
    grid-row-gap: 9px;
    padding: 0 5px;
  }
}
@media (max-width: 700px) {
  .membership-experience-gallery-col {
    grid-row-gap: 15px;
    padding: 0 8px;
    width: 50%;
  }
}
.membership-experience-gallery-col:nth-child(1) {
  width: 50%;
}
@media (max-width: 700px) {
  .membership-experience-gallery-col:nth-child(1) {
    width: 100%;
  }
}
.membership-experience-gallery-col:nth-child(1) .membership-experience-gallery__item:nth-child(1) {
  aspect-ratio: 1.14460784/1;
}
@media (max-width: 1024px) {
  .membership-experience-gallery-col:nth-child(1) .membership-experience-gallery__item:nth-child(1) {
    aspect-ratio: 1.04333333/1;
  }
}
@media (max-width: 700px) {
  .membership-experience-gallery-col:nth-child(1) .membership-experience-gallery__item:nth-child(1) {
    aspect-ratio: 1.26538462/1;
  }
}
.membership-experience-gallery-col:nth-child(2) .membership-experience-gallery__item:nth-child(3) {
  aspect-ratio: 0.94193548/1;
}
@media (max-width: 1024px) {
  .membership-experience-gallery-col:nth-child(2) .membership-experience-gallery__item:nth-child(3) {
    aspect-ratio: 0.85087719/1;
  }
}
@media (max-width: 700px) {
  .membership-experience-gallery-col:nth-child(2) .membership-experience-gallery__item:nth-child(3) {
    aspect-ratio: 0.77722772/1;
  }
}
.membership-experience-gallery-col:nth-child(3) .membership-experience-gallery__item:nth-child(1) {
  aspect-ratio: 0.94193548/1;
}
@media (max-width: 1024px) {
  .membership-experience-gallery-col:nth-child(3) .membership-experience-gallery__item:nth-child(1) {
    aspect-ratio: 0.85087719/1;
  }
}
@media (max-width: 700px) {
  .membership-experience-gallery-col:nth-child(3) .membership-experience-gallery__item:nth-child(1) {
    aspect-ratio: 0.77722772/1;
  }
}
@media (max-width: 700px) {
  .membership-experience-gallery-col:nth-child(4) {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    grid-column-gap: 16px;
  }
  .membership-experience-gallery-col:nth-child(4) .membership-experience-gallery__item {
    width: calc(50% - 8px);
  }
}
.membership-experience-gallery-col:nth-child(4) .membership-experience-gallery__item:nth-child(1) {
  aspect-ratio: 0.85882353/1;
}
@media (max-width: 1024px) {
  .membership-experience-gallery-col:nth-child(4) .membership-experience-gallery__item:nth-child(1) {
    aspect-ratio: 0.80165289/1;
  }
}
@media (max-width: 700px) {
  .membership-experience-gallery-col:nth-child(4) .membership-experience-gallery__item:nth-child(1) {
    aspect-ratio: 1.01948052/1;
  }
}
.membership-experience-gallery-col:nth-child(4) .membership-experience-gallery__item:nth-child(2) {
  aspect-ratio: 0.84883721/1;
}
@media (max-width: 700px) {
  .membership-experience-gallery-col:nth-child(4) .membership-experience-gallery__item:nth-child(2) {
    aspect-ratio: 1.01948052/1;
  }
}
.membership-experience-gallery__item {
  width: 100%;
  position: relative;
  aspect-ratio: 1.28070175/1;
}
@media (max-width: 1024px) {
  .membership-experience-gallery__item {
    aspect-ratio: 1.1547619/1;
  }
}
@media (max-width: 700px) {
  .membership-experience-gallery__item {
    aspect-ratio: 1.05369128/1;
  }
}
.membership-experience-gallery__item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
.membership-experience-gallery-btn {
  min-width: 100%;
  font-size: 12px;
  max-height: 40px;
  line-height: 13px;
  padding: 3px 10px;
}
@media (max-width: 1024px) {
  .membership-experience-gallery-btn {
    font-size: 13px;
    min-height: 38px;
    max-height: 38px;
  }
  .membership-experience-gallery-btn .arrow {
    display: none;
  }
}
@media (max-width: 700px) {
  .membership-experience-gallery-btn {
    min-width: 125px;
    margin-top: 18px;
    min-height: 40px;
    max-height: none;
  }
  .membership-experience-gallery-btn .arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.membership-earn-section {
  padding-top: 62px;
  padding-bottom: 62px;
}
@media (max-width: 1024px) {
  .membership-earn-section {
    padding-top: 47px;
    padding-bottom: 50px;
  }
}
@media (max-width: 576px) {
  .membership-earn-section {
    padding-top: 35px;
    padding-bottom: 54px;
  }
}
.membership-earn-uppertitle {
  margin-bottom: 0;
}
@media (max-width: 576px) {
  .membership-earn-uppertitle {
    margin-bottom: 5px;
  }
}
.membership-earn__title {
  max-width: 680px;
  margin: 0 auto;
  margin-bottom: 25px;
}
@media (max-width: 1024px) {
  .membership-earn__title {
    margin-bottom: 27px;
  }
}
@media (max-width: 576px) {
  .membership-earn__title {
    margin-bottom: 27px;
  }
}
@media (max-width: 450px) {
  .membership-earn__title {
    max-width: 200px;
  }
}
.membership-earn__categories {
  width: calc(100% + 28px);
  margin-left: -14px;
  margin-right: -14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 38px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1024px) {
  .membership-earn__categories {
    width: calc(100% + 10px);
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 45px;
  }
}
@media (max-width: 576px) {
  .membership-earn__categories {
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 30px;
  }
}
@media (max-width: 500px) {
  .membership-earn__categories {
    margin-bottom: 52px;
  }
}
@media (max-width: 340px) {
  .membership-earn__categories {
    width: calc(100% + 10px);
    margin-left: -5px;
    margin-right: -5px;
  }
}
.membership-earn-categorie__wrapper {
  width: 25%;
  position: relative;
  padding: 0 14px;
  margin-bottom: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 1024px) {
  .membership-earn-categorie__wrapper {
    padding: 0 5px;
    margin-bottom: 10px;
  }
}
@media (max-width: 700px) {
  .membership-earn-categorie__wrapper {
    width: 50%;
  }
}
@media (max-width: 576px) {
  .membership-earn-categorie__wrapper {
    margin-bottom: 23px;
    padding: 0 10px;
  }
}
@media (max-width: 500px) {
  .membership-earn-categorie__wrapper {
    width: 100%;
  }
  .membership-earn-categorie__wrapper:last-child {
    margin-bottom: 0;
  }
}
.membership-earn-categorie__item {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.membership-earn-categorie__photo {
  width: 100%;
  position: relative;
  aspect-ratio: 1/1;
}
@media (max-width: 576px) {
  .membership-earn-categorie__photo {
    aspect-ratio: 1.13103448/1;
  }
}
.membership-earn-categorie__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none;
}
.membership-earn-categorie__name {
  padding: 5px 10px;
  min-height: 62px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(9px);
          backdrop-filter: blur(9px);
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  max-height: 100%;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #fff;
}
@media (max-width: 1024px) {
  .membership-earn-categorie__name {
    min-height: 51px;
    padding: 5px;
    font-size: 13px;
    line-height: 17px;
  }
}
@media (max-width: 576px) {
  .membership-earn-categorie__name {
    min-height: 68px;
    font-size: 17px;
    line-height: 20px;
    -webkit-backdrop-filter: blur(15.5723px);
            backdrop-filter: blur(15.5723px);
    background: rgba(0, 0, 0, 0.05);
  }
  .membership-earn-categorie__name br {
    display: none;
  }
}
@media (max-width: 340px) {
  .membership-earn-categorie__name {
    font-size: 16px;
    line-height: 20px;
  }
}
.membership-earn-banners {
  width: 100%;
  position: relative;
}
.membership-earn-banner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background-color: #fff;
  margin-bottom: 32px;
}
@media (max-width: 1024px) {
  .membership-earn-banner {
    margin-bottom: 21px;
  }
}
@media (max-width: 576px) {
  .membership-earn-banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 26px;
  }
}
.membership-earn-banner:last-child {
  margin-bottom: 0;
}
@media (min-width: 577px) {
  .membership-earn-banner:nth-child(2n) {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .membership-earn-banner:nth-child(2n) .membership-earn-banner__photo {
    left: unset;
    right: 0;
  }
}
@media (min-width: 1025px) {
  .membership-earn-banner:nth-child(1) .membership-earn-banner__title {
    max-width: 320px;
  }
}
@media (min-width: 577px) and (max-width: 1024px) {
  .membership-earn-banner:nth-child(1) .membership-earn-banner__title {
    max-width: 220px;
  }
}
@media (max-width: 576px) {
  .membership-earn-banner:nth-child(1) .membership-earn-banner__subtitle p {
    max-width: 300px;
    margin-bottom: 10px;
  }
  .membership-earn-banner:nth-child(1) .membership-earn-banner__subtitle p:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 576px) {
  .membership-earn-banner:nth-child(2) .membership-earn-banner__subtitle p {
    max-width: 280px;
  }
}
@media (max-width: 576px) {
  .membership-earn-banner:nth-child(3) .membership-earn-banner__subtitle p {
    max-width: 280px;
  }
}
.membership-earn-banner__photo {
  height: 100%;
  width: 48.5%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 576px) {
  .membership-earn-banner__photo {
    position: relative;
    top: unset;
    left: unset;
    aspect-ratio: 1.26923077;
    width: 100%;
  }
}
.membership-earn-banner__photo img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
.membership-earn-banner__info {
  -webkit-box-shadow: 0px 8.18082px 24.4979px rgba(52, 60, 71, 0.11);
          box-shadow: 0px 8.18082px 24.4979px rgba(52, 60, 71, 0.11);
  background-color: #fff;
  width: 51.5%;
  min-height: 298px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 50px 47px;
}
@media (max-width: 1024px) {
  .membership-earn-banner__info {
    min-height: 200px;
    padding: 35px 22px;
  }
}
@media (max-width: 576px) {
  .membership-earn-banner__info {
    min-height: auto;
    width: 100%;
    padding: 26px 22px;
  }
}
.membership-earn-banner__title {
  text-align: left;
  margin-bottom: 10px;
  line-height: 34px;
}
@media (max-width: 1024px) {
  .membership-earn-banner__title {
    font-size: 22px;
    line-height: 23px;
    margin-bottom: 11px;
  }
}
@media (max-width: 576px) {
  .membership-earn-banner__title {
    font-size: 28px;
    line-height: 28px;
  }
}
.membership-earn-banner__subtitle {
  text-align: left;
  line-height: 20px;
  margin-bottom: 0;
  color: #646E76;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .membership-earn-banner__subtitle.mw-d-357 {
    max-width: 357px;
    margin-left: 0;
  }
  .membership-earn-banner__subtitle.mw-d-332 {
    max-width: 332px;
    margin-left: 0;
  }
}
@media (max-width: 1024px) {
  .membership-earn-banner__subtitle {
    font-size: 13px;
    line-height: 17px;
  }
}
@media (max-width: 576px) {
  .membership-earn-banner__subtitle {
    font-size: 14px;
    line-height: 20px;
    color: #304659;
  }
}
.membership-earn-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.membership-earn__join-btn {
  min-width: 111px;
  margin-top: 32px;
}
@media (max-width: 1024px) {
  .membership-earn__join-btn {
    min-width: 125px;
    margin-top: 38px;
  }
}
@media (max-width: 576px) {
  .membership-earn__join-btn {
    margin-top: 45px;
  }
}

.membership-package-section {
  background-color: #f9fafb;
}
@media (max-width: 1024px) {
  .membership-package-section {
    padding-top: 47px;
    padding-bottom: 60px;
  }
}
@media (max-width: 576px) {
  .membership-package-section {
    padding-top: 40px;
    padding-bottom: 56px;
  }
}
@media (max-width: 1024px) {
  .membership-package-section .container {
    max-width: 500px;
  }
}
.membership-package-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.membership-package-uppertitle {
  margin-bottom: 3px;
}
@media (max-width: 576px) {
  .membership-package-uppertitle {
    margin-bottom: 5px;
  }
}
@media (max-width: 450px) {
  .membership-package-uppertitle {
    max-width: 300px;
    line-height: 22px;
  }
}
.membership-package__title {
  margin-bottom: 32px;
  line-height: 34px;
}
@media (max-width: 1024px) {
  .membership-package__title {
    margin-bottom: 26px;
    font-size: 28px;
  }
}
@media (max-width: 576px) {
  .membership-package__title {
    margin-bottom: 17px;
    line-height: 28px;
  }
}
.membership-package-compare__btn {
  margin-top: 21px;
  font-size: 11.7px;
}
@media (min-width: 577px) {
  .membership-package-compare__btn {
    min-height: 36px;
    padding: 10px 12px;
  }
}
@media (max-width: 1024px) {
  .membership-package-compare__btn {
    margin-top: 0;
  }
}
@media (max-width: 576px) {
  .membership-package-compare__btn {
    margin-top: 35px;
    font-size: 13px;
  }
}

.reviews-section {
  padding-top: 61px;
  padding-bottom: 34px;
}
@media (max-width: 1024px) {
  .reviews-section {
    padding-top: 42px;
    padding-bottom: 20px;
  }
}
@media (max-width: 576px) {
  .reviews-section {
    padding-top: 45px;
    padding-bottom: 47px;
  }
}
.reviews-uppertitle {
  margin-bottom: 4px;
}
.reviews-section__title {
  margin-bottom: 42px;
}
.reviews-box {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-column-gap: 40px;
}
@media (max-width: 1024px) {
  .reviews-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-column-gap: 0;
  }
}
@media (max-width: 576px) {
  .reviews-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.reviews-box__photo {
  width: 100%;
  position: relative;
  max-width: 427px;
}
@media (max-width: 1024px) {
  .reviews-box__photo {
    max-width: 550px;
  }
}
@media (max-width: 576px) {
  .reviews-box__photo {
    max-width: none;
    width: calc(100% + 60px);
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: 32px;
  }
}
.reviews-box__photo img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
}
.reviews__slider {
  width: 100%;
  max-width: 475px;
  position: relative;
}
@media (max-width: 1024px) {
  .reviews__slider {
    margin-bottom: 47px;
    max-width: none;
  }
}
@media (max-width: 576px) {
  .reviews__slider {
    margin-bottom: 0;
  }
}
.reviews__slider .global-slider-btns {
  width: auto;
  max-width: 100%;
  left: unset;
  top: unset;
  -webkit-transform: none;
          transform: none;
  bottom: 0;
  right: 0;
  grid-column-gap: 24px;
}
@media (max-width: 576px) {
  .reviews__slider .global-slider-btns {
    grid-column-gap: 8px;
  }
}
@media (max-width: 370px) {
  .reviews__slider .global-slider-btns {
    bottom: unset;
    right: unset;
    position: relative;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 30px;
  }
}
.reviews__slider .global-slider-btn {
  width: 42px;
  height: 42px;
  border-color: #EAECF0;
  background: #fff;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}
@media (max-width: 576px) {
  .reviews__slider .global-slider-btn {
    width: 56px;
    height: 56px;
  }
}
.reviews__slider .global-slider-btn .icon {
  width: 18px;
  height: 18px;
  fill: transparent;
  stroke: #667085;
  stroke-width: 1.5px;
}
@media (max-width: 576px) {
  .reviews__slider .global-slider-btn .icon {
    width: 24px;
    height: 24px;
  }
}
@media (min-width: 1025px) {
  .reviews__slider .global-slider-btn:hover {
    background: #4f4f4f;
  }
  .reviews__slider .global-slider-btn:hover .icon {
    stroke: #fff;
  }
}
.reviews__slider .global-slider-btn:active {
  background: #4f4f4f;
}
.reviews__slider .global-slider-btn:active .icon {
  stroke: #fff;
}
.reviews-slide {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: auto;
}
.reviews-rating {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-column-gap: 3px;
  margin-bottom: 24px;
}
@media (max-width: 576px) {
  .reviews-rating {
    margin-bottom: 33px;
    grid-column-gap: 4px;
  }
}
.reviews-rating-star {
  width: 17px;
  height: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 576px) {
  .reviews-rating-star {
    width: 20px;
    height: 20px;
  }
}
.reviews-rating-star .icon {
  width: 17px;
  height: 17px;
  fill: #eaecf0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 576px) {
  .reviews-rating-star .icon {
    width: 20px;
    height: 20px;
  }
}
.reviews-rating-star.highlight .icon {
  fill: #fec84b;
}
.reviews-text {
  width: 100%;
  position: relative;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #646E76;
  margin-bottom: 24px;
}
@media (max-width: 576px) {
  .reviews-text {
    line-height: 26px;
    margin-bottom: 33px;
  }
}
.reviews-userrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: auto;
  width: 100%;
  padding-right: 130px;
}
@media (max-width: 370px) {
  .reviews-userrow {
    padding-right: 0;
  }
}
.reviews-user__icon {
  width: 42px;
  height: 42px;
  min-width: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  margin-right: 12px;
}
@media (max-width: 576px) {
  .reviews-user__icon {
    width: 56px;
    height: 56px;
    min-width: 56px;
    margin-right: 16px;
  }
}
.reviews-user__icon img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
.reviews-user__data {
  position: relative;
}
.reviews-user__name {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 21px;
  color: #304659;
  margin-bottom: 3px;
}
@media (max-width: 576px) {
  .reviews-user__name {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 4px;
  }
}
.reviews-user__status {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #667085;
}
@media (max-width: 576px) {
  .reviews-user__status {
    font-size: 16px;
    line-height: 24px;
  }
}

.opportunity-stepper-section {
  padding-top: 64px;
  padding-bottom: 60px;
}
@media (max-width: 1024px) {
  .opportunity-stepper-section {
    padding-top: 52px;
    padding-bottom: 77px;
  }
}
@media (max-width: 576px) {
  .opportunity-stepper-section {
    padding-top: 40px;
    padding-bottom: 55px;
  }
}
.opportunity-stepper__box {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-column-gap: 40px;
}
@media (max-width: 1024px) {
  .opportunity-stepper__box {
    grid-column-gap: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.opportunity-stepper__info {
  width: 100%;
  max-width: 420px;
  position: relative;
}
@media (max-width: 1024px) {
  .opportunity-stepper__info {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: none;
    margin-bottom: 41px;
  }
}
@media (max-width: 576px) {
  .opportunity-stepper__info {
    margin-bottom: 46px;
  }
}
.opportunity-stepper__title {
  width: calc(100% + 80px);
  margin-bottom: 20px;
  line-height: 34px;
  text-align: left;
}
@media (max-width: 1024px) {
  .opportunity-stepper__title {
    margin-bottom: 24px;
    text-align: center;
  }
}
@media (max-width: 576px) {
  .opportunity-stepper__title {
    font-size: 32px;
    line-height: 34px;
    margin-bottom: 20px;
    max-width: 283px;
  }
}
.opportunity-stepper__list {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 32px;
  counter-reset: a;
}
@media (max-width: 1024px) {
  .opportunity-stepper__list {
    margin-bottom: 35px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    grid-column-gap: 40px;
    grid-row-gap: 15px;
  }
}
@media (max-width: 576px) {
  .opportunity-stepper__list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    grid-column-gap: 0;
    grid-row-gap: 0;
    max-width: 250px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.opportunity-stepper__list li {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  text-transform: capitalize;
  color: #304659;
  margin-bottom: 11px;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1024px) {
  .opportunity-stepper__list li {
    margin-bottom: 0;
    max-width: 138px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 576px) {
  .opportunity-stepper__list li {
    max-width: none;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px;
    line-height: 24px;
  }
}
.opportunity-stepper__list li::before {
  counter-increment: a;
  content: counter(a);
  width: 20px;
  height: 20px;
  min-width: 20px;
  background: url("../../assets/svg/circle.svg") center no-repeat;
  background-size: 100% 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  text-transform: capitalize;
  color: #2a78b3;
  margin-right: 7px;
  padding-left: 1px;
  padding-top: 1px;
}
@media (max-width: 576px) {
  .opportunity-stepper__list li::before {
    width: 23px;
    height: 23px;
    min-width: 23px;
    margin-right: 9px;
    font-size: 13px;
    line-height: 13px;
  }
}
.opportunity-stepper__list li:last-child {
  margin-bottom: 0;
}
.opportunity-stepper__quote {
  width: 100%;
  position: relative;
  padding: 30px 29px;
  padding-bottom: 20px;
  border: 1px solid #D6DADE;
  margin-bottom: 34px;
  z-index: 1;
  max-width: 432px;
}
@media (max-width: 1024px) {
  .opportunity-stepper__quote {
    margin-bottom: 26px;
  }
}
@media (max-width: 576px) {
  .opportunity-stepper__quote {
    padding: 35px 30px;
    margin-bottom: 25px;
  }
}
.opportunity-stepper__quote::after {
  width: 34px;
  height: 29px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  content: "";
  background: url("../../assets/svg/quote.svg") center no-repeat;
  background-size: 100% 100%;
  top: 17px;
  left: 17px;
  z-index: -1;
}
@media (max-width: 1024px) {
  .opportunity-stepper__quote::after {
    width: 46px;
    height: 39px;
    top: 15px;
    left: 15px;
  }
}
.opportunity-stepper__quote-text {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: #6F7077;
  margin-bottom: 6px;
}
@media (max-width: 576px) {
  .opportunity-stepper__quote-text {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 10px;
    text-transform: capitalize;
  }
}
.opportunity-stepper__quote-autor {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 600;
  font-size: 15px;
  line-height: 24px;
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
@media (max-width: 576px) {
  .opportunity-stepper__quote-autor {
    font-size: 14px;
    line-height: 20px;
  }
}
.opportunity-stepper__photo {
  width: 100%;
  position: relative;
  max-width: 439px;
}
@media (max-width: 1024px) {
  .opportunity-stepper__photo {
    max-width: 636px;
  }
}
.opportunity-stepper__photo img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
}
.opportunity-stepper__btn {
  min-width: 122px;
}
@media (max-width: 576px) {
  .opportunity-stepper__btn {
    min-width: 125px;
  }
  .opportunity-stepper__btn::after {
    background: transparent;
  }
  .opportunity-stepper__btn .value {
    background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }
  .opportunity-stepper__btn .arrow::after {
    background: url(../../assets/svg/arrow-gradient.svg) no-repeat;
    background-size: 100% 100%;
    background-position: center;
  }
  .opportunity-stepper__btn .arrow::before {
    background: url(../../assets/svg/arrow-white.svg) no-repeat;
    background-size: 100% 100%;
    background-position: center;
  }
}

@media (min-width: 577px) and (max-width: 1024px) {
  .opportunity-page .reviews-section {
    padding-bottom: 30px;
  }
}

.opportunity-roadmap-section {
  background-color: #f9fafb;
  padding-bottom: 55px;
  padding-bottom: 43px;
}
@media (max-width: 1024px) {
  .opportunity-roadmap-section {
    padding-top: 40px;
    padding-bottom: 58px;
  }
}
.opportunity-roadmap-uppertitle {
  margin-bottom: 2px;
}
@media (max-width: 576px) {
  .opportunity-roadmap-uppertitle {
    margin-bottom: 5px;
  }
}
.opportunity-roadmap__title {
  margin-bottom: 37px;
  line-height: 34px;
}
@media (max-width: 1024px) {
  .opportunity-roadmap__title {
    margin-bottom: 38px;
  }
}
@media (max-width: 576px) {
  .opportunity-roadmap__title {
    margin-bottom: 35px;
    line-height: 28px;
  }
}
.opportunity-roadmap-box {
  width: 100%;
  position: relative;
}
.opportunity-roadmap__item {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 64px;
}
@media (max-width: 1024px) {
  .opportunity-roadmap__item {
    padding-bottom: 60px;
  }
}
@media (max-width: 700px) {
  .opportunity-roadmap__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 43px;
    padding-bottom: 42px;
  }
}
.opportunity-roadmap__item::before {
  width: 2px;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 100%;
  background-color: #EAECF0;
  border-radius: 2px;
}
@media (max-width: 1024px) {
  .opportunity-roadmap__item::before {
    left: 47%;
  }
}
@media (max-width: 700px) {
  .opportunity-roadmap__item::before {
    left: 9px;
    -webkit-transform: none;
            transform: none;
  }
}
.opportunity-roadmap__item::after {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: -3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  background: url("../../assets/svg/pin.svg") center center no-repeat;
  background-size: 100% 100%;
  border: 3px solid #f9fafb;
  border-radius: 50%;
}
@media (max-width: 1024px) {
  .opportunity-roadmap__item::after {
    left: 47%;
  }
}
@media (max-width: 700px) {
  .opportunity-roadmap__item::after {
    left: -4px;
    -webkit-transform: none;
            transform: none;
    border-width: 4px;
    width: 28px;
    height: 28px;
  }
}
@media (min-width: 1025px) {
  .opportunity-roadmap__item:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media (min-width: 1025px) {
  .opportunity-roadmap__item:nth-child(1) .opportunity-roadmap-item__text {
    max-width: 400px;
  }
}
@media (max-width: 450px) {
  .opportunity-roadmap__item:nth-child(1) .opportunity-roadmap-item__text {
    max-width: 275px;
  }
}
@media (max-width: 576px) {
  .opportunity-roadmap__item:nth-child(1) .opportunity-roadmap-item__semititle {
    max-width: 260px;
  }
}
@media (max-width: 576px) {
  .opportunity-roadmap__item:nth-child(2) .opportunity-roadmap-item__semititle {
    max-width: 260px;
  }
}
.opportunity-roadmap__item:nth-child(3) .opportunity-roadmap-item__title {
  max-width: 340px;
}
@media (max-width: 1024px) {
  .opportunity-roadmap__item:nth-child(3) .opportunity-roadmap-item__title {
    max-width: 220px;
  }
}
@media (max-width: 700px) {
  .opportunity-roadmap__item:nth-child(3) .opportunity-roadmap-item__title {
    max-width: 260px;
  }
}
.opportunity-roadmap__item:nth-child(3) .opportunity-roadmap-item__semititle {
  max-width: 340px;
}
@media (max-width: 1024px) {
  .opportunity-roadmap__item:nth-child(3) .opportunity-roadmap-item__semititle {
    max-width: 290px;
  }
}
@media (max-width: 700px) {
  .opportunity-roadmap__item:nth-child(3) .opportunity-roadmap-item__semititle {
    max-width: 340px;
  }
}
@media (max-width: 576px) {
  .opportunity-roadmap__item:nth-child(3) .opportunity-roadmap-item__semititle {
    max-width: 260px;
  }
}
.opportunity-roadmap__item:nth-child(3) .opportunity-roadmap-item__list {
  max-width: 340px;
}
@media (max-width: 1024px) {
  .opportunity-roadmap__item:nth-child(3) .opportunity-roadmap-item__list {
    max-width: 290px;
  }
}
@media (max-width: 700px) {
  .opportunity-roadmap__item:nth-child(3) .opportunity-roadmap-item__list {
    max-width: none;
  }
}
@media (max-width: 450px) {
  .opportunity-roadmap__item:nth-child(3) .opportunity-roadmap-item__list li:last-child {
    max-width: 260px;
  }
}
.opportunity-roadmap__item:last-child {
  padding-bottom: 0;
}
.opportunity-roadmap__item:last-child::before {
  display: none;
}
.opportunity-roadmap__photo {
  width: calc(50% - 59px);
  position: relative;
}
@media (max-width: 1024px) {
  .opportunity-roadmap__photo {
    width: 40.9%;
  }
}
@media (max-width: 700px) {
  .opportunity-roadmap__photo {
    width: 100%;
    aspect-ratio: 1.64739884/1;
  }
}
.opportunity-roadmap__photo img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  pointer-events: none;
}
.opportunity-roadmap__info {
  width: calc(50% - 59px);
  position: relative;
}
@media (max-width: 1024px) {
  .opportunity-roadmap__info {
    width: 48%;
  }
}
@media (max-width: 700px) {
  .opportunity-roadmap__info {
    width: 100%;
    margin-bottom: 34px;
  }
}
.opportunity-roadmap-item__title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 34px;
  text-transform: capitalize;
  color: #304659;
  margin-bottom: 8px;
  margin-top: -8px;
}
@media (max-width: 1024px) {
  .opportunity-roadmap-item__title {
    font-size: 20px;
    line-height: 24px;
    margin-top: -4px;
  }
}
@media (max-width: 700px) {
  .opportunity-roadmap-item__title {
    font-size: 24px;
    line-height: 31px;
    margin-top: -6px;
  }
}
.opportunity-roadmap-item__text {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #646E76;
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .opportunity-roadmap-item__text {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 14px;
  }
}
@media (max-width: 700px) {
  .opportunity-roadmap-item__text {
    font-size: 14px;
    margin-bottom: 23px;
  }
}
.opportunity-roadmap-item__semititle {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  text-transform: capitalize;
  color: #304659;
  margin-bottom: 14px;
}
@media (max-width: 1024px) {
  .opportunity-roadmap-item__semititle {
    margin-bottom: 13px;
    font-size: 14px;
    line-height: 19px;
  }
}
@media (max-width: 700px) {
  .opportunity-roadmap-item__semititle {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 20px;
  }
}
.opportunity-roadmap-item__list {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-column-gap: 20px;
}
@media (min-width: 1025px) {
  .opportunity-roadmap-item__list.specialized li:nth-child(2n) {
    width: calc(55% - 10px);
  }
  .opportunity-roadmap-item__list.specialized li:nth-child(2n-1) {
    width: calc(45% - 10px);
  }
}
.opportunity-roadmap-item__list li {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #304659;
  margin-bottom: 7px;
  position: relative;
  padding-left: 21px;
  width: 100%;
}
@media (max-width: 1024px) {
  .opportunity-roadmap-item__list li {
    font-size: 13px;
    margin-bottom: 5px;
  }
}
@media (max-width: 700px) {
  .opportunity-roadmap-item__list li {
    margin-bottom: 7px;
    font-size: 14px;
    line-height: 18px;
    padding-left: 27px;
  }
}
@media (max-width: 576px) {
  .opportunity-roadmap-item__list li {
    font-weight: 500;
  }
}
.opportunity-roadmap-item__list li:last-child {
  margin-bottom: 0;
}
.opportunity-roadmap-item__list li::before {
  width: 17px;
  height: 17px;
  position: absolute;
  left: 0;
  top: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: url("../../assets/svg/marker.svg") no-repeat;
  background-size: 100% 100%;
  content: "";
}
@media (max-width: 1024px) {
  .opportunity-roadmap-item__list li::before {
    width: 14px;
    height: 14px;
    top: 4px;
  }
}
@media (max-width: 700px) {
  .opportunity-roadmap-item__list li::before {
    width: 20px;
    height: 20px;
    top: -1px;
  }
}
.opportunity-roadmap-item__btn {
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-top: 43px;
}
@media (max-width: 1024px) {
  .opportunity-roadmap-item__btn {
    margin-top: 30px;
  }
}
@media (max-width: 700px) {
  .opportunity-roadmap-item__btn {
    margin-top: 28px;
  }
}

.opportunity-categories-section {
  padding-top: 58px;
  padding-bottom: 30px;
}
@media (max-width: 1024px) {
  .opportunity-categories-section {
    padding-bottom: 45px;
    padding-top: 45px;
  }
}
@media (max-width: 576px) {
  .opportunity-categories-section {
    padding-top: 60px;
    padding-bottom: 37px;
  }
}
@media (max-width: 500px) {
  .opportunity-categories-section {
    padding-bottom: 60px;
  }
}
.opportunity-categories-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.opportunity__categories {
  width: calc(100% + 28px);
  margin-left: -14px;
  margin-right: -14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1024px) {
  .opportunity__categories {
    width: calc(100% + 10px);
    margin-left: -5px;
    margin-right: -5px;
  }
}
@media (max-width: 576px) {
  .opportunity__categories {
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (max-width: 340px) {
  .opportunity__categories {
    width: calc(100% + 10px);
    margin-left: -5px;
    margin-right: -5px;
  }
}
.opportunity-categorie__wrapper {
  width: 25%;
  position: relative;
  padding: 0 14px;
  margin-bottom: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 1024px) {
  .opportunity-categorie__wrapper {
    padding: 0 5px;
    margin-bottom: 10px;
  }
}
@media (max-width: 700px) {
  .opportunity-categorie__wrapper {
    width: 50%;
  }
}
@media (max-width: 576px) {
  .opportunity-categorie__wrapper {
    margin-bottom: 23px;
    padding: 0 10px;
  }
}
@media (max-width: 500px) {
  .opportunity-categorie__wrapper {
    width: 100%;
  }
  .opportunity-categorie__wrapper:last-child {
    margin-bottom: 0;
  }
}
.opportunity-categorie__item {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.opportunity-categorie__photo {
  width: 100%;
  position: relative;
  aspect-ratio: 1/1;
}
@media (max-width: 576px) {
  .opportunity-categorie__photo {
    aspect-ratio: 1.13103448/1;
  }
}
.opportunity-categorie__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none;
}
.opportunity-categorie__name {
  padding: 5px 10px;
  min-height: 62px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(9px);
          backdrop-filter: blur(9px);
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  max-height: 100%;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #fff;
}
@media (max-width: 1024px) {
  .opportunity-categorie__name {
    min-height: 51px;
    padding: 5px;
    font-size: 13px;
    line-height: 17px;
  }
}
@media (max-width: 576px) {
  .opportunity-categorie__name {
    min-height: 68px;
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 340px) {
  .opportunity-categorie__name {
    font-size: 16px;
    line-height: 20px;
  }
}

.founder-section {
  background-color: #f9fafb;
  padding-bottom: 33px;
  padding-top: 55px;
}
@media (max-width: 1024px) {
  .founder-section {
    padding-top: 49px;
    padding-bottom: 22px;
  }
}
@media (max-width: 576px) {
  .founder-section {
    padding-top: 36px;
    padding-bottom: 26px;
  }
}
.founder-uppertitle {
  margin-bottom: 2px;
}
@media (max-width: 1024px) {
  .founder-uppertitle {
    margin-bottom: 0;
  }
}
@media (max-width: 576px) {
  .founder-uppertitle {
    margin-bottom: 3px;
  }
}
.founder-title {
  margin-bottom: 27px;
  line-height: 34px;
}
@media (max-width: 1024px) {
  .founder-title {
    line-height: 38px;
    margin-bottom: 23px;
  }
}
@media (max-width: 576px) {
  .founder-title {
    line-height: 28px;
    margin-bottom: 29px;
  }
}
.founder-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #fff;
  -webkit-box-shadow: 0px 10.4079px 22.3302px rgba(52, 60, 71, 0.05);
          box-shadow: 0px 10.4079px 22.3302px rgba(52, 60, 71, 0.05);
}
@media (max-width: 1024px) {
  .founder-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.founder-box__info {
  width: 50%;
  position: relative;
  padding: 39px 32px;
  min-height: 350px;
}
@media (max-width: 1024px) {
  .founder-box__info {
    padding: 27px;
    min-height: auto;
    width: 100%;
  }
}
@media (max-width: 576px) {
  .founder-box__info {
    padding: 30px 26px;
  }
}
@media (max-width: 370px) {
  .founder-box__info {
    padding: 25px 20px;
  }
}
.founder-box__photo {
  width: 50%;
  position: relative;
}
@media (max-width: 1024px) {
  .founder-box__photo {
    width: 100%;
    aspect-ratio: 2.16326531/1;
  }
}
@media (max-width: 576px) {
  .founder-box__photo {
    width: 100%;
    aspect-ratio: 1.5/1;
  }
  .founder-box__photo .global-play__btn {
    width: 55px;
    height: 55px;
  }
}
.founder-box__photo img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
.founder-box__header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
@media (max-width: 1024px) {
  .founder-box__header {
    margin-bottom: 17px;
  }
}
.founder-box__userphoto {
  width: 64px;
  height: 64px;
  min-width: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 20px;
}
@media (max-width: 576px) {
  .founder-box__userphoto {
    width: 68px;
    height: 68px;
    min-width: 68px;
    margin-right: 15px;
  }
}
@media (max-width: 370px) {
  .founder-box__userphoto {
    width: 60px;
    height: 60px;
    min-width: 60px;
  }
}
.founder-box__userphoto img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
.founder-box__data {
  width: 100%;
  position: relative;
}
.founder-box__name {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 28px;
  text-transform: capitalize;
  color: #304659;
  margin-bottom: 4px;
}
@media (max-width: 576px) {
  .founder-box__name {
    font-size: 24px;
    margin-bottom: 5px;
  }
}
@media (max-width: 370px) {
  .founder-box__name {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 4px;
  }
}
.founder-box__status {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
  text-transform: capitalize;
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
@media (max-width: 576px) {
  .founder-box__status {
    font-size: 15px;
  }
}
@media (max-width: 370px) {
  .founder-box__status {
    font-size: 13px;
    line-height: 16px;
  }
}
.founder-box__text {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #646E76;
}
@media (max-width: 576px) {
  .founder-box__text {
    line-height: 23px;
  }
}

.company-stats-section {
  background: #f9fafb;
  padding-top: 33px;
  padding-bottom: 69px;
}
@media (max-width: 1024px) {
  .company-stats-section {
    padding-top: 22px;
    padding-bottom: 30px;
  }
}
@media (max-width: 576px) {
  .company-stats-section {
    padding-top: 26px;
    padding-bottom: 58px;
  }
}
.company-stats__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-column-gap: 40px;
}
@media (max-width: 1024px) {
  .company-stats__row {
    grid-column-gap: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 576px) {
  .company-stats__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.company-stats__photo {
  width: 100%;
  max-width: 463px;
  position: relative;
}
@media (max-width: 1024px) {
  .company-stats__photo {
    max-width: none;
    margin-bottom: 47px;
  }
}
@media (max-width: 576px) {
  .company-stats__photo {
    margin-bottom: 0;
  }
}
.company-stats__photo img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
}
.company-stats__content {
  width: 100%;
  max-width: 418px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1024px) {
  .company-stats__content {
    max-width: none;
  }
}
@media (max-width: 576px) {
  .company-stats__content {
    margin-bottom: 20px;
  }
}
.company-stats-title {
  line-height: 34px;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .company-stats-title {
    line-height: 38px;
    margin-bottom: 10px;
  }
}
@media (max-width: 576px) {
  .company-stats-title {
    line-height: 28px;
    margin-bottom: 10px;
    margin-bottom: 16px;
  }
}
.company-stats__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.company-stats__list::before {
  width: 1px;
  height: 100%;
  background: linear-gradient(359.98deg, rgba(211, 215, 220, 0) 0.01%, #D3D7DC 51.58%, rgba(211, 215, 220, 0) 100.01%);
  position: absolute;
  top: 0;
  left: 50%;
  content: "";
  pointer-events: none;
}
@media (max-width: 1024px) {
  .company-stats__list::before {
    left: 33.3333333333%;
  }
}
@media (max-width: 576px) {
  .company-stats__list::before {
    left: 50%;
  }
}
@media (min-width: 577px) and (max-width: 1024px) {
  .company-stats__list::after {
    width: 1px;
    height: 100%;
    background: linear-gradient(359.98deg, rgba(211, 215, 220, 0) 0.01%, #D3D7DC 51.58%, rgba(211, 215, 220, 0) 100.01%);
    position: absolute;
    top: 0;
    left: 66.6666666667%;
    content: "";
    pointer-events: none;
  }
}
.company-stats__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
  min-height: 97px;
  width: 50%;
  position: relative;
}
@media (max-width: 1024px) {
  .company-stats__list li {
    width: 33.3333333333%;
    min-height: 100px;
  }
}
@media (max-width: 576px) {
  .company-stats__list li {
    width: 50%;
    min-height: 105px;
  }
}
@media (min-width: 1025px) {
  .company-stats__list li:nth-child(2n-1)::after {
    width: 200%;
    height: 1px;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(211, 215, 220, 0)), color-stop(51.56%, #D3D7DC), to(rgba(211, 215, 220, 0)));
    background: linear-gradient(90deg, rgba(211, 215, 220, 0) 0%, #D3D7DC 51.56%, rgba(211, 215, 220, 0) 100%);
  }
}
@media (max-width: 576px) {
  .company-stats__list li:nth-child(2n-1)::after {
    width: 200%;
    height: 1px;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(211, 215, 220, 0)), color-stop(51.56%, #D3D7DC), to(rgba(211, 215, 220, 0)));
    background: linear-gradient(90deg, rgba(211, 215, 220, 0) 0%, #D3D7DC 51.56%, rgba(211, 215, 220, 0) 100%);
  }
}
@media (min-width: 577px) and (max-width: 1024px) {
  .company-stats__list li:nth-child(3n-2)::after {
    width: 300%;
    height: 1px;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(211, 215, 220, 0)), color-stop(51.56%, #D3D7DC), to(rgba(211, 215, 220, 0)));
    background: linear-gradient(90deg, rgba(211, 215, 220, 0) 0%, #D3D7DC 51.56%, rgba(211, 215, 220, 0) 100%);
  }
}
@media (min-width: 1025px) {
  .company-stats__list li:nth-last-child(-n+2)::after {
    display: none;
  }
}
@media (max-width: 576px) {
  .company-stats__list li:nth-last-child(-n+2)::after {
    display: none;
  }
}
@media (min-width: 577px) and (max-width: 1024px) {
  .company-stats__list li:nth-last-child(-n+3)::after {
    display: none;
  }
}
.company-stats__list-value {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 32px;
  text-align: center;
  text-transform: capitalize;
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 3px;
}
.company-stats__list-descr {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  text-transform: capitalize;
  color: #304659;
}
@media (max-width: 576px) {
  .company-stats__list-descr {
    font-size: 14px;
    line-height: 20px;
  }
}

.recognition-section {
  padding-top: 65px;
  padding-bottom: 178px;
  background: #F9FAFB url("../../assets/img/content/modules/recreate/company/map.png") center 195px no-repeat;
  background-size: 835px auto;
}
@media (max-width: 1024px) {
  .recognition-section {
    padding-top: 45px;
    padding-bottom: 130px;
    background: #F9FAFB url("../../assets/img/content/modules/recreate/company/map.png") center 165px no-repeat;
    background-size: 624px auto;
  }
}
@media (max-width: 576px) {
  .recognition-section {
    padding-top: 44px;
    padding-bottom: 107px;
    background: #F9FAFB url("../../assets/img/content/modules/recreate/company/map.png") center 173px no-repeat;
    background-size: 434px auto;
  }
}
.recognition-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.recognition-uppertitle {
  margin-bottom: 3px;
}
@media (max-width: 576px) {
  .recognition-uppertitle {
    margin-bottom: 6px;
  }
}
.recognition-title {
  max-width: 700px;
  margin-bottom: 145px;
  line-height: 34px;
}
@media (max-width: 1024px) {
  .recognition-title br {
    display: none;
  }
}
@media (max-width: 1024px) {
  .recognition-title {
    margin-bottom: 98px;
    max-width: 500px;
  }
}
@media (max-width: 576px) {
  .recognition-title {
    margin-bottom: 34px;
    line-height: 28px;
    width: calc(100% + 20px);
  }
}
.recognition-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-column-gap: 37px;
  grid-row-gap: 37px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1024px) {
  .recognition-list {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
  }
}
@media (max-width: 576px) {
  .recognition-list {
    grid-column-gap: 10px;
    grid-row-gap: 12px;
  }
}
.recognition-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.recognition-item img {
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 70px;
  height: 70px;
  pointer-events: none;
  -webkit-box-shadow: 0px 7.80458px 23.3712px rgba(52, 60, 71, 0.11);
          box-shadow: 0px 7.80458px 23.3712px rgba(52, 60, 71, 0.11);
}
@media (max-width: 1024px) {
  .recognition-item img {
    max-height: 55px;
    height: 55px;
  }
}
@media (max-width: 576px) {
  .recognition-item img {
    max-height: 60px;
    height: 60px;
  }
}

.events-gallery-heading {
  padding: 52px 0 13px;
}
@media screen and (max-width: 1025px) {
  .events-gallery-heading {
    padding: 52px 0 21px;
  }
}
@media screen and (max-width: 650px) {
  .events-gallery-heading {
    padding: 50px 0 11px;
  }
}
.events-gallery-heading__filter-dropdown, .events-gallery-heading__sort-dropdown {
  width: 100%;
}
.events-gallery-heading .dropdown__btn.active {
  background: transparent;
  -webkit-background-clip: none;
  -webkit-text-fill-color: #304659;
  background-clip: none;
  text-fill-color: #304659;
}
.events-gallery-heading__filter-dropdown {
  max-width: 250px;
}
@media screen and (max-width: 576px) {
  .events-gallery-heading__filter-dropdown {
    max-width: 100%;
  }
}
.events-gallery-heading__sort-dropdown {
  max-width: 145px;
  margin-right: 5px;
}
@media screen and (max-width: 576px) {
  .events-gallery-heading__sort-dropdown {
    max-width: 100%;
  }
}
.events-gallery-heading__sort-dropdown .dropdown__list-wrap {
  padding: 0;
}
.events-gallery-heading__sort-dropdown .dropdown__btn {
  min-height: 40px;
  font-weight: 500;
}
@media (min-width: 1025px) {
  .events-gallery-heading__sort-dropdown .dropdown__btn:hover {
    background: #F7F8FB;
  }
}
.events-gallery-heading__pretitle {
  margin-bottom: 12px;
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 3px;
  text-transform: capitalize;
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.events-gallery-heading__title {
  margin-bottom: 13px;
  font-weight: 600;
  font-size: 36px;
  line-height: 40px;
  text-align: center;
  text-transform: capitalize;
  color: #304659;
}
@media screen and (max-width: 1024px) {
  .events-gallery-heading__title {
    margin-bottom: 32px;
    font-size: 28px;
    line-height: 38px;
  }
}
.events-gallery-heading__filter-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: calc(100% + 40px);
  margin-left: -20px;
  margin-right: -20px;
}
@media screen and (max-width: 650px) {
  .events-gallery-heading__filter-row {
    width: 100%20px;
    margin-inline: -10px;
  }
}
@media screen and (max-width: 576px) {
  .events-gallery-heading__filter-row {
    width: calc(100% + 10px);
    margin-inline: -5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 20px;
  }
}
.events-gallery-heading__filter-col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  padding-inline: 20px;
}
@media screen and (max-width: 650px) {
  .events-gallery-heading__filter-col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% + 10px);
            flex: 0 0 calc(50% + 10px);
    padding-inline: 10px;
  }
}
@media screen and (max-width: 576px) {
  .events-gallery-heading__filter-col {
    padding-inline: 5px;
  }
}
.events-gallery-heading__filter-col:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 650px) {
  .events-gallery-heading__filter-col:nth-child(2) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 10px);
            flex: 0 0 calc(50% - 10px);
  }
}

.events-gallery-list {
  padding: 13px 0 53px;
}
@media screen and (max-width: 1024px) {
  .events-gallery-list {
    padding: 21px 0 57px;
  }
}
@media screen and (max-width: 650px) {
  .events-gallery-list {
    padding: 11px 0 40px;
  }
}
.events-gallery-list__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 16px);
  margin-inline: -8px;
  row-gap: 30px;
}
@media screen and (max-width: 1024px) {
  .events-gallery-list__row {
    width: calc(100% + 26px);
    margin-inline: -13px;
  }
}
.events-gallery-list__col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  width: 33.333333%;
  padding-inline: 8px;
}
@media screen and (max-width: 1024px) {
  .events-gallery-list__col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    padding-inline: 13px;
  }
}
@media screen and (max-width: 650px) {
  .events-gallery-list__col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
  }
}
@media screen and (max-width: 650px) {
  .events-gallery-list__col {
    margin: 0 auto;
    max-width: 400px;
  }
}
.events-gallery-list__col.hide {
  display: none !important;
}

.events-gallery-footer {
  padding: 30px 0 50px;
  border-top: 1px solid #d6dade;
}
@media screen and (max-width: 1024px) {
  .events-gallery-footer {
    padding: 30px 0 40px;
  }
}
@media screen and (max-width: 650px) {
  .events-gallery-footer {
    padding: 30px 0 35px;
  }
}
.events-gallery-footer__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: calc(100% + 20px);
  margin-inline: -10px;
}
.events-gallery-footer__col {
  padding-inline: 10px;
}
.events-gallery-footer__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 34px);
  margin-inline: -17px;
}
@media screen and (max-width: 650px) {
  .events-gallery-footer__pagination {
    width: calc(100% + 18px);
    margin-inline: -9px;
  }
}
.events-gallery-footer__pagination-item {
  padding-inline: 17px;
}
@media screen and (max-width: 650px) {
  .events-gallery-footer__pagination-item {
    padding-inline: 9px;
  }
  .events-gallery-footer__pagination-item:nth-child(5) {
    display: none;
  }
}
.events-gallery-footer__pagination-link {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #475467;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1025px) {
  .events-gallery-footer__pagination-link:not(.active):hover {
    color: #3da6b0;
  }
}
.events-gallery-footer__pagination-link.active {
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.past-events-hero {
  position: relative;
  background-image: url("../../assets/img/content/modules/recreate/past-events/bg-t.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1441px) {
  .past-events-hero {
    min-height: 624px;
    padding-top: 81px;
    background-image: url("../../assets/img/content/modules/recreate/past-events/bg-0.png");
  }
}
@media screen and (max-width: 576px) {
  .past-events-hero {
    min-height: 624px;
    padding-left: 20px;
    padding-right: 20px;
    background-image: url("../../assets/img/content/modules/recreate/past-events/bg-2.png");
  }
}
.past-events-hero::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  pointer-events: none;
}
.past-events-hero .hero-subtitle {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
@media (min-width: 577px) and (max-width: 1024px) {
  .past-events-hero .hero-subtitle {
    font-weight: 500;
  }
}
@media (min-width: 1025px) {
  .past-events-hero .hero-subtitle {
    color: rgba(255, 255, 255, 0.9);
  }
}
@media screen and (max-width: 576px) {
  .past-events-hero .hero-subtitle {
    margin-bottom: 12px;
    font-weight: 400;
    max-width: 300px;
  }
}
.past-events-hero .hero-uppertitle {
  margin-bottom: 16px;
  font-weight: 600;
}
@media (max-width: 576px) {
  .past-events-hero .hero-uppertitle {
    margin-bottom: 12px;
  }
}
.past-events-hero .hero-title {
  line-height: 40px;
  margin-bottom: 18px;
}
@media screen and (max-width: 576px) {
  .past-events-hero .hero-title {
    margin-bottom: 21px;
  }
}

.past-events-upcoming {
  padding: 58px 0 33px;
}
@media screen and (max-width: 768px) {
  .past-events-upcoming {
    padding: 40px 0 20px;
  }
}
@media screen and (max-width: 576px) {
  .past-events-upcoming {
    padding: 46px 0 31px;
  }
}
.past-events-upcoming__title {
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .past-events-upcoming__title {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 576px) {
  .past-events-upcoming__title {
    margin-bottom: 30px;
  }
}
.past-events-upcoming__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 16px);
  margin-inline: -8px;
  row-gap: 20px;
}
@media screen and (max-width: 680px) {
  .past-events-upcoming__row {
    row-gap: 30px;
  }
}
.past-events-upcoming__col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  width: 33.33333%;
  padding-inline: 8px;
}
@media screen and (max-width: 1024px) {
  .past-events-upcoming__col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
  }
}
@media screen and (max-width: 680px) {
  .past-events-upcoming__col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    max-width: 330px;
    margin: 0 auto;
    padding: 0;
  }
}

.past-events-gallery {
  padding: 34px 0 57px;
}
@media screen and (max-width: 768px) {
  .past-events-gallery {
    padding: 20px 0 59px;
  }
}
@media screen and (max-width: 576px) {
  .past-events-gallery {
    padding: 31px 0 52px;
  }
}
.past-events-gallery__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 4px);
  margin-inline: -2px;
  row-gap: 4px;
}
@media screen and (max-width: 768px) {
  .past-events-gallery__row {
    width: calc(100% + 2px);
    margin-inline: -1px;
    row-gap: 2px;
  }
}
.past-events-gallery__col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  padding-inline: 2px;
}
@media screen and (max-width: 768px) {
  .past-events-gallery__col {
    padding-inline: 1px;
  }
}
@media screen and (max-width: 576px) {
  .past-events-gallery__col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
.past-events-gallery__col:nth-child(odd) .past-events-gallery__picture:nth-child(odd) {
  aspect-ratio: 1/1.24255;
}
@media screen and (max-width: 768px) {
  .past-events-gallery__col:nth-child(odd) .past-events-gallery__picture:nth-child(odd) {
    aspect-ratio: 1/1.34394;
  }
}
.past-events-gallery__col:nth-child(odd) .past-events-gallery__picture:nth-child(even) {
  aspect-ratio: 1.28415/1;
}
@media screen and (max-width: 768px) {
  .past-events-gallery__col:nth-child(odd) .past-events-gallery__picture:nth-child(even) {
    aspect-ratio: 1.18939/1;
  }
}
.past-events-gallery__col:nth-child(even) .past-events-gallery__picture:nth-child(odd) {
  aspect-ratio: 1.28415/1;
}
@media screen and (max-width: 768px) {
  .past-events-gallery__col:nth-child(even) .past-events-gallery__picture:nth-child(odd) {
    aspect-ratio: 1.18939/1;
  }
}
.past-events-gallery__col:nth-child(even) .past-events-gallery__picture:nth-child(even) {
  aspect-ratio: 1/1.24255;
}
@media screen and (max-width: 768px) {
  .past-events-gallery__col:nth-child(even) .past-events-gallery__picture:nth-child(even) {
    aspect-ratio: 1/1.34394;
  }
}
.past-events-gallery__col .past-events-gallery__picture:not(:last-child) {
  margin-bottom: 4px;
}
@media screen and (max-width: 768px) {
  .past-events-gallery__col .past-events-gallery__picture:not(:last-child) {
    margin-bottom: 2px;
  }
}
.past-events-gallery__picture {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.past-events-gallery__picture:hover .past-events-gallery__picture__img {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  -webkit-transform: scale(1.01);
          transform: scale(1.01);
}
.past-events-gallery__picture__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 1;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.my-tickets-page {
  padding: 52px 0;
}
@media (max-width: 1024px) {
  .my-tickets-page {
    padding-bottom: 75px;
  }
}
.my-tickets-page__table-wrap {
  overflow-x: auto;
  -webkit-box-shadow: 0px 11.02px 33px rgba(52, 60, 71, 0.11);
          box-shadow: 0px 11.02px 33px rgba(52, 60, 71, 0.11);
}
.my-tickets-page__table-wrap .simplebar-track.simplebar-horizontal {
  height: 18px;
}
.my-tickets-page__table-wrap .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  height: 9px;
  border-radius: 8px;
}
@media (max-width: 1150px) {
  .my-tickets-page__table-wrap .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    top: calc(50% - 4px) !important;
    bottom: unset !important;
  }
}
.my-tickets-page__table-wrap .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  background: #d5d9e0;
  border-radius: 8px;
}
@media (max-width: 1150px) {
  .my-tickets-page__table-wrap .simplebar-track:nth-child(2) .simplebar-scrollbar::before {
    opacity: 1 !important;
    background: #D5D9E0;
  }
  .my-tickets-page__table-wrap .simplebar-track.simplebar-horizontal {
    height: 18px;
    padding: 4px 0;
  }
}
@media (max-width: 576px) {
  .my-tickets-page__table-wrap .simplebar-track:nth-child(2) .simplebar-scrollbar::before {
    opacity: 1 !important;
    background: #D5D9E0;
    height: 8px;
  }
  .my-tickets-page__table-wrap .simplebar-track.simplebar-horizontal {
    height: 20px;
  }
}
.my-tickets-page .my-tickets-table__dropdown .dropdown__item {
  margin-bottom: 0;
}
.my-tickets-page .my-tickets-table__dropdown .dropdown__list-wrap {
  padding: 0;
  -webkit-box-shadow: 0px 14.02px 30.08px rgba(52, 60, 71, 0.15);
          box-shadow: 0px 14.02px 30.08px rgba(52, 60, 71, 0.15);
}
.my-tickets-page .my-tickets-table__dropdown .dropdown__link-icon {
  min-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 5px 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: transparent;
}
@media (max-width: 576px) {
  .my-tickets-page .my-tickets-table__dropdown .dropdown__link-icon {
    padding: 5px 16px;
  }
}
.my-tickets-page .my-tickets-table__dropdown .dropdown__link-icon:hover {
  background: #F7F8FB;
}
.my-tickets-page .my-tickets-table__dropdown .dropdown__link-icon:active {
  background: #F7F8FB;
}

.my-tickets-heading {
  margin-bottom: 17px;
}
@media screen and (max-width: 650px) {
  .my-tickets-heading {
    margin-bottom: 15px;
  }
}
.my-tickets-heading .dropdown {
  max-width: 389px;
  width: 100%;
}
.my-tickets-heading .dropdown__list-wrap {
  max-height: 334px;
}
.my-tickets-heading .dropdown .dropdown__list-head {
  padding-top: 1px;
}
.my-tickets-heading__pretitle {
  margin-bottom: 12px;
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 3px;
  text-transform: capitalize;
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.my-tickets-heading__title {
  margin-bottom: 46px;
  font-weight: 600;
  font-size: 36px;
  line-height: 40px;
  text-align: center;
  text-transform: capitalize;
  color: #304659;
}
@media screen and (max-width: 1024px) {
  .my-tickets-heading__title {
    margin-bottom: 32px;
    font-size: 28px;
    line-height: 38px;
  }
}

.my-tickets-table {
  padding-inline: 9px;
  background-color: #fff;
  min-width: 1080px;
  min-height: 360px;
}
.my-tickets-table__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 18px);
  padding-inline: 9px;
  margin-inline: -9px;
}
.my-tickets-table__row:not(:last-child) {
  border-bottom: 1px solid #d6dade;
}
.my-tickets-table__col {
  padding-block: 17px;
  padding-inline: 7px;
  text-transform: capitalize;
  color: #304659;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-tickets-table__col:nth-child(1) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 35.45%;
          flex: 0 0 35.45%;
  width: 35.45%;
}
.my-tickets-table__col:nth-child(2) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25.36%;
          flex: 0 0 25.36%;
  width: 25.36%;
}
.my-tickets-table__col:nth-child(3) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 17.7%;
          flex: 0 0 17.7%;
  width: 17.7%;
}
.my-tickets-table__col:nth-child(4) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 13.64%;
          flex: 0 0 13.64%;
  width: 13.64%;
}
.my-tickets-table__col:nth-child(5) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 7.86%;
          flex: 0 0 7.86%;
  width: 7.86%;
}
.my-tickets-table__head .my-tickets-table__row {
  border-bottom: 1px solid #d6dade;
}
.my-tickets-table__head .my-tickets-table__col {
  padding-block: 20px;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
}
.my-tickets-table__body .my-tickets-table__col {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.1;
}
.my-tickets-table__dropdown {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.my-tickets-table__dropdown .dropdown__list-wrap {
  min-width: 257px;
  right: 0;
}
@media screen and (max-width: 576px) {
  .my-tickets-table__dropdown .dropdown__list-wrap {
    min-width: 282px;
  }
}
.my-tickets-table__dropdown .dropdown__trigger {
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media (max-width: 1024px) {
  .mytickets-page .p-container {
    max-width: 728px;
  }
}

.registration-heading {
  padding: 53px 0 26px;
}
@media screen and (max-width: 1024px) {
  .registration-heading {
    padding: 49px 0 23px;
  }
}
.registration-heading__pretitle {
  margin-bottom: 12px;
}
@media (max-width: 1024px) {
  .registration-heading__pretitle {
    margin-bottom: 4px;
  }
}
@media (max-width: 576px) {
  .registration-heading__pretitle {
    margin-bottom: 8px;
  }
}
.registration-heading__title {
  margin-bottom: 60px;
}
@media (max-width: 1024px) {
  .registration-heading__title {
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 576px) {
  .registration-heading__title {
    margin-bottom: 0;
  }
}
.registration-heading .registration-status {
  padding-left: 10px;
  width: 97.5%;
}
@media screen and (max-width: 1024px) {
  .registration-heading .registration-status {
    width: 90.5%;
  }
}
@media screen and (max-width: 576px) {
  .registration-heading .registration-status {
    display: none;
  }
}

.registration-status {
  width: 100%;
  padding-bottom: 40px;
}
.registration-status__wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
.registration-status__line {
  width: 100%;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background-color: #dee4ed;
  z-index: 1;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.registration-status__line.filled {
  z-index: 2;
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
}
.registration-status__line.w-zero {
  width: 0;
}
.registration-status__line.w-half {
  width: 50%;
}
.registration-status__line.w-full {
  width: 100%;
}
.registration-status.success .registration-status__item.checked:last-child .registration-status__name {
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.registration-status.error .registration-status__item.checked:last-child .registration-status__name {
  color: #ff6174;
}
.registration-status.error .registration-status__item.checked:last-child.checked .registration-status__circle:after {
  opacity: 1;
}
.registration-status.error .registration-status__item.checked:last-child.checked .registration-status__circle .icon-tick {
  opacity: 0;
}
.registration-status.error .registration-status__item.checked:last-child.checked .registration-status__circle .icon-close {
  opacity: 1;
}
.registration-status__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 3;
}
.registration-status__item.checked .registration-status__circle:after {
  opacity: 1;
}
.registration-status__item.checked .registration-status__circle span {
  opacity: 0;
}
.registration-status__item.checked .registration-status__circle .icon-tick {
  opacity: 1;
}
.registration-status__item.current .registration-status__circle:after {
  opacity: 1;
}
.registration-status__item.current .registration-status__name {
  color: #3898B1;
}
.registration-status__circle {
  display: block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  position: relative;
}
@media (max-width: 1024px) {
  .registration-status__circle {
    width: 20px;
    min-width: 20px;
    height: 20px;
  }
}
.registration-status__circle .icon,
.registration-status__circle span, .registration-status__circle::before, .registration-status__circle::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.registration-status__circle::before, .registration-status__circle::after {
  width: 100%;
  height: 100%;
}
.registration-status__circle::before {
  background-color: #dee4ed;
  z-index: 1;
  opacity: 1;
}
.registration-status__circle::after {
  z-index: 2;
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
  opacity: 0;
}
.registration-status__circle span {
  width: 35%;
  height: 35%;
  background-color: #fff;
  z-index: 3;
}
.registration-status__circle .icon-tick {
  z-index: 4;
  width: 10px;
  height: 9px;
  fill: #fff;
  opacity: 0;
}
.registration-status__circle .icon-close {
  z-index: 5;
  width: 15px;
  height: 15px;
  fill: #ff6174;
  opacity: 0;
}
.registration-status__name {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  top: calc(100% + 14px);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #304659;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .registration-status__name {
    font-size: 15px;
  }
}

.registration-table {
  min-width: 720px;
  padding-inline: 10px;
  background: #f9fafb;
}
.registration-table__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 20px);
  padding-inline: 20px;
  margin-inline: -10px;
  border-bottom: 1px solid #d6dade;
}
.registration-table__col {
  padding-inline: 10px;
  text-transform: capitalize;
}
.registration-table__col:nth-child(1) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 52%;
          flex: 0 0 52%;
  width: 52%;
}
.registration-table__col:nth-child(2) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10%;
          flex: 0 0 10%;
  width: 10%;
}
.registration-table__col:nth-child(3) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 19%;
          flex: 0 0 19%;
  width: 19%;
}
.registration-table__col:nth-child(4) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 19%;
          flex: 0 0 19%;
  width: 19%;
}
.registration-table__head .registration-table__col {
  padding-block: 15px 15px;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
}
@media screen and (max-width: 1024px) {
  .registration-table__head .registration-table__col {
    font-size: 14px;
  }
}
.registration-table__body .registration-table__col {
  padding-block: 16px 16px;
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
}
@media screen and (max-width: 1024px) {
  .registration-table__body .registration-table__col {
    font-size: 14px;
  }
}
.registration-table__content {
  padding: 16px 20px 23px;
}
@media screen and (max-width: 576px) {
  .registration-table__content {
    padding: 17px 16px 20px;
  }
}
.registration-table__content ul li {
  font-weight: 400;
  font-size: 15px;
  line-height: 27px;
  text-transform: capitalize;
}
@media screen and (max-width: 1024px) {
  .registration-table__content ul li {
    font-size: 14px;
  }
}
.registration-table__content ul li strong {
  font-weight: 600;
}
.registration-table__totalbox {
  width: 100%;
  position: relative;
  border-top: 1px solid #d6dade;
  width: calc(100% + 20px);
  margin-left: -10px;
  margin-right: -10px;
}
.registration-table__totalrow {
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  border-bottom: 1px solid #d6dade;
}
.registration-table__totalrow:last-child {
  border-bottom: 0;
}
.registration-table__totalcol {
  padding: 16px 10px;
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  text-align: left;
}
@media screen and (max-width: 1024px) {
  .registration-table__totalcol {
    font-size: 14px;
    text-align: right;
  }
}
.registration-table__totalcol.bold {
  font-weight: 600;
}
.registration-table__totalcol:nth-child(1) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 29%;
          flex: 0 0 29%;
  width: 29%;
}
.registration-table__totalcol:nth-child(2) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 19%;
          flex: 0 0 19%;
  width: 19%;
}

.registration-content {
  padding: 27px 0 68px;
}
@media screen and (max-width: 1024px) {
  .registration-content {
    padding: 24px 0 59px;
  }
}
.registration-content .form__row {
  row-gap: 20px;
}
.registration-content .form__error {
  font-weight: 500;
}
.registration-content .form__field-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.registration-content .form__field-name .show-bank-card-icon {
  display: inline-block;
  width: 15px;
  min-width: 15px;
  height: 15px;
  margin-left: 4px;
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
  -webkit-mask: url("../../assets/svg/question.svg") 0 0/contain no-repeat;
          mask: url("../../assets/svg/question.svg") 0 0/contain no-repeat;
}
.registration-content .form__field-name .bank-card-picture {
  display: block;
  width: 290px;
  position: absolute;
  bottom: 0;
  right: 40%;
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 650px) {
  .registration-content .form__field-name .bank-card-picture {
    width: 220px;
    right: 19px;
  }
}
@media (max-width: 500px) {
  .registration-content .form__field-name .bank-card-picture {
    right: 50%;
    -webkit-transform: translateX(37%);
            transform: translateX(37%);
  }
}
@media (max-width: 360px) {
  .registration-content .form__field-name .bank-card-picture {
    right: unset;
    left: 0;
    -webkit-transform: none;
            transform: none;
  }
}
.registration-content .form__field-name .bank-card-picture.show {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}
.registration-content .form__field-name .bank-card-picture__img {
  width: 100%;
}
@media screen and (min-width: 576px) and (max-width: 1024px) {
  .registration-content.login {
    padding-top: 18px;
    padding-bottom: 74px;
  }
}
@media screen and (min-width: 1025px) {
  .registration-content.login .registration-content__wrap {
    padding: 46px 40px 59px;
  }
}
.registration-content.login .registration-content__subtitle {
  margin-bottom: 35px;
}
@media screen and (max-width: 1024px) {
  .registration-content.login .registration-content__subtitle {
    margin-bottom: 25px;
  }
}
@media screen and (min-width: 377px) and (max-width: 1024px) {
  .registration-content.login .form {
    padding: 0 10px;
  }
}
.registration-content.login .form__submit {
  margin-top: 4px;
}
@media screen and (min-width: 1025px) {
  .registration-content.attendee {
    padding: 24px 0 52px;
  }
}
.registration-content.attendee .registration-content__subtitle {
  margin-bottom: 28px;
}
@media screen and (max-width: 1024px) {
  .registration-content.attendee .registration-content__subtitle {
    margin: 0 auto;
    margin-bottom: 40px;
    max-width: 525px;
  }
}
.registration-content.attendee .form:not(:last-child) {
  margin-bottom: 30px;
}
.registration-content.attendee .form .registration-content__form-title {
  margin-bottom: 4px;
}
@media screen and (max-width: 576px) {
  .registration-content.attendee .form .registration-content__form-title {
    margin-bottom: 6px;
  }
}
@media screen and (min-width: 1025px) {
  .registration-content.payment {
    padding: 24px 0 45px;
  }
}
@media screen and (min-width: 577px) and (max-width: 1024px) {
  .registration-content.payment .registration-content__form-wrap {
    padding-bottom: 37px;
  }
}
.registration-content.payment .registration-content__form-title {
  font-weight: 600;
}
.registration-content.payment .registration-content__subtitle {
  margin-bottom: 28px;
}
@media screen and (max-width: 1024px) {
  .registration-content.payment .registration-content__subtitle {
    margin: 0 auto;
    margin-bottom: 40px;
    max-width: 525px;
  }
}
.registration-content.payment .form .radio {
  margin-right: 12px;
}
@media screen and (min-width: 636px) {
  .registration-content.payment .form .radio {
    margin-left: auto;
  }
}
@media screen and (max-width: 576px) {
  .registration-content.payment-successfull .registration-content__title {
    font-size: 24px;
    margin-bottom: 17px;
  }
}
@media (max-width: 576px) {
  .registration-content.payment-successfull {
    padding-top: 7px;
  }
}
.registration-content.payment-declined .registration-content__title {
  line-height: 38px;
  margin-bottom: 6px;
}
.registration-content.payment-declined .registration-content__wrap {
  padding-top: 70px;
  padding-bottom: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1024px) {
  .registration-content.payment-declined .registration-content__wrap {
    padding-bottom: 61px;
    padding-top: 61px;
  }
}
@media (max-width: 576px) {
  .registration-content.payment-declined .registration-content__wrap {
    padding: 70px 15px;
  }
}
.registration-content.payment-declined .registration-content__icon {
  width: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 16px;
}
.registration-content.payment-declined .registration-content__icon img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
}
.registration-content.payment-declined .registration-content-declined__text {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  color: #7B8086;
  margin-bottom: 27px;
}
.registration-content.payment-declined .registration-content__primary-btn {
  font-size: 13px;
  padding: 7px 10px;
  min-width: 173px;
  line-height: 16px;
}
@media (max-width: 576px) {
  .registration-content.payment-declined {
    padding-top: 7px;
  }
}
.registration-content__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 21px;
  gap: 10px;
}
@media screen and (min-width: 577px) {
  .registration-content__info {
    display: none;
  }
}
.registration-content__info-step, .registration-content__info-type {
  font-weight: 600;
  font-size: 16px;
  line-height: 17px;
}
.registration-content__info-step {
  color: #95a0aa;
}
.registration-content__info-type {
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.registration-content__wrap {
  width: 100%;
  padding: 40px 40px 44px;
  background-color: #fff;
  -webkit-box-shadow: 0px 14.02px 30.08px rgba(52, 60, 71, 0.05);
          box-shadow: 0px 14.02px 30.08px rgba(52, 60, 71, 0.05);
}
@media screen and (max-width: 1024px) {
  .registration-content__wrap {
    padding: 34px 28px 40px;
  }
}
@media screen and (max-width: 576px) {
  .registration-content__wrap {
    padding: 30px 20px 35px;
  }
}
.registration-content__wrap .form {
  max-width: 555px;
  margin: 0 auto;
}
.registration-content__table-wrap {
  margin-bottom: 30px;
  overflow-y: auto;
}
@media screen and (max-width: 576px) {
  .registration-content__table-wrap .registration-table {
    margin-bottom: 22px;
  }
}
.registration-content__table-wrap .simplebar-track.simplebar-horizontal {
  height: 18px;
}
.registration-content__table-wrap .simplebar-scrollbar {
  height: 9px;
  border-radius: 8px;
}
.registration-content__table-wrap .simplebar-scrollbar:before {
  background: #d5d9e0;
  height: 9px;
  border-radius: 8px;
}
@media (max-width: 1024px) {
  .registration-content__table-wrap .simplebar-track:nth-child(2) .simplebar-scrollbar::before {
    opacity: 1 !important;
    background: #D5D9E0;
    height: 5px;
  }
  .registration-content__table-wrap .simplebar-track.simplebar-horizontal {
    height: 13px;
  }
}
@media (max-width: 576px) {
  .registration-content__table-wrap .simplebar-track:nth-child(2) .simplebar-scrollbar::before {
    opacity: 1 !important;
    background: #D5D9E0;
    height: 8px;
  }
  .registration-content__table-wrap .simplebar-track.simplebar-horizontal {
    height: 20px;
  }
}
.registration-content__form-wrap {
  margin-bottom: 34px;
  padding: 33px 40px 40px;
  border: 1px solid rgba(214, 218, 222, 0.7);
}
@media screen and (max-width: 1024px) {
  .registration-content__form-wrap {
    margin-bottom: 26px;
    padding: 27px 43px 40px;
  }
}
@media screen and (max-width: 576px) {
  .registration-content__form-wrap {
    margin-bottom: 28px;
    padding: 25px 20px 31px;
  }
}
.registration-content__title {
  margin-bottom: 26px;
  font-weight: 600;
  font-size: 28px;
  line-height: 32px;
  text-align: center;
}
@media (max-width: 576px) {
  .registration-content__title {
    font-size: 26px;
    line-height: 26px;
  }
}
.registration-content__subtitle {
  font-weight: 500;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .registration-content__subtitle {
    font-size: 18px;
  }
}
@media screen and (max-width: 576px) {
  .registration-content__subtitle {
    font-size: 18px;
    line-height: 22px;
  }
  .registration-content__subtitle br {
    display: none;
  }
}
.registration-content__form-title {
  text-align: center;
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 20px;
  line-height: 25px;
}
@media screen and (max-width: 1024px) {
  .registration-content__form-title {
    margin-bottom: 19px;
  }
}
@media (max-width: 576px) {
  .registration-content__form-title {
    font-size: 18px;
  }
  .registration-content__form-title.bold-mobile {
    font-weight: 600;
  }
}
.registration-content__form-subtitle {
  text-align: center;
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
}
@media screen and (max-width: 576px) {
  .registration-content__form-subtitle {
    margin-bottom: 30px;
  }
}
.registration-content__text {
  max-width: 686px;
  margin: 0 auto 25px auto;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
}
@media (max-width: 1024px) {
  .registration-content__text {
    max-width: 516px;
    font-weight: 400;
  }
}
@media screen and (max-width: 576px) {
  .registration-content__text {
    font-size: 13px;
    line-height: 23px;
  }
}
.registration-content__text .gradint-text {
  font-size: 17px;
  background: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-weight: 500;
}
@media screen and (max-width: 576px) {
  .registration-content__text .gradint-text {
    margin: 0 auto 32px auto;
    font-size: 15px;
    font-weight: 600;
  }
}
.registration-content__text a.registration-content__link {
  text-decoration: underline;
}
.registration-content__primary-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 291px;
  margin: 0 auto;
}
@media (min-width: 577px) {
  .registration-content__primary-btn {
    font-size: 15px;
    line-height: 16px;
  }
  .registration-content__primary-btn .arrow {
    width: 12px;
    height: 12px;
    min-width: 12px;
    margin-left: 14px;
  }
}
.registration-content__note {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 30px auto;
  padding: 7px 20px;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  background-color: #f9fafb;
}
@media screen and (max-width: 1024px) {
  .registration-content__note {
    width: calc(100% + 88px);
    margin-inline: -44px;
    font-size: 11px;
    padding: 13px 20px;
  }
}
@media screen and (max-width: 576px) {
  .registration-content__note {
    padding: 18px;
    width: 100%;
    margin-inline: 0;
    font-size: 13px;
  }
}
.registration-content__note strong {
  font-weight: 600;
}
.registration-content__link {
  font: inherit;
  line-height: inherit;
  color: inherit;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.registration-content__link:hover {
  color: #3da6b0;
}
.registration-content__footer-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.registration-content__footer-wrap .form__field {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 27px;
}
@media screen and (max-width: 1024px) {
  .registration-content__footer-wrap .form__field {
    max-width: 385px;
    margin-bottom: 31px;
  }
}
@media screen and (max-width: 576px) {
  .registration-content__footer-wrap .form__field {
    margin-bottom: 24px;
  }
}
.registration-content__footer-wrap .form__submit {
  margin: 0 auto;
  max-width: 555px;
}
@media screen and (max-width: 1024px) {
  .registration-content__footer-wrap .form__submit {
    max-width: 490px;
  }
}

.payment-row-registration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-column-gap: 15px;
  grid-row-gap: 20px;
}
@media (max-width: 1024px) {
  .payment-row-registration {
    grid-column-gap: 12px;
  }
}
.payment-row-registration .form__card-date {
  margin: 0;
}
.payment-row-registration .form__card-number {
  margin-right: 0;
  max-width: calc(100% - 298px);
}
@media (max-width: 1024px) {
  .payment-row-registration .form__card-number {
    max-width: calc(100% - 228px);
  }
}
@media (max-width: 635px) {
  .payment-row-registration .form__card-number {
    max-width: 100%;
  }
}

.registration-more-page .registration-content {
  padding-bottom: 45px;
}
.registration-more-page .registration-content__wrap {
  padding-bottom: 8px;
  margin-bottom: 45px;
}
@media (max-width: 1024px) {
  .registration-more-page .registration-content__wrap {
    margin-bottom: 40px;
    padding-bottom: 4px;
  }
}
@media (max-width: 576px) {
  .registration-more-page .registration-content__wrap {
    margin-bottom: 30px;
  }
}
@media (min-width: 1025px) {
  .registration-more-page .registration-content__form-wrap {
    margin-bottom: 32px;
  }
}

.attendee-copy-section {
  width: 100%;
  max-width: 654px;
  position: relative;
  background: #f9fafb;
  padding: 17px 22px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .attendee-copy-section {
    max-width: none;
    padding: 17px 25px;
  }
}
@media (max-width: 576px) {
  .attendee-copy-section {
    padding: 19px 13px;
    padding-bottom: 15px;
    max-width: none;
    width: 100%;
    margin: 0;
  }
}
.attendee-copy__main {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.attendee-copy__checkbox {
  margin-bottom: 9px;
}
@media (max-width: 1024px) {
  .attendee-copy__checkbox {
    margin-bottom: 7px;
  }
}
.attendee-copy__checkbox .checkbox {
  margin-right: 0;
  margin-left: 8px;
}
@media (max-width: 576px) {
  .attendee-copy__checkbox .checkbox {
    margin-left: 0;
    margin-right: 8px;
  }
}
.attendee-copy__checkbox .form__field-name {
  margin-bottom: 0;
}
@media (max-width: 576px) {
  .attendee-copy__checkbox .form__field--checkbox {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.attendee-copy__description {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: #7B8086;
  margin-bottom: 10px;
}
@media (max-width: 576px) {
  .attendee-copy__description {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 8px;
  }
}
.attendee-copy__btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  position: relative;
  padding-left: 12px;
}
.attendee-copy__btn::before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "+";
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 27px;
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.attendee-copy__btn.active::before {
  content: "-";
}
@media (max-width: 576px) {
  .attendee-copy__btn {
    margin-left: 0;
  }
}
.attendee-copy__content {
  padding-top: 20px;
  padding-bottom: 0;
  display: none;
}
.attendee-copy__content .attendee-copy__description {
  margin-bottom: 13px;
}
@media (max-width: 576px) {
  .attendee-copy__content .attendee-copy__description {
    margin-bottom: 17px;
  }
}
@media (max-width: 1024px) {
  .attendee-copy__content {
    padding-top: 30px;
    padding-bottom: 7px;
  }
}
@media (max-width: 576px) {
  .attendee-copy__content {
    padding-bottom: 4px;
    padding-top: 16px;
  }
}
.attendee-copy__details {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  color: #7B8086;
  margin-bottom: 22px;
}
@media (max-width: 576px) {
  .attendee-copy__details {
    font-size: 12px;
    margin-bottom: 18px;
  }
}
.attendee-copy__checkrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  grid-column-gap: 37px;
  grid-row-gap: 9px;
  margin-bottom: 26px;
}
.attendee-copy__checkrow:last-child {
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .attendee-copy__checkrow {
    margin-bottom: 31px;
  }
}
@media (max-width: 576px) {
  .attendee-copy__checkrow {
    grid-column-gap: 20px;
    margin-bottom: 29px;
  }
}
.attendee-copy__check-person {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.attendee-copy__check-person .form__field-name {
  margin-bottom: 0;
}

.upcoming-events-heading {
  padding: 49px 0 23px;
}
@media screen and (max-width: 1024px) {
  .upcoming-events-heading {
    padding-bottom: 18px;
  }
}
@media (max-width: 576px) {
  .upcoming-events-heading {
    margin-bottom: 0;
    padding-bottom: 27px;
  }
}
.upcoming-events-heading__uppertitle {
  margin-bottom: 8px;
  line-height: 20px;
}
@media screen and (max-width: 1024px) {
  .upcoming-events-heading__uppertitle {
    margin-bottom: 5px;
  }
}
.upcoming-events-heading__title {
  margin-bottom: 24px;
}
.upcoming-events-heading__banner {
  width: 100%;
}
.upcoming-events-heading__banner__img {
  width: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.upcoming-events-dashboard {
  padding: 23px 0 53px;
}
@media screen and (max-width: 1024px) {
  .upcoming-events-dashboard {
    padding-top: 18px;
  }
}
@media (max-width: 576px) {
  .upcoming-events-dashboard {
    margin-top: 0;
    padding-top: 0;
  }
}
.upcoming-events-dashboard:not(:last-child) {
  border-bottom: 1px solid #d6dade;
}
.upcoming-events-dashboard .dropdown {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.upcoming-events-dashboard .dropdown__trigger {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.upcoming-events-dashboard .dropdown__trigger .value {
  margin-right: 8px;
}
.upcoming-events-dashboard .dropdown__list-wrap {
  max-width: 100%;
  min-width: 43px;
  width: auto;
  max-height: 380px;
  padding: 0;
  right: unset;
  left: 50%;
  bottom: 0 !important;
  top: unset !important;
  -webkit-transform: translateY(100%) translateX(-50%) !important;
          transform: translateY(100%) translateX(-50%) !important;
}
@media (max-width: 730px) {
  .upcoming-events-dashboard .dropdown__list-wrap {
    max-height: 76px;
  }
}
@media (max-width: 576px) {
  .upcoming-events-dashboard .dropdown__list-wrap {
    max-height: 64px;
  }
}
.upcoming-events-dashboard .dropdown__item {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 1025px) {
  .upcoming-events-dashboard .dropdown__item:hover {
    background: #F7F8FB;
  }
}
.upcoming-events-dashboard .dropdown__btn {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  min-height: 38px;
  padding: 4px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 576px) {
  .upcoming-events-dashboard .dropdown__btn {
    min-height: 32px;
  }
}
.upcoming-events-dashboard .dropdown__btn.active {
  font-weight: 600;
}
.upcoming-events-dashboard__title {
  margin-bottom: 14px;
  font-weight: 600;
  font-size: 24px;
  line-height: 35px;
  text-transform: capitalize;
}
@media (max-width: 1024px) {
  .upcoming-events-dashboard__title {
    font-size: 22px;
  }
}
@media (max-width: 576px) {
  .upcoming-events-dashboard__title {
    font-size: 21px;
    line-height: 27px;
    margin-bottom: 11px;
  }
}
.upcoming-events-dashboard__header {
  margin-bottom: 17px;
}
@media (max-width: 576px) {
  .upcoming-events-dashboard__header {
    margin-bottom: 23px;
  }
}
.upcoming-events-dashboard__header-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 20px);
  margin-left: -10px;
}
@media screen and (max-width: 576px) {
  .upcoming-events-dashboard__header-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 28px;
  }
}
.upcoming-events-dashboard__header-row:not(:last-child) {
  margin-bottom: 8px;
}
.upcoming-events-dashboard__header-col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-inline: 10px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  text-transform: capitalize;
}
.upcoming-events-dashboard__header-col.date-width {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
@media (max-width: 576px) {
  .upcoming-events-dashboard__header-col.date-width {
    max-width: 250px;
  }
}
@media (min-width: 577px) and (max-width: 1024px) {
  .upcoming-events-dashboard__header-col .link-primary {
    font-size: 15px;
    font-weight: 500;
  }
}
@media screen and (min-width: 577px) {
  .upcoming-events-dashboard__header-col:nth-child(1) {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (min-width: 577px) {
  .upcoming-events-dashboard__header-col:nth-child(2) {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.upcoming-events-dashboard__body {
  margin-bottom: 27px;
}
@media (max-width: 1034px) {
  .upcoming-events-dashboard__body {
    margin-bottom: 32px;
  }
}
@media (max-width: 576px) {
  .upcoming-events-dashboard__body {
    margin-bottom: 45px;
  }
}
.upcoming-events-dashboard__table-wrap {
  overflow: hidden;
  overflow-x: auto;
  -webkit-box-shadow: 0px 11.02px 33px rgba(52, 60, 71, 0.11);
          box-shadow: 0px 11.02px 33px rgba(52, 60, 71, 0.11);
}
@media (min-width: 731px) {
  .upcoming-events-dashboard__table-wrap {
    overflow: visible !important;
  }
}
.upcoming-events-dashboard__table-wrap .simplebar-track.simplebar-horizontal {
  height: 18px;
}
.upcoming-events-dashboard__table-wrap .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  height: 8px;
  border-radius: 8px;
}
.upcoming-events-dashboard__table-wrap .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 8px;
  background: #d5d9e0;
  border-radius: 8px;
}
.upcoming-events-dashboard__table {
  min-width: 636px;
  padding-inline: 10px;
  background-color: #fff;
}
.upcoming-events-dashboard__t-head .upcoming-events-dashboard__t-row {
  border-bottom: 1px solid #d6dade;
}
.upcoming-events-dashboard__t-head .upcoming-events-dashboard__t-col {
  font-weight: 600;
}
.upcoming-events-dashboard__t-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 20px);
  padding-inline: 10px;
  margin-inline: -10px;
}
.upcoming-events-dashboard__t-row:not(:last-child) {
  border-bottom: 1px solid #d6dade;
}
@media (max-width: 730px) {
  .upcoming-events-dashboard__t-row:last-child .dropdown .dropdown__list-wrap {
    bottom: unset !important;
    top: 0 !important;
    -webkit-transform: translateY(-100%) translateX(-50%) !important;
            transform: translateY(-100%) translateX(-50%) !important;
  }
}
.upcoming-events-dashboard__t-col {
  padding-block: 10px;
  padding-inline: 10px;
  min-height: 70px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-transform: capitalize;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 577px) and (max-width: 1024px) {
  .upcoming-events-dashboard__t-col {
    font-size: 14px;
  }
}
.upcoming-events-dashboard__t-col .dropdown__trigger {
  font-size: 16px;
}
@media (max-width: 1024px) {
  .upcoming-events-dashboard__t-col .dropdown__trigger {
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .upcoming-events-dashboard__t-col {
    min-height: 60px;
  }
}
.upcoming-events-dashboard__t-col:nth-child(1) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 65%;
          flex: 0 0 65%;
  width: 65%;
}
@media screen and (max-width: 1024px) {
  .upcoming-events-dashboard__t-col:nth-child(1) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    width: 60%;
  }
}
.upcoming-events-dashboard__t-col:nth-child(2) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  width: 20%;
}
@media screen and (max-width: 1024px) {
  .upcoming-events-dashboard__t-col:nth-child(2) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    width: 25%;
  }
}
.upcoming-events-dashboard__t-col:nth-child(3) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 15%;
          flex: 0 0 15%;
  width: 15%;
}
.upcoming-events-dashboard__t-col .qty-status.sold-out {
  font-weight: 600;
  color: #ff6174;
}
.upcoming-events-dashboard__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.upcoming-events-dashboard__registr {
  min-height: 48px;
  min-width: 164px;
  font-size: 14px;
}
@media (max-width: 576px) {
  .upcoming-events-dashboard__registr {
    min-height: 40px;
    text-transform: uppercase;
    font-size: 13px;
    margin-right: auto;
  }
}

.upcoming-events-cards {
  padding: 50px 0 25px;
}
@media screen and (max-width: 1024px) {
  .upcoming-events-cards {
    padding: 45px 0 21px;
  }
}
.upcoming-events-cards__title {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 24px;
  line-height: 35px;
  text-transform: capitalize;
}
@media screen and (max-width: 1024px) {
  .upcoming-events-cards__title {
    font-size: 22px;
    line-height: 30px;
    max-width: 400px;
  }
}
@media screen and (max-width: 576px) {
  .upcoming-events-cards__title {
    font-size: 26px;
    line-height: 34px;
  }
}
.upcoming-events-cards__subtitle {
  margin-bottom: 40px;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  max-width: 760px;
  text-transform: capitalize;
}
@media (min-width: 577px) and (max-width: 1024px) {
  .upcoming-events-cards__subtitle {
    width: calc(100% + 10px);
  }
}
@media screen and (max-width: 1024px) {
  .upcoming-events-cards__subtitle {
    text-transform: none;
    margin-bottom: 35px;
    font-size: 14px;
    line-height: 22px;
    width: calc(100% + 15px);
  }
}
.upcoming-events-cards__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 24px);
  margin-inline: -12px;
  row-gap: 24px;
}
@media screen and (max-width: 1024px) {
  .upcoming-events-cards__row {
    width: calc(100% + 36px);
    margin-inline: -18px;
    row-gap: 36px;
  }
}
@media screen and (max-width: 576px) {
  .upcoming-events-cards__row {
    row-gap: 30px;
  }
}
.upcoming-events-cards__col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  width: 50%;
  padding-inline: 12px;
}
@media screen and (max-width: 1024px) {
  .upcoming-events-cards__col {
    padding-inline: 18px;
  }
}
@media screen and (max-width: 576px) {
  .upcoming-events-cards__col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
  }
}
.upcoming-events-cards__card {
  width: 100%;
  height: 100%;
  padding: 24px 30px 27px;
  background-color: #fff;
  -webkit-box-shadow: 0px 11.02px 33px rgba(52, 60, 71, 0.11);
          box-shadow: 0px 11.02px 33px rgba(52, 60, 71, 0.11);
}
@media screen and (max-width: 1024px) {
  .upcoming-events-cards__card {
    padding: 16px 23px 27px;
  }
}
.upcoming-events-cards__card-title {
  margin-bottom: 11px;
  font-weight: 600;
  font-size: 24px;
  line-height: 35px;
  text-transform: capitalize;
}
@media screen and (max-width: 1024px) {
  .upcoming-events-cards__card-title {
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 35px;
  }
}
.upcoming-events-cards__card-content {
  font-weight: 400;
  font-size: 15px;
  line-height: 27px;
  text-transform: capitalize;
}
@media screen and (max-width: 1024px) {
  .upcoming-events-cards__card-content {
    line-height: 21px;
  }
}
@media (max-width: 1024px) {
  .upcoming-events-cards__card-content {
    font-size: 14px;
  }
}
.upcoming-events-cards__card-content strong {
  font-weight: 600;
}
.upcoming-events-cards__card-content ul li {
  padding-left: 1em;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .upcoming-events-cards__card-content ul li:not(:last-child) {
    margin-bottom: 0.5em;
  }
}
.upcoming-events-cards__card-content ul li::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  position: absolute;
  left: 0;
  top: 12px;
  background-color: #304659;
  border-radius: 50%;
}

.upcoming-events-faq {
  padding: 35px 0 54px;
}
@media screen and (max-width: 1024px) {
  .upcoming-events-faq {
    padding: 25px 0 45px;
  }
}
@media screen and (max-width: 576px) {
  .upcoming-events-faq {
    padding: 21px 0 49px;
  }
}
.upcoming-events-faq .accordion__content {
  padding-right: 65px;
}
@media (max-width: 1024px) {
  .upcoming-events-faq .accordion__content {
    padding-right: 40px;
  }
}
@media (max-width: 576px) {
  .upcoming-events-faq .accordion__content {
    padding-right: 30px;
  }
}
.upcoming-events-faq__title {
  margin-bottom: 14px;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-transform: capitalize;
}
@media screen and (max-width: 1024px) {
  .upcoming-events-faq__title {
    margin-bottom: 10px;
  }
}

.back-office__banner {
  width: 100%;
  position: relative;
  min-height: 85px;
  padding: 22px 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 31px;
}
@media (max-width: 1024px) {
  .back-office__banner {
    min-height: 60px;
    padding: 15px 32px;
    margin-bottom: 25px;
  }
}
@media (max-width: 700px) {
  .back-office__banner {
    padding: 32px 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: auto;
    aspect-ratio: 1.12244898/1;
    margin-bottom: 41px;
  }
}
.back-office__banner-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  height: 100%;
}
@media (max-width: 1024px) {
  .back-office__banner-img {
    -o-object-position: 85% center;
       object-position: 85% center;
  }
}
@media (max-width: 700px) {
  .back-office__banner-img {
    -o-object-position: center center;
       object-position: center center;
  }
}
.back-office__banner-btn {
  background: #fff;
  min-width: 150px;
  font-size: 14px;
  padding: 5px 10px;
}
@media (max-width: 1024px) {
  .back-office__banner-btn {
    min-width: 114px;
    font-size: 12px;
    min-height: 28px;
  }
}

.back-office-navigation {
  width: 100%;
  position: relative;
  z-index: 3;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 700px) {
  .back-office-navigation {
    margin-bottom: 0;
    padding: 20px;
  }
}
.back-office-navigation.subnavigation-mode {
  padding-top: 20px;
}
@media screen and (min-width: 577px) {
  .back-office-navigation.subnavigation-mode .back-office-navigation__dropdown {
    padding-inline: 20px;
  }
}
@media screen and (max-width: 576px) {
  .back-office-navigation.subnavigation-mode .back-office-navigation-box {
    border: 0;
  }
}
@media screen and (max-width: 576px) {
  .back-office-navigation.subnavigation-mode .back-office-navigation__trigger.active .arrow {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
  .back-office-navigation.subnavigation-mode .back-office-navigation__trigger:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transform: translate(0);
            transform: translate(0);
    z-index: 1;
    background: #F4F8FB;
    border: 1px solid #D6DADE;
  }
  .back-office-navigation.subnavigation-mode .back-office-navigation__trigger .arrow,
  .back-office-navigation.subnavigation-mode .back-office-navigation__trigger .value {
    position: relative;
    z-index: 2;
  }
  .back-office-navigation.subnavigation-mode .back-office-navigation__trigger .value {
    background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }
  .back-office-navigation.subnavigation-mode .back-office-navigation__trigger .arrow {
    display: block;
    width: 10px;
    min-width: 10px;
    height: 10px;
    background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
    -webkit-mask: url("../icon/icons/icons.html#arrow-drop") 0 0/contain no-repeat;
            mask: url("../icon/icons/icons.html#arrow-drop") 0 0/contain no-repeat;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .back-office-navigation.subnavigation-mode .back-office-navigation__trigger .arrow .icon {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .back-office-navigation.subnavigation-mode .back-office-navigation__dropdown-list > li {
    height: 40px;
  }
}
.back-office-navigation-box {
  width: 100%;
  position: relative;
}
@media (max-width: 700px) {
  .back-office-navigation-box {
    margin-bottom: 12px;
  }
  .back-office-navigation-box:last-child {
    margin-bottom: 0;
  }
}
.back-office-navigation-box.back-office-main-navigation {
  border-bottom: 1px solid #D6DADE;
}
@media (max-width: 700px) {
  .back-office-navigation-box.back-office-main-navigation {
    border-bottom: 0;
  }
}
.back-office-navigation__trigger {
  display: none;
}
@media (max-width: 700px) {
  .back-office-navigation__trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    min-height: 36px;
    padding: 5px 10px;
    background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .back-office-navigation__trigger .arrow {
    width: 10px;
    height: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 8px;
  }
  .back-office-navigation__trigger .arrow .icon {
    -o-object-fit: contain;
       object-fit: contain;
    width: 10px;
    height: 6px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    fill: #fff;
  }
  .back-office-navigation__trigger::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    background: #9AA2AC;
  }
  .back-office-navigation__trigger.active .arrow .icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
.back-office-navigation__dropdown {
  width: 100%;
  position: relative;
}
@media (max-width: 700px) {
  .back-office-navigation__dropdown {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-box-shadow: 0px 14.02px 30.08px rgba(52, 60, 71, 0.15);
            box-shadow: 0px 14.02px 30.08px rgba(52, 60, 71, 0.15);
    background: #fff;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .back-office-navigation__dropdown.active {
    opacity: 1;
    visibility: visible;
  }
}
.back-office-navigation__dropdown-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 700px) {
  .back-office-navigation__dropdown-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 290px;
    overflow: hidden;
    overflow-y: auto;
  }
  .back-office-navigation__dropdown-list li {
    width: 100%;
  }
}
.back-office-navigation__hidedropbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
@media (max-width: 700px) {
  .back-office-navigation__hidedropbox {
    width: 100%;
  }
}
@media (min-width: 701px) and (max-width: 1024px) {
  .back-office-navigation__hidedropbox.has-active .back-office-navigation__hidedropbox-trigger, .back-office-navigation__hidedropbox:has(.back-office-navigation__btn.active) .back-office-navigation__hidedropbox-trigger {
    color: #399BB1;
    font-weight: 600;
  }
  .back-office-navigation__hidedropbox.has-active .back-office-navigation__hidedropbox-trigger .icon, .back-office-navigation__hidedropbox:has(.back-office-navigation__btn.active) .back-office-navigation__hidedropbox-trigger .icon {
    fill: #399BB1;
  }
  .back-office-navigation__hidedropbox.has-active .back-office-navigation__hidedropbox-trigger::after, .back-office-navigation__hidedropbox:has(.back-office-navigation__btn.active) .back-office-navigation__hidedropbox-trigger::after {
    width: 100%;
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 2px;
    background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
    content: "";
  }
}
.back-office-navigation__hidedropbox-trigger {
  display: none;
}
@media (min-width: 701px) and (max-width: 1024px) {
  .back-office-navigation__hidedropbox-trigger {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    color: #304659;
    min-height: 40px;
    padding: 5px 16px;
  }
  .back-office-navigation__hidedropbox-trigger .arrow {
    width: 8px;
    height: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 4px;
    margin-top: 2px;
  }
  .back-office-navigation__hidedropbox-trigger .arrow .icon {
    width: 8px;
    height: 6px;
    fill: #304659;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .back-office-navigation__hidedropbox-trigger.active .arrow .icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
.back-office-navigation__hidedropbox-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 701px) and (max-width: 1024px) {
  .back-office-navigation__hidedropbox-dropdown {
    position: absolute;
    bottom: 1px;
    width: 112px;
    background: #fff;
    -webkit-box-shadow: 0px 11.02px 33px rgba(52, 60, 71, 0.11);
            box-shadow: 0px 11.02px 33px rgba(52, 60, 71, 0.11);
    z-index: 2;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(100%);
            transform: translateX(-50%) translateY(100%);
    -webkit-transition: 0.2s;
    transition: 0.2s;
    opacity: 0;
    visibility: hidden;
  }
  .back-office-navigation__hidedropbox-dropdown.active {
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 700px) {
  .back-office-navigation__hidedropbox-dropdown {
    width: 100%;
  }
}
.back-office-navigation__hidedropbox-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 701px) and (max-width: 1024px) {
  .back-office-navigation__hidedropbox-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
  }
  .back-office-navigation__hidedropbox-list li {
    width: 100%;
  }
  .back-office-navigation__hidedropbox-list .back-office-navigation__btn {
    min-height: 36px;
    min-width: 100%;
    padding: 5px;
  }
  .back-office-navigation__hidedropbox-list .back-office-navigation__btn::after {
    display: none;
  }
}
@media (max-width: 700px) {
  .back-office-navigation__hidedropbox-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
}
.back-office-navigation__btn {
  min-height: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  text-transform: capitalize;
  color: #304659;
  padding: 5px 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  text-align: center;
}
@media (min-width: 1025px) {
  .back-office-navigation__btn:hover {
    color: #399BB1;
  }
}
.back-office-navigation__btn::after {
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 2px;
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  content: "";
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 700px) {
  .back-office-navigation__btn::after {
    display: none;
  }
}
@media (min-width: 701px) {
  .back-office-navigation__btn.active {
    color: #399BB1;
    font-weight: 600;
  }
  .back-office-navigation__btn.active::after {
    opacity: 1;
  }
}
@media (max-width: 700px) {
  .back-office-navigation__btn.active {
    background: #F7F8FB;
  }
}
@media (max-width: 700px) {
  .back-office-navigation__btn {
    min-height: 36px;
    width: 100%;
    text-align: left;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    font-weight: 400;
    color: #667085;
  }
}

@media (min-width: 701px) {
  .back-office-navigation .back-office-additional-navigation {
    padding: 20px;
    padding-bottom: 0;
  }
}
.back-office-navigation .back-office-additional-navigation .back-office-navigation__btn {
  min-height: 33px;
}
.back-office-navigation .back-office-additional-navigation .back-office-navigation__btn::after {
  display: none;
}
.back-office-navigation .back-office-additional-navigation .back-office-navigation__btn.active {
  background: rgba(46, 130, 178, 0.05);
}
.back-office-navigation .back-office-additional-navigation .back-office-navigation__trigger {
  border: 1px solid #D6DADE;
  background: #F4F8FB;
  color: #389AB1;
}
.back-office-navigation .back-office-additional-navigation .back-office-navigation__trigger .icon {
  fill: #389AB1;
}
.back-office-navigation .back-office-additional-navigation .back-office-navigation__trigger::after {
  background: #F4F8FB;
}
.back-office-navigation .back-office-additional-navigation .back-office-navigation__hidedropbox-trigger {
  min-height: 33px;
}
@media (min-width: 701px) and (max-width: 1024px) {
  .back-office-navigation .back-office-additional-navigation .back-office-navigation__hidedropbox.has-active .back-office-navigation__hidedropbox-trigger {
    font-weight: 600;
    background: rgba(46, 130, 178, 0.05);
  }
  .back-office-navigation .back-office-additional-navigation .back-office-navigation__hidedropbox.has-active .back-office-navigation__hidedropbox-trigger::after {
    display: none;
  }
}

.back-office-subnavigation {
  width: 100%;
  padding-top: 20px;
  padding-inline: 20px;
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-bottom: 1px solid #D6DADE;
}
.back-office-subnavigation__row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.back-office-subnavigation__btn {
  min-height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: capitalize;
  color: #304659;
  padding: 5px 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  text-align: center;
}
@media (min-width: 1025px) {
  .back-office-subnavigation__btn:hover {
    color: #399BB1;
  }
}
.back-office-subnavigation__btn::after {
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 2px;
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  content: "";
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.back-office-subnavigation__btn.active {
  color: #399BB1;
  font-weight: 600;
}
.back-office-subnavigation__btn.active::after {
  opacity: 1;
}

.back-office-dashboard__main {
  width: 100%;
  position: relative;
  padding: 20px;
  padding-top: 16px;
}
@media (max-width: 1024px) {
  .back-office-dashboard__main {
    padding-top: 0;
  }
}
@media (max-width: 700px) {
  .back-office-dashboard__main {
    padding-top: 18px;
  }
}
.back-office-dashboard__box {
  width: 100%;
  position: relative;
}
.back-office-dashboard__details {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 36px;
  margin-bottom: 36px;
  border-bottom: 1px solid #D6DADE;
  grid-column-gap: 15px;
}
@media (max-width: 1024px) {
  .back-office-dashboard__details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media (max-width: 576px) {
  .back-office-dashboard__details {
    padding-bottom: 36px;
    margin-bottom: 36px;
  }
}
.back-office-dashboard__stats {
  width: 100%;
  max-width: 406px;
  position: relative;
}
@media (max-width: 1024px) {
  .back-office-dashboard__stats {
    max-width: none;
  }
}
.back-office-dashboard__stats-box {
  border: 1px solid #D6DADE;
  padding: 18px 24px;
  margin-bottom: 22px;
}
@media (max-width: 1024px) {
  .back-office-dashboard__stats-box {
    margin-bottom: 29px;
  }
}
@media (max-width: 700px) {
  .back-office-dashboard__stats-box {
    margin-bottom: 36px;
    padding: 10px 16px;
  }
}
.back-office-dashboard__stats-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 4px;
}
.back-office-dashboard__stats-row:last-child {
  margin-bottom: 0;
}
.back-office-dashboard__stats-holder {
  padding-right: 5px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 27px;
  text-transform: capitalize;
  color: #304659;
}
@media (max-width: 576px) {
  .back-office-dashboard__stats-holder {
    font-size: 13px;
  }
}
.back-office-dashboard__stats-value {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 27px;
  text-transform: capitalize;
  color: #304659;
  text-align: right;
  padding-left: 5px;
}
@media (max-width: 576px) {
  .back-office-dashboard__stats-value {
    font-size: 13px;
  }
}
.back-office-dashboard__stats-value b {
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-weight: 600;
}
.back-office-dashboard__stats-btns {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-column-gap: 13px;
  grid-row-gap: 13px;
}
@media (max-width: 1024px) {
  .back-office-dashboard__stats-btns {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    max-width: 446px;
    margin: 0 auto;
  }
}
@media (max-width: 576px) {
  .back-office-dashboard__stats-btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: none;
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }
}
.back-office-dashboard__stats-btn {
  min-width: calc(33.3333333333% - 8.7px);
  font-size: 14px;
  line-height: 14px;
  padding: 5px 10px;
}
@media (max-width: 1024px) {
  .back-office-dashboard__stats-btn {
    min-width: calc(33.3333333333% - 14.7px);
  }
}
@media (max-width: 576px) {
  .back-office-dashboard__stats-btn {
    min-width: 100%;
  }
}
.back-office-dashboard__gallery {
  width: 100%;
  max-width: 489px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}
@media (max-width: 1024px) {
  .back-office-dashboard__gallery {
    max-width: none;
    margin-bottom: 19px;
    grid-column-gap: 19px;
    grid-row-gap: 19px;
  }
}
@media (max-width: 576px) {
  .back-office-dashboard__gallery {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-bottom: 20px;
  }
}
.back-office-dashboard__gallery-item {
  width: calc(50% - 7.5px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  aspect-ratio: 1.08219178/1;
}
@media (max-width: 1024px) {
  .back-office-dashboard__gallery-item {
    width: calc(50% - 9.5px);
    aspect-ratio: 1.08070175/1;
  }
}
@media (max-width: 576px) {
  .back-office-dashboard__gallery-item {
    width: calc(50% - 5px);
    aspect-ratio: 1.08108108/1;
  }
}
.back-office-dashboard__gallery-item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -o-object-fit: cover;
     object-fit: cover;
}
.back-office-dashboard__options {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
@media (max-width: 1024px) {
  .back-office-dashboard__options {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }
}
@media (max-width: 576px) {
  .back-office-dashboard__options {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
}
.back-office-dashboard-option {
  width: calc(50% - 10px);
  position: relative;
  border: 1px solid #D6DADE;
}
@media (max-width: 1024px) {
  .back-office-dashboard-option {
    width: 100%;
  }
}
.back-office-dashboard-option__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #338DB2;
  padding: 5px 16px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  text-transform: capitalize;
  color: #fff;
  min-height: 47px;
}
.back-office-dashboard-option__grid {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.back-office-dashboard-option__col {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  flex-direction: column;
  min-height: 121px;
  border-bottom: 1px solid #D6DADE;
  padding: 10px;
}
.back-office-dashboard-option__col:nth-child(3n-2) {
  width: 100%;
  border-bottom: 1px solid #D6DADE !important;
}
.back-office-dashboard-option__col:nth-child(3n-2) .value {
  background: linear-gradient(103.48deg, #E8592C 14.62%, #D56C0B 91.6%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.back-office-dashboard-option__col:nth-child(2n) {
  border-right: 1px solid #D6DADE;
}
.back-office-dashboard-option__col:nth-last-child(-n+2) {
  border-bottom: 0;
}
.back-office-dashboard-option__col:last-child {
  border-bottom: 0 !important;
}
.back-office-dashboard-option__col .holder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  text-transform: capitalize;
  color: #304659;
  margin-bottom: 15px;
}
.back-office-dashboard-option__col .value {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 37px;
  line-height: 27px;
  text-align: center;
  text-transform: capitalize;
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.back-office-dashboard-option__list {
  width: 100%;
  position: relative;
  padding: 0 20px;
}
@media (max-width: 576px) {
  .back-office-dashboard-option__list {
    padding: 0 10px;
  }
}
.back-office-dashboard-option__row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 80.67px;
  position: relative;
  padding: 5px 0;
}
.back-office-dashboard-option__row::after {
  width: 50%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #D6DADE;
  content: "";
}
.back-office-dashboard-option__row:last-child::after {
  display: none;
}
.back-office-dashboard-option__holder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  text-transform: capitalize;
  color: #304659;
  width: 50%;
  padding-right: 5px;
}
@media (max-width: 576px) {
  .back-office-dashboard-option__holder {
    font-size: 13px;
    line-height: 17px;
    padding-right: 8px;
  }
}
.back-office-dashboard-option__value {
  width: 50%;
  padding-left: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 576px) {
  .back-office-dashboard-option__value {
    padding-left: 8px;
  }
}
.back-office-dashboard-option-level {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px;
  min-width: 165px;
  min-height: 35px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  text-transform: capitalize;
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  position: relative;
  z-index: 1;
}
@media (max-width: 576px) {
  .back-office-dashboard-option-level {
    min-width: 100%;
  }
}
.back-office-dashboard-option-level::after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: rgba(51, 141, 178, 0.1);
}
.back-office-dashboard-option__balance {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 37px;
  line-height: 27px;
  text-align: center;
  text-transform: capitalize;
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
@media (max-width: 576px) {
  .back-office-dashboard-option__balance {
    font-size: 32px;
  }
}
.back-office-dashboard-option__status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.back-office-dashboard-option__status-box {
  min-width: 144px;
  border: 1px solid #D6DADE;
  position: relative;
  min-height: 27px;
  margin-bottom: 6px;
}
@media (max-width: 576px) {
  .back-office-dashboard-option__status-box {
    min-width: 100%;
  }
}
.back-office-dashboard-option__status-box .filled-line {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
}
.back-office-dashboard-option__status-holder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
  text-transform: capitalize;
  color: #424848;
}
.back-office-dashboard-option__status-holder span {
  margin-right: 4px;
}
.back-office-dashboard-option__status-holder span:last-child {
  margin-right: 0;
}
.back-office-dashboard-option__status-link {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
  text-transform: capitalize;
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  position: relative;
}
.back-office-dashboard-option__status-link::after {
  width: 100%;
  height: 1px;
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 1025px) {
  .back-office-dashboard-option__status-link:hover::after {
    opacity: 1;
  }
}

.back-office__form {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 0;
}
@media (max-width: 1024px) {
  .back-office__form {
    padding-bottom: 8px;
  }
}
@media (max-width: 576px) {
  .back-office__form {
    padding-bottom: 10px;
  }
}
.back-office__form .form__row {
  width: calc(100% + 16px);
  margin-inline: -8px;
  row-gap: 20px;
}
.back-office__form .form__row:not(:last-child) {
  margin-bottom: 20px;
}
.back-office__form .form__col {
  width: 33.3333333333%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  padding-inline: 8px;
}
@media (max-width: 1024px) {
  .back-office__form .form__col {
    width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
@media (max-width: 576px) {
  .back-office__form .form__col {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.back-office__form .form__col.half-col {
  width: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
@media (max-width: 576px) {
  .back-office__form .form__col.half-col {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
@media (max-width: 1024px) {
  .back-office__form .form__col.full-tablet {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.back-office__form .form__col.double__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.back-office__form .form__col.double__col .form__field {
  width: calc(50% - 8px);
}
@media (max-width: 1024px) {
  .back-office__form .form__col.double__col {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
@media (min-width: 1025px) {
  .back-office__form .form__col.quatro__col {
    width: 25%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }
}
.back-office__form .form__input {
  padding: 7px 14px;
  line-height: 16px;
  min-height: 38px;
  border-color: #D6DADE;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.back-office__form .select-info {
  width: 100%;
  position: relative;
}
.back-office__form .select-info.active .select-arrow .icon {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.back-office__form .select-info.active .select__dropdown {
  opacity: 1;
  visibility: visible;
}
.back-office__form .select-info.card-type-select .select__option img {
  width: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 8px;
}
.back-office__form .select-info.card-type-select .select__option img img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 4px;
  pointer-events: none;
}
.back-office__form .select__trigger {
  width: 100%;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  min-height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1px solid #D6DADE;
  padding: 7px 14px;
}
.back-office__form .select__value {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #667085;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-right: 10px;
  max-width: calc(100% - 30px);
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.back-office__form .select-arrow {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.back-office__form .select-arrow .icon {
  fill: transparent;
  width: 20px;
  height: 20px;
  stroke: #667085;
  stroke-linecap: round;
  stroke-width: 1.6px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.back-office__form .select__dropdown {
  display: block !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  -webkit-transition: 0.2s !important;
  transition: 0.2s !important;
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  z-index: 10;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  background: #fff;
  -webkit-box-shadow: 0px 11.02px 33px rgba(52, 60, 71, 0.11);
          box-shadow: 0px 11.02px 33px rgba(52, 60, 71, 0.11);
  opacity: 0;
  visibility: hidden;
}
.back-office__form .select__list {
  width: 100%;
  position: relative;
  overflow: hidden;
  overflow-y: auto;
  max-height: 144px;
}
.back-office__form .select__list .simplebar-scrollbar:before {
  background: #cecfd1;
}
.back-office__form .select__option {
  min-height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 15px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #373a3e;
}
@media (min-width: 1025px) {
  .back-office__form .select__option:hover {
    background-color: #F5F6F7;
  }
}
.back-office__form .select__option:active {
  background-color: #F5F6F7;
}
.back-office__form .select__option.active {
  background-color: #F5F6F7;
}
.back-office__form .select__option.hide {
  display: none;
}
.back-office__form .select__search {
  width: 100%;
  position: relative;
  padding: 12px;
}
@media (max-width: 576px) {
  .back-office__form .select__search {
    padding: 10px;
  }
}
.back-office__form .select__search-wrapp {
  width: 100%;
  position: relative;
}
.back-office__form .select__search-wrapp .icon {
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  left: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  stroke: #9AA2AC;
  stroke-width: 1.5px;
  fill: transparent;
}
.back-office__form .select__search-input {
  width: 100%;
  position: relative;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #373A3E;
  border: 1px solid #D6DADE;
  min-height: 38px;
  padding: 5px 32px;
  padding-right: 15px;
}
@media (max-width: 576px) {
  .back-office__form .select__search-input {
    font-size: 13px;
    line-height: 15px;
  }
}
.back-office__form .select__search-input::-webkit-input-placeholder {
  color: #373A3E;
}
.back-office__form .select__search-input::-moz-placeholder {
  color: #373A3E;
}
.back-office__form .select__search-input:-ms-input-placeholder {
  color: #373A3E;
}
.back-office__form .select__search-input::-ms-input-placeholder {
  color: #373A3E;
}
.back-office__form .select__search-input::placeholder {
  color: #373A3E;
}
.back-office__form .form__field.invalid .select__trigger {
  border-color: #ff6174 !important;
}
.back-office__form .form__field.invalid .form__input {
  border-color: #ff6174 !important;
}
.back-office__form .form__field.invalid .select__value {
  color: #ff6174 !important;
}
.back-office__form .form__field.grey-field .form__input {
  background: #F0F4F7;
  border: 1px solid #D6DADE;
  color: #304659;
}
.back-office__form .form__field.grey-field .select__trigger {
  background: #F0F4F7;
  border: 1px solid #D6DADE;
}
.back-office__form input[type=date]::-webkit-calendar-picker-indicator {
  display: none !important;
}
.back-office__form input::-webkit-date-and-time-value {
  text-align: left !important;
}

.back-office-account-email-form {
  padding-bottom: 10px;
}
@media (max-width: 1024px) {
  .back-office-account-email-form {
    padding-bottom: 8px;
  }
}
@media (max-width: 576px) {
  .back-office-account-email-form {
    padding-bottom: 10px;
  }
}
.back-office-account-email-form .form__col {
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
  width: 100%;
  max-width: 471px;
}
@media (max-width: 576px) {
  .back-office-account-email-form .form__col {
    max-width: none;
  }
}

.back-office-account-password-form {
  padding-bottom: 10px;
}
@media (max-width: 1024px) {
  .back-office-account-password-form {
    padding-bottom: 8px;
  }
}
@media (max-width: 576px) {
  .back-office-account-password-form {
    padding-top: 0;
    padding-bottom: 10px;
  }
}
.back-office-account-password-form .form__row {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 1024px) {
  .back-office-account-password-form .form__row {
    row-gap: 40px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 576px) {
  .back-office-account-password-form .form__row {
    row-gap: 20px;
  }
}
.back-office-account-password-form .form__col {
  width: 100%;
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
}
@media (max-width: 1024px) {
  .back-office-account-password-form .form__col {
    width: 50%;
  }
}
@media (max-width: 576px) {
  .back-office-account-password-form .form__col {
    width: 100%;
  }
}
.back-office-account-password-form .back-office__save-btn {
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 26px;
  min-height: 38px;
}
@media (max-width: 1024px) {
  .back-office-account-password-form .back-office__save-btn {
    width: 100%;
    min-width: auto;
    max-width: calc(50% - 16px);
  }
}
@media (max-width: 576px) {
  .back-office-account-password-form .back-office__save-btn {
    max-width: calc(100% - 16px);
    margin: 0 auto;
  }
}

.back-office-profile-password-form {
  padding-bottom: 10px;
}
@media (max-width: 1024px) {
  .back-office-profile-password-form {
    padding-bottom: 8px;
  }
}
@media (max-width: 576px) {
  .back-office-profile-password-form {
    padding-top: 0;
    padding-bottom: 10px;
  }
}
.back-office-profile-password-form .form__row {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 1024px) {
  .back-office-profile-password-form .form__row {
    row-gap: 17px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 576px) {
  .back-office-profile-password-form .form__row {
    row-gap: 20px;
  }
}
.back-office-profile-password-form .form__col {
  width: 100%;
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
}
@media (max-width: 1024px) {
  .back-office-profile-password-form .form__col {
    width: 50%;
  }
}
@media (max-width: 576px) {
  .back-office-profile-password-form .form__col {
    width: 100%;
  }
}
.back-office-profile-password-form .back-office__save-btn {
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 26px;
  min-height: 38px;
  min-width: 165px;
}
@media (max-width: 1024px) {
  .back-office-profile-password-form .back-office__save-btn {
    width: 100%;
    min-width: auto;
    max-width: calc(50% - 16px);
  }
}
@media (max-width: 576px) {
  .back-office-profile-password-form .back-office__save-btn {
    max-width: calc(100% - 16px);
    margin: 0 auto;
  }
}

.back-office__form.back-office-tokens-destribution-form {
  padding: 0;
}
.back-office__form.back-office-tokens-destribution-form .form__row {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 1024px) {
  .back-office__form.back-office-tokens-destribution-form .form__row {
    row-gap: 17px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 576px) {
  .back-office__form.back-office-tokens-destribution-form .form__row {
    row-gap: 20px;
  }
}
.back-office__form.back-office-tokens-destribution-form .form__col {
  width: 100%;
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
}
@media (max-width: 1024px) {
  .back-office__form.back-office-tokens-destribution-form .form__col {
    width: 50%;
  }
}
@media (max-width: 576px) {
  .back-office__form.back-office-tokens-destribution-form .form__col {
    width: 100%;
  }
}
.back-office__form.back-office-tokens-destribution-form .back-office__distribute-btn {
  margin-left: 8px;
  margin-right: 8px;
  min-height: 38px;
  min-width: 111px;
  padding: 5px 10px;
  width: auto;
  font-size: 13px;
  line-height: 16px;
}
@media (max-width: 1024px) {
  .back-office__form.back-office-tokens-destribution-form .back-office__distribute-btn {
    width: 100%;
    min-width: auto;
    max-width: calc(50% - 16px);
  }
}
@media (max-width: 576px) {
  .back-office__form.back-office-tokens-destribution-form .back-office__distribute-btn {
    max-width: calc(100% - 16px);
    margin: 0 auto;
  }
}

.back-office-tokens-destribution__text {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #304659;
  margin-bottom: 17px;
}

@media (max-width: 1024px) {
  .back-office-tickets-card__form {
    padding-bottom: 4px;
    padding-top: 2px;
  }
}
.back-office-tickets-card__form .back-office-modal-card__btn {
  min-height: 38px;
  min-width: auto;
  padding: 5px 22px;
  font-size: 13px;
  line-height: 16px;
}
@media (max-width: 576px) {
  .back-office-tickets-card__form .back-office-modal-card__btn {
    padding: 5px;
  }
}
.back-office-tickets-card__form .back-office-modal__form-col {
  padding-inline: 8px;
}

.back-office-documents {
  width: 100%;
  max-width: 604px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 17px 20px;
}
@media (max-width: 1024px) {
  .back-office-documents {
    max-width: none;
  }
}
.back-office-documents__item {
  width: calc(50% - 10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 38px;
  height: auto;
  padding: 7px 12px;
  border: 1px solid #D6DADE;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #304659;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 700px) {
  .back-office-documents__item {
    width: 100%;
    padding-right: 10px;
  }
}
.back-office-documents__item .symbol {
  width: 19px;
  height: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 19px;
  margin-right: 6px;
}
.back-office-documents__item .icon {
  width: inherit;
  height: inherit;
  -o-object-fit: contain;
     object-fit: contain;
  fill: #6C7380;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 1025px) {
  .back-office-documents__item:hover {
    border-color: #338DB2;
    color: #338DB2;
  }
  .back-office-documents__item:hover .icon {
    fill: #338DB2;
  }
}

.back-office-account-billing__box {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.back-office-account-billing__title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #304659;
  margin-bottom: 12px;
}
.back-office-account-billing__options {
  width: 100%;
  position: relative;
}
.back-office-account-billing__option {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  color: #304659;
  margin-bottom: 4px;
}
@media (max-width: 576px) {
  .back-office-account-billing__option {
    margin-bottom: 8px;
  }
}
.back-office-account-billing__option:last-child {
  margin-bottom: 0;
}
@media (min-width: 577px) {
  .back-office-account-billing__option br {
    display: none;
  }
}
.back-office-account-billing__option span {
  margin-right: 4px;
}
.back-office-account-billing__option span:last-child {
  margin-right: 0;
}
.back-office-account-billing__option .value {
  color: #58B6BA;
  font-weight: 600;
}
.back-office-account-billing__footer {
  width: 100%;
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
@media (max-width: 576px) {
  .back-office-account-billing__footer {
    padding-top: 28px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.back-office-account-billing__buttons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 18px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 576px) {
  .back-office-account-billing__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 20px;
    position: relative;
  }
  .back-office-account-billing__buttons::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 1px;
    width: calc(100% + 40px);
    background: #D6DADE;
  }
}
.back-office-account-billing__btn {
  min-height: 36px;
  padding: 5px 22px;
  font-size: 13px;
  line-height: 16px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
@media (max-width: 576px) {
  .back-office-account-billing__btn {
    min-width: 100%;
  }
}
.back-office-account-billing__link {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  color: #304659;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 1025px) {
  .back-office-account-billing__link:hover {
    color: #58B6BA;
  }
}
@media (max-width: 576px) {
  .back-office-account-billing__link {
    text-align: center;
  }
}
.back-office-account-billing__update {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 1025px) {
  .back-office-account-billing__update:hover {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
}
@media (max-width: 576px) {
  .back-office-account-billing__update {
    text-align: center;
  }
}

.back-office-membership__box {
  width: 100%;
  position: relative;
  padding: 20px 0;
  padding-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 17px;
}
@media (max-width: 576px) {
  .back-office-membership__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.back-office-membership__sidebar {
  max-width: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 576px) {
  .back-office-membership__sidebar {
    max-width: none;
    width: 100%;
  }
}
.back-office-membership__icon {
  width: 39px;
  min-width: 39px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 18px;
}
@media (max-width: 576px) {
  .back-office-membership__icon {
    width: 32px;
    min-width: 32px;
  }
}
.back-office-membership__icon img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
}
.back-office-membership__info {
  width: 100%;
  position: relative;
}
.back-office-membership__title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #304659;
  margin-bottom: 2px;
}
@media (max-width: 576px) {
  .back-office-membership__title {
    font-size: 18px;
    margin-bottom: 0;
  }
}
.back-office-membership__text {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  color: #304659;
}
.back-office-membership__btn {
  padding: 7px 22px;
  min-height: 36px;
  font-size: 13px;
  line-height: 16px;
}
@media (max-width: 450px) {
  .back-office-membership__link {
    max-width: 270px;
  }
}

.back-office-upgrade__header {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding: 14px 20px;
  background: #F4F8FB;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.back-office-upgrade__header .select__trigger {
  background: #fff;
  padding: 5px 10px;
  min-height: 32px;
}
@media (max-width: 730px) {
  .back-office-upgrade__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 6px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.back-office-upgrade__header-text, .back-office-upgrade__header-cost {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  color: #304659;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
@media (min-width: 577px) {
  .back-office-upgrade__header-text br, .back-office-upgrade__header-cost br {
    display: none;
  }
}
.back-office-upgrade__header-select {
  width: 100%;
}
@media (max-width: 730px) {
  .back-office-upgrade__header-select {
    margin-top: 6px;
  }
}
.back-office-upgrade__cardrow {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 17px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 576px) {
  .back-office-upgrade__cardrow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.back-office-upgrade__cardrow__field {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
@media (max-width: 576px) {
  .back-office-upgrade__cardrow__field {
    gap: 6px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.back-office-upgrade__cardrow-text {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  color: #304659;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
@media (max-width: 576px) {
  .back-office-upgrade__cardrow-text {
    width: auto;
    min-width: auto;
    font-size: 12.5px;
  }
}
.back-office-upgrade__cardrow__select .select__trigger {
  width: 75px;
  padding: 5px 10px;
  min-height: 32px;
}
@media (max-width: 576px) {
  .back-office-upgrade__cardrow__select .select__trigger {
    padding: 4px 6px;
    width: 67px;
  }
}
.back-office-upgrade__cardrow__select .select__value {
  color: #304659;
  font-weight: 500;
  margin-right: 6px;
  max-width: calc(100% - 26px);
}
.back-office-upgrade__btn {
  width: auto;
  padding: 7px 22px;
  min-height: 36px;
  font-size: 13px;
  line-height: 16px;
  min-width: 100px;
}
.back-office-upgrade__tokenrow {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 17px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 576px) {
  .back-office-upgrade__tokenrow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.back-office-upgrade__tokenrow__field {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
@media (max-width: 576px) {
  .back-office-upgrade__tokenrow__field {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.back-office-upgrade__tokenrow__input {
  width: 184px;
}
.back-office-upgrade__tokenrow__input .form__input {
  min-height: 31px;
  padding: 5px 10px;
}
.back-office-upgrade__tokenrow-text {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  color: #304659;
}

.back-office-profile-commissions {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding: 0;
  padding-bottom: 20px;
}
@media (max-width: 700px) {
  .back-office-profile-commissions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.back-office-profile-commissions-box {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  display: table;
  padding: 0;
}
@media (max-width: 700px) {
  .back-office-profile-commissions-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 18px;
    width: 100%;
  }
}
.back-office-profile-commissions__row {
  display: table-row;
}
@media (max-width: 700px) {
  .back-office-profile-commissions__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
  }
}
.back-office-profile-commissions__row .back-office-profile-commissions__col:first-child {
  padding-left: 0;
}
@media (max-width: 700px) {
  .back-office-profile-commissions__row .back-office-profile-commissions__col:first-child {
    padding-bottom: 5px;
  }
}
.back-office-profile-commissions__row .back-office-profile-commissions__col:last-child {
  padding-right: 0;
}
.back-office-profile-commissions__col {
  display: table-cell;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 14px;
  color: #304659;
  padding: 0 10px;
}
.back-office-profile-commissions__col .radio__wrap::before {
  display: none;
}
@media (max-width: 1024px) {
  .back-office-profile-commissions__col {
    white-space: nowrap;
  }
}
@media (max-width: 700px) {
  .back-office-profile-commissions__col {
    white-space: normal;
    padding: 0;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
}
.back-office-profile-commissions__inputwrapp {
  width: 225px;
}
@media (max-width: 1024px) {
  .back-office-profile-commissions__inputwrapp {
    width: 100%;
  }
}
.back-office-profile-commissions__btn {
  width: auto;
  padding: 5px 22px;
  min-width: 94px;
  font-size: 13px;
  line-height: 16px;
  min-height: 36px;
}
.back-office-profile-commissions__hidefield {
  white-space: normal;
}
@media (max-width: 1024px) {
  .back-office-profile-commissions__hidefield {
    width: 100%;
  }
}
@media (max-width: 700px) {
  .back-office-profile-commissions__hidefield {
    padding-top: 16px;
  }
}
.back-office-profile-commissions__hidefield.is-hidden {
  visibility: hidden;
  opacity: 0;
  height: 24px;
  width: 0;
}
@media (max-width: 700px) {
  .back-office-profile-commissions__hidefield.is-hidden {
    opacity: 1;
    height: auto;
    width: auto;
    visibility: visible;
    display: none;
  }
}

.back-office-profile-billing__form {
  padding-top: 10px;
  padding-bottom: 30px;
}
.back-office-profile-billing__footer {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
@media (max-width: 700px) {
  .back-office-profile-billing__footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.back-office-profile-billing__chackwrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.back-office-profile-billing__chackwrap .form__field {
  line-height: 1;
}
@media (max-width: 1024px) {
  .back-office-profile-billing__chackwrap {
    max-width: 240px;
  }
}
.back-office-profile-billing__buttons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 17px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.back-office-profile-billing__buttons .form__submit {
  width: auto;
}
@media (max-width: 700px) {
  .back-office-profile-billing__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 10px;
    width: 100%;
  }
  .back-office-profile-billing__buttons .back-office-account-billing__link {
    text-align: center;
  }
}
.back-office-profile-billing__buttons-inner {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 17px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.back-office-profile-billing__buttons-inner .form__submit {
  width: auto;
}
@media (max-width: 1024px) {
  .back-office-profile-billing__buttons-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 10px;
  }
  .back-office-profile-billing__buttons-inner .back-office-profile-billing__btn {
    min-width: 100%;
  }
}
@media (max-width: 700px) {
  .back-office-profile-billing__buttons-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .back-office-profile-billing__buttons-inner .back-office-profile-billing__btn {
    min-width: auto;
    width: calc(50% - 5px);
    height: 100%;
  }
  .back-office-profile-billing__buttons-inner .back-office-profile-billing__btn:nth-child(1) {
    width: calc(39% - 5px);
  }
  .back-office-profile-billing__buttons-inner .back-office-profile-billing__btn:nth-child(2) {
    width: calc(61% - 5px);
  }
}
@media (max-width: 370px) {
  .back-office-profile-billing__buttons-inner .back-office-profile-billing__btn {
    width: 100% !important;
  }
}

.back-office-profile-account__row {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 17px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1024px) {
  .back-office-profile-account__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.back-office-profile-account__formrow {
  width: 100%;
  max-width: 474px;
  min-width: 474px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
@media (max-width: 1024px) {
  .back-office-profile-account__formrow {
    min-width: auto;
  }
}
@media (max-width: 576px) {
  .back-office-profile-account__formrow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 14px;
  }
}
.back-office-profile-account__formrow .form__col {
  padding: 0;
  width: 100%;
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
}
.back-office-profile-account__upgrade-btn {
  min-height: 38px;
  padding: 5px 15px;
  font-size: 13px;
  line-height: 16px;
  width: auto;
  margin-top: 26px;
  min-width: 141px;
}
@media (max-width: 576px) {
  .back-office-profile-account__upgrade-btn {
    min-width: 100%;
    margin-top: 0;
  }
}
.back-office-profile-account__alert {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #304659;
  max-width: 400px;
  padding: 21px 25px;
}
@media (max-width: 1024px) {
  .back-office-profile-account__alert {
    max-width: 380px;
    padding: 0;
  }
}
.back-office-profile-account__filerow {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media (max-width: 576px) {
  .back-office-profile-account__filerow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.back-office-profile-account__filephoto {
  width: 126px;
  min-width: 126px;
  aspect-ratio: 1/1;
  position: relative;
}
@media (max-width: 576px) {
  .back-office-profile-account__filephoto {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    min-width: auto;
    aspect-ratio: 1.26637555/1;
  }
}
.back-office-profile-account__filephoto img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  -o-object-fit: cover;
     object-fit: cover;
}
.back-office-profile-account__filebox {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 455px;
  position: relative;
  padding: 16px 24px;
  background: #fff;
  border: 1px dashed #D6DADE;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 1024px) {
  .back-office-profile-account__filebox {
    max-width: none;
  }
}
@media (min-width: 1025px) {
  .back-office-profile-account__filebox:hover {
    border-color: #328CB2;
  }
}
.back-office-profile-account__file-icon {
  width: 40px;
  position: relative;
  margin-bottom: 12px;
}
.back-office-profile-account__file-icon img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.back-office-profile-account__file-title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #475467;
  margin-bottom: 4px;
  text-align: center;
}
@media (max-width: 576px) {
  .back-office-profile-account__file-title {
    font-size: 12px;
    line-height: 18px;
  }
}
.back-office-profile-account__file-title b {
  font-weight: 600;
  color: #328CB2;
}
.back-office-profile-account__file-text {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #475467;
}
@media (max-width: 576px) {
  .back-office-profile-account__file-text {
    font-size: 12px;
    line-height: 18px;
  }
}
.back-office-profile-account__avatar-input {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}

.js-drag-drop__error {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.js-drag-drop__error.error {
  color: #ff6174 !important;
}

.back-office-primary-table {
  width: 100%;
  border: 1px solid #D6DADE;
}
.back-office-primary-table.mb-30 {
  margin-bottom: 30px;
}
.back-office-primary-table.td-border-right table td {
  border-bottom: 0;
}
.back-office-primary-table.td-border-right table td:not(:last-child) {
  border-right: 1px solid #D6DADE;
}
.back-office-primary-table.p-18 table td {
  padding: 18px 18px 10px;
}
.back-office-primary-table .tsort-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  font-weight: 600;
  font-size: 14px;
  line-height: 35px;
  text-transform: capitalize;
  color: #304659;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1024px) {
  .back-office-primary-table .tsort-btn:hover {
    color: #3da6b0;
  }
}
.back-office-primary-table .tsort-btn .icon-shape {
  display: block;
  width: 14px;
  min-width: 14px;
  height: 12px;
  margin-left: 6px;
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  -webkit-mask: url("../../assets/svg/shape.svg") 0 0/contain no-repeat;
          mask: url("../../assets/svg/shape.svg") 0 0/contain no-repeat;
}
.back-office-primary-table__overflow-box {
  width: 100%;
  overflow-y: auto;
}
@media screen and (min-width: 1025px) {
  .back-office-primary-table__overflow-box::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  .back-office-primary-table__overflow-box::-webkit-scrollbar-thumb {
    background: #D5D9E0;
    border-radius: 5px;
  }
  .back-office-primary-table__overflow-box::-webkit-scrollbar-track {
    background-color: transparent;
  }
}
.back-office-primary-table table {
  width: 100%;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.3;
  text-transform: capitalize;
  color: #304659;
  border-collapse: collapse;
}
.back-office-primary-table th,
.back-office-primary-table td {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 8px 16px;
  white-space: nowrap;
  vertical-align: top;
}
.back-office-primary-table .status-green {
  color: #41B095;
  font-weight: 500;
}
.back-office-primary-table .status-red {
  color: #ff6174;
  font-weight: 500;
}
.back-office-primary-table thead {
  background-color: #F9FAFB;
  border-bottom: 1px solid #D6DADE;
}
.back-office-primary-table th {
  font-weight: 600;
  font-size: 14px;
  line-height: 35px;
  text-transform: capitalize;
  color: #304659;
}
.back-office-primary-table tr.fields td {
  padding-block: 12px;
  border-bottom: 0;
}
.back-office-primary-table td {
  line-height: 2.6923;
}
.back-office-primary-table td .mb-10 {
  margin-bottom: 10px;
}
.back-office-primary-table td.vertical-align-middle {
  vertical-align: middle;
}
.back-office-primary-table td .form__field {
  min-width: 195px;
}
.back-office-primary-table td .form__field .form__input {
  min-height: 38px;
  padding: 5px 15px;
}
@media (min-width: 577px) {
  .back-office-primary-table td:not([colspan="100"]) {
    border-bottom: 1px solid #D6DADE;
  }
}
@media (max-width: 576px) {
  .back-office-primary-table td {
    border-bottom: 1px solid #D6DADE;
  }
}
.back-office-primary-table td .link-primary {
  line-height: 1;
  border-width: 0 0 1px 0;
  border-style: solid;
  -o-border-image: linear-gradient(100.84deg, rgba(42, 120, 179, 0) -3.18%, rgba(69, 185, 175, 0) 112.02%) 1;
     border-image: linear-gradient(100.84deg, rgba(42, 120, 179, 0) -3.18%, rgba(69, 185, 175, 0) 112.02%) 1;
}
.back-office-primary-table td .link-primary:hover {
  -o-border-image: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%) 1;
     border-image: linear-gradient(100.84deg, #2a78b3 -3.18%, #45b9af 112.02%) 1;
}
.back-office-primary-table td p, .back-office-primary-table td li {
  line-height: 24px;
}
.back-office-primary-table__bottom {
  padding: 8px 16px 17px;
}
@media screen and (max-width: 576px) {
  .back-office-primary-table__bottom {
    padding: 18px 16px 17px;
  }
}
.back-office-primary-table__bottom-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 576px) {
  .back-office-primary-table__bottom-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    row-gap: 4px;
  }
}
.back-office-primary-table__bottom-col {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 576px) {
  .back-office-primary-table__bottom-col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.back-office-primary-table__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}
@media screen and (max-width: 576px) {
  .back-office-primary-table__pagination {
    margin-left: 0;
    width: 100%;
  }
}
.back-office-primary-table__pagination-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background: #fff;
  border: 0.666391px solid #D0D5DD;
  -webkit-box-shadow: 0px 0.666391px 1.33278px rgba(16, 24, 40, 0.05);
          box-shadow: 0px 0.666391px 1.33278px rgba(16, 24, 40, 0.05);
  border-radius: 6px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1025px) {
  .back-office-primary-table__pagination-btn:hover {
    border-color: #304659;
    background-color: #304659;
  }
  .back-office-primary-table__pagination-btn:hover .icon-arrow-left, .back-office-primary-table__pagination-btn:hover .icon-arrow-right {
    stroke: #fff;
  }
}
.back-office-primary-table__pagination-btn .icon-arrow-left, .back-office-primary-table__pagination-btn .icon-arrow-right {
  width: 10px;
  min-width: 10px;
  height: 10px;
  stroke: #304659;
  stroke-width: 2px;
  stroke-linecap: round;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.back-office-primary-table__pagination-page-info {
  margin-inline: 15px;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #304659;
}
@media screen and (max-width: 576px) {
  .back-office-primary-table__pagination-page-info {
    margin-inline: auto;
  }
}
.back-office-primary-table__current-page-info {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 35px;
  text-transform: capitalize;
  color: #304659;
}
@media screen and (max-width: 576px) {
  .back-office-primary-table__current-page-info {
    text-align: center;
  }
}

.back-office-subheading {
  padding: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #304659;
}
@media screen and (max-width: 576px) {
  .back-office-subheading {
    margin-bottom: 10px;
  }
}
.back-office-subheading .w-800 {
  max-width: 799px;
}
@media (max-width: 1024px) {
  .back-office-subheading .w-800 {
    max-width: 550px;
  }
}
.back-office-subheading__top {
  width: 100%;
  padding: 12px 20px;
  background: #F4F8FB;
}
.back-office-subheading__bottom {
  width: 100%;
  padding: 20px 20px 0;
}
.back-office-subheading .select__trigger {
  background-color: #fff;
}
.back-office-subheading__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 16px);
  margin-inline: -8px;
  row-gap: 15px;
}
@media (max-width: 576px) {
  .back-office-subheading__row {
    width: calc(100% + 10px);
    margin-inline: -5px;
  }
}
.back-office-subheading__col {
  padding-inline: 8px;
}
@media (max-width: 576px) {
  .back-office-subheading__col {
    padding-inline: 5px;
  }
}
@media screen and (max-width: 576px) {
  .back-office-subheading__col.small-field {
    width: 77px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 77px;
            flex: 0 0 77px;
  }
  .back-office-subheading__col.small-field .select__trigger {
    padding-right: 9px;
  }
}
@media screen and (max-width: 576px) {
  .back-office-subheading__col.large-field {
    width: calc(100% - 77px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 77px);
            flex: 0 0 calc(100% - 77px);
  }
}
@media screen and (max-width: 576px) {
  .back-office-subheading__col.ml-auto {
    margin-left: 0;
  }
}
.back-office-subheading__info {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #304659;
}
.back-office-subheading__info .value {
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.back-office-chart-dashboard__header {
  padding-block: 20px;
}
@media (max-width: 576px) {
  .back-office-chart-dashboard__header {
    padding-top: 0;
  }
}
.back-office-chart-dashboard__header-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% + 26px);
  margin-inline: -13px;
}
@media screen and (max-width: 1024px) {
  .back-office-chart-dashboard__header-row {
    row-gap: 22px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 576px) {
  .back-office-chart-dashboard__header-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.back-office-chart-dashboard__header-col {
  padding-inline: 8px;
}
@media screen and (max-width: 1024px) {
  .back-office-chart-dashboard__header-col {
    padding-inline: 13px;
  }
}
@media screen and (max-width: 576px) {
  .back-office-chart-dashboard__header-col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 1024px) {
  .back-office-chart-dashboard__header-col.filter {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
@media screen and (max-width: 576px) {
  .back-office-chart-dashboard__header-col.filter {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media screen and (max-width: 576px) {
  .back-office-chart-dashboard__header-col.scroll {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media screen and (max-width: 576px) {
  .back-office-chart-dashboard__header-col.controls {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.back-office-chart-dashboard__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 576px) {
  .back-office-chart-dashboard__controls {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.back-office-chart-dashboard__controls-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.back-office-chart-dashboard__controls-row:not(:last-child) {
  margin-right: 17px;
}
@media screen and (max-width: 1024px) {
  .back-office-chart-dashboard__controls-row:not(:last-child) {
    margin-right: 26px;
  }
}
.back-office-chart-dashboard__controls-col:not(:last-child) {
  margin-right: 8px;
}
.back-office-chart-dashboard__scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.back-office-chart-dashboard__scroll:not(:last-child) {
  margin-right: 18px;
}
.back-office-chart-dashboard__scroll-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.back-office-chart-dashboard__scroll-col {
  padding-inline: 14px;
}
.back-office-chart-dashboard__scroll-col:not(:last-child) {
  border-right: 1px solid #D6DADE;
}
@media screen and (max-width: 576px) {
  .back-office-chart-dashboard__scroll-col:first-child {
    padding-left: 0;
  }
  .back-office-chart-dashboard__scroll-col:last-child {
    padding-right: 0;
  }
}
.back-office-chart-dashboard__scroll-btn {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 26px;
  text-transform: capitalize;
  color: #304659;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 576px) {
  .back-office-chart-dashboard__scroll-btn {
    font-size: 12px;
  }
}
@media screen and (max-width: 375px) {
  .back-office-chart-dashboard__scroll-btn {
    line-height: 18px;
  }
}
@media screen and (min-width: 1025px) {
  .back-office-chart-dashboard__scroll-btn:hover {
    color: #3da6b0;
  }
}
.back-office-chart-dashboard__filter {
  width: 100%;
}
.back-office-chart-dashboard__filter-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 576px) {
  .back-office-chart-dashboard__filter-row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: calc(100% + 16px);
    margin-inline: -8px;
    row-gap: 10px;
  }
}
@media screen and (max-width: 576px) {
  .back-office-chart-dashboard__filter-col {
    padding-inline: 8px;
  }
}
.back-office-chart-dashboard__filter-col:not(:last-child) {
  margin-right: 12px;
}
@media screen and (max-width: 576px) {
  .back-office-chart-dashboard__filter-col:not(:last-child) {
    margin-right: 0;
  }
}
@media screen and (max-width: 576px) {
  .back-office-chart-dashboard__filter-col.input {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
@media screen and (max-width: 576px) {
  .back-office-chart-dashboard__filter-col.btn {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
.back-office-chart-dashboard__filter-col .form__input {
  max-width: 205px;
  min-height: 38px;
  padding: 7px 14px;
  font-size: 13px;
  line-height: 22px;
}
@media screen and (max-width: 576px) {
  .back-office-chart-dashboard__filter-col .form__input {
    max-width: 100%;
    width: 100%;
  }
}
.back-office-chart-dashboard__filter-col .filled-btn,
.back-office-chart-dashboard__filter-col .primary-btn {
  padding: 11px;
  line-height: 14px;
  min-width: 70px;
  min-height: 38px;
}
@media screen and (max-width: 576px) {
  .back-office-chart-dashboard__filter-col .filled-btn,
  .back-office-chart-dashboard__filter-col .primary-btn {
    width: 100%;
  }
}
.back-office-chart-dashboard__body {
  padding-block: 28px 48px;
}
@media screen and (max-width: 1024px) {
  .back-office-chart-dashboard__body {
    padding-block: 44px 64px;
  }
}
@media screen and (max-width: 576px) {
  .back-office-chart-dashboard__body {
    padding-block: 23px 43px;
  }
}
.back-office-chart-dashboard__table {
  max-width: 100%;
  overflow: auto;
}
.back-office-chart-dashboard__table table {
  margin: 0 auto;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  border-collapse: collapse;
}
.back-office-chart-dashboard__table table td {
  padding: 0 10px;
  height: 20px;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  vertical-align: top;
}
.back-office-chart-dashboard__table table .middle-line {
  height: 100%;
  width: 1px;
  margin: 0 auto;
  background-color: #B6BEC7;
}
.back-office-chart-dashboard__table table .line-top {
  border-top: 1px solid #B6BEC7;
}
.back-office-chart-dashboard__table table .line-right {
  border-right: 1px solid #B6BEC7;
}
.back-office-chart-dashboard__table table .line-bottom {
  border-bottom: 1px solid #B6BEC7;
}
.back-office-chart-dashboard__table table .line-left {
  border-left: 1px solid #B6BEC7;
}
.back-office-chart-dashboard__table-account-card {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.back-office-chart-dashboard__table-account-card__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 14px;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 35px;
  text-transform: capitalize;
  color: #fff;
  background: #DF715E;
}
.back-office-chart-dashboard__table-account-card__head .icon {
  display: block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin-right: 6px;
  fill: #fff;
}
.back-office-chart-dashboard__table-account-card__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
  border: 1px solid #DF715E;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  text-transform: capitalize;
  color: #304659;
}
.back-office-chart-dashboard__footer {
  width: calc(100% + 40px);
  margin-inline: -20px;
  padding: 22px 20px 0;
  border-top: 1px solid #D6DADE;
}
.back-office-chart-dashboard__footer-title {
  margin-bottom: 6px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #304659;
  text-align: center;
}
@media screen and (max-width: 576px) {
  .back-office-chart-dashboard__footer-title {
    margin-bottom: 8px;
  }
}
.back-office-chart-dashboard__legends {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.back-office-chart-dashboard__legends-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 389px) {
  .back-office-chart-dashboard__legends-row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 576px) {
  .back-office-chart-dashboard__legends-row {
    width: calc(100% + 16px);
    margin-inline: -8px;
  }
}
.back-office-chart-dashboard__legends-row:not(:last-child) {
  margin-right: 30px;
}
@media screen and (max-width: 576px) {
  .back-office-chart-dashboard__legends-row:not(:last-child) {
    margin-right: 0;
  }
}
@media screen and (max-width: 576px) {
  .back-office-chart-dashboard__legends-col {
    padding-inline: 8px;
  }
}
.back-office-chart-dashboard__legends-col:not(:last-child) {
  margin-right: 30px;
}
@media screen and (max-width: 576px) {
  .back-office-chart-dashboard__legends-col:not(:last-child) {
    margin-right: 0;
  }
}
.back-office-chart-dashboard__legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 13px;
  line-height: 26px;
  text-transform: capitalize;
  color: #304659;
}
.back-office-chart-dashboard__legend .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 6px;
}
.back-office-chart-dashboard__legend .icon-dot {
  width: 10px;
  min-width: 10px;
  height: 10px;
}
.back-office-chart-dashboard__legend .icon-user {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.back-office-chart-dashboard__legend .icon.green {
  fill: #008000;
}
.back-office-chart-dashboard__legend .icon.red {
  fill: #E17572;
}
.back-office-chart-dashboard__legend .icon.red-dark {
  fill: #6F0308;
}
.back-office-chart-dashboard__legend .icon.blue-light {
  fill: #81AEC5;
}
.back-office-chart-dashboard__legend .icon.grey {
  fill: #8D8D8A;
}

.back-office-main-section {
  padding-top: 48px;
  padding-bottom: 48px;
}
@media (max-width: 1024px) {
  .back-office-main-section {
    padding-top: 36px;
    padding-bottom: 36px;
  }
}
@media (max-width: 576px) {
  .back-office-main-section {
    padding-top: 46px;
    padding-bottom: 46px;
  }
}
@media (max-width: 1024px) {
  .back-office-main-section .container {
    max-width: 668px;
  }
}
.back-office-contentbox {
  width: 100%;
  position: relative;
}
.back-office__content {
  width: 100%;
  background: #fff;
  position: relative;
  -webkit-box-shadow: 0px 14.02px 30.08px rgba(52, 60, 71, 0.05);
          box-shadow: 0px 14.02px 30.08px rgba(52, 60, 71, 0.05);
}
.back-office-infobox {
  width: 100%;
  position: relative;
}
.back-office-infobox__content {
  width: 100%;
  position: relative;
  padding: 20px;
  padding-bottom: 24px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  color: #304659;
}
@media (max-width: 1024px) {
  .back-office-infobox__content {
    padding: 20px;
  }
}
.back-office-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #338DB2;
  padding: 10px 20px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  text-transform: capitalize;
  color: #fff;
  min-height: 47px;
}
.back-office__save-btn {
  width: auto;
  min-width: 138px;
  min-height: 36px;
  padding: 5px 10px;
  margin-left: auto;
  font-size: 13px;
  line-height: 16px;
}
@media (max-width: 576px) {
  .back-office__save-btn {
    min-width: 100%;
  }
}
.back-office__footer {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-top: 1px solid #D6DADE;
  width: calc(100% + 40px);
  margin-left: -20px;
  margin-right: -20px;
  padding: 22px 20px;
  padding-bottom: 0;
}
.back-office__footer-link {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  color: #3797B1;
  position: relative;
  text-decoration: underline;
  text-align: center;
}
@media (min-width: 1025px) {
  .back-office__footer-link:hover {
    text-decoration: none;
  }
}
.back-office__footer-media {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  color: #304659;
  position: relative;
  text-align: center;
}
@media (max-width: 576px) {
  .back-office__footer-media {
    line-height: 20px;
  }
}
.back-office__footer-media b {
  font-weight: 600;
}
.back-office__footer-media a {
  color: #3797B1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 1025px) {
  .back-office__footer-media a:hover {
    text-decoration: underline;
  }
}
@media (min-width: 577px) {
  .back-office__footer-media br {
    display: none;
  }
}
.back-office__reload {
  width: 31px;
  min-width: 31px;
  height: 31px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 5px;
  background: #F4F8FB;
}
.back-office__reload .icon {
  width: 19px;
  height: 19px;
  -o-object-fit: contain;
     object-fit: contain;
  fill: #3797B1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 1025px) {
  .back-office__reload:hover .icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
.back-office-modal-tree-btns .back-office-modal__form-col {
  padding: 0 8px;
}
.back-office-modal-tree__btn {
  font-size: 13px;
  line-height: 16px;
  padding: 5px 10px;
  min-height: 38px;
  min-width: 90px;
}
.back-office-option__status-box {
  width: 100%;
  border: 1px solid #D6DADE;
  position: relative;
  min-height: 38px;
}
.back-office-option__status-box .filled-line {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
}
.back-office-tokens-buy__btn {
  min-width: auto;
  padding: 5px 22px;
  min-height: 38px;
  font-size: 13px;
  line-height: 16px;
}
.back-office-table-dashboard__head {
  margin-bottom: 17px;
}
.back-office-table-dashboard__head-titling, .back-office-table-dashboard__head-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 576px) {
  .back-office-table-dashboard__head-titling, .back-office-table-dashboard__head-fields {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.back-office-table-dashboard__head-titling.justify-start, .back-office-table-dashboard__head-fields.justify-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.back-office-table-dashboard__head-titling {
  margin-bottom: 17px;
  -webkit-column-gap: 26px;
     -moz-column-gap: 26px;
          column-gap: 26px;
}
@media screen and (max-width: 576px) {
  .back-office-table-dashboard__head-titling.mobile-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.back-office-table-dashboard__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 16px;
  max-width: 470px;
}
.back-office-table-dashboard__logo img {
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
.back-office-table-dashboard__logo.bancontact__logo {
  max-width: 117px;
  margin-bottom: 24px;
}
.back-office-table-dashboard__logo.giropay__logo {
  max-width: 108px;
  margin-bottom: 24px;
}
.back-office-table-dashboard__title {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 35px;
  text-transform: capitalize;
  color: #304659;
}
.back-office-table-dashboard__info-item {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 35px;
  text-transform: capitalize;
  color: #304659;
}
@media screen and (max-width: 576px) {
  .back-office-table-dashboard__info-item {
    line-height: 24px;
  }
}
.back-office-table-dashboard__info-item .value {
  background: linear-gradient(303.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
@media (max-width: 576px) {
  .back-office-table-dashboard__info-item.media-smaller {
    font-size: 13.5px;
  }
}
.back-office-table-dashboard__head-fields {
  padding: 0;
  gap: 12px;
}
.back-office-table-dashboard__head-fields .form__field {
  max-width: 251px;
  width: 100%;
}
@media screen and (max-width: 576px) {
  .back-office-table-dashboard__head-fields .form__field {
    max-width: 100%;
  }
}
.back-office-table-dashboard__head-fields .form__field .select__value,
.back-office-table-dashboard__head-fields .form__field .form__input {
  color: #304659;
}
.back-office-table-dashboard__balance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(100% + 40px);
  margin-inline: -20px;
  margin-bottom: 17px;
  padding: 0px 20px 50px;
  border-bottom: 1px solid #D6DADE;
}
.back-office-table-dashboard__balance .mb-12 {
  margin-bottom: 12px;
}
.back-office-table-dashboard__balance .mb-14 {
  margin-bottom: 14px;
}
.back-office-table-dashboard__balance .mb-16 {
  margin-bottom: 16px;
}
.back-office-table-dashboard__balance .mb-24 {
  margin-bottom: 24px;
}
.back-office-table-dashboard__balance .mb-26 {
  margin-bottom: 26px;
}
.back-office-table-dashboard__balance .mb-32 {
  margin-bottom: 32px;
}
.back-office-table-dashboard__balance-controls-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.back-office-table-dashboard__balance-controls-col {
  padding: 0 8px;
  position: relative;
}
.back-office-table-dashboard__balance-controls-col:not(:last-child):after {
  content: "";
  display: block;
  width: 1px;
  height: 13px;
  position: absolute;
  left: 100%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #304659;
}
.back-office-table-dashboard__balance-controls-btn {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 13px;
  color: #304659;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1025px) {
  .back-office-table-dashboard__balance-controls-btn:hover {
    color: #3da6b0;
  }
}
.back-office-table-dashboard__balance-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%24px;
  margin-inline: -12px;
}
@media screen and (max-width: 380px) {
  .back-office-table-dashboard__balance-row {
    width: 100%16px;
    margin-inline: -8px;
  }
}
.back-office-table-dashboard__balance-row.small-inline {
  width: 100%16px;
  margin-inline: -8px;
}
.back-office-table-dashboard__balance-row.small-inline .back-office-table-dashboard__balance-col {
  padding-inline: 8px;
}
.back-office-table-dashboard__balance-col {
  padding-inline: 12px;
}
.back-office-table-dashboard__balance-col button, .back-office-table-dashboard__balance-col a {
  min-height: 38px;
  padding: 5px 22px;
  font-size: 13px;
  line-height: 16px;
  min-width: 90px;
}
@media screen and (max-width: 576px) {
  .back-office-table-dashboard__balance-col {
    padding-inline: 8px;
  }
}
.back-office-table-dashboard__balance-countries-box {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 32px;
}
.back-office-table-dashboard__balance-countries {
  width: 100%;
  max-width: 635px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
  margin-bottom: 32px;
}
@media (max-width: 700px) {
  .back-office-table-dashboard__balance-countries {
    gap: 16px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.back-office-table-dashboard__balance-countries-item {
  width: calc(9.09090909% - 12px);
  position: relative;
}
@media (max-width: 700px) {
  .back-office-table-dashboard__balance-countries-item {
    width: calc(20% - 16px);
  }
}
@media (max-width: 576px) {
  .back-office-table-dashboard__balance-countries-item {
    width: calc(25% - 16px);
  }
}
.back-office-table-dashboard__balance-countries-item img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.back-office-table-dashboard__crypto-form {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
}
.back-office-table-dashboard__crypto-form .back-office-tokens-crypto__btn {
  min-height: 38px;
  padding: 5px 22px;
  font-size: 13px;
  line-height: 16px;
  min-width: auto;
}
.back-office-table-dashboard__crypto-title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #344054;
  text-align: center;
  margin-bottom: 10px;
}
.back-office-table-dashboard__crypto-select {
  width: 100%;
  max-width: 153px;
  position: relative;
  margin-bottom: 16px;
}
.back-office-table-dashboard__info {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #304659;
  text-align: center;
}
.back-office-table-dashboard__info .back-office-upgrade__cardrow__field {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.back-office-table-dashboard__info .form__field {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.back-office-table-dashboard__info .value {
  background: linear-gradient(100.84deg, #2A78B3 -3.18%, #45B9AF 112.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.back-office-newsletter .link-available {
  margin-left: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 576px) {
  .back-office-newsletter .link-available {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: calc(100% + 40px);
    margin-inline: -20px;
    margin-top: 10px;
    padding: 16px 40px 0;
    border-top: 1px solid #D6DADE;
  }
}
.back-office-newsletter__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 30px;
}
.back-office-newsletter__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 11.0989%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 11.0989%;
          flex: 0 0 11.0989%;
  min-height: 89px;
  margin-left: -1px;
  margin-top: -1px;
  padding: 16px 10px;
  border: 1px solid #D6DADE;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .back-office-newsletter__item {
    width: 20%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
  }
}
@media screen and (max-width: 576px) {
  .back-office-newsletter__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    width: 33.33333%;
  }
}
@media screen and (max-width: 389px) {
  .back-office-newsletter__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    aspect-ratio: 1/1;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
}
.back-office-newsletter__item input:checked + .circle {
  opacity: 0.5;
}
.back-office-newsletter__item input:checked ~ .name {
  color: #3da6b0;
}
.back-office-newsletter__item .circle {
  width: 31px;
  min-width: 31px;
  max-height: 100%;
  margin-bottom: 10px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.back-office-newsletter__item .name {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.1;
  text-align: center;
  text-transform: capitalize;
  color: #304659;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.back-office-newsletter__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .back-office-newsletter__field {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 10px;
  }
}
.back-office-newsletter__field .form__input {
  max-width: 251px;
  margin-right: 12px;
  color: #304659;
  min-height: 38px;
  padding: 5px 14px;
}
@media screen and (max-width: 767px) {
  .back-office-newsletter__field .form__input {
    max-width: 100%;
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.back-office-newsletter__submit-btn {
  min-height: 38px;
  padding: 7px 10px;
  min-width: 90px;
  font-size: 13px;
  line-height: 16px;
}
@media (max-width: 576px) {
  .back-office-newsletter__submit-btn {
    min-width: 157px;
  }
}
@media screen and (max-width: 375px) {
  .back-office-newsletter__submit-btn {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    min-width: 100%;
  }
}
.back-office-newsletter__submit-btn, .back-office-newsletter__clear-btn {
  margin-right: 12px;
}
.back-office-newsletter__clear-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 26px;
  min-width: 26px;
  height: 26px;
  border: 1px solid #9498A2;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1025px) {
  .back-office-newsletter__clear-btn:hover {
    border-color: #3da6b0;
  }
  .back-office-newsletter__clear-btn:hover .icon-close {
    fill: #3da6b0;
  }
}
.back-office-newsletter__clear-btn .icon-close {
  width: 12px;
  min-width: 12px;
  height: 12px;
  fill: #9498A2;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.back-office-newsletter__field-matches-info {
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  color: #304659;
}
.back-office-visualizerory__circle-wrap {
  width: 100%;
  padding: 24px;
  margin-bottom: 20px;
}
.back-office-visualizerory__circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 188px;
  min-width: 188px;
  height: 188px;
  margin: 0 auto;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  text-transform: capitalize;
  color: #fff;
  background-color: #044636;
  border-radius: 50%;
}
.back-office-visualizerory__circle .number {
  font-size: 30px;
  margin-bottom: 7px;
}
.back-office-visualizerory__circle .message {
  font-size: 16px;
}
.back-office-visualizerory__checkboxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 8px;
}
.back-office-visualizerory__checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  color: #304659;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1025px) {
  .back-office-visualizerory__checkbox:hover {
    color: #3da6b0;
  }
}
.back-office-visualizerory__checkbox .checkbox {
  margin-right: 8px;
}
.back-office-visualizerory__checkbox:not(:last-child) {
  margin-right: 17px;
}
.back-office-tabs__item:not(.active) {
  display: none;
}

.preview-page-content {
  position: relative;
  width: 100%;
  padding-top: 42px;
  padding-bottom: 42px;
}
.preview-page-box {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.preview-page__logo {
  width: 226px;
  min-width: 226px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin-bottom: 28px;
}
@media (max-width: 1024px) {
  .preview-page__logo {
    width: 200px;
    min-width: 200px;
    margin-bottom: 25px;
  }
}
@media (max-width: 576px) {
  .preview-page__logo {
    width: 170px;
    min-width: 170px;
    margin-bottom: 25px;
  }
}
.preview-page__logo img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
}
.preview-page__banner {
  width: 100%;
  max-width: 387px;
  position: relative;
  margin-bottom: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1024px) {
  .preview-page__banner {
    margin-bottom: 40px;
  }
}
.preview-page__banner img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
}
.preview-page__links {
  width: calc(100% + 40px);
  margin-left: -20px;
  margin-right: -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-row-gap: 40px;
}
@media (max-width: 1024px) {
  .preview-page__links {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
    grid-row-gap: 30px;
  }
}
@media (max-width: 576px) {
  .preview-page__links {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    grid-row-gap: 20px;
  }
}
.preview-page__link-wrapp {
  width: 33.3333333333%;
  padding: 0 20px;
}
@media (max-width: 1024px) {
  .preview-page__link-wrapp {
    padding: 0 15px;
    width: 50%;
  }
}
@media (max-width: 576px) {
  .preview-page__link-wrapp {
    padding: 0;
    width: 100%;
  }
}
.preview-page__link {
  min-width: 100%;
  min-height: 48px;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  text-align: center;
  overflow-wrap: anywhere;
}
@media (max-width: 1024px) {
  .preview-page__link {
    min-height: 44px;
    font-size: 13px;
    line-height: 15px;
  }
}

.footer-preview {
  width: 100%;
  position: relative;
  padding: 16px 30px;
  background: #383D44;
}
@media (max-width: 375px) {
  .footer-preview {
    padding: 16px 20px;
  }
}
.footer-preview .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.footer-preview__copyright {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #D0D5DD;
  text-align: center;
}

.page-french * {
  text-transform: none;
}
.page-french .hero-title {
  text-transform: none;
  margin-bottom: 10px;
}
.page-french .hero-subtitle {
  max-width: 710px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .page-french .hero-subtitle {
    max-width: 590px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .hero-subtitle {
    max-width: 305px;
  }
}
.page-french .hero-btn {
  padding-inline: 18.8px;
  text-transform: none;
  font-weight: 700;
}
.page-french .experience-uppertitle {
  text-transform: none;
}
@media screen and (max-width: 1024px) {
  .page-french .experience-uppertitle {
    margin-bottom: 2px;
  }
}
.page-french .experience-title {
  text-transform: none;
}
@media screen and (max-width: 576px) {
  .page-french .experience-subtitle {
    max-width: 305px;
  }
}
.page-french .experience-subtitle p {
  line-height: 20px;
}
@media screen and (max-width: 576px) {
  .page-french .experience-subtitle p br {
    display: none;
  }
}
.page-french .experience-box {
  margin-bottom: 31px;
}
@media screen and (max-width: 576px) {
  .page-french .experience-box {
    margin-bottom: 35px;
  }
}
.page-french .experience-btn {
  text-transform: none;
}
.page-french .quote-text {
  max-width: 526px;
}
@media screen and (max-width: 1024px) {
  .page-french .quote-text {
    max-width: 374px;
  }
}
.page-french .quote-autor {
  text-transform: none;
}
.page-french .travel-categories-uppertitle, .page-french .travel-categories-title {
  text-transform: none;
}
@media screen and (max-width: 1024px) {
  .page-french .travel-categories-uppertitle, .page-french .travel-categories-title {
    max-width: 500px;
    margin-inline: auto;
  }
  .page-french .travel-categories-uppertitle br, .page-french .travel-categories-title br {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .page-french .travel-categories-title {
    width: 101%;
    margin-bottom: 23px;
  }
}
.page-french .travel-categories__name {
  padding: 0;
}
@media screen and (max-width: 1024px) {
  .page-french .travel-categories__name {
    font-size: 12px;
    line-height: 14px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .travel-categories__name {
    padding-inline: 31px;
  }
  .page-french .travel-categories__name br {
    display: none;
  }
}
.page-french .save-banner-box {
  padding-right: 38px;
}
@media screen and (max-width: 1024px) {
  .page-french .save-banner-box {
    padding-right: 20px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .save-banner-box {
    padding-left: 27px;
    padding-bottom: 30px;
  }
}
.page-french .save-banner__info {
  max-width: 486px;
}
@media screen and (max-width: 1024px) {
  .page-french .save-banner__info {
    max-width: 284px;
  }
}
.page-french .save-banner-title, .page-french .save-banner-list li {
  text-transform: none;
}
@media screen and (max-width: 1024px) {
  .page-french .save-banner-list li {
    line-height: 16px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .save-banner-list li {
    line-height: 24px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .save-banner-title {
    max-width: 240px;
  }
}
@media screen and (max-width: 1024px) {
  .page-french .save-banner__btn {
    text-transform: none;
  }
}
.page-french .social-media-uppertitle, .page-french .social-media-title {
  text-transform: none;
}
.page-french .social-media-uppertitle br {
  display: none;
}
@media screen and (max-width: 576px) {
  .page-french .social-media-uppertitle br {
    display: block;
  }
}
.page-french .social-media-title {
  line-height: 34.5px;
  max-width: 650px;
}
@media screen and (max-width: 1024px) {
  .page-french .social-media-title {
    max-width: 560px;
    line-height: 31.5px;
  }
}
@media screen and (max-width: 1024px) {
  .page-french .explore-section {
    padding-top: 34px;
  }
}
.page-french .explore-uppertitle {
  text-transform: none;
}
.page-french .explore-title {
  text-transform: none;
}
@media screen and (max-width: 1024px) {
  .page-french .explore-title {
    max-width: 460px;
    margin-inline: auto;
    line-height: 31.5px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .explore-title {
    max-width: 310px;
  }
}
.page-french .explore-header {
  font-size: 24px;
}
@media screen and (max-width: 1024px) {
  .page-french .explore-header {
    font-size: 20px;
    line-height: 33.334px;
    text-transform: none;
  }
}
@media screen and (max-width: 576px) {
  .page-french .explore-header {
    font-size: 15px;
    line-height: 19.334px;
    padding-inline: 46px;
    min-height: 58px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .explore-slide__save {
    line-height: 20px;
  }
}
.page-french .explore-slide__userdescription {
  font-size: 14.1px;
}
@media screen and (max-width: 1024px) {
  .page-french .explore-slide__userdescription {
    font-size: 12px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .explore-slide__userdescription {
    font-size: 10px;
    -webkit-line-clamp: none;
  }
}
.page-french .explore-slide__username span:last-child {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-french .explore-slide__username span:last-child {
    display: inline;
  }
}
@media screen and (max-width: 1024px) {
  .page-french .explore-slide__username span:first-child {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .page-french .explore-slide__userdescription, .page-french .explore-slide__date {
    color: #7b8086;
  }
}
.page-french .explore-bottom {
  max-width: 350px;
  margin-inline: auto;
}
.page-french .explore-bottom br {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-french .explore-bottom {
    max-width: 100%;
    margin: 0;
    color: #818181;
  }
  .page-french .explore-bottom br {
    display: block;
  }
}
@media screen and (max-width: 576px) {
  .page-french .explore-bottom {
    max-width: 270px;
    margin-inline: auto;
  }
  .page-french .explore-bottom br {
    display: none;
  }
}
.page-french .live-box {
  max-width: 833px;
  padding: 30px 40px;
}
.page-french .live-box .care-btn {
  text-transform: none;
}
@media screen and (max-width: 1024px) {
  .page-french .live-box {
    max-width: 582px;
    padding: 23px 29px 31px 30px;
  }
  .page-french .live-box .care-btn {
    text-transform: capitalize;
  }
}
@media screen and (max-width: 576px) {
  .page-french .live-box .care-btn {
    text-transform: none;
  }
}
.page-french .live-title {
  text-transform: none;
}
@media screen and (max-width: 576px) {
  .page-french .live-title br {
    display: none;
  }
}
.page-french .live-subtitle {
  max-width: 540px;
}
@media screen and (max-width: 460px) {
  .page-french .live-subtitle {
    max-width: 285px;
    font-weight: 500;
  }
}
@media screen and (min-width: 1025px) {
  .page-french .live-list {
    -webkit-column-gap: 15pxgrace;
       -moz-column-gap: 15pxgrace;
            column-gap: 15pxgrace;
  }
}
@media screen and (max-width: 1024px) {
  .page-french .live-list {
    -webkit-column-gap: 23px;
       -moz-column-gap: 23px;
            column-gap: 23px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .care-section {
    padding-inline: 24px;
  }
}
.page-french .care-title {
  text-transform: none;
}
@media screen and (max-width: 1024px) {
  .page-french .care-title {
    text-transform: capitalize;
  }
}
@media screen and (max-width: 576px) {
  .page-french .care-title {
    text-transform: none;
  }
}
.page-french .care-subtitle {
  max-width: 800px;
  margin-bottom: 18px;
}
@media screen and (max-width: 1024px) {
  .page-french .care-subtitle br {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .page-french .care-subtitle {
    max-width: 555px;
  }
}
.page-french .care-btn {
  text-transform: none;
}
@media screen and (max-width: 576px) {
  .page-french .care-btn {
    text-transform: capitalize;
  }
}

.page-french .company-hero .hero-title {
  margin-bottom: 17px;
  line-height: 40px;
}
@media screen and (max-width: 576px) {
  .page-french .company-hero .hero-title {
    max-width: 262px;
    line-height: 34px;
  }
}
.page-french .company-hero .hero-subtitle {
  line-height: 20px;
}
@media screen and (max-width: 576px) {
  .page-french .company-hero .hero-subtitle {
    max-width: 280px;
    line-height: 19px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .founder-section {
    padding-bottom: 20px;
  }
}
.page-french .founder-uppertitle, .page-french .founder-title {
  text-transform: none;
}
.page-french .founder-box__status {
  text-transform: none;
}
.page-french .founder-box__info {
  padding-inline: 25px 36px;
}
@media screen and (max-width: 576px) {
  .page-french .founder-box__info {
    padding-inline: 23px;
  }
}
@media screen and (max-width: 1024px) {
  .page-french .founder-box__text {
    width: 102%;
  }
}
@media screen and (max-width: 576px) {
  .page-french .founder-box__text {
    width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .page-french .company-stats-section {
    padding-block: 20px 42px;
  }
}
.page-french .company-stats-title {
  max-width: 341px;
  text-transform: none;
}
@media screen and (max-width: 1024px) {
  .page-french .company-stats-title {
    max-width: 100%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .company-stats-title {
    max-width: 271px;
    margin-bottom: 15px;
  }
}
.page-french .company-stats__list-descr {
  max-width: 170px;
  line-height: 15px;
}
.page-french .company-stats__list-descr span {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-french .company-stats__list-descr {
    max-width: 139px;
  }
  .page-french .company-stats__list-descr br {
    display: none;
  }
  .page-french .company-stats__list-descr span {
    display: inline;
  }
}
.page-french .company-stats__list li:first-child .company-stats__list-descr {
  max-width: 100%;
}
@media screen and (max-width: 1024px) {
  .page-french .company-stats__list li:nth-child(n+4) {
    padding-top: 15px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .company-stats__list li:nth-child(n+4) {
    padding-top: 10px;
  }
}
.page-french .company-stats__list li:first-child, .page-french .company-stats__list li:last-child {
  padding-top: 0;
}
@media screen and (max-width: 576px) {
  .page-french .company-stats__list li {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 576px) {
  .page-french .company-stats__list li:first-child {
    padding-top: 10px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .company-stats__list li:last-child {
    padding-top: 0;
    margin-top: -7px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .banner-left-bg {
    padding-top: 58px;
  }
}
.page-french .banner-left-bg .global-banner-quote__box {
  padding-bottom: 15px;
}
@media screen and (max-width: 1024px) {
  .page-french .banner-left-bg .global-banner-quote__box {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .banner-left-bg .global-banner-quote__box {
    padding-right: 24px;
    padding-bottom: 5px;
  }
}
.page-french .banner-left-bg .global-banner-quote__text {
  line-height: 22px;
}
@media screen and (max-width: 1024px) {
  .page-french .banner-left-bg .global-banner-quote__text {
    line-height: 20px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .banner-left-bg .global-banner-quote__text {
    line-height: 24px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .recognition-section {
    padding-bottom: 46px;
  }
}
.page-french .recognition-uppertitle, .page-french .recognition-title {
  text-transform: none;
}
.page-french .recognition-uppertitle {
  letter-spacing: 3px;
}
@media screen and (max-width: 1024px) {
  .page-french .recognition-uppertitle {
    letter-spacing: 2.344px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .recognition-uppertitle {
    margin-bottom: 10px;
  }
}
.page-french .recognition-title {
  line-height: 39px;
}
@media screen and (max-width: 1024px) {
  .page-french .recognition-title {
    max-width: 521px;
    line-height: 33.5px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .recognition-title {
    margin-bottom: 44px;
    line-height: 28px;
  }
  .page-french .recognition-title br {
    display: inline;
  }
}
@media screen and (max-width: 576px) {
  .page-french .banner-right-bg .container {
    margin: 0;
    margin-top: auto;
  }
}
.page-french .banner-right-bg .global-banner-quote__box {
  padding-bottom: 22px;
  padding-right: 21px;
  max-width: 424px;
}
@media screen and (max-width: 1024px) {
  .page-french .banner-right-bg .global-banner-quote__box {
    padding-right: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .page-french .banner-right-bg .global-banner-quote__box {
    max-width: 393px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .banner-right-bg .global-banner-quote__box {
    padding-right: 14px;
  }
}
.page-french .banner-right-bg .global-banner-quote__text {
  max-width: 370px;
}
@media screen and (max-width: 1024px) {
  .page-french .banner-right-bg .global-banner-quote__text {
    max-width: 333px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .banner-right-bg .global-banner-quote__autor {
    margin-top: 0;
    max-width: 100%;
  }
}

@media screen and (max-width: 576px) {
  .page-french .mebership-hero {
    padding-inline: 23px;
  }
}
.page-french .mebership-hero .hero-title {
  max-width: 724px;
  margin-bottom: 13px;
}
@media screen and (max-width: 1024px) {
  .page-french .mebership-hero .hero-title {
    line-height: 36px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .mebership-hero .hero-title {
    line-height: 34px;
    max-width: 100%;
  }
}
.page-french .membership-categories-section .membership-categories-uppertitle {
  line-height: 20px;
  margin-bottom: 5px;
  text-transform: none;
}
@media screen and (max-width: 1024px) {
  .page-french .membership-categories-section .membership-categories-uppertitle {
    text-transform: none;
  }
}
.page-french .membership-categories-section .membership-categories-title {
  text-transform: none;
  line-height: 34.5px;
}
@media screen and (max-width: 1024px) {
  .page-french .membership-categories-section .membership-categories-title {
    max-width: 500px;
    margin-inline: auto;
  }
}
@media screen and (max-width: 576px) {
  .page-french .membership-categories-section .membership-categories-title {
    margin-inline: -10px;
  }
}
.page-french .membership-wishes__box {
  padding-left: 47px;
}
@media screen and (max-width: 576px) {
  .page-french .membership-wishes__box {
    padding-left: 20px;
  }
}
.page-french .membership-wishes-title {
  text-transform: none;
  max-width: 388px;
}
@media screen and (max-width: 1024px) {
  .page-french .membership-wishes-title {
    text-transform: capitalize;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .membership-wishes-title {
    text-transform: none;
    margin-bottom: 30px;
  }
}
.page-french .membership-wishes__join-btn {
  text-transform: none;
}
@media screen and (max-width: 1024px) {
  .page-french .membership-wishes__join-btn {
    text-transform: capitalize;
  }
}
@media screen and (max-width: 1024px) {
  .page-french .membership-experience-section {
    padding-top: 40px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .membership-experience-section {
    padding-top: 50px;
    padding-top: 50px;
  }
}
.page-french .membership-experience-uppertitle {
  text-transform: none;
}
.page-french .membership-experience-uppertitle br {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-french .membership-experience-uppertitle {
    text-transform: none;
  }
}
@media screen and (max-width: 576px) {
  .page-french .membership-experience-uppertitle {
    line-height: 19px;
    margin-bottom: 11px;
    margin-inline: auto;
  }
  .page-french .membership-experience-uppertitle br {
    display: inline;
  }
}
.page-french .membership-experience__title {
  text-transform: none;
}
.page-french .membership-experience__subtitle {
  line-height: 20px;
  max-width: 643px;
}
@media screen and (max-width: 576px) {
  .page-french .membership-experience__subtitle {
    line-height: 19px;
  }
}
.page-french .membership-experience-gallery-btn {
  text-transform: none;
  line-height: 12px;
}
@media screen and (max-width: 1024px) {
  .page-french .membership-experience-gallery-btn {
    font-size: 11px;
    line-height: 11px;
    padding-inline: 3px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .membership-experience-gallery-btn {
    text-transform: capitalize;
    padding-inline: 12.5px;
    line-height: 12.5px;
    font-size: 13px;
  }
}
@media screen and (max-width: 1024px) {
  .page-french .membership-checking-banner .global-banner__box {
    max-width: 447px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .membership-checking-banner .global-banner__box {
    padding: 26px 14px 26px 27px;
  }
}
.page-french .membership-checking-banner .global-banner__title {
  max-width: 360px;
  text-transform: none;
}
@media screen and (max-width: 1024px) {
  .page-french .membership-checking-banner .global-banner__title {
    max-width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .page-french .membership-checking-banner .global-banner__title {
    margin-bottom: 12px;
  }
}
.page-french .membership-checking-banner .global-banner__subtitle {
  max-width: 371px;
}
@media screen and (max-width: 1024px) {
  .page-french .membership-checking-banner .global-banner__subtitle {
    max-width: 381px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .membership-earn-section {
    padding-right: 25px;
    padding-bottom: 45px;
  }
}
.page-french .membership-earn-uppertitle {
  letter-spacing: 3px;
}
@media screen and (max-width: 1024px) {
  .page-french .membership-earn-uppertitle {
    text-transform: none;
    letter-spacing: 2.344px;
  }
}
.page-french .membership-earn__title {
  text-transform: none;
  max-width: 100%;
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .page-french .membership-earn__title {
    max-width: 443px;
    margin-bottom: 20px;
  }
}
.page-french .membership-earn-categorie__name {
  padding-inline: 12px;
}
.page-french .membership-earn-categorie__name .mobile-show {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-french .membership-earn-categorie__name {
    line-height: 13px;
  }
  .page-french .membership-earn-categorie__name br {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .page-french .membership-earn-categorie__name {
    line-height: 21.5px;
  }
  .page-french .membership-earn-categorie__name .mobile-show {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  .page-french .membership-earn-banner:nth-child(1) .membership-earn-banner__info {
    padding: 25px 22px;
  }
}
.page-french .membership-earn-banner:nth-child(1) .membership-earn-banner__title {
  max-width: 362px;
}
@media screen and (max-width: 1024px) {
  .page-french .membership-earn-banner:nth-child(1) .membership-earn-banner__title {
    max-width: 256px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .membership-earn-banner:nth-child(1) .membership-earn-banner__title {
    margin-bottom: 15px;
    max-width: 100%;
  }
}
@media screen and (max-width: 460px) {
  .page-french .membership-earn-banner:nth-child(1) .membership-earn-banner__title {
    max-width: 256px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .membership-earn-banner:nth-child(1) .membership-earn-banner__subtitle p:not(:last-child) {
    margin-bottom: 16px;
  }
}
.page-french .membership-earn-banner:nth-child(2) .membership-earn-banner__title {
  margin-bottom: 20px;
}
@media screen and (max-width: 576px) {
  .page-french .membership-earn-banner:nth-child(2) .membership-earn-banner__title {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .membership-earn-banner .membership-earn-banner__subtitle p {
    max-width: 100%;
  }
}
@media screen and (max-width: 460px) {
  .page-french .membership-earn-banner .membership-earn-banner__subtitle p {
    max-width: 280px;
  }
}
.page-french .membership-earn-banner__title {
  text-transform: none;
}
@media screen and (max-width: 1024px) {
  .page-french .membership-earn-banner__subtitle {
    max-width: 264px;
    margin-left: 0;
  }
  .page-french .membership-earn-banner__subtitle br {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .page-french .membership-earn-banner__subtitle {
    max-width: 100%;
  }
}
@media screen and (max-width: 460px) {
  .page-french .membership-earn-banner__subtitle {
    max-width: 280px;
  }
}
.page-french .membership-earn__join-btn {
  font-size: 12px;
  line-height: 12px;
  text-transform: none;
  padding: 12px;
}
@media screen and (max-width: 1024px) {
  .page-french .membership-earn__join-btn {
    text-transform: capitalize;
    font-size: 13px;
    line-height: 13px;
  }
  .page-french .membership-earn__join-btn .hide-word {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .page-french .membership-earn__join-btn {
    margin-top: 29px;
  }
}
.page-french .membership-package-uppertitle {
  text-transform: none;
  margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
  .page-french .membership-package-uppertitle {
    line-height: 20px;
    width: 120%;
  }
}
@media screen and (max-width: 576px) {
  .page-french .membership-package-uppertitle {
    max-width: 224px;
    line-height: 22px;
  }
}
.page-french .membership-package__title {
  text-transform: none;
  max-width: 846px;
}
@media screen and (max-width: 1024px) {
  .page-french .membership-package__title {
    line-height: 28px;
    width: 101%;
  }
}
@media screen and (max-width: 576px) {
  .page-french .membership-package__title {
    max-width: 316px;
  }
}
.page-french .membership-package-section .global-package-wrap {
  margin-bottom: 0;
}
.page-french .membership-package-section .global-package-wrap:first-child .global-package-card__passes {
  margin-bottom: 17px;
}
.page-french .membership-package-section .global-package-wrap:first-child .global-package-card__price {
  text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
  .page-french .membership-package-section .global-package-wrap:first-child .global-package-card__price {
    text-transform: none;
  }
}
.page-french .membership-package-section .global-package-wrap:nth-child(3) .global-package-card__bonus,
.page-french .membership-package-section .global-package-wrap:nth-child(4) .global-package-card__bonus {
  margin-bottom: 23px;
}
@media screen and (max-width: 1024px) {
  .page-french .membership-package-section .global-package-wrap:nth-child(3) .global-package-card__bonus,
  .page-french .membership-package-section .global-package-wrap:nth-child(4) .global-package-card__bonus {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .membership-package-section .global-package-wrap:nth-child(3) .global-package-card__bonus,
  .page-french .membership-package-section .global-package-wrap:nth-child(4) .global-package-card__bonus {
    margin-bottom: 21px;
  }
}
@media screen and (max-width: 1024px) {
  .page-french .membership-package-section .global-package-card__status {
    margin-bottom: 0;
  }
}
.page-french .membership-package-section .global-package-card__info {
  padding-right: 10px;
}
@media screen and (max-width: 1024px) {
  .page-french .membership-package-section .global-package-card__info {
    padding-left: 18px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .membership-package-section .global-package-card__info {
    padding-left: 29px;
    padding-right: 14px;
  }
}
.page-french .membership-package-section .global-package-card__passes {
  margin-bottom: 5px;
}
@media screen and (max-width: 1024px) {
  .page-french .membership-package-section .global-package-card__passes {
    margin-bottom: 11px;
  }
}
.page-french .membership-package-section .global-package-card__passes-value {
  line-height: 12px;
}
@media screen and (max-width: 576px) {
  .page-french .membership-package-section .global-package-card__passes-value {
    margin-top: 0;
    line-height: 16px;
  }
}
.page-french .membership-package-section .global-package-card__bonus {
  color: #475467;
  margin-bottom: 9px;
  text-transform: capitalize;
}
@media screen and (max-width: 576px) {
  .page-french .membership-package-section .global-package-card__bonus {
    margin-bottom: 15px;
  }
}
.page-french .membership-package-section .global-package-card__options li {
  line-height: 16px;
}
@media screen and (max-width: 576px) {
  .page-french .membership-package-section .global-package-card__options li {
    line-height: 18px;
  }
  .page-french .membership-package-section .global-package-card__options li:not(:last-child) {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .page-french .membership-package-section .global-package-card__options li span {
    display: none;
  }
  .page-french .membership-package-section .global-package-card__options li span.u-ttc {
    display: inline-block;
    text-transform: capitalize;
  }
}
@media screen and (max-width: 1024px) and (max-width: 576px) {
  .page-french .membership-package-section .global-package-card__options li span.u-ttc {
    text-transform: none;
  }
}
@media screen and (max-width: 576px) {
  .page-french .membership-package-section .global-package-card__options li span {
    display: inline-block;
  }
}
.page-french .membership-package-section .global-package-card__options li .u-br-tablet {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-french .membership-package-section .global-package-card__options li .u-br-tablet {
    display: block;
  }
}
@media screen and (max-width: 576px) {
  .page-french .membership-package-section .global-package-card__options li .u-br-tablet {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .page-french .membership-package-section .global-package-card__options li {
    font-weight: 500;
  }
}
.page-french .membership-package-section .global-package-card__options li .hide-mobile {
  display: none;
}
@media screen and (max-width: 576px) {
  .page-french .membership-package-section {
    padding-bottom: 46px;
  }
}
.page-french .membership-package-compare__btn {
  text-transform: none;
  font-size: 12px;
  line-height: 12px;
  margin-top: 27px;
}
@media screen and (max-width: 1024px) {
  .page-french .membership-package-compare__btn .show-mobile {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .page-french .membership-package-compare__btn .hide-mobile {
    display: none;
  }
  .page-french .membership-package-compare__btn .show-mobile {
    display: inline-block;
  }
}
.page-french .reviews-section-uppertitle {
  letter-spacing: 3px;
  text-transform: none;
}
.page-french .reviews-section__title {
  text-transform: none;
}
@media screen and (max-width: 576px) {
  .page-french .reviews-section__title {
    max-width: 316px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .reviews-section .reviews-text {
    font-size: 15px;
    line-height: 24px;
  }
}

@media screen and (max-width: 576px) {
  .page-french .opportunity-hero .hero-uppertitle {
    width: 101%;
  }
}
.page-french .opportunity-hero .hero-title {
  line-height: 40px;
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-hero .hero-title {
    text-transform: capitalize;
    line-height: 34px;
  }
}
.page-french .opportunity-hero .hero-subtitle {
  line-height: 20px;
}
.page-french .opportunity-hero .hero-btn {
  font-weight: 600;
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-stepper-section {
    padding-bottom: 48px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-stepper-section {
    padding-bottom: 55px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-stepper__info {
    margin-bottom: 42px;
  }
}
.page-french .opportunity-stepper__title br {
  display: none;
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-stepper__title br {
    display: block;
  }
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-stepper__title {
    text-transform: none;
  }
}
.page-french .opportunity-stepper__list li {
  text-transform: none;
}
.page-french .opportunity-stepper__quote {
  margin-bottom: 27px;
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-stepper__quote {
    max-width: 555px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-stepper__quote {
    padding-right: 29px;
    padding-bottom: 17px;
    margin-bottom: 23px;
  }
}
.page-french .opportunity-stepper__btn {
  text-transform: none;
}
.page-french .opportunity-stepper__btn .text-tablet {
  display: none;
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-stepper__btn .text-tablet {
    display: inline-block;
  }
  .page-french .opportunity-stepper__btn .text-desctop {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-stepper__btn {
    text-transform: capitalize;
  }
}
.page-french .opportunity-roadmap-uppertitle {
  text-transform: none;
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-roadmap-uppertitle {
    letter-spacing: 3px;
  }
}
.page-french .opportunity-roadmap__title {
  text-transform: none;
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-roadmap__title {
    text-transform: capitalize;
    max-width: 292px;
    margin-inline: auto;
    margin-bottom: 19px;
  }
}
.page-french .opportunity-roadmap-item__semititle {
  width: 108%;
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-roadmap-item__semititle {
    max-width: 225px;
  }
}
.page-french .opportunity-roadmap__item {
  padding-bottom: 50px;
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-roadmap__item .opportunity-roadmap__info {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-roadmap__item:nth-child(1) {
    padding-bottom: 31px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-roadmap__item:nth-child(1) .opportunity-roadmap__photo {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-roadmap__item:nth-child(1) .opportunity-roadmap__photo {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-roadmap__item:nth-child(1) .opportunity-roadmap-item__list {
    margin-bottom: 27px;
  }
}
.page-french .opportunity-roadmap__item:nth-child(2) {
  padding-bottom: 12px;
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-roadmap__item:nth-child(2) {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-roadmap__item:nth-child(2) {
    padding-bottom: 7px;
  }
}
.page-french .opportunity-roadmap__item:nth-child(2) .opportunity-roadmap-item__text {
  width: 105%;
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-roadmap__item:nth-child(2) .opportunity-roadmap-item__text {
    width: 100%;
  }
}
.page-french .opportunity-roadmap__item:nth-child(2) .opportunity-roadmap__photo {
  margin-bottom: 43px;
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-roadmap__item:nth-child(2) .opportunity-roadmap__photo {
    padding-bottom: 20px;
    margin-bottom: 19px;
  }
}
.page-french .opportunity-roadmap__item:nth-child(3) {
  padding-bottom: 36px;
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-roadmap__item:nth-child(3) {
    padding-bottom: 28px;
  }
}
.page-french .opportunity-roadmap__item:nth-child(3) .opportunity-roadmap-item__list {
  max-width: 371px;
}
.page-french .opportunity-roadmap__item:nth-child(3) .opportunity-roadmap-item__list li:not(:last-child) {
  margin-bottom: 9px;
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-roadmap__item:nth-child(3) .opportunity-roadmap-item__list li:last-child {
    max-width: none;
  }
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-roadmap__item:nth-child(3) .opportunity-roadmap-item__semititle {
    max-width: 296px;
  }
}
.page-french .opportunity-roadmap__item:nth-child(3) .opportunity-roadmap__photo {
  margin-top: 12px;
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-roadmap__item:nth-child(3) .opportunity-roadmap__photo {
    margin-bottom: 61px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-roadmap__item:nth-child(3) .opportunity-roadmap__photo {
    margin-bottom: 0;
  }
}
.page-french .opportunity-roadmap-item__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-french .opportunity-roadmap-item__btn {
  margin-top: 0;
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-roadmap-item__btn {
    text-transform: none;
  }
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-roadmap-item__btn {
    text-transform: capitalize;
    min-width: 190px;
    padding: 12px;
    margin-left: 42%;
  }
  .page-french .opportunity-roadmap-item__btn .mobile-hide {
    display: none;
  }
}
.page-french .opportunity-roadmap-section {
  padding-block: 55px 51px;
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-roadmap-section {
    padding-bottom: 44px;
  }
}
.page-french .opportunity-roadmap-section .opportunity-roadmap__item .opportunity-roadmap-item__list li {
  width: 100%;
}
.page-french .opportunity-roadmap-section .opportunity-roadmap__item .opportunity-roadmap-item__list li .mobile-wrap {
  display: block;
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-roadmap-section .opportunity-roadmap__item .opportunity-roadmap-item__list li {
    text-transform: capitalize;
    width: 103%;
  }
  .page-french .opportunity-roadmap-section .opportunity-roadmap__item .opportunity-roadmap-item__list li .mobile-wrap {
    display: block;
  }
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-categories-section {
    padding-top: 55px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-categories-section {
    padding-top: 45px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-categories-section .opportunity-categorie__wrapper:nth-child(3) .opportunity-categorie__name br {
    display: none;
  }
}
@media screen and (max-width: 576px) and (max-width: 500px) {
  .page-french .opportunity-categories-section .opportunity-categorie__wrapper:nth-child(3) .opportunity-categorie__name br {
    display: block;
  }
}
.page-french .opportunity-join-banner .global-banner__box {
  padding: 24px 17px 32px 30px;
  max-width: 428px;
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-join-banner .global-banner__box {
    padding: 34px 23px 33px 22px;
  }
}
.page-french .opportunity-join-banner .global-banner__title {
  margin-bottom: 13.5px;
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-join-banner .global-banner__title {
    text-transform: none;
    max-width: 338px;
  }
}
.page-french .opportunity-join-banner .global-banner-row {
  grid-column-gap: 23px;
}
.page-french .opportunity-join-banner .global-banner-btn {
  min-width: 225px;
  padding: 10px;
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-join-banner .global-banner-btn {
    min-width: 200px;
  }
  .page-french .opportunity-join-banner .global-banner-btn .mobile-hide {
    display: none;
  }
}
.page-french .opportunity-join-banner .global-banner-link {
  max-width: 128px;
}
@media screen and (max-width: 576px) {
  .page-french .opportunity-join-banner .global-banner-link {
    max-width: none;
  }
}
.page-french .opportunity-join-banner + .reviews-section {
  padding-block: 50px 15px;
}

@media screen and (min-width: 577px) {
  .page-french .hero-title .mobile-down {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .page-french .hero-title .tablet-up {
    display: none;
  }
}
.page-french .events-card__link {
  padding-block: 4px;
  text-transform: unset;
}

@media screen and (max-width: 576px) {
  .page-french .past-events-hero .hero-title {
    line-height: 34px;
  }
}
.page-french .past-events-hero .hero-subtitle {
  max-width: 100%;
}
@media screen and (max-width: 1024px) {
  .page-french .past-events-hero .hero-subtitle {
    max-width: 500px;
  }
}
@media screen and (max-width: 450px) {
  .page-french .past-events-hero .hero-subtitle {
    max-width: 300px;
  }
}
@media screen and (max-width: 576px) {
  .page-french .past-events-upcoming__title {
    text-transform: none;
  }
}
@media screen and (min-width: 1025px) {
  .page-french .events-card__link {
    max-width: 186px;
  }
}
.page-french .events-card__content ul li {
  text-transform: none;
}

.page-french .back-office-error-modal .width-101 {
  width: 101%;
}
.page-french .back-office-error-modal .max-w-229 {
  max-width: 229px;
}
.page-french .back-office-error-modal .mobile-wrap {
  display: none;
}
@media screen and (max-width: 576px) {
  .page-french .back-office-error-modal .mobile-wrap {
    display: block;
  }
}
@media screen and (min-width: 577px) {
  .page-french .join-modal .fr-br br {
    display: none;
  }
}

.page-italy .homapage-hero-section .hero-uppertitle, .page-italy .homapage-hero-section .hero-title {
  text-transform: none;
}
@media screen and (max-width: 1024px) {
  .page-italy .homapage-hero-section .hero-uppertitle {
    font-weight: 800;
    letter-spacing: 2.344px;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .homapage-hero-section .hero-uppertitle {
    font-weight: 600;
    letter-spacing: 3px;
  }
}
.page-italy .homapage-hero-section .hero-title {
  margin-bottom: 10px;
}
@media screen and (max-width: 576px) {
  .page-italy .homapage-hero-section .hero-title {
    max-width: 276px;
  }
}
.page-italy .homapage-hero-section .hero-subtitle {
  max-width: 680px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .page-italy .homapage-hero-section .hero-subtitle {
    max-width: 476px;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .homapage-hero-section .hero-subtitle {
    max-width: 313px;
  }
}
.page-italy .experience-section .experience-uppertitle, .page-italy .experience-section .experience-title {
  text-transform: none;
}
.page-italy .experience-section .experience-uppertitle {
  margin-bottom: 5px;
}
@media screen and (max-width: 1024px) {
  .page-italy .experience-section .experience-title {
    width: calc(100% + 10px);
  }
}
@media screen and (max-width: 576px) {
  .page-italy .experience-section .experience-title {
    max-width: 345px;
  }
}
.page-italy .experience-section .experience-subtitle {
  line-height: 20px;
}
@media screen and (max-width: 576px) {
  .page-italy .experience-section .experience-subtitle {
    max-width: 100%;
  }
  .page-italy .experience-section .experience-subtitle br {
    display: none;
  }
}
@media screen and (max-width: 390px) {
  .page-italy .experience-section .experience-subtitle {
    max-width: 306px;
  }
}
.page-italy .experience-section .experience-btn {
  text-transform: none;
}
@media (max-width: 1024px) {
  .page-italy .experience-section .experience-card-city br {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .quote-text {
    max-width: 289px;
  }
}
@media screen and (max-width: 400px) {
  .page-italy .quote-box {
    padding-right: 14px;
  }
}
.page-italy .travel-categories-uppertitle, .page-italy .travel-categories-title {
  text-transform: none;
}
@media screen and (max-width: 1024px) {
  .page-italy .travel-categories-title {
    width: calc(100% + 20px);
    margin-left: -10px;
  }
}
@media screen and (max-width: 1024px) {
  .page-italy .travel-categories__name {
    font-size: 12px;
    padding-inline: 0;
  }
}
.page-italy .save-banner-title {
  text-transform: none;
}
.page-italy .save-banner-list {
  width: calc(100% + 82px);
}
.page-italy .save-banner-list li {
  text-transform: none;
}
.page-italy .social-media-uppertitle, .page-italy .social-media-title {
  text-transform: none;
}
@media screen and (max-width: 576px) {
  .page-italy .social-media-uppertitle {
    width: calc(100% + 5px);
    margin-left: -2.5px;
  }
}
.page-italy .social-media-title {
  line-height: 34px;
}
@media screen and (max-width: 1024px) {
  .page-italy .social-media-title {
    max-width: 527px;
    line-height: 31.5px;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .social-media-title {
    width: calc(100% + 12px);
    margin-left: -6px;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .explore-section {
    padding-bottom: 26px;
  }
}
.page-italy .explore-uppertitle, .page-italy .explore-title, .page-italy .explore-header {
  text-transform: none;
}
.page-italy .explore-header br {
  display: none;
}
@media screen and (max-width: 576px) {
  .page-italy .explore-header br {
    display: block;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .explore-header {
    padding-block: 10px;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .explore-uppertitle {
    width: calc(100% + 4px);
    margin-left: -2px;
  }
}
.page-italy .explore-bottom {
  color: #818181;
}
@media screen and (max-width: 1024px) {
  .page-italy .explore-slide__username span {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .explore-slide__username span {
    display: inline;
  }
}
.page-italy .explore-slide__username .dash-tablet {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-italy .explore-slide__username .dash-tablet {
    display: inline;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .explore-slide__username .dash-tablet {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .explore-slide__userdescription {
    -webkit-line-clamp: 3;
  }
}
.page-italy .live-box {
  max-width: 843px;
}
@media screen and (max-width: 1024px) {
  .page-italy .live-box {
    max-width: 590px;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .live-box {
    padding-right: 13px;
  }
}
.page-italy .live-title, .page-italy .live-subtitle, .page-italy .live-section .care-btn {
  text-transform: none;
}
@media screen and (max-width: 576px) {
  .page-italy .live-title br {
    display: none;
  }
}
@media screen and (max-width: 390px) {
  .page-italy .live-title br {
    width: calc(100% + 4px);
  }
}
.page-italy .live-subtitle {
  max-width: 565px;
}
@media screen and (max-width: 1024px) {
  .page-italy .live-subtitle {
    max-width: 460px;
  }
}
.page-italy .care-subtitle {
  max-width: 950px;
}
@media screen and (max-width: 1024px) {
  .page-italy .care-subtitle {
    max-width: 555px;
  }
}
@media screen and (max-width: 390px) {
  .page-italy .care-subtitle {
    max-width: 313px;
  }
}
.page-italy .care-title, .page-italy .care-btn {
  text-transform: none;
}

.page-italy .mebership-hero .hero-uppertitle, .page-italy .mebership-hero .hero-title {
  text-transform: none;
}
.page-italy .mebership-hero .hero-title {
  max-width: 805px;
  line-height: 40px;
}
@media screen and (max-width: 1024px) {
  .page-italy .mebership-hero .hero-title {
    max-width: 584px;
    margin-bottom: 20px;
    line-height: 36px;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .mebership-hero .hero-title {
    max-width: 353px;
  }
}
.page-italy .membership-categories-uppertitle, .page-italy .membership-categories-title {
  text-transform: none;
}
.page-italy .membership-categories-uppertitle br {
  display: none;
}
@media screen and (max-width: 576px) {
  .page-italy .membership-categories-uppertitle br {
    display: block;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .membership-categories-uppertitle {
    line-height: 20px;
    max-width: 310px;
    margin-inline: auto;
  }
}
@media screen and (max-width: 1024px) {
  .page-italy .membership-categories-title {
    max-width: 481px;
    margin-inline: auto;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .membership-categories-title {
    max-width: 310px;
  }
}
.page-italy .membership-categories-section .travel-categories__name {
  line-height: 13.5px;
}
.page-italy .membership-categories-section .travel-categories__name .show-tablet {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-italy .membership-categories-section .travel-categories__name .show-tablet {
    display: inline-block;
  }
  .page-italy .membership-categories-section .travel-categories__name .show-desktop {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .membership-categories-section .travel-categories__name .show-tablet {
    display: none;
  }
  .page-italy .membership-categories-section .travel-categories__name .show-desktop {
    display: inline-block;
  }
}
.page-italy .membership-wishes-title {
  text-transform: none;
}
.page-italy .membership-experience-uppertitle, .page-italy .membership-experience__title {
  text-transform: none;
}
@media screen and (min-width: 1025px) {
  .page-italy .membership-experience__subtitle {
    max-width: 585px;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .membership-experience-uppertitle {
    line-height: 19px;
  }
}
@media screen and (max-width: 390px) {
  .page-italy .membership-experience-uppertitle {
    max-width: 230px;
    margin-inline: auto;
  }
}
.page-italy .membership-experience-gallery-btn {
  padding-inline: 9px;
}
.page-italy .membership-checking-banner .global-banner__title {
  text-transform: none;
}
@media screen and (max-width: 576px) {
  .page-italy .membership-checking-banner .global-banner__title {
    max-width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .membership-checking-banner .global-banner__subtitle {
    width: calc(100% + 7px);
  }
}
@media screen and (max-width: 576px) {
  .page-italy .membership-earn-section {
    padding-bottom: 50px;
  }
}
.page-italy .membership-earn__title, .page-italy .membership-earn-banner__title {
  text-transform: none;
}
@media screen and (max-width: 576px) {
  .page-italy .membership-earn__title {
    max-width: 309px;
  }
}
.page-italy .membership-earn-categorie__name {
  padding-inline: 8px;
}
@media screen and (max-width: 1024px) {
  .page-italy .membership-earn-categorie__name {
    line-height: 13.7px;
  }
  .page-italy .membership-earn-categorie__name br {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .membership-earn-categorie__name {
    line-height: 21.5px;
  }
}
@media screen and (max-width: 1024px) {
  .page-italy .membership-earn-categorie__wrapper:first-child .membership-earn-categorie__name {
    padding-inline: 7px;
  }
}
@media screen and (max-width: 1024px) {
  .page-italy .membership-earn-banner .membership-earn-banner__subtitle {
    max-width: 248px;
    margin-left: 0;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .membership-earn-banner .membership-earn-banner__subtitle {
    max-width: 287px;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .membership-earn__join-btn {
    margin-top: 28px;
  }
}
.page-italy .membership-package-section {
  padding-bottom: 53px;
}
.page-italy .membership-package-section .membership-package-uppertitle, .page-italy .membership-package-section .membership-package__title {
  text-transform: none;
}
@media screen and (max-width: 1024px) {
  .page-italy .membership-package-section .membership-package-uppertitle {
    margin-bottom: 6px;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .membership-package-section .membership-package-uppertitle {
    max-width: 220px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1024px) {
  .page-italy .membership-package-section .membership-package__title {
    line-height: 27.5px;
  }
}
.page-italy .membership-package-section .membership-package-compare__btn {
  margin-top: 11px;
}
@media screen and (max-width: 1024px) {
  .page-italy .membership-package-section .global-package-card__info {
    padding-bottom: 7px;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .membership-package-section .global-package-card__info {
    padding-bottom: 20px;
  }
}
.page-italy .membership-package-section .global-package-card__options {
  width: calc(100% + 3px);
  margin-left: 1.5px;
}
.page-italy .membership-package-section .global-package-card__options br {
  display: none;
}
.page-italy .membership-package-section .global-package-card__options br.show-desktop {
  display: block;
}
@media screen and (max-width: 576px) {
  .page-italy .membership-package-section .global-package-card__options br.show-desktop {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .page-italy .membership-package-section .global-package-card__options br {
    display: block;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .membership-package-section .global-package-card__options br {
    display: none;
  }
}
.page-italy .membership-package-section .global-package-card__options li {
  text-transform: none;
}
.page-italy .membership-package-section .global-package-card__options li .show-tablet {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-italy .membership-package-section .global-package-card__options li .show-tablet {
    display: inline-block;
  }
  .page-italy .membership-package-section .global-package-card__options li .show-desktop {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .membership-package-section .global-package-card__options li {
    width: calc(100% + 1px);
  }
  .page-italy .membership-package-section .global-package-card__options li .show-tablet {
    display: none;
  }
  .page-italy .membership-package-section .global-package-card__options li span.show-tablet {
    display: inline;
  }
}
@media screen and (max-width: 1024px) {
  .page-italy .membership-package-section .global-package-wrap {
    margin-bottom: 30px;
  }
}
.page-italy .membership-package-section .global-package-wrap:first-child .global-package-card__options {
  margin-top: 27px;
}
@media screen and (max-width: 1024px) {
  .page-italy .membership-package-section .global-package-wrap:first-child .global-package-card__options {
    margin-top: 15px;
  }
}
.page-italy .membership-package-section .global-package-card__passes-value {
  width: calc(100% + 13px);
}
.page-italy .reviews-section-uppertitle, .page-italy .reviews-section__title {
  text-transform: none;
}
@media screen and (max-width: 390px) {
  .page-italy .reviews-section .reviews-text {
    max-width: 315px;
  }
}

.page-italy .company-hero .hero-uppertitle, .page-italy .company-hero .hero-title {
  text-transform: none;
}
@media screen and (max-width: 576px) {
  .page-italy .company-hero .hero-title {
    max-width: 353px;
  }
}
.page-italy .company-hero .hero-subtitle {
  max-width: 554px;
}
@media screen and (max-width: 576px) {
  .page-italy .company-hero .hero-subtitle {
    max-width: 280px;
  }
}
.page-italy .founder-box__info {
  padding-right: 25px;
}
.page-italy .founder-uppertitle, .page-italy .founder-title {
  text-transform: none;
}
@media screen and (max-width: 390px) {
  .page-italy .founder-box__text {
    width: calc(100% + 5px);
  }
}
@media screen and (min-width: 1025px) {
  .page-italy .company-stats-section .company-stats__list-descr {
    max-width: 141px;
  }
}
.page-italy .banner-left-bg.banner-quote-special .global-banner-quote__box {
  padding-right: 36px;
  padding-bottom: 27px;
}
@media screen and (max-width: 1024px) {
  .page-italy .banner-left-bg.banner-quote-special .global-banner-quote__box {
    padding-right: 25px;
    padding-bottom: 22px;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .banner-left-bg.banner-quote-special .global-banner-quote__box .global-banner-quote__text {
    margin-bottom: 0;
  }
}
.page-italy .recognition-uppertitle, .page-italy .recognition-title {
  text-transform: none;
}
@media screen and (max-width: 390px) {
  .page-italy .recognition-title {
    width: 100%;
  }
}
.page-italy .banner-right-bg {
  padding-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .page-italy .banner-right-bg {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .banner-right-bg {
    min-height: 551px;
    padding-bottom: 24px;
  }
}
.page-italy .banner-right-bg .container {
  margin-bottom: 54px;
}
@media screen and (max-width: 1024px) {
  .page-italy .banner-right-bg .container {
    margin-bottom: 44px;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .banner-right-bg .container {
    margin: 0;
    margin-top: auto;
  }
}
.page-italy .banner-right-bg .global-banner-quote__text {
  max-width: 338px;
}
@media screen and (max-width: 576px) {
  .page-italy .banner-right-bg .global-banner-quote__text {
    margin-bottom: 9px;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .banner-right-bg .global-banner-quote__autor {
    max-width: none;
    margin-top: 0;
  }
}

.page-italy .opportunity-hero .hero-uppertitle, .page-italy .opportunity-hero .hero-title {
  text-transform: none;
}
@media screen and (max-width: 576px) {
  .page-italy .opportunity-hero .hero-title {
    max-width: 230px;
  }
}
.page-italy .opportunity-stepper__info {
  max-width: 478px;
}
@media screen and (max-width: 1024px) {
  .page-italy .opportunity-stepper__info {
    max-width: 593px;
  }
}
.page-italy .opportunity-stepper__title {
  text-transform: none;
  max-width: 373px;
}
@media screen and (max-width: 1024px) {
  .page-italy .opportunity-stepper__title {
    max-width: none;
    width: 100%;
  }
}
.page-italy .opportunity-stepper__list li {
  text-transform: none;
}
.page-italy .opportunity-stepper__quote {
  max-width: 100%;
  padding-right: 17px;
}
@media screen and (max-width: 1024px) {
  .page-italy .opportunity-stepper__quote {
    max-width: 481px;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .opportunity-stepper__quote {
    padding-bottom: 20px;
  }
}
.page-italy .opportunity-stepper__quote-text {
  text-transform: none;
}
.page-italy .opportunity-roadmap-section {
  padding-top: 55px;
}
@media screen and (max-width: 576px) {
  .page-italy .opportunity-roadmap-section {
    padding-top: 40px;
  }
}
.page-italy .opportunity-roadmap-section .opportunity-roadmap-uppertitle, .page-italy .opportunity-roadmap-section .opportunity-roadmap__title, .page-italy .opportunity-roadmap-section .opportunity-roadmap-item__title, .page-italy .opportunity-roadmap-section .opportunity-roadmap-item__semititle {
  text-transform: none;
}
@media screen and (max-width: 1024px) {
  .page-italy .opportunity-roadmap-section .opportunity-roadmap__item .opportunity-roadmap__info {
    width: 49%;
    margin-left: 0.5%;
  }
}
@media screen and (max-width: 700px) {
  .page-italy .opportunity-roadmap-section .opportunity-roadmap__item .opportunity-roadmap__info {
    width: 100%;
  }
}
.page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(1) {
  padding-bottom: 50px;
}
@media screen and (max-width: 1024px) {
  .page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(1) {
    padding-bottom: 29px;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(1) {
    padding-bottom: 7px;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(1) .opportunity-roadmap__info {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(1) .opportunity-roadmap__photo {
    margin-bottom: 25px;
  }
}
.page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(1) .opportunity-roadmap-item__text {
  margin-bottom: 10px;
}
@media screen and (max-width: 390px) {
  .page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(1) .opportunity-roadmap-item__text {
    max-width: 285px;
  }
}
.page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(1) .opportunity-roadmap-item__list {
  margin-bottom: 22px;
}
@media screen and (max-width: 1024px) {
  .page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(1) .opportunity-roadmap-item__list {
    margin-bottom: 0;
  }
}
@media (max-width: 1024px) {
  .page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(1) .opportunity-roadmap-item__semititle {
    max-width: 200px;
  }
}
@media (max-width: 576px) {
  .page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(1) .opportunity-roadmap-item__semititle {
    max-width: 240px;
  }
}
.page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(2) {
  padding-bottom: 40px;
}
.page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(2) .opportunity-roadmap-item__title {
  margin-bottom: 11px;
}
@media screen and (max-width: 1024px) {
  .page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(2) {
    padding-bottom: 55px;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(2) {
    padding-bottom: 21px;
  }
}
.page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(2) .opportunity-roadmap__info {
  margin-bottom: 26px;
}
.page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(2) .opportunity-roadmap__photo {
  margin-bottom: 24px;
}
@media screen and (max-width: 1024px) {
  .page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(2) .opportunity-roadmap__photo {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(2) .opportunity-roadmap-item__text {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(2) .opportunity-roadmap-item__semititle {
    width: calc(100% + 20px);
  }
}
@media (max-width: 576px) {
  .page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(2) .opportunity-roadmap-item__semititle {
    width: 100%;
    max-width: 280px;
  }
}
.page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(2) .opportunity-roadmap-item__list {
  width: calc(100% + 59px);
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
}
@media screen and (max-width: 576px) {
  .page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(2) .opportunity-roadmap-item__list {
    width: 100%;
  }
}
@media screen and (max-width: 390px) {
  .page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(2) .opportunity-roadmap-item__list {
    max-width: 275px;
  }
}
.page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(2) .opportunity-roadmap-item__list li:last-child {
  max-width: 47%;
  margin-top: -17px;
}
@media screen and (max-width: 1024px) {
  .page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(2) .opportunity-roadmap-item__list li:last-child {
    max-width: 100%;
    margin-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(3) .opportunity-roadmap__photo {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(3) .opportunity-roadmap__photo {
    margin-bottom: 0;
  }
}
.page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(3) .opportunity-roadmap-item__title {
  max-width: 315px;
}
@media (max-width: 1024px) {
  .page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(3) .opportunity-roadmap-item__title {
    max-width: 200px;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(3) .opportunity-roadmap-item__title {
    max-width: 280px;
    margin-bottom: 12px;
  }
}
@media (min-width: 1025px) {
  .page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(3) .opportunity-roadmap-item__semititle {
    max-width: none;
  }
}
.page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(3) .opportunity-roadmap-item__text {
  margin-bottom: 13px;
}
.page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(3) .opportunity-roadmap-item__list {
  max-width: 395px;
}
@media screen and (max-width: 576px) {
  .page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(3) .opportunity-roadmap-item__list {
    width: calc(100% + 2px);
  }
  .page-italy .opportunity-roadmap-section .opportunity-roadmap__item:nth-child(3) .opportunity-roadmap-item__list li:last-child {
    max-width: none;
  }
}
.page-italy .opportunity-roadmap-section .opportunity-roadmap-item__btn {
  margin-top: 25px;
}
@media screen and (max-width: 500px) {
  .page-italy .opportunity-categories-section .opportunity-categorie__name .hide-mobile {
    display: none;
  }
}
.page-italy .opportunity-join-banner .global-banner__box {
  max-width: 487px;
}
@media screen and (max-width: 1024px) {
  .page-italy .opportunity-join-banner .global-banner__box {
    max-width: 444px;
    padding-right: 14px;
  }
}
@media screen and (max-width: 390px) {
  .page-italy .opportunity-join-banner .global-banner__box {
    padding-inline: 13px;
  }
}
.page-italy .opportunity-join-banner .global-banner__title {
  text-transform: none;
}
@media screen and (max-width: 390px) {
  .page-italy .opportunity-join-banner .global-banner__title {
    max-width: 273px;
  }
}

.page-italy .past-events-hero .hero-uppertitle, .page-italy .past-events-hero .hero-title {
  text-transform: none;
}
.page-italy .past-events-hero .hero-title {
  max-width: 350px;
}
@media screen and (max-width: 576px) {
  .page-italy .past-events-hero .hero-title {
    line-height: 34px;
  }
}
@media screen and (max-width: 1024px) {
  .page-italy .past-events-hero .hero-subtitle {
    font-size: 14px;
  }
}
.page-italy .past-events-upcoming__title {
  text-transform: none;
}
@media screen and (max-width: 576px) {
  .page-italy .past-events-upcoming .events-card ul li {
    font-size: 15px;
  }
}
.page-italy .past-events-upcoming .events-card__link {
  text-transform: capitalize;
}
@media screen and (max-width: 680px) {
  .page-italy .past-events-upcoming .events-card__link {
    max-width: 298px;
    padding: 16px 10px;
  }
}
@media screen and (max-width: 576px) {
  .page-italy .past-events-upcoming .events-card__link {
    text-transform: uppercase;
    width: 298px;
  }
}

@media screen and (max-width: 576px) {
  .page-italy .back-office-modal__box {
    padding: 35px 15px 25px;
  }
}

@media screen and (max-width: 576px) {
  .page-italy .past-events-upcoming .events-card__content {
    max-width: 278px;
  }
}
/*# sourceMappingURL=recreate.css.map */