@charset "UTF-8";
.bookmarks__container {
  margin: 40px 2em 70px;
}

.bookmarks__container .heading {
  z-index: 1;
  position: relative;
}

.bookmarks__container .bookmarks-tabs {
  z-index: 2 !important;
  overflow: scroll;
  width: 100%;
  display: flex;
  white-space: nowrap;
}

.bookmarks__container .bookmarks-tabs .ant-radio-button-wrapper {
  font-size: 12px;
  line-height: 18px;
  border-radius: 100px;
  margin-right: 4px;
  padding: 5px 16px 7px !important;
  background-color: transparent;
  border: 2.5px solid transparent !important;
  color: #1f1f1f;
}

.bookmarks__container .bookmarks-tabs .inactive {
  color: #a0a0a0;
  cursor: not-allowed;
}

.bookmarks__container .bookmarks-tabs .ant-radio-button-wrapper-checked {
  border: 2.5px solid #3761c8 !important;
  color: #3761c8 !important;
  box-shadow: none !important;
}

.bookmarks__container .bookmarks-tabs .ant-radio-button-wrapper:hover {
  color: #3761c8 !important;
}

.bookmarks__container .bookmarks-tabs .ant-radio-button-wrapper::before {
  content: none !important;
}

.bookmarks__container .bookmarks-tabs .inactive:hover {
  color: #a0a0a0 !important;
  cursor: not-allowed !important;
}

.bookmarks__container .bookmarks-tabs::-webkit-scrollbar {
  display: none;
}

.bookmarks__container .ant-divider {
  font-weight: bold;
  color: #999999 !important;
  width: 10pt !important;
  border-radius: 1em !important;
}

.bookmarks__container .grid {
  margin: auto;
}

.bookmarks__container .bookmarks__tabs {
  display: flex;
  flex-direction: row;
  font-weight: bold;
  color: black !important;
}

.bookmarks__container .cardsWrapper {
  width: 100%;
}

.bookmarks__container .CardItem {
  position: relative;
  z-index: 1;
  height: 220px !important;
  border-radius: 8px !important;
  padding: 24px !important;
  cursor: pointer;
}

.bookmarks__container .ant-card-body {
  padding: 0px !important;
}

.bookmarks__container .ant-card-bordered {
  border: none;
}

.bookmarks__container .ant-col .ant-col-8 {
  padding: 0px !important;
}

.bookmarks__container .StartupCardItem {
  z-index: 1;
  height: 220px !important;
  padding: 24px !important;
  border-radius: 8px !important;
  cursor: pointer;
}

.bookmarks__container .card__heading__col {
  padding-left: 0 !important;
}

.bookmarks__container .Avatar__antd {
  height: 64px !important;
  width: 64px !important;
  box-sizing: border-box !important;
  border-radius: 8px !important;
  margin: 0px 4px !important;
}

.bookmarks__container .tags_row {
  height: 25px;
}

.bookmarks__container .tag__label {
  background-color: #f0ede4 !important;
  border-radius: 24px !important;
  padding: 1px 16px 3px !important;
  margin-right: 8px !important;
  height: 22px !important;
  border: none;
}

.bookmarks__container .tableheader-row {
  margin: 20px 0px 0px !important;
}

.bookmarks__container .currency-block .currency-value {
  margin-left: 5px;
}

.bookmarks__container .currency-block .currency {
  opacity: 1 !important;
  font-size: 0.8em;
}

.bookmarks__container .CancelButton {
  background: transparent !important;
  color: #1f1f1f !important;
  border: 2.5px solid #1f1f1f !important;
  border-radius: 10px !important;
  padding: 0px 13px 0px !important;
  height: 40px;
  width: 85px !important;
  margin: 0px 0px 0px auto;
}

.bookmarks__container .RightArrow {
  position: absolute;
  bottom: 25px;
  right: 20px;
}

.bookmarks-cancel-modal .modal_request_type {
  display: flex;
  background: #3761c8;
  height: 40px;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  color: #f0ede4;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  margin: 0px 10px;
  padding: 9px 24px;
  cursor: pointer;
}

.bookmarks-cancel-modal .modal_cancel {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: #3761c8;
  margin: 0px 16px;
  cursor: pointer;
}

.blue-block {
  position: fixed;
  bottom: 192px;
  left: 0;
  z-index: 0;
}

.white-block {
  position: fixed;
  bottom: 0px;
  left: 140px;
  z-index: 0;
  height: 92px;
}

.black-block {
  position: fixed;
  bottom: 0px;
  left: 68px;
  z-index: 0;
  height: 31px;
}

.bookmarks-cancel-modal .ant-modal-content {
  border-radius: 20px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .bookmarks__container .CardItem {
    padding: 16px !important;
    height: 100% !important;
  }
  .bookmarks__container .tag__label {
    background-color: #f0ede4 !important;
    border-radius: 24px !important;
    padding: 3px 12px 5px !important;
    margin-right: 8px !important;
    height: 22px !important;
    border: none;
  }
}
@media (max-width: 767px) {
  .bookmarks__container {
    margin: 40px 16px;
  }
  .bookmarks__container .CardItem {
    padding: 16px !important;
    height: 100% !important;
  }
  .bookmarks__container .tag__label {
    background-color: #f0ede4 !important;
    border-radius: 24px !important;
    padding: 3px 12px 5px !important;
    margin-right: 8px !important;
    height: 22px !important;
    border: none;
  }
}
.user-top-header {
  padding: 0px 30px;
  position: fixed;
  z-index: 1;
  background: #1f1f1f;
  height: 72px;
  width: 100% !important;
  margin-left: -16px;
  top: 0;
}

.user-top-header .layout-header {
  position: fixed;
  z-index: 99;
  width: 60%;
}

.user-top-header h3 {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.user-top-header .logo {
  margin-top: 20px;
}

.user-top-header .logoURL {
  margin-top: 5px;
}

.user-top-header .back {
  height: 18px;
  width: 18px;
  margin-left: 30px;
  display: flex;
  align-items: center;
  color: #000;
}

.user-top-header .menu {
  display: flex;
  flex-direction: row;
}

.user-top-header .menu-item {
  cursor: pointer;
  font-family: "Aktiv";
  margin-right: 35px;
}

.user-top-header .back-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #0091ff;
  margin-left: 23px;
  margin-top: 13px;
  cursor: pointer;
}

.user-top-header .search-trigger {
  color: rgba(0, 0, 0, 0.85);
  margin-left: 25px;
  font-size: 20px;
}

.sidebar_container {
  z-index: 999999999 !important;
}

.sidebar_container .ant-drawer .ant-drawer-content {
  width: 264px !important;
  height: 663px !important;
  background: #f6f8fe !important;
}

.sidebar_container .ant-drawer-header {
  box-shadow: none !important;
  background: #f6f8fe !important;
  padding: 16px 10px !important;
}

.sidebar_container .ant-drawer-header .ant-drawer-header-title {
  justify-content: flex-end !important;
}

.sidebar_container .ant-drawer-header .ant-drawer-header-title .ant-drawer-close {
  margin: 0px !important;
  color: #000000 !important;
  font-weight: 700 !important;
  height: 30px;
  width: 30px;
}

.sidebar_container .ant-drawer-header-close-only {
  padding-bottom: 16px !important;
  background: #f7f5f2 !important;
  font-size: 30px;
}

.sidebar_container .ant-drawer-body {
  background: #f7f5f2 !important;
  padding: 0px !important;
}

.sidebar_container .ant-drawer-body .sidebar_body .user_content {
  padding-left: 22px !important;
}

.sidebar_container .ant-drawer-body .sidebar_body .user_content .user_logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sidebar_container .ant-drawer-body .sidebar_body .user_content .user_title {
  padding: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #363636;
  text-shadow: 1.10356px 1.10356px 5.5178px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
}

.sidebar_container .ant-drawer-body .sidebar_body .header_content {
  margin-top: 17px;
}

.sidebar_container .ant-drawer-body .sidebar_body .header_content ul.ant-menu.ant-menu-root.ant-menu-inline.ant-menu-light {
  background: #f7f5f2 !important;
  height: 504px;
}

.sidebar_container .ant-drawer-body .sidebar_body .header_content ul#rc-menu-uuid-44674-1-sub1-popup {
  background: #ffffff !important;
  position: relative;
}

.sidebar_container .ant-drawer-body .sidebar_body .header_content ul#rc-menu-uuid-44674-1-sub1-popup li.ant-menu-item.ant-menu-item-only-child {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #777777;
}

.sidebar_container .ant-drawer-body .sidebar_body .header_content li.ant-menu-submenu.ant-menu-submenu-inline.ant-menu-submenu-open li.ant-menu-item.ant-menu-item-only-child {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #777777;
}

.sidebar_container .ant-drawer-body .sidebar_body .header_content li.ant-menu-submenu.ant-menu-submenu-inline.ant-menu-submenu-open.ant-menu-submenu-active {
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #3761c8;
}

.sidebar_container .ant-drawer-body .sidebar_body .header_content li.ant-menu-submenu.ant-menu-submenu-inline.ant-menu-submenu-active {
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #363636;
}

.sidebar_container .ant-drawer-body .sidebar_body .header_content li.ant-menu-submenu.ant-menu-submenu-inline {
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #363636;
}

.sidebar_container .ant-drawer-body .sidebar_body .header_content li.ant-menu-item.ant-menu-item-active.ant-menu-item-selected.ant-menu-item-only-child {
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #3761c8;
}

.sidebar_container .ant-drawer-body .sidebar_body .header_content li.ant-menu-item.ant-menu-item-selected.ant-menu-item-only-child {
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #363636;
}

.sidebar_container .ant-drawer-body .sidebar_body .header_content li.ant-menu-item.ant-menu-item-only-child {
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #363636;
}

.sidebar_container .ant-drawer-body .sidebar_body .header_content li.ant-menu-submenu.ant-menu-submenu-inline.ant-menu-submenu-open .ant-menu-submenu-title span.ant-menu-title-content {
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #3761c8 !important;
}

.sidebar_container .ant-drawer-body .sidebar_body .header_content .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.sidebar_container .ant-drawer-body .sidebar_body .header_content .ant-menu-submenu-inline .ant-menu-submenu-arrow::before,
.sidebar_container .ant-drawer-body .sidebar_body .header_content .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.sidebar_container .ant-drawer-body .sidebar_body .header_content .ant-menu-submenu-inline .ant-menu-submenu-arrow::after {
  background: #3761c8;
}

.sidebar_container .ant-drawer-body .sidebar_body .header_content li.ant-menu-submenu.ant-menu-submenu-inline.ant-menu-submenu-active .ant-menu-submenu-title span.ant-menu-title-content {
  color: #3761c8 !important;
}

@media (max-width: 1023px) {
  .user-top-header {
    display: none;
  }
  .user-top-sidebar {
    position: fixed;
    padding: 0px 16px;
    height: 72px;
    background: #1f1f1f;
    width: 100% !important;
    z-index: 1;
    margin-left: -16px;
    top: 0 !important;
    margin-top: 0px !important;
  }
  .user-top-sidebar .hamburger_btn .hamburger_icon {
    font-size: 25px;
    color: #fff;
  }
}
@media (max-width: 1023px) and (max-width: 767px) {
  .user-top-sidebar {
    margin-left: -16px;
  }
}
@media (max-width: 767px) {
  .user-top-header {
    display: none;
  }
  .user-top-sidebar {
    position: fixed;
    padding: 0px 16px;
    height: 72px;
    background: #1f1f1f;
    width: 100% !important;
    z-index: 1;
    margin-left: -16px;
    top: 0;
    margin-top: 0px;
  }
  .user-top-sidebar .hamburger_btn .hamburger_icon {
    font-size: 25px;
    color: #fff;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .user-top-sidebar {
    margin-left: -16px;
  }
}
.sidebar-drawer .ant-drawer-close {
  margin-top: -3px;
}

.sidebar-drawer .ant-drawer-body {
  background-color: #f4f5f7;
}

.sidebar-drawer .ant-drawer-header {
  background-color: #f4f5f7;
  border-bottom: 0px !important;
}

.sidebar-drawer .ant-drawer-title {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font: size 14px;
  line-height: 16px;
  margin-left: -10px;
}

.messageUnreadCount1 .ant-badge-count,
.ant-badge-dot,
.ant-badge .ant-scroll-number-custom-component {
  position: absolute;
  top: 0;
  left: 22px;
  -webkit-transform: translate(50%, -35%);
  transform: translate(-50%, -35%);
  -webkit-transform-origin: -50% -35%;
  transform-origin: -50% -35%;
}

.messageUnreadCount .ant-badge-count,
.ant-badge-dot,
.ant-badge .ant-scroll-number-custom-component {
  position: absolute;
  top: 0;
  left: 28px;
  -webkit-transform: translate(50%, -35%);
  transform: translate(-50%, -35%);
  -webkit-transform-origin: -50% -35%;
  transform-origin: -50% -35%;
}

.messageUnreadCount .ant-badge-count {
  z-index: auto;
  width: fit-content;
  height: 20px;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  text-align: center;
  background: #3761c8;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #fff;
  font-weight: 700;
  border-color: #3761c8;
}

.messageUnreadCount1 .ant-badge-count {
  z-index: auto;
  width: fit-content;
  height: 20px;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  text-align: center;
  background: #3761c8;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #fff;
  font-weight: 700;
  border-color: #3761c8;
}

.layout-header {
  position: fixed;
  z-index: 99;
  width: 60%;
}

.layout {
  border-radius: 8px;
  margin: 0 auto;
  --antd-wave-shadow-color: rgba(255, 255, 255, 0) !important;
  padding: 0px 16px;
}

.layout-component {
  font-family: "Aktiv";
}

.layout-user-details {
  padding-top: 80px;
  padding-left: 100px;
}

@media (max-width: 1024px) {
  .layout-component {
    margin-left: 0px;
  }
  .layout-user-details {
    padding-left: 0px;
  }
}
@media (max-width: 768px) {
  .layout-user-details {
    padding-top: 0px;
    padding-left: 0px;
  }
}
.service_agreement_modal .modal_agrrement_type {
  display: flex;
  background: #3761c8;
  height: 40px;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  color: #f0ede4;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  margin: 0px 10px;
  padding: 9px 24px;
  cursor: pointer;
}

@media (max-width: 767px) {
  .service_agreement_modal .modal_agrrement_type {
    padding: 8px;
    font-size: 14px;
    line-height: 20px;
  }
}
.service_agreement_modal .modal_agrrement_type1 {
  display: flex;
  background: transparent;
  height: 40px;
  border: 2px solid #3761c8;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  color: #3761c8;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  margin: 0px 10px;
  padding: 9px 24px;
  cursor: pointer;
}

@media (max-width: 767px) {
  .service_agreement_modal .modal_agrrement_type1 {
    padding: 8px;
    font-size: 14px;
    line-height: 20px;
  }
}
.service_agreement_modal span.ant-modal-close-x {
  margin-right: 20px !important;
  margin-top: 20px !important;
  color: #777777 !important;
  font-weight: bold !important;
  display: none !important;
}

.agreement_modal_wrap_calss_name .service_agreement_modal {
  width: 609px !important;
}

.service_agreement_modal .ant-modal-content {
  border-radius: 20px;
  padding: 20px !important;
  width: 609px !important;
  height: 256px !important;
}

@media (max-width: 767px) {
  .service_agreement_modal .ant-modal-content {
    width: 100% !important;
    height: 100% !important;
    padding: 16px !important;
  }
  .service_agreement_modal .ant-modal-content .ant-modal-body {
    padding: 0px !important;
  }
}
.service_agreement_modal .modal_agrrement_type:hover {
  background: #638ae9 !important;
  color: #f0ede4 !important;
}

.service_agreement_modal .modal_agrrement_type1:hover {
  border: 2px solid #3761c8;
  color: #3761c8 !important;
}

.risk-profile-container {
  padding: 20px;
  margin-top: 4px;
}

.risk-profile-container h6.topSmall {
  font-size: 10px;
  color: #638ae9;
  font-family: "Aktiv-Bold";
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

.risk-profile-container .rmrp .btnCustomClickEnabled.btnBackgroundWhite {
  background: #ffffff !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
}

.risk-profile-container .rmrp p {
  color: #1f1f1f;
  font-family: "Aktiv-Bold";
  margin-left: 30px;
}

.risk-profile-container span.clBtn {
  color: #040404;
  border: 2px solid #040404;
  font-size: 16px;
  padding: 4px 30px;
  border-radius: 10px;
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: 22px;
  cursor: pointer;
}

.risk-profile-container h6.bottomSmall {
  font-size: 14px;
  color: #1f1f1f;
  margin-bottom: 40px;
  margin-top: 18px !important;
  width: 400px;
}

.risk-profile-container h1 {
  width: 430px;
  line-height: 40px;
  font-family: "Aktiv-Bold";
  font-size: 32px;
  margin-bottom: 8px;
}

.risk-profile-container span.numberInt {
  font-size: 24px;
  font-weight: 700;
  margin-right: 7px;
  font-family: "Aktiv-Bold";
}

.risk-profile-container span.numberStr {
  position: relative;
  top: 5px;
  color: #999999;
  font-weight: 600;
  font-family: "Aktiv-Bold";
}

.risk-profile-container .btnCustom {
  text-align: center;
  background: white;
  padding: 20px;
  width: 93%;
  height: 70px;
  margin-top: 16px;
  border-radius: 8px;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  cursor: pointer;
}

.risk-profile-container .btnCustomLarge {
  text-align: center;
  background: white;
  padding: 20px;
  width: 96%;
  height: 70px;
  margin-top: 16px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  cursor: pointer;
}

.risk-profile-container .btnCustomClick {
  background: #cccccc !important;
  width: 96% !important;
  border-radius: 14px !important;
  text-align: center !important;
  color: white !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  padding: 16px !important;
  margin-top: 35px !important;
  cursor: pointer !important;
  height: 60px !important;
  width: 100% !important;
  line-height: 28px;
  font-family: "Aktiv-Bold";
}

.risk-profile-container .backArrow .icon-span {
  margin-right: 10px;
  font-size: 20px;
  color: #3761c8;
  position: relative;
  top: 10px;
}

.risk-profile-container .backArrow .text-span {
  margin-right: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #3761c8;
  font-family: "Aktiv-Bold";
}

.risk-profile-container .backArrow {
  margin-left: 39px;
  margin-top: 24px;
  cursor: pointer;
}

.risk-profile-container .active1,
.risk-profile-container .active2,
.risk-profile-container .active3,
.risk-profile-container .active4,
.risk-profile-container .active0 {
  background: #000000;
}

.risk-profile-container .active1 .numberInt,
.risk-profile-container .active2 .numberInt,
.risk-profile-container .active3 .numberInt,
.risk-profile-container .active4 .numberInt,
.risk-profile-container .active0 .numberInt {
  color: #ffffff;
}

.risk-profile-container .active1 .numberStr,
.risk-profile-container .active2 .numberStr,
.risk-profile-container .active3 .numberStr,
.risk-profile-container .active4 .numberStr,
.risk-profile-container .active0 .numberStr {
  color: #999999;
}

.risk-profile-container .btnCustomClickEnabled {
  background: #000000 !important;
  width: 96% !important;
  border-radius: 14px !important;
  text-align: center !important;
  color: white !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  padding: 16px !important;
  margin-top: 35px !important;
  cursor: pointer !important;
  height: 60px !important;
  width: 100% !important;
  border-color: #000000 !important;
}

.risk-profile-container .btnCustomClickEnabled span {
  font-size: 24px;
  line-height: 28px;
  font-family: "Aktiv-Bold";
}

.risk-profile-container .customCheckBox {
  background: white;
  margin-bottom: 16px;
  padding: 20px;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  cursor: pointer;
  padding-left: 51px;
  padding-bottom: 16px;
}

.risk-profile-container .active0K_200K,
.risk-profile-container .active0K_10M,
.risk-profile-container .active0K_1M,
.risk-profile-container .active200K_1M,
.risk-profile-container .active10M_60M,
.risk-profile-container .active1M_2M,
.risk-profile-container .active60M_110M,
.risk-profile-container .active6M_10M,
.risk-profile-container .active2M_MORE,
.risk-profile-container .active110M_MORE,
.risk-profile-container .active10M_MORE,
.risk-profile-container .active0K_150K,
.risk-profile-container .active36k_72k,
.risk-profile-container .active150K_360K,
.risk-profile-container .active1M_2Mnew,
.risk-profile-container .active54M_10725M,
.risk-profile-container .active8M_16M,
.risk-profile-container .active720K_143M,
.risk-profile-container .active1M_6M {
  background: black;
  margin-bottom: 16px;
  padding: 20px;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  cursor: pointer;
  padding-left: 53px;
  padding-bottom: 16px;
  display: flex;
  justify-content: space-between;
}

.risk-profile-container .activeMAKING_INVESTMENTS,
.risk-profile-container .activePURCHASE_OF_HOUSE,
.risk-profile-container .activeFINANCE_EXPENSES,
.risk-profile-container .activeHAVENT_BORROWED {
  background: black;
  margin-bottom: 16px;
  padding: 20px;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  cursor: pointer;
  padding-left: 53px;
  padding-bottom: 16px;
}

.risk-profile-container .activeMAKING_INVESTMENTS span,
.risk-profile-container .activePURCHASE_OF_HOUSE span,
.risk-profile-container .activeFINANCE_EXPENSES span,
.risk-profile-container .activeHAVENT_BORROWED span,
.risk-profile-container .active2M_MORE span,
.risk-profile-container .active1M_2M span,
.risk-profile-container .active200K_1M span,
.risk-profile-container .active0K_200K span,
.risk-profile-container .active0K_10M span,
.risk-profile-container .active0K_1M span,
.risk-profile-container .active10M_60M span,
.risk-profile-container .active60M_110M span,
.risk-profile-container .active6M_10M span,
.risk-profile-container .active110M_MORE span,
.risk-profile-container .active10M_MORE span,
.risk-profile-container .active0K_150K span,
.risk-profile-container .active36k_72k span,
.risk-profile-container .active150K_360K span,
.risk-profile-container .active1M_2Mnew span,
.risk-profile-container .active54M_10725M span,
.risk-profile-container .active8M_16M span,
.risk-profile-container .active720K_143M span,
.risk-profile-container .active1M_6M span {
  color: white;
}

.risk-profile-container .borrowMoneyBoxSpan {
  position: relative;
  top: 0px;
  left: 24px;
  font-size: 16px;
  font-weight: 500;
  font-family: "Aktiv-Bold";
}

@media (max-width: 767px) {
  .risk-profile-container .borrowMoneyBoxSpan {
    font-size: 14px;
  }
}
.risk-profile-container .liquidNetWorthBoxSpan {
  font-size: 24px;
  font-family: "Aktiv-Bold";
}

.risk-profile-container .liquidNetWorthBoxSpan-flag {
  float: right;
  position: relative;
  top: 7px;
  color: #1f1f1f;
  font-family: "Aktiv-Bold";
  right: 22px;
}

.risk-profile-container .btnCol {
  text-align: center;
  margin-top: 40px;
}

.risk-profile-container span.lossOfNetWorthBoxIcon {
  font-size: 19px;
  font-weight: 600;
  float: left;
}

.risk-profile-container span.lossOfNetWorthBoxSpan {
  font-size: 20px;
  font-weight: 700;
  padding-left: 106px;
  font-family: "Aktiv-Bold";
}

.risk-profile-container .customCheckBoxForLossOfNetWorth,
.risk-profile-container .customCheckBoxExperience {
  background: white;
  margin-bottom: 16px;
  padding: 20px 40px;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  cursor: pointer;
  padding-bottom: 16px;
}

.risk-profile-container .customCheckBoxExperience {
  height: 86px;
}

.risk-profile-container .activeLossOfNetWorthNO_LOSS,
.risk-profile-container .activeLossOfNetWorthLOST_LESS_THAN_10,
.risk-profile-container .activeLossOfNetWorthLOST_BETWEEN_10_20,
.risk-profile-container .activeLossOfNetWorthLOST_MORE_THAN_20,
.risk-profile-container .activeExperienceSIGNIFICANT_EXPERIENCE,
.risk-profile-container .activeExperienceBASIC_EXPERIENCE,
.risk-profile-container .activeExperienceLITTLE_OR_NO_EXPERIENCE {
  background: black;
  margin-bottom: 16px;
  padding: 20px 40px;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  cursor: pointer;
  padding-bottom: 16px;
}

.risk-profile-container .activeLossOfNetWorthLOST_MORE_THAN_20 span.lossOfNetWorthBoxSubtext {
  color: #999999;
  font-size: 12px;
  margin-left: 7px;
  font-weight: 600;
}

.risk-profile-container span.lossOfNetWorthBoxSubtext {
  color: #999999;
  font-size: 14px;
  margin-left: 7px;
  font-weight: 600;
  font-family: "Aktiv-Bold";
}

.risk-profile-container .activeExperienceSIGNIFICANT_EXPERIENCE,
.risk-profile-container .activeExperienceBASIC_EXPERIENCE,
.risk-profile-container .activeExperienceLITTLE_OR_NO_EXPERIENCE {
  height: 86px;
  padding: 20px 40px;
}

.risk-profile-container .activeLossOfNetWorthNO_LOSS span,
.risk-profile-container .activeLossOfNetWorthLOST_LESS_THAN_10 span,
.risk-profile-container .activeLossOfNetWorthLOST_BETWEEN_10_20 span,
.risk-profile-container .activeLossOfNetWorthLOST_MORE_THAN_20 span {
  color: white;
}

.risk-profile-container h6.exp-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0px;
  font-family: "Aktiv-Bold";
}

.risk-profile-container p.exp-text {
  margin-bottom: 0px;
  font-family: "Aktiv-Bold";
  font-size: 12px;
}

.risk-profile-container p.exp-subtitle {
  color: #999999;
  font-size: 12px;
  line-height: 18px;
  width: 120px;
  position: relative;
  top: 5px;
}

.risk-profile-container .activeExperienceSIGNIFICANT_EXPERIENCE h6,
.risk-profile-container .activeExperienceSIGNIFICANT_EXPERIENCE p,
.risk-profile-container .activeExperienceBASIC_EXPERIENCE h6,
.risk-profile-container .activeExperienceBASIC_EXPERIENCE p,
.risk-profile-container .activeExperienceLITTLE_OR_NO_EXPERIENCE h6,
.risk-profile-container .activeExperienceLITTLE_OR_NO_EXPERIENCE p {
  color: white;
}

.risk-profile-container .multi-select h6.exp-title {
  float: left;
  margin-right: 12px;
  margin-bottom: 14px;
  padding: 10px 16px;
  background: white;
  border-radius: 34px;
  cursor: pointer;
}

.risk-profile-container .selected4,
.risk-profile-container .selected5,
.risk-profile-container .selected1,
.risk-profile-container .selected2,
.risk-profile-container .selected3,
.risk-profile-container .selected6,
.risk-profile-container .selected8,
.risk-profile-container .selected7,
.risk-profile-container .selected9 {
  float: left;
  margin-right: 12px;
  margin-bottom: 14px;
  background: black;
  border-radius: 34px;
  cursor: pointer;
  color: white;
  font-size: 20px;
  padding: 10px 16px;
  font-weight: 700;
}

.risk-profile-container .rpComplete {
  margin-top: 100px;
}

.risk-profile-container .risk-status-img-container {
  position: absolute;
  left: 60%;
  top: 22%;
}

.risk-profile-container p.low-risk span {
  background: #c3efdc;
  color: #00b267;
  padding: 7px 20px;
  border-radius: 23px;
  font-size: 16px;
}

.risk-profile-container p.low-risk {
  margin-top: 16px;
}

.risk-profile-container h1.risk-profile-state {
  font-weight: 900;
  font-size: 40px;
}

.risk-profile-container p.retake-rp {
  color: #3761c8;
  margin-top: 14px;
  font-size: 16px;
  font-family: "Aktiv-Bold";
  cursor: pointer;
}

.risk-profile-container .slider-container {
  margin-top: 100px;
}

.risk-profile-container .slider-custom .ant-slider-step {
  background: black;
  height: 2px;
}

.risk-profile-container .slider-custom .ant-slider-dot {
  background: black;
  border: 2px solid #000000;
  height: 14px;
  border-radius: 0px;
  width: 1px;
  top: -6px;
}

.risk-profile-container .slider-custom .ant-slider-handle {
  border: 16px solid #000000 !important;
  height: 37px;
  width: 37px;
  top: -9px;
  padding: 0px;
  border-radius: 26%;
}

.risk-profile-container .slider-custom .ant-slider-handle:focus {
  border-color: #000000;
  box-shadow: 0 0 0 5px rgba(3, 13, 22, 0.12);
}

.risk-profile-container .slider-custom .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: #000000;
}

.risk-profile-container .slider-custom .ant-slider-track {
  height: 0px;
}

.risk-profile-container .custom-toop-tip {
  position: relative;
}

.risk-profile-container .custom-toop-tip .toolTips {
  background: black;
  color: #ffffff;
  position: relative;
  top: -90px;
  padding: 3px;
  border-radius: 7px;
}

.risk-profile-container .custom-toop-tip .toolTips p {
  text-align: center;
  width: 110px;
  margin-bottom: 0px;
}

.risk-profile-container .custom-toop-tip .toolTips .toolTipsPercent {
  background: white;
  color: black;
  padding: 0px 10px;
  border-radius: 10px;
  margin-right: 8px;
}

.risk-profile-container .custom-toop-tip .toolTips .toolTipsPercentGray {
  background: #999999;
  color: black;
  padding: 0px 10px;
  border-radius: 10px;
  margin-right: 8px;
}

.risk-profile-container .custom-toop-tip .toolTips .tooltip-point {
  width: 10px;
  height: 10px;
  position: absolute;
  background: black;
  left: 45%;
  rotate: 23%;
  transform: rotate(-45deg);
  top: 45px;
}

.risk-profile-container .aiCheckScreen p {
  color: #777777;
}

.risk-profile-container .aiCheckScreen h6.innerHeading {
  font-size: 16px;
  margin-bottom: 0px;
  font-family: "Aktiv-Bold";
}

.risk-profile-container .aiCheckScreen .btnCustomClickEnabled.btnBackgroundWhite {
  background: transparent !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  margin-top: 16px !important;
}

.risk-profile-container .aiCheckScreen .btnCustomClickEnabled {
  border: 2px solid #000000 !important;
}

.risk-profile-container .aiCheckScreen .aiPoints {
  margin-top: 50px;
}

.risk-profile-container .uploadWrap {
  padding: 50px;
  background: white;
  margin-top: 100px;
}

.risk-profile-container .rpResult {
  margin-top: 150px;
}

.risk-profile-container .uploadWrap .ant-upload.ant-upload-drag {
  border: 1px dashed #cccccc;
  border-radius: 14px;
}

.risk-profile-container .uploadWrap Button {
  margin-top: 44px;
  background: #3761c8;
  border-color: #3761c8;
  padding: 5px 18px 26px 18px;
  border-radius: 7px;
}

.risk-profile-container .uploadWrap p.ant-upload-hint {
  width: 150px;
  text-align: center;
  margin: 0 auto;
}

.risk-profile-container .uploadWrap p.ant-upload-drag-icon .anticon {
  color: #000000;
  font-size: 48px;
}

.risk-profile-container .uploadWrap .ant-upload-btn {
  display: table;
  height: 100%;
  padding: 30px;
}

.risk-profile-container .rpComplete h1 {
  color: #3761c8;
  font-size: 34px;
  line-height: 40px;
  width: 100%;
}

.risk-profile-container .rpComplete button {
  background: #000000 !important;
  border-radius: 5px !important;
  text-align: center !important;
  color: white !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  padding: 16px !important;
  margin-top: 35px !important;
  cursor: pointer !important;
  height: 60px !important;
  width: 75% !important;
  border-color: #000000 !important;
}

.risk-profile-container span.rightPattern {
  position: absolute;
  right: 0;
}

.risk-profile-container span.leftPattern {
  position: absolute;
  left: 0;
}

.risk-profile-container span.rightPattern img,
.risk-profile-container span.leftPattern img {
  height: 600px !important;
}

.risk-profile-container p.learnMoreAbtAI {
  color: #3761c8 !important;
  text-align: center;
  margin-top: 16px;
  font-size: 15px;
  cursor: pointer;
}

.risk-profile-container .lnw .customCheckBox {
  padding-left: 40px;
}

.risk-profile-container .active0K_200K,
.risk-profile-container .active0K_10M,
.risk-profile-container .active0K_1M,
.risk-profile-container .active200K_1M,
.risk-profile-container .active10M_60M,
.risk-profile-container .active1M_2M,
.risk-profile-container .active60M_110M,
.risk-profile-container .active6M_10M,
.risk-profile-container .active2M_MORE,
.risk-profile-container .active110M_MORE,
.risk-profile-container .active10M_MORE,
.risk-profile-container .active0K_150K,
.risk-profile-container .active36k_72k,
.risk-profile-container .active150K_360K,
.risk-profile-container .active1M_2Mnew,
.risk-profile-container .active54M_10725M,
.risk-profile-container .active8M_16M,
.risk-profile-container .active720K_143M,
.risk-profile-container .active1M_6M {
  padding-left: 40px;
}

.otp-modal-container span.wrong_otp_msg {
  float: left;
  width: 220px;
  text-align: left;
  color: #db5454;
}

.otp-modal-container .ant-modal-header {
  border: 0px;
  font-family: "Aktiv-Bold";
}

.otp-modal-container .ant-modal-body {
  padding-top: 0px;
}

.modal-container-text {
  color: #777777;
  margin-bottom: 32px;
  width: 88%;
}

.ant-modal-wrap .otp-modal-container {
  width: 700px !important;
}

.ant-modal.otp-modal-container .ant-modal-content {
  padding: 28px;
  border-radius: 16px;
}

.modal-container-text p {
  font-size: 16px;
}

.otp-modal-container .ant-modal-title {
  font-size: 18px;
  font-family: "Aktiv-Bold" !important;
}

.resend-verification-code {
  color: #3761c8;
  font-size: 16px;
  font-weight: 600;
  margin-right: 22px !important;
  cursor: pointer;
}

.otp-modal-container .ant-modal-footer {
  border: 0px;
}

@media (max-width: 767px) {
  .otp-modal-container .ant-modal-footer {
    padding: 10px 0px;
  }
}
.otp-modal-submit {
  background: #3761c8 !important;
  border-color: #3761c8 !important;
  border-radius: 8px !important;
  padding: 0px 22px !important;
  font-family: "Aktiv-Bold";
}

@media (max-width: 767px) {
  .otp-modal-submit {
    padding: 0px 12px !important;
  }
}
.opt-input-container {
  position: relative;
}

.opt-input-container .loader-container {
  position: absolute;
  width: 100%;
  top: 90px;
  right: 0;
  left: 0;
  text-align: center;
}

.react-otp-container {
  width: 53%;
  margin: 0 auto;
}

.react-otp-input,
.react-otp-input-error,
.react-otp-input-verified {
  border: 1px solid rgba(196, 196, 196, 0.3);
  border-radius: 6px;
  width: 100% !important;
  margin: 5px;
  padding: 12px;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
}

.react-otp-input-error {
  border: 1px solid #d64e24 !important;
}

.react-otp-input-verified {
  border: 1px solid #229c74;
}

.verified-chip,
.wrong-otp-chip {
  padding: 4px 8px;
  margin-top: 10px;
  color: #ffffff;
  font-weight: 500;
  border-radius: 25px;
}

.verified-chip {
  background-color: #229c74;
}

.wrong-otp-chip {
  background-color: #d64e24;
}

.liquidModal .ant-modal-footer {
  text-align: center;
}

.liquidModal .ant-modal-footer .ant-btn-default {
  display: none;
}

.liquidModal .ant-modal-footer button.ant-btn.ant-btn-primary {
  background: white !important;
  border: 0px !important;
  box-shadow: unset;
}

.liquidModal .ant-modal-footer button.ant-btn.ant-btn-primary span {
  color: #3761c8 !important;
  font-family: "Aktiv-Bold";
}

.liquidModal .ant-modal-title {
  font-family: "Aktiv-Bold";
}

.billingTypeInfo li {
  list-style: none;
  margin-bottom: 22px;
  color: #777777;
}

.billingTypeInfo li span.tick-bi {
  color: #3761c8;
  margin-right: 16px;
}

.billingTypeInfo ul {
  padding-left: 0px;
  margin-top: 30px;
}

.billingTypeInfo .ant-modal-header {
  border: 0px;
  padding-bottom: 0px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  padding: 40px 40px 0px 40px;
}

.bi-content p {
  color: #777777;
}

.billingTypeInfo .ant-modal-footer {
  border: 0px;
  padding: 0px 40px 22px 40px;
}

.billingTypeInfo button.ant-btn {
  border: 0px;
  color: #3761c8;
}

.billingTypeInfo button.ant-btn.ant-btn-primary {
  background: #3761c8;
  border: 1px solid #3761c8;
  border-radius: 7px;
  color: white !important;
}

.ant-modal.billingTypeInfo .ant-modal-content {
  border-radius: 7px !important;
}

.billingTypeInfo .ant-modal-body {
  padding: 16px 24px 40px 40px;
}

.forAiPoints li span {
  width: 90%;
  display: inline-block;
}

.forAiPoints span.tick-bi {
  width: 5% !important;
  position: relative;
  top: -18px;
}

.ant-modal.billingTypeInfo {
  width: 622px !important;
}

.rmrp .bottomSmall {
  position: static;
  width: 512px;
  height: 40px;
  left: 0px;
  top: 88px;
  font-family: "Aktiv Grotesk Corp";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #777777;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 8px 0px;
}

.rmrp .rmwp {
  position: static;
  width: 326px;
  height: 24px;
  left: 0px;
  top: 0px;
  font-family: "Aktiv Grotesk Corp";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #1f1f1f;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 4px 0px;
}

.rmrp .rmwp .rmprow {
  width: 568px !important;
  background-color: red;
}

.rmrp .rmaclearn {
  text-align: center;
  font-family: "Aktiv Grotesk Corp";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #3761c8;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 0px 16px;
}

@media (min-width: 1024px) {
  .hide-desktop-screen {
    display: none;
  }
}
.uploadAiProofImage {
  width: 100%;
  height: 100%;
}

.reports-wrap {
  padding: 40px 0px;
  max-width: 1400px;
  margin: 0 auto;
  margin-top: 50px;
}

@media (max-width: 1023px) {
  .reports-wrap {
    margin-top: 20px;
  }
}
.reports-wrap p {
  color: #999999;
  margin: 0px;
}

.reports-wrap h6 {
  font-size: 18px;
}

.reports-wrap .reportBanner {
  background: #f0ede4;
  width: 98%;
  position: relative;
  border-radius: 16px;
}

@media (max-width: 767px) {
  .reports-wrap .reportBanner {
    padding: 0px;
  }
}
.reports-wrap .reportBanner p {
  padding: 49.5px 48px;
}

@media (max-width: 767px) {
  .reports-wrap .reportBanner p {
    padding-top: 0px;
    padding-left: 46px;
    padding-right: 46px;
  }
}
.reports-wrap .reportBanner .headerBannerMob {
  width: 100%;
  max-height: 192px;
}

.reports-wrap .reportBanner .headerBannerTab {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 auto;
  text-align: right;
  height: 100%;
}

.reports-wrap .reportBanner .headerBannerTab img {
  width: 95%;
  height: 100%;
}

.reports-wrap .reportBanner .headerBannerCenter {
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}

.reports-wrap .reportBanner .headerBannerRight {
  position: absolute;
  top: -10%;
  right: 5%;
  margin: 0 auto;
  text-align: center;
}

.reports-wrap span.headerBanner {
  position: absolute;
  right: 0;
  top: -28px;
}

.reports-wrap .reportBanner p {
  font-size: 18px;
  color: #777777;
}

@media (max-width: 767px) {
  .reports-wrap .reportBanner p {
    font-size: 14px;
    text-align: center;
  }
}
.reports-wrap .report-box {
  background: #ffffff;
  padding: 16px;
  padding-bottom: 0px;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  cursor: pointer;
  border-radius: 8px;
}

.reports-wrap .report-box p {
  width: 100%;
}

@media (max-width: 767px) {
  .reports-wrap .report-box {
    padding: 16px;
  }
}
.reports-wrap .report-cards {
  margin-top: 40px;
}

.reports-wrap div.report-card-img {
  align-self: flex-end;
  margin-top: auto;
  display: flex;
  align-items: flex-end;
}

.reports-wrap div.report-card-img span {
  margin-top: auto;
}

.report_select_tax_statement .ant-select-selector {
  width: 286px !important;
  height: 32px !important;
  background: #ffffff !important;
  border: 1px solid #cccccc !important;
  border-radius: 8px !important;
}

.nda-documents .ant-modal-body {
  overflow: hidden;
}

.nda-documents .ant-modal-body object {
  height: calc(100% + 56px);
}

.report_select_tax_statement .ant-select-selector {
  width: 286px !important;
  height: 32px !important;
  background: #ffffff !important;
  border: 1px solid #cccccc !important;
  border-radius: 8px !important;
}

.exportBtnCashTransfer {
  position: absolute;
  top: 0px;
  right: 20px;
  z-index: 2;
}

.exportBtnCashTransfer .export-btn-cashtransfer {
  right: 0px;
  text-align: right;
  padding-right: 57px;
  position: absolute;
  cursor: pointer;
  color: white;
  background: black;
  padding: 0px 18px;
  font-size: 14px;
  border-radius: 8px;
  border: 1px solid black;
}

.exportBtnCashTransfer .export-btn-cashtransfer:hover {
  right: 0px;
  text-align: right;
  padding-right: 57px;
  position: absolute;
  cursor: pointer;
  color: white;
  background: black;
  padding: 0px 18px;
  font-size: 14px;
  border-radius: 8px;
  border: 1px solid black;
}

.exportBtnCashTransfer .export-btn-cashtransfer:focus {
  right: 0px;
  text-align: right;
  padding-right: 57px;
  position: absolute;
  cursor: pointer;
  color: white;
  background: black;
  padding: 0px 18px;
  font-size: 14px;
  border-radius: 8px;
  border: 1px solid black;
}

.nda-documents .ant-modal-body {
  overflow: hidden;
}

.nda-documents .ant-modal-body object {
  margin-top: -56px;
  height: calc(100% + 56px);
}

.report-detail-wrap {
  padding: 30px;
}

.report-detail-wrap .month-loader-setting {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0px;
  margin-left: 10px;
  padding: 8px;
  border-radius: 50%;
  border: 1px solid #f7f5f2;
  background: #fff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
}

.report-detail-wrap .month-loader-setting .loader-size .ant-spin {
  height: 24px;
  width: 24px;
  align-items: center;
  display: flex;
  justify-content: center;
}

@media (max-width: 767px) {
  .report-detail-wrap {
    padding: 14px 0px !important;
  }
}
.report-detail-wrap .copyIconSpan {
  cursor: pointer;
}

.report-detail-wrap .copyIconSpan img {
  width: 16px !important;
}

.report-detail-wrap .textAlignLeft {
  width: 170px;
}

.report-detail-wrap .ant-table-pagination.ant-pagination {
  margin: 16px 0;
  padding-right: 25px;
}

.report-detail-wrap .fundTransferWrap td {
  text-align: center;
}

.report-detail-wrap .ant-tabs-tabpane {
  padding-left: 0px !important;
}

.report-detail-wrap span.filterIcon {
  position: relative;
  top: 5px;
  left: 5px;
  cursor: pointer;
}

.report-detail-wrap .filterIcon img {
  width: 20px !important;
  padding: 5px !important;
}

.report-detail-wrap span.filterIcon span {
  padding: 1px !important;
  border-radius: 3px;
}

.report-detail-wrap .fundTransferWrap {
  border-bottom: 1px solid #f0ede4;
}

.report-detail-wrap span.leftPattern {
  position: absolute;
  left: 0px;
}

.report-detail-wrap .ant-radio-group.ant-radio-group-outline.holdingTabs {
  margin-top: -8px;
}

.report-detail-wrap .holdingTabs {
  display: flex;
  overflow: auto;
  white-space: nowrap;
}

.report-detail-wrap .holdingTabs::-webkit-scrollbar {
  display: none;
}

.report-detail-wrap span.icon-span {
  margin-right: 8px;
  color: #3761c8;
  cursor: pointer;
}

.report-detail-wrap span.text-span {
  color: #3761c8;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
}

.report-detail-wrap .report-detail-content {
  width: 100%;
  margin: 22px auto;
}

.report-detail-wrap .tabs-wrap .ant-tabs-tab div {
  margin: 0 auto;
  color: #777;
  font-size: 16px;
  padding: 5px 0px;
}

.report-detail-wrap .tabs-wrap .ant-tabs-nav {
  background: #faf9f6;
  border-radius: 16px;
}

.report-detail-wrap .tabs-wrap .ant-tabs-nav .ant-tabs-tab {
  padding: 16px 20px;
  border-bottom: 2px solid #f0ede4;
  margin: 0px !important;
  border-right: 2px solid white;
  z-index: 2;
  width: 205px;
  white-space: normal;
}

.report-detail-wrap .tabs-wrap .ant-tabs-content-holder {
  background: white;
}

.report-detail-wrap .tabs-wrap .ant-tabs-content-holder {
  background: white;
}

.report-detail-wrap .tabs-wrap .ant-tabs-tab.ant-tabs-tab-active {
  background: white;
}

.report-detail-wrap .tabs-wrap .ant-tabs-tab.ant-tabs-tab-active div {
  color: #1f1f1f;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 767px) {
  .report-detail-wrap .tabs-wrap-mob .ant-tabs-tab {
    padding: 0px !important;
    width: unset !important;
    white-space: nowrap !important;
    border: 0px !important;
    background: transparent !important;
    margin-left: 8px;
  }
  .report-detail-wrap .tabs-wrap-mob .ant-tabs-tab div {
    padding: 8px 18px;
    border-radius: 24px;
  }
  .report-detail-wrap .tabs-wrap-mob .ant-tabs-tab-active {
    outline: none !important;
  }
  .report-detail-wrap .tabs-wrap-mob .ant-tabs-tab-active div {
    border: 2px solid #3761c8;
    color: #3761c8;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    outline: none !important;
  }
  .report-detail-wrap .tabs-wrap-mob .ant-tabs-ink-bar {
    display: none;
  }
}
.report-detail-wrap .detail-head-left p {
  color: #777777;
  font-size: 20px;
}

@media (max-width: 767px) {
  .report-detail-wrap .detail-head-left p {
    font-size: 10px;
    line-height: 14px;
    color: #777;
  }
}
.report-detail-wrap .detail-head-left h5 {
  color: #1f1f1f;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Aktiv-Bold";
}

.report-detail-wrap .detail-head-left h6 {
  color: #999999;
  font-size: 12px;
  font-weight: 300;
}

.report-detail-wrap .select-account-dropdown .ant-select-selector {
  border: 0px !important;
  padding: 0px 11px 0px !important;
  height: 32px !important;
}

.report-detail-wrap .detail-head-right p {
  color: #999999;
  font-weight: 500;
  font-size: 16px;
}

.report-detail-wrap .export-btn {
  right: 0px;
  margin-top: 58px;
  text-align: right;
  padding-right: 57px;
  position: absolute;
  cursor: pointer;
  color: white;
  background: black;
  padding: 0px 18px;
  font-size: 14px;
  border-radius: 8px;
  border: 1px solid black;
}

.report-detail-wrap .export-btn:hover {
  right: 0px;
  margin-top: 58px;
  text-align: right;
  padding-right: 57px;
  position: absolute;
  cursor: pointer;
  color: white;
  background: black;
  padding: 0px 18px;
  font-size: 14px;
  border-radius: 8px;
  border: 1px solid black;
}

.report-detail-wrap .export-btn:focus {
  right: 0px;
  margin-top: 58px;
  text-align: right;
  padding-right: 57px;
  position: absolute;
  cursor: pointer;
  color: white;
  background: black;
  padding: 0px 18px;
  font-size: 14px;
  border-radius: 8px;
  border: 1px solid black;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .report-detail-wrap .export-btn {
    margin-top: 0px;
  }
  .report-detail-wrap .export-btn:hover {
    margin-top: 0px;
  }
  .report-detail-wrap .export-btn:focus {
    margin-top: 0px;
  }
}
@media (max-width: 767px) {
  .report-detail-wrap .export-btn {
    margin-top: 0px;
  }
  .report-detail-wrap .export-btn:hover {
    margin-top: 0px;
  }
  .report-detail-wrap .export-btn:focus {
    margin-top: 0px;
  }
}
.report-detail-wrap .tabs-wrap .ant-tabs-content-holder {
  padding-top: 35px;
  border-radius: 10px;
  border-top-left-radius: 0px;
}

.report-detail-wrap .detail-head-left h1 {
  font-size: 32px;
  margin-bottom: 16px;
  font-family: "Aktiv-Bold";
  color: #1f1f1f;
}

@media (max-width: 767px) {
  .report-detail-wrap .detail-head-left h1 {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 1023px) {
  .report-detail-wrap .detail-head-left h1 {
    font-size: 28px;
    line-height: 32px;
  }
}
.report-detail-wrap .select-account-dropdown {
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
}

.report-detail-wrap .monthy-report-divider {
  border: 2px solid #ccc;
  margin-top: 32px;
}

.report-detail-wrap .report-list p {
  position: unset;
  color: #363636;
  font-size: 14px;
  margin-bottom: 0px;
  cursor: pointer;
}

.report-detail-wrap .report-list h6 p {
  color: #999999;
  font-size: 12px;
  letter-spacing: 1px;
}

.report-detail-wrap .report-list {
  padding: 10px 0px;
  border-bottom: 1px solid #ccc !important;
  margin-top: 16px;
}

.report-detail-wrap .report-list-monthly-report {
  padding: 20px 36px 20px 24px;
  background: #faf9f6;
  border-radius: 8px;
  margin-top: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.report-detail-wrap .report-list-monthly-report .identifier {
  width: 4px;
  border-radius: 8px;
  height: 48px;
}

.report-detail-wrap .report-list-monthly-report p {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #040404;
  margin-bottom: 0px !important;
}

.report-detail-wrap .report-list-monthly-report h6 p {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #999999;
  margin-bottom: 0px !important;
  margin-top: 8px !important;
}

.report-detail-wrap .ant-pagination-options {
  display: none;
}

.report-detail-wrap .ant-row:last-child .report-list {
  border: 0px;
}

.report-detail-wrap .detail-head-right.detail-head-right-non-account {
  background: #f7f5f2;
  height: 1000px;
  margin: 30px;
  padding: 0px 36px;
  border-radius: 10px;
}

.report-detail-wrap .pagination-wrap.downloadableReportPage li.ant-pagination-total-text {
  position: unset;
  float: left;
}

.report-detail-wrap .detail-head-right.detail-head-right-non-account p {
  text-align: center;
  position: relative;
  top: 20%;
  font-family: "Aktiv-Bold";
  text-transform: uppercase;
}

.report-detail-wrap .pagination-wrap {
  margin: 10px;
  width: 96%;
  text-align: right;
}

.report-detail-wrap .report-data-table {
  width: 100%;
}

.report-detail-wrap .report-data-table .current-state-display {
  border-radius: 20px;
  padding: 4px 10px;
  white-space: nowrap;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
}

.report-detail-wrap .report-data-table th {
  color: #999999 !important;
  font-size: 12px;
  background: white;
  border-bottom: 1px solid #f0ede4;
  border-top: 1px solid #f0ede4;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "Aktiv-Bold";
  text-align: center;
  padding: 10px;
}

.report-detail-wrap .report-data-table td {
  color: #1f1f1f !important;
  font-size: 13px !important;
  padding: 16px 15px;
}

.report-detail-wrap .report-data-table th:before {
  display: none;
}

.report-detail-wrap .report-data-table .ant-table-tbody > tr > td {
  border-bottom: 0;
  border-right: 1px solid #f0ede4;
}

.report-detail-wrap .report-data-table-ft th {
  width: 300px;
}

.report-detail-wrap .report-data-table .ant-table-cell {
  text-align: center;
}

.report-detail-wrap .holdingTabs label.ant-radio-button-wrapper {
  margin-right: 0px;
  border-radius: 22px;
  padding: 0px 24px;
  border-width: 2px !important;
  border-color: white;
}

.report-detail-wrap .holdingTabs label.ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
  border-color: #3761c8 !important;
  border-width: 2px;
  background: white !important;
  border-radius: 18px !important;
}

.report-detail-wrap .actionCol {
  text-align: center;
  cursor: pointer;
}

.report-detail-wrap .holdingTabs label.ant-radio-button-wrapper.ant-radio-button-wrapper-checked span {
  color: #3761c8 !important;
  font-weight: 600;
}

.report-detail-wrap .holdingTabs label.ant-radio-button-wrapper span {
  text-transform: capitalize;
  color: black;
  font-family: "Aktiv-Bold";
}

.report-detail-wrap .holdingTabs .ant-radio-button-wrapper:not(:first-child)::before {
  content: none;
}

.report-detail-wrap .holdingTabs .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.report-detail-wrap .holdingTabs .ant-radio-button-wrapper:hover {
  color: #3761c8;
}

.report-detail-wrap .fundWithTabs .ant-tabs-nav {
  background: white !important;
  padding-left: 24px;
}

.report-detail-wrap .fundWithTabs .ant-tabs-nav::before {
  border: 0px;
}

.report-detail-wrap .tabs-wrap .fundWithTabs .ant-tabs-nav .ant-tabs-tab {
  border: 0px !important;
  padding: 0px;
  margin-right: 10px !important;
  width: 240px;
}

.report-detail-wrap .fundWithTabs .ant-tabs-ink-bar {
  height: 0px;
  background: transparent !important;
}

.report-detail-wrap .tabs-wrap .fundWithTabs .ant-tabs-tab div {
  border: 0px solid #cccccc;
  padding: 5px 22px;
  border-radius: 20px;
  color: #1f1f1f;
  font-family: "Aktiv-Bold";
}

.report-detail-wrap .ant-tabs-tab-active div {
  border-color: #3761c8 !important;
  border-radius: 20px;
  padding: 5px 22px;
}

.report-detail-wrap .fundWithTabs .ant-tabs-tab.ant-tabs-tab-active div {
  color: #3761c8 !important;
  font-weight: 600;
  border: 2px solid #3761c8 !important;
}

.report-detail-wrap .ant-tabs-tab:hover {
  color: #3761c8 !important;
}

.report-detail-wrap .fundWithTabs .ant-tabs-content-holder {
  padding-top: 0px !important;
}

.report-detail-wrap span.select-transation-dropdown {
  position: absolute;
  right: 40px;
  top: 40px;
}

.report-detail-wrap span.select-transation-dropdown p {
  color: #3761c8;
  border: 2px solid #3761c8;
  border-radius: 19px;
  padding: 2px 12px;
  cursor: pointer;
}

.report-detail-wrap .fundWithTabs .ant-table-tbody > tr > td {
  border-bottom: 0;
  border-right: 1px solid #f0ede4;
  width: 178px;
  text-align: center;
}

.report-detail-wrap .fundWithTabs .ant-table-tbody > tr > td .kristal-blue-80 {
  font-family: "Aktiv-Bold";
}

.report-detail-wrap .boldTotal {
  font-family: "Aktiv-Bold";
}

.report-detail-wrap li.ant-pagination-total-text {
  position: absolute;
  left: 20px;
}

@media (max-width: 767px) {
  .report-detail-wrap li.ant-pagination-total-text {
    position: absolute;
    left: 0px;
  }
}
.report-detail-wrap .ant-pagination-item-active a {
  color: #3761c8;
  background: #d2ddf9;
  border-radius: 5px;
}

.report-detail-wrap .ant-pagination-item-active {
  border-color: #3761c8;
  border-radius: 5px;
}

.report-detail-wrap li.ant-pagination-item {
  border-radius: 5px;
}

.report-detail-wrap .ant-pagination-next .ant-pagination-item-link {
  border-radius: 5px;
}

.report-detail-wrap .ant-pagination-disabled .ant-pagination-item-link {
  display: none;
}

.report-detail-wrap .report_btn_tax_statement {
  font-weight: 700;
  font-size: 16px;
  line-height: 28px;
  color: #f0ede4 !important;
  width: 284px;
  height: 46px;
  background: #1f1f1f !important;
  border-radius: 6px;
}

.report-detail-wrap .report_btn_tax_statement:hover {
  color: #f0ede4 !important;
  background: #1f1f1f !important;
}

.monthly-report-modal .ant-modal-content {
  border-radius: 8px !important;
}

.monthly-report-modal .ant-modal-body {
  padding: 0px 24px 24px !important;
}

.selectAccountPopup .ant-modal-header {
  border: 0px;
  border-radius: 7px !important;
  padding: 40px 40px 16px 40px;
}

.selectAccountPopup .ant-modal-body {
  padding: 24px 40px;
}

.selectAccountPopup button.ant-btn {
  border: 0px;
  color: #3761c8;
  font-weight: 700;
}

.selectAccountPopup button.ant-btn-primary {
  background: #3761c8;
  border-color: #3761c8;
  border-radius: 7px;
  color: white;
}

.selectAccountPopup .ant-modal-footer {
  border: 0px;
  padding: 0px 40px 40px 40px;
}

.ant-modal.selectAccountPopup .ant-modal-content {
  border-radius: 7px !important;
}

.ant-modal.selectAccountPopup .ant-modal-title {
  font-family: "Aktiv-Bold";
}

.ant-modal.selectAccountPopup .ant-radio-wrapper-checked span {
  font-family: "Aktiv-Bold";
}

.viewInstructions .ant-modal-header {
  border-bottom: 0px;
}

.viewInstructions .ant-modal-footer {
  border-top: 0px;
}

.viewInstructions .ant-modal-content {
  padding: 22px;
  border-radius: 16px;
}

.viewInstructions .viewLeft,
.viewInstructions .viewRight {
  padding: 25px;
}

.ant-modal.viewInstructions {
  width: 50% !important;
}

.viewRightCol {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.selectAccountTypePopup {
  width: 28% !important;
}

@media (max-width: 767px) {
  .selectAccountTypePopup {
    width: 100% !important;
  }
}
@media (max-width: 1023px) {
  .selectAccountTypePopup {
    width: 70% !important;
  }
}
.viewInstructions .ant-steps-item {
  height: 120px;
}

.viewInstructions .viewLeft h5 {
  color: #3761c8;
  font-size: 20px;
  text-align: center;
  width: 230px;
}

.viewInstructions .viewLeft p {
  color: #777777;
  text-align: center;
  width: 230px;
  font-size: 13px;
  font-weight: 300;
}

.viewInstructions .viewLeft h6 {
  color: #3761c8;
  font-size: 11px;
  width: 230px;
  text-align: center;
  font-weight: 600;
}

.viewInstructions .viewRight h6 {
  color: #3761c8;
  font-size: 14px;
  width: 230px;
  text-align: left;
  font-weight: 600;
}

.viewInstructions .viewRight .ant-steps-item-title {
  font-weight: 500 !important;
}

.viewInstructions .viewRight p {
  margin-bottom: 0px;
  color: #777777;
}

.viewInstructions .ant-steps-item-finish .ant-steps-item-icon {
  background-color: #fff;
  border-color: #3761c8;
}

.viewInstructions .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  color: #3761c8;
}

.viewInstructions .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #3761c8;
}

.viewInstructions .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
  background: #3761c8;
}

.viewInstructions .ant-steps-item-process .ant-steps-item-icon {
  background-color: #fff;
  border-color: #3761c8;
}

.viewInstructions .ant-btn-primary {
  color: #fff !important;
  border-color: #3761c8;
  background: #3761c8;
  border-radius: 10px;
}

.viewInstructions button.ant-btn {
  color: #3761c8;
  border: 0px;
  font-weight: 500;
}

.viewInstructions .ant-modal-title {
  font-weight: 600;
}

.viewFundingInstructions .header-fi {
  margin: 0 auto;
  text-align: center;
  padding: 30px;
  border-bottom: 1px solid #cccccc;
  width: 100%;
}

.viewFundingInstructions .header-fi h1 {
  font-size: 22px;
  margin: 0px;
}

.viewFundingInstructions .header-fi p {
  margin-bottom: 0px;
  color: #777777;
}

span.code-copy {
  color: #3761c8;
  font-weight: 500;
}

.viewFundingInstructions {
  width: 60;
  width: 60% !important;
}

.viewFundingInstructions .fi-content {
  padding: 22px;
}

.viewFundingInstructions .fi-content .fi-content-top {
  margin: 0px 20px;
}

.viewFundingInstructions .fi-content h6 {
  font-size: 16px;
  margin-bottom: 16px;
}

.viewFundingInstructions .bank-detail-list .ant-col {
  width: 200px;
}

.viewFundingInstructions h6.dfi-btn {
  color: #3761c8;
}

.viewFundingInstructions .ant-modal-footer {
  border: 0px;
  padding-bottom: 40px;
}

.viewFundingInstructions .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
  margin-bottom: 0;
  margin-left: 8px;
}

.viewFundingInstructions .ant-modal-footer button.ant-btn {
  display: none;
}

.viewFundingInstructions .ant-modal-footer button.ant-btn.ant-btn-primary {
  display: block;
  margin: 0 auto !important;
  background: #3761c8;
  border: 0px;
  border-radius: 7px;
  padding: 4px 42px;
}

.viewFundingInstructions .important-fi-box {
  background: #f1f1f1;
  padding: 20px;
  border-radius: 5px;
}

.viewFundingInstructions .important-fi-box li {
  margin-bottom: 10;
  margin-bottom: 22px;
}

.viewFundingInstructions .important-fi-box ol {
  padding-left: 18px;
}

.viewFundingInstructions .ant-modal-body {
  padding-bottom: 0px;
}

.viewFundingInstructions .ant-modal-content {
  border-radius: 12px;
}

.reports-download-modal .ant-modal-content {
  border-radius: 16px;
}

.reports-download-modal .ant-modal-content .loader-spin {
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.reports-download-modal .ant-modal-content .reports-download {
  border: 1px solid #999999;
  padding: 15px;
  border-radius: 16px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  cursor: pointer;
}

@media (max-width: 767px) {
  .viewFundingInstructions {
    width: 100% !important;
  }
  .viewFundingInstructions .fi-content .fi-content-top {
    margin: 0px;
  }
}
.notes_sections .note_data {
  border: 1px solid;
  border-color: rgba(111, 105, 105, 0.1411764706) !important;
  padding: 10px;
  font-size: 12px;
  color: rgb(89, 89, 89);
}

.notes_sections .note_time {
  font-style: italic;
}

.report-notes-btn {
  background: #3761c8;
  border: 1px solid #3761c8;
  border-radius: 2px;
  color: #fff;
  padding: 8px 40px;
  font-family: "Aktiv";
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  cursor: pointer;
}

.report-note-box {
  color: #595959;
  flex: none;
  order: 0;
  flex-grow: 0;
  border: 0.5px solid #595959;
  padding: 12px;
}

.reports-popover {
  border-radius: 50px;
  width: 470px;
}

.reports-popover .ant-popover-inner {
  border-radius: 10px;
  background-color: #f0ede4;
  text-align: center;
}

.reports-popover .ant-popover-arrow {
  background-color: transparent !important;
}

.reports-popover .ant-popover-arrow .ant-popover-arrow-content::before {
  background: unset !important;
}

.header-btn {
  display: inline;
  margin-left: 10px;
  padding: 5px 12px;
  border-radius: 24px;
  background-color: #f0ede4;
  color: #1f1f1f;
}

.header-block {
  display: block;
}

.header-inline {
  display: inline;
  margin-top: 5px;
}

.main_div {
  background-color: "white" !important;
  min-height: "100vh" !important;
  min-width: "80vw" !important;
  width: "80vw" !important;
}

.account-details-card {
  background-color: #f7f5f2 !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  box-shadow: 0px 10px 30px rgba(66, 52, 36, 0.12) !important;
}

.account-opening-status-card {
  background: #eeebe3;
  border-radius: 6px;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.account-opening-status-card.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.account-opening-status-card.blue {
  color: #3761c8;
}

.account-opening-status-card.gray {
  color: #999999;
}

.account-opening-status-card.red {
  color: #f44336;
}

.account-opening-status-card.large {
  padding: 21px 0px 21px 0px;
}

.account-opening-status-card.small {
  padding: 6px 0px 6px 0px;
}

.account-opening-status-card-dashboard {
  background: #eeebe3;
  border-radius: 6px;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.account-opening-status-card-dashboard.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.account-opening-status-card-dashboard.blue {
  color: #3761c8;
}

.account-opening-status-card-dashboard.gray {
  color: #999999;
}

.account-opening-status-card-dashboard.red {
  color: #f44336;
}

.account-opening-status-card-dashboard.large {
  padding: 21px 0px 21px 0px;
}

.account-opening-status-card-dashboard.small {
  padding: 12px 0px 12px 0px;
}

.joint-account-details-card {
  background-color: #f7f5f2 !important;
}

.account-details-tabs {
  border: 2px solid #3761c8 !important;
  color: #3761c8 !important;
}

.account-details-tabs-span {
  cursor: pointer;
}

.account-details-tabs-block {
  width: 100%;
  white-space: nowrap;
}

.btn-black {
  background-color: #000000 !important;
  color: white !important;
  border-color: black !important;
  cursor: pointer !important;
}

.btn-black:disabled {
  background-color: transparent !important;
  color: black !important;
  border-color: black !important;
  cursor: not-allowed !important;
}

.empty-table {
  margin: auto !important;
  width: 400px !important;
  padding: 10px !important;
  text-align: center !important;
}

.empty-table-mobile {
  width: 100% !important;
  padding: 10px !important;
  text-align: center !important;
}

.text-F44336 {
  color: #f44336 !important;
}

.contactRmButton {
  background: #000000 !important;
  border-radius: 5px !important;
  text-align: center !important;
  color: white !important;
  cursor: pointer !important;
  height: 50px !important;
  border-color: hsl(0, 0%, 0%) !important;
  width: 280px;
  white-space: normal !important;
}

.antdTable .ant-pagination-item {
  background-color: white !important;
  border: 1px solid #cccccc !important;
  border-radius: 4px !important;
  margin-left: 3px !important;
}

.antdTable .ant-pagination-item-active {
  border: none !important;
}

.antdTable .ant-pagination-item-active a {
  color: #3761c8 !important;
  background-color: #d2ddf9 !important;
  border: 1px solid #3761c8 !important;
  border-radius: 4px !important;
}

.activeStepsDiv {
  position: relative;
  top: -5px;
  left: -5px;
  width: 20px;
  height: 20px;
  color: white;
  border: 2px solid #1f1f1f;
  box-sizing: border-box;
  border-radius: 7px;
  transform: rotate(45deg);
  background: #1f1f1f;
}

.viewInstructions .ant-steps-item-tail::after {
  width: calc(100% - 36px) !important;
  height: 3px !important;
  margin-left: 21px !important;
}

.activeStepsTextDiv {
  transform: rotate(-45deg);
  font-size: 12px;
  padding: 2px;
}

.inActiveStepsDiv {
  position: relative;
  top: -5px;
  left: -5px;
  width: 20px;
  height: 20px;
  color: #999999;
  background: transparent;
  border: 2px solid #999999;
  box-sizing: border-box;
  border-radius: 7px;
  transform: rotate(45deg);
}

.inActiveStepsTextDiv {
  transform: rotate(-45deg);
  font-size: 12px;
  padding: 2px;
}

.account-details-title {
  font-weight: bold;
  font-size: 32px;
  line-height: 40px;
  color: #1f1f1f;
}

.edit-button {
  font-weight: bold !important;
  font-size: 10px !important;
  line-height: 16px !important;
  color: #3761c8;
}

.title-box {
  display: flex !important;
  flex-wrap: wrap !important;
}

.account-details-card-label {
  color: #777777 !important;
  font-size: 14px !important;
}

.order-cancel-button {
  color: #f44336 !important;
  display: block;
}

.view-timeline-button {
  color: #3761c8 !important;
  display: block;
}

.order-cancel-button-disable {
  color: #cccccc !important;
  display: block;
}

.order-accept-button {
  color: #00b267 !important;
  display: block;
}

.order-change-button {
  color: #3761c8 !important;
}

.ant-table-row-expand-icon-cell {
  width: 100px;
}

.no-wrap {
  white-space: nowrap !important;
}

.cash-block-title {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  color: #1f1f1f;
  display: block;
}

.cash-block-title-date {
  font-weight: bold;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.1em;
  color: #777777;
  display: block;
}

.cash-block-label {
  font-size: 16px;
  line-height: 20px;
  color: #363636;
  font-family: "Aktiv";
}

.cash-block-value {
  font-size: 16px;
  line-height: 20px;
  color: #363636;
  font-family: "Aktiv";
  text-align: right;
}

.cash-block-desc {
  font-size: 14px;
  line-height: 20px;
  color: #363636;
}

.cash-block-button {
  font-size: 16px !important;
  line-height: 22px !important;
  color: #3761c8 !important;
}

.investment-sub-table-value {
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
  display: block;
}

.investment-sub-table-label {
  font-size: 14px;
  line-height: 20px;
  color: #999999;
}

.account-details-table {
  white-space: normal;
}

.account-details-table th {
  color: #999999 !important;
  font-size: 12px;
  background: white;
  border-bottom: 1px solid #f0ede4;
  border-top: 1px solid #f0ede4;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "Aktiv-Bold";
  text-align: center;
  padding: 10px;
  overflow-wrap: unset !important;
}

.account-details-table td {
  color: #1f1f1f !important;
  font-size: 13px !important;
}

.account-details-table th:before {
  display: none;
}

.account-details-table .ant-table-tbody > tr > td {
  border-bottom: 1px solid #f0ede4;
  border-right: 1px solid #f0ede4;
}

.account-details-table-ft th {
  width: 300px;
}

.expand-row-card {
  background: #fcfcfb !important;
  border-radius: 8px !important;
  width: 96% !important;
  margin-left: 2% !important;
  margin-right: 2% !important;
  padding: 20px !important;
}

.expand-row-card-pending-orders {
  background: #ffffff !important;
  border-radius: 8px !important;
  width: 96% !important;
  padding: 20px !important;
}

.expand-row-card-pending-orders-view-progress {
  background: #ffffff !important;
  border-radius: 8px !important;
}

.table-kristal-name {
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
}

.table-kristal-tags {
  font-size: 12px;
  line-height: 18px;
  color: #777777;
}

.table-kristal-img {
  height: 64px;
  width: 64px;
  background: #363636;
  border-radius: 8px;
}

.edit-alias-title {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #1f1f1f;
}

.edit-alias-label {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #777777;
}

.sip-card-cancel {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #f44336;
}

.sip-card-name {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #1f1f1f;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  hyphens: auto !important;
  white-space: normal !important;
}

.sip-card-tag {
  height: 22px;
  background: #f0ede4;
  border-radius: 24px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #1f1f1f;
  padding: 5px 16px;
}

.sip-card-value {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
  display: block;
}

.sip-card-label {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #999999;
  word-wrap: break-word !important;
  hyphens: auto !important;
  white-space: normal !important;
  text-align: center !important;
}

.sip-card-footer-label {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #999999;
}

.sip-card-black-btn {
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 22px !important;
  text-align: center !important;
  color: #040404 !important;
  border-radius: 10px !important;
  border: 2px solid #040404 !important;
}

.sip-footer {
  background: #f0ede4;
  height: 93px;
  padding: 24px;
}

.sip-return-value {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #00b367;
}

.sip-return-value-since {
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 22px;
  color: #999999;
}

.sip-card .ant-card-body {
  padding: 0px !important;
}

.sip-card {
  box-shadow: 2px 4px 14px rgba(0, 0, 0, 0.1) !important;
  border-radius: 8px !important;
  border: 0px !important;
}

.view-changes-table {
  white-space: normal;
}

.view-changes-table th {
  background: #363636 !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 10px !important;
  line-height: 16px !important;
  letter-spacing: 0.1em !important;
  color: #f0ede4 !important;
  height: 48px !important;
}

.view-changes-table td {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #363636;
  background: #faf9f6;
}

.view-changes-table td:nth-child(1) {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #999999;
}

.view-changes-table th:before {
  display: none;
}

.view-changes-table .ant-table-tbody > tr > td {
  border-bottom: 0;
  border-right: 1px solid #f0ede4;
}

.view-changes-title {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #777777;
}

.view-changes-desc-title {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #777777;
}

.view-changes-desc-content {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #777777;
}

.confirmation-popup-title {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #1f1f1f;
}

.confirmation-popup-sub-title {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #777777;
}

.otp-modal-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #1f1f1f;
}

.otp-modal-sub-header {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #777777;
}

.otp-modal-input {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  color: #3761c8;
  width: 43px !important;
}

.ok-btn-modal-title {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #1f1f1f;
}

.ok-btn-modal-desc {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #777777;
}

.in-progress-steps {
  overflow-x: auto;
}

.expandable-table th.ant-table-row-expand-icon-cell {
  display: none;
}

.expandable-table tr.ant-table-row td:last-child {
  display: none;
}

.buy_sell_tag {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1px 16px 3px;
  background: #d2ddf9;
  border-radius: 24px;
}

.buy_sell_tag p {
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #3761c8;
  margin-bottom: 0px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .account-details-title {
    font-size: 18px;
    line-height: 24px;
  }
  .header-btn {
    display: inline;
    margin-left: 5px;
    padding: 4px 10px;
    border-radius: 24px;
    background-color: #f0ede4;
    color: #1f1f1f;
  }
  .expand-row-card {
    background: #fcfcfb !important;
    border-radius: 8px !important;
    width: 100% !important;
    margin-left: 1% !important;
    margin-right: 1% !important;
    padding: 5px !important;
  }
  .sip-card-value {
    white-space: break-spaces;
  }
  .sip-card-footer-label {
    white-space: break-spaces;
  }
  .sip-footer {
    height: 112px;
    padding: 12px;
  }
}
@media (max-width: 767px) {
  .account-details-title {
    font-size: 16px;
    line-height: 22px;
  }
  .header-btn {
    display: inline;
    margin-left: 5px;
    padding: 4px 10px;
    border-radius: 24px;
    background-color: #f0ede4;
    color: #1f1f1f;
  }
  .account-details-card {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .account-details-card .ant-card-body {
    padding: 16px !important;
  }
  .scroll-tabs-accounts {
    display: flex !important;
    align-items: center !important;
    overflow: scroll !important;
  }
  .scroll-tabs-accounts::-webkit-scrollbar {
    display: none;
  }
  .expand-row-card {
    background: #fcfcfb !important;
    border-radius: 8px !important;
    width: 100% !important;
    margin-left: 0% !important;
    margin-right: 0% !important;
    padding: 0px !important;
  }
  .account-details-table .antdTable {
    width: 700px;
    overflow: scroll;
  }
  .sip-footer {
    padding: 12px;
  }
  .sip-card-footer-label {
    white-space: break-spaces;
    font-size: 12px;
    line-height: 18px;
  }
  .sip-card-value {
    white-space: break-spaces;
    font-size: 12px;
    line-height: 18px;
  }
  .sip-card-label {
    white-space: break-spaces;
    font-size: 12px;
    line-height: 18px;
  }
  .sip-return-value {
    white-space: break-spaces;
    font-size: 14px;
    line-height: 18px;
  }
  .account-data .ant-card-body {
    padding: 16px !important;
  }
  .sip-card .ant-card-body {
    padding: 0px !important;
  }
  .investment-sub-table-value {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
  }
  .investment-sub-table-label {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
  }
}
.account-modal-container .ant-modal-body {
  padding-bottom: 0px;
}

.search-bar-list-view {
  padding-bottom: 20px;
  padding-left: 48px;
  border-radius: 16px;
  background-image: url("https://cdn.kristal.ai/portal/images/searchlistview.svg");
}

.search-bar-list-view input {
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
  font-weight: 700;
}

.search-bar-list-view button {
  border-radius: 10px !important;
  height: 40px;
  border-left: none !important;
}

#s-input-list-view {
  padding-left: 15px;
}

.s-image-list-view {
  position: relative;
  left: 45px;
  z-index: 1;
  align-items: center;
}

.search-list-view {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: relative;
  height: 56px;
  margin-top: 20px;
  border-radius: 10px;
}

.search-list-view button {
  position: relative;
  right: 120px;
  border-radius: 12px;
}

.searched-section-list-view {
  overflow-y: scroll;
  position: absolute;
  z-index: 999;
  background: #ffffff;
  box-shadow: 0px 4px 10px 5px rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  height: 100px;
  margin-left: 48px;
  margin-right: 48px;
}

@media (min-width: 1024px) {
  .searched-section-list-view {
    width: 55vw;
  }
}
.searched-section-list-view .searched-kristal-view-list-view {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100px;
}

.searched-section-list-view .searched-kristal-view-list-view:hover {
  background-color: #f7f5f2;
}

.searched-section-list-view .searched-kristal-view-list-view .kristal-image {
  height: 48px;
  width: 48px;
  margin-left: 48px;
  border: 2px solid #1f1f1f;
  box-sizing: border-box;
  border-radius: 8px;
  display: inline-block;
}

@media (max-width: 767px) {
  .searched-section-list-view .searched-kristal-view-list-view .kristal-image {
    margin-left: 8px;
  }
}
searched-section-list-view ::-webkit-scrollbar-thumb {
  width: 25px;
}

.custom-search-input-list-view {
  height: 100%;
  border-radius: 10px !important;
}

@media (min-width: 1024px) {
  .custom-search-input-list-view {
    width: 55vw !important;
  }
}
.margin-top-0 {
  margin-top: 0px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.font-size-0 {
  font-size: 0px !important;
}

.line-height-0 {
  line-height: 0px !important;
}

.width-0 {
  width: 0% !important;
}

.height-0 {
  height: 0% !important;
}

.border-radius-0 {
  border-radius: 0px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-0-desktop {
    margin-top: 0px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-0-desktop {
    padding-top: 0px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-0-big-desktop {
    padding-top: 0px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-0-mobile {
    margin-top: 0px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-0-mobile {
    padding-top: 0px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-0-tablet {
    margin-top: 0px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-0-tablet {
    padding-top: 0px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-0 {
    font-size: 0px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-0 {
    font-size: 0px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-0 {
    font-size: 0px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-0 {
    font-size: 0px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-0-all {
    margin-top: 0px !important;
  }
}
.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.font-size-0 {
  font-size: 0px !important;
}

.line-height-0 {
  line-height: 0px !important;
}

.width-0 {
  width: 0% !important;
}

.height-0 {
  height: 0% !important;
}

.border-radius-0 {
  border-radius: 0px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-0-desktop {
    margin-bottom: 0px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-0-desktop {
    padding-bottom: 0px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-0-big-desktop {
    padding-bottom: 0px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-0-mobile {
    margin-bottom: 0px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-0-mobile {
    padding-bottom: 0px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-0-tablet {
    margin-bottom: 0px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-0-tablet {
    padding-bottom: 0px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-0 {
    font-size: 0px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-0 {
    font-size: 0px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-0 {
    font-size: 0px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-0 {
    font-size: 0px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-0-all {
    margin-bottom: 0px !important;
  }
}
.margin-left-0 {
  margin-left: 0px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.font-size-0 {
  font-size: 0px !important;
}

.line-height-0 {
  line-height: 0px !important;
}

.width-0 {
  width: 0% !important;
}

.height-0 {
  height: 0% !important;
}

.border-radius-0 {
  border-radius: 0px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-0-desktop {
    margin-left: 0px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-0-desktop {
    padding-left: 0px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-0-big-desktop {
    padding-left: 0px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-0-mobile {
    margin-left: 0px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-0-mobile {
    padding-left: 0px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-0-tablet {
    margin-left: 0px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-0-tablet {
    padding-left: 0px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-0 {
    font-size: 0px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-0 {
    font-size: 0px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-0 {
    font-size: 0px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-0 {
    font-size: 0px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-0-all {
    margin-left: 0px !important;
  }
}
.margin-right-0 {
  margin-right: 0px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.font-size-0 {
  font-size: 0px !important;
}

.line-height-0 {
  line-height: 0px !important;
}

.width-0 {
  width: 0% !important;
}

.height-0 {
  height: 0% !important;
}

.border-radius-0 {
  border-radius: 0px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-0-desktop {
    margin-right: 0px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-0-desktop {
    padding-right: 0px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-0-big-desktop {
    padding-right: 0px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-0-mobile {
    margin-right: 0px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-0-mobile {
    padding-right: 0px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-0-tablet {
    margin-right: 0px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-0-tablet {
    padding-right: 0px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-0 {
    font-size: 0px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-0 {
    font-size: 0px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-0 {
    font-size: 0px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-0 {
    font-size: 0px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-0-all {
    margin-right: 0px !important;
  }
}
.margin-top-1 {
  margin-top: 1px !important;
}

.padding-top-1 {
  padding-top: 1px !important;
}

.font-size-1 {
  font-size: 1px !important;
}

.line-height-1 {
  line-height: 1px !important;
}

.width-10 {
  width: 10% !important;
}

.height-10 {
  height: 10% !important;
}

.border-radius-1 {
  border-radius: 1px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-1-desktop {
    margin-top: 1px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-1-desktop {
    padding-top: 1px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-1-big-desktop {
    padding-top: 1px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-1-mobile {
    margin-top: 1px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-1-mobile {
    padding-top: 1px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-1-tablet {
    margin-top: 1px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-1-tablet {
    padding-top: 1px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-1 {
    font-size: 1px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-1 {
    font-size: 1px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-1 {
    font-size: 1px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-1 {
    font-size: 1px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-1-all {
    margin-top: 1px !important;
  }
}
.margin-bottom-1 {
  margin-bottom: 1px !important;
}

.padding-bottom-1 {
  padding-bottom: 1px !important;
}

.font-size-1 {
  font-size: 1px !important;
}

.line-height-1 {
  line-height: 1px !important;
}

.width-10 {
  width: 10% !important;
}

.height-10 {
  height: 10% !important;
}

.border-radius-1 {
  border-radius: 1px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-1-desktop {
    margin-bottom: 1px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-1-desktop {
    padding-bottom: 1px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-1-big-desktop {
    padding-bottom: 1px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-1-mobile {
    margin-bottom: 1px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-1-mobile {
    padding-bottom: 1px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-1-tablet {
    margin-bottom: 1px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-1-tablet {
    padding-bottom: 1px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-1 {
    font-size: 1px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-1 {
    font-size: 1px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-1 {
    font-size: 1px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-1 {
    font-size: 1px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-1-all {
    margin-bottom: 1px !important;
  }
}
.margin-left-1 {
  margin-left: 1px !important;
}

.padding-left-1 {
  padding-left: 1px !important;
}

.font-size-1 {
  font-size: 1px !important;
}

.line-height-1 {
  line-height: 1px !important;
}

.width-10 {
  width: 10% !important;
}

.height-10 {
  height: 10% !important;
}

.border-radius-1 {
  border-radius: 1px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-1-desktop {
    margin-left: 1px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-1-desktop {
    padding-left: 1px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-1-big-desktop {
    padding-left: 1px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-1-mobile {
    margin-left: 1px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-1-mobile {
    padding-left: 1px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-1-tablet {
    margin-left: 1px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-1-tablet {
    padding-left: 1px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-1 {
    font-size: 1px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-1 {
    font-size: 1px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-1 {
    font-size: 1px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-1 {
    font-size: 1px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-1-all {
    margin-left: 1px !important;
  }
}
.margin-right-1 {
  margin-right: 1px !important;
}

.padding-right-1 {
  padding-right: 1px !important;
}

.font-size-1 {
  font-size: 1px !important;
}

.line-height-1 {
  line-height: 1px !important;
}

.width-10 {
  width: 10% !important;
}

.height-10 {
  height: 10% !important;
}

.border-radius-1 {
  border-radius: 1px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-1-desktop {
    margin-right: 1px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-1-desktop {
    padding-right: 1px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-1-big-desktop {
    padding-right: 1px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-1-mobile {
    margin-right: 1px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-1-mobile {
    padding-right: 1px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-1-tablet {
    margin-right: 1px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-1-tablet {
    padding-right: 1px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-1 {
    font-size: 1px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-1 {
    font-size: 1px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-1 {
    font-size: 1px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-1 {
    font-size: 1px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-1-all {
    margin-right: 1px !important;
  }
}
.margin-top-2 {
  margin-top: 2px !important;
}

.padding-top-2 {
  padding-top: 2px !important;
}

.font-size-2 {
  font-size: 2px !important;
}

.line-height-2 {
  line-height: 2px !important;
}

.width-20 {
  width: 20% !important;
}

.height-20 {
  height: 20% !important;
}

.border-radius-2 {
  border-radius: 2px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-2-desktop {
    margin-top: 2px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-2-desktop {
    padding-top: 2px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-2-big-desktop {
    padding-top: 2px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-2-mobile {
    margin-top: 2px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-2-mobile {
    padding-top: 2px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-2-tablet {
    margin-top: 2px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-2-tablet {
    padding-top: 2px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-2 {
    font-size: 2px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-2 {
    font-size: 2px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-2 {
    font-size: 2px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-2 {
    font-size: 2px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-2-all {
    margin-top: 2px !important;
  }
}
.margin-bottom-2 {
  margin-bottom: 2px !important;
}

.padding-bottom-2 {
  padding-bottom: 2px !important;
}

.font-size-2 {
  font-size: 2px !important;
}

.line-height-2 {
  line-height: 2px !important;
}

.width-20 {
  width: 20% !important;
}

.height-20 {
  height: 20% !important;
}

.border-radius-2 {
  border-radius: 2px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-2-desktop {
    margin-bottom: 2px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-2-desktop {
    padding-bottom: 2px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-2-big-desktop {
    padding-bottom: 2px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-2-mobile {
    margin-bottom: 2px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-2-mobile {
    padding-bottom: 2px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-2-tablet {
    margin-bottom: 2px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-2-tablet {
    padding-bottom: 2px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-2 {
    font-size: 2px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-2 {
    font-size: 2px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-2 {
    font-size: 2px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-2 {
    font-size: 2px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-2-all {
    margin-bottom: 2px !important;
  }
}
.margin-left-2 {
  margin-left: 2px !important;
}

.padding-left-2 {
  padding-left: 2px !important;
}

.font-size-2 {
  font-size: 2px !important;
}

.line-height-2 {
  line-height: 2px !important;
}

.width-20 {
  width: 20% !important;
}

.height-20 {
  height: 20% !important;
}

.border-radius-2 {
  border-radius: 2px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-2-desktop {
    margin-left: 2px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-2-desktop {
    padding-left: 2px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-2-big-desktop {
    padding-left: 2px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-2-mobile {
    margin-left: 2px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-2-mobile {
    padding-left: 2px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-2-tablet {
    margin-left: 2px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-2-tablet {
    padding-left: 2px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-2 {
    font-size: 2px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-2 {
    font-size: 2px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-2 {
    font-size: 2px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-2 {
    font-size: 2px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-2-all {
    margin-left: 2px !important;
  }
}
.margin-right-2 {
  margin-right: 2px !important;
}

.padding-right-2 {
  padding-right: 2px !important;
}

.font-size-2 {
  font-size: 2px !important;
}

.line-height-2 {
  line-height: 2px !important;
}

.width-20 {
  width: 20% !important;
}

.height-20 {
  height: 20% !important;
}

.border-radius-2 {
  border-radius: 2px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-2-desktop {
    margin-right: 2px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-2-desktop {
    padding-right: 2px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-2-big-desktop {
    padding-right: 2px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-2-mobile {
    margin-right: 2px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-2-mobile {
    padding-right: 2px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-2-tablet {
    margin-right: 2px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-2-tablet {
    padding-right: 2px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-2 {
    font-size: 2px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-2 {
    font-size: 2px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-2 {
    font-size: 2px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-2 {
    font-size: 2px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-2-all {
    margin-right: 2px !important;
  }
}
.margin-top-3 {
  margin-top: 3px !important;
}

.padding-top-3 {
  padding-top: 3px !important;
}

.font-size-3 {
  font-size: 3px !important;
}

.line-height-3 {
  line-height: 3px !important;
}

.width-30 {
  width: 30% !important;
}

.height-30 {
  height: 30% !important;
}

.border-radius-3 {
  border-radius: 3px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-3-desktop {
    margin-top: 3px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-3-desktop {
    padding-top: 3px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-3-big-desktop {
    padding-top: 3px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-3-mobile {
    margin-top: 3px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-3-mobile {
    padding-top: 3px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-3-tablet {
    margin-top: 3px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-3-tablet {
    padding-top: 3px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-3 {
    font-size: 3px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-3 {
    font-size: 3px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-3 {
    font-size: 3px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-3 {
    font-size: 3px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-3-all {
    margin-top: 3px !important;
  }
}
.margin-bottom-3 {
  margin-bottom: 3px !important;
}

.padding-bottom-3 {
  padding-bottom: 3px !important;
}

.font-size-3 {
  font-size: 3px !important;
}

.line-height-3 {
  line-height: 3px !important;
}

.width-30 {
  width: 30% !important;
}

.height-30 {
  height: 30% !important;
}

.border-radius-3 {
  border-radius: 3px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-3-desktop {
    margin-bottom: 3px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-3-desktop {
    padding-bottom: 3px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-3-big-desktop {
    padding-bottom: 3px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-3-mobile {
    margin-bottom: 3px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-3-mobile {
    padding-bottom: 3px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-3-tablet {
    margin-bottom: 3px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-3-tablet {
    padding-bottom: 3px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-3 {
    font-size: 3px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-3 {
    font-size: 3px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-3 {
    font-size: 3px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-3 {
    font-size: 3px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-3-all {
    margin-bottom: 3px !important;
  }
}
.margin-left-3 {
  margin-left: 3px !important;
}

.padding-left-3 {
  padding-left: 3px !important;
}

.font-size-3 {
  font-size: 3px !important;
}

.line-height-3 {
  line-height: 3px !important;
}

.width-30 {
  width: 30% !important;
}

.height-30 {
  height: 30% !important;
}

.border-radius-3 {
  border-radius: 3px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-3-desktop {
    margin-left: 3px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-3-desktop {
    padding-left: 3px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-3-big-desktop {
    padding-left: 3px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-3-mobile {
    margin-left: 3px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-3-mobile {
    padding-left: 3px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-3-tablet {
    margin-left: 3px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-3-tablet {
    padding-left: 3px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-3 {
    font-size: 3px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-3 {
    font-size: 3px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-3 {
    font-size: 3px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-3 {
    font-size: 3px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-3-all {
    margin-left: 3px !important;
  }
}
.margin-right-3 {
  margin-right: 3px !important;
}

.padding-right-3 {
  padding-right: 3px !important;
}

.font-size-3 {
  font-size: 3px !important;
}

.line-height-3 {
  line-height: 3px !important;
}

.width-30 {
  width: 30% !important;
}

.height-30 {
  height: 30% !important;
}

.border-radius-3 {
  border-radius: 3px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-3-desktop {
    margin-right: 3px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-3-desktop {
    padding-right: 3px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-3-big-desktop {
    padding-right: 3px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-3-mobile {
    margin-right: 3px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-3-mobile {
    padding-right: 3px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-3-tablet {
    margin-right: 3px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-3-tablet {
    padding-right: 3px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-3 {
    font-size: 3px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-3 {
    font-size: 3px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-3 {
    font-size: 3px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-3 {
    font-size: 3px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-3-all {
    margin-right: 3px !important;
  }
}
.margin-top-4 {
  margin-top: 4px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.font-size-4 {
  font-size: 4px !important;
}

.line-height-4 {
  line-height: 4px !important;
}

.width-40 {
  width: 40% !important;
}

.height-40 {
  height: 40% !important;
}

.border-radius-4 {
  border-radius: 4px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-4-desktop {
    margin-top: 4px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-4-desktop {
    padding-top: 4px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-4-big-desktop {
    padding-top: 4px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-4-mobile {
    margin-top: 4px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-4-mobile {
    padding-top: 4px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-4-tablet {
    margin-top: 4px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-4-tablet {
    padding-top: 4px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-4 {
    font-size: 4px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-4 {
    font-size: 4px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-4 {
    font-size: 4px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-4 {
    font-size: 4px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-4-all {
    margin-top: 4px !important;
  }
}
.margin-bottom-4 {
  margin-bottom: 4px !important;
}

.padding-bottom-4 {
  padding-bottom: 4px !important;
}

.font-size-4 {
  font-size: 4px !important;
}

.line-height-4 {
  line-height: 4px !important;
}

.width-40 {
  width: 40% !important;
}

.height-40 {
  height: 40% !important;
}

.border-radius-4 {
  border-radius: 4px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-4-desktop {
    margin-bottom: 4px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-4-desktop {
    padding-bottom: 4px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-4-big-desktop {
    padding-bottom: 4px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-4-mobile {
    margin-bottom: 4px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-4-mobile {
    padding-bottom: 4px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-4-tablet {
    margin-bottom: 4px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-4-tablet {
    padding-bottom: 4px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-4 {
    font-size: 4px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-4 {
    font-size: 4px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-4 {
    font-size: 4px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-4 {
    font-size: 4px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-4-all {
    margin-bottom: 4px !important;
  }
}
.margin-left-4 {
  margin-left: 4px !important;
}

.padding-left-4 {
  padding-left: 4px !important;
}

.font-size-4 {
  font-size: 4px !important;
}

.line-height-4 {
  line-height: 4px !important;
}

.width-40 {
  width: 40% !important;
}

.height-40 {
  height: 40% !important;
}

.border-radius-4 {
  border-radius: 4px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-4-desktop {
    margin-left: 4px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-4-desktop {
    padding-left: 4px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-4-big-desktop {
    padding-left: 4px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-4-mobile {
    margin-left: 4px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-4-mobile {
    padding-left: 4px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-4-tablet {
    margin-left: 4px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-4-tablet {
    padding-left: 4px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-4 {
    font-size: 4px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-4 {
    font-size: 4px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-4 {
    font-size: 4px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-4 {
    font-size: 4px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-4-all {
    margin-left: 4px !important;
  }
}
.margin-right-4 {
  margin-right: 4px !important;
}

.padding-right-4 {
  padding-right: 4px !important;
}

.font-size-4 {
  font-size: 4px !important;
}

.line-height-4 {
  line-height: 4px !important;
}

.width-40 {
  width: 40% !important;
}

.height-40 {
  height: 40% !important;
}

.border-radius-4 {
  border-radius: 4px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-4-desktop {
    margin-right: 4px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-4-desktop {
    padding-right: 4px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-4-big-desktop {
    padding-right: 4px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-4-mobile {
    margin-right: 4px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-4-mobile {
    padding-right: 4px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-4-tablet {
    margin-right: 4px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-4-tablet {
    padding-right: 4px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-4 {
    font-size: 4px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-4 {
    font-size: 4px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-4 {
    font-size: 4px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-4 {
    font-size: 4px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-4-all {
    margin-right: 4px !important;
  }
}
.margin-top-5 {
  margin-top: 5px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.font-size-5 {
  font-size: 5px !important;
}

.line-height-5 {
  line-height: 5px !important;
}

.width-50 {
  width: 50% !important;
}

.height-50 {
  height: 50% !important;
}

.border-radius-5 {
  border-radius: 5px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-5-desktop {
    margin-top: 5px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-5-desktop {
    padding-top: 5px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-5-big-desktop {
    padding-top: 5px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-5-mobile {
    margin-top: 5px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-5-mobile {
    padding-top: 5px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-5-tablet {
    margin-top: 5px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-5-tablet {
    padding-top: 5px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-5 {
    font-size: 5px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-5 {
    font-size: 5px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-5 {
    font-size: 5px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-5 {
    font-size: 5px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-5-all {
    margin-top: 5px !important;
  }
}
.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.font-size-5 {
  font-size: 5px !important;
}

.line-height-5 {
  line-height: 5px !important;
}

.width-50 {
  width: 50% !important;
}

.height-50 {
  height: 50% !important;
}

.border-radius-5 {
  border-radius: 5px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-5-desktop {
    margin-bottom: 5px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-5-desktop {
    padding-bottom: 5px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-5-big-desktop {
    padding-bottom: 5px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-5-mobile {
    margin-bottom: 5px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-5-mobile {
    padding-bottom: 5px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-5-tablet {
    margin-bottom: 5px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-5-tablet {
    padding-bottom: 5px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-5 {
    font-size: 5px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-5 {
    font-size: 5px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-5 {
    font-size: 5px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-5 {
    font-size: 5px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-5-all {
    margin-bottom: 5px !important;
  }
}
.margin-left-5 {
  margin-left: 5px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.font-size-5 {
  font-size: 5px !important;
}

.line-height-5 {
  line-height: 5px !important;
}

.width-50 {
  width: 50% !important;
}

.height-50 {
  height: 50% !important;
}

.border-radius-5 {
  border-radius: 5px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-5-desktop {
    margin-left: 5px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-5-desktop {
    padding-left: 5px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-5-big-desktop {
    padding-left: 5px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-5-mobile {
    margin-left: 5px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-5-mobile {
    padding-left: 5px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-5-tablet {
    margin-left: 5px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-5-tablet {
    padding-left: 5px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-5 {
    font-size: 5px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-5 {
    font-size: 5px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-5 {
    font-size: 5px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-5 {
    font-size: 5px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-5-all {
    margin-left: 5px !important;
  }
}
.margin-right-5 {
  margin-right: 5px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.font-size-5 {
  font-size: 5px !important;
}

.line-height-5 {
  line-height: 5px !important;
}

.width-50 {
  width: 50% !important;
}

.height-50 {
  height: 50% !important;
}

.border-radius-5 {
  border-radius: 5px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-5-desktop {
    margin-right: 5px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-5-desktop {
    padding-right: 5px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-5-big-desktop {
    padding-right: 5px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-5-mobile {
    margin-right: 5px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-5-mobile {
    padding-right: 5px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-5-tablet {
    margin-right: 5px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-5-tablet {
    padding-right: 5px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-5 {
    font-size: 5px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-5 {
    font-size: 5px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-5 {
    font-size: 5px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-5 {
    font-size: 5px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-5-all {
    margin-right: 5px !important;
  }
}
.margin-top-6 {
  margin-top: 6px !important;
}

.padding-top-6 {
  padding-top: 6px !important;
}

.font-size-6 {
  font-size: 6px !important;
}

.line-height-6 {
  line-height: 6px !important;
}

.width-60 {
  width: 60% !important;
}

.height-60 {
  height: 60% !important;
}

.border-radius-6 {
  border-radius: 6px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-6-desktop {
    margin-top: 6px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-6-desktop {
    padding-top: 6px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-6-big-desktop {
    padding-top: 6px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-6-mobile {
    margin-top: 6px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-6-mobile {
    padding-top: 6px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-6-tablet {
    margin-top: 6px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-6-tablet {
    padding-top: 6px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-6 {
    font-size: 6px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-6 {
    font-size: 6px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-6 {
    font-size: 6px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-6 {
    font-size: 6px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-6-all {
    margin-top: 6px !important;
  }
}
.margin-bottom-6 {
  margin-bottom: 6px !important;
}

.padding-bottom-6 {
  padding-bottom: 6px !important;
}

.font-size-6 {
  font-size: 6px !important;
}

.line-height-6 {
  line-height: 6px !important;
}

.width-60 {
  width: 60% !important;
}

.height-60 {
  height: 60% !important;
}

.border-radius-6 {
  border-radius: 6px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-6-desktop {
    margin-bottom: 6px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-6-desktop {
    padding-bottom: 6px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-6-big-desktop {
    padding-bottom: 6px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-6-mobile {
    margin-bottom: 6px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-6-mobile {
    padding-bottom: 6px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-6-tablet {
    margin-bottom: 6px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-6-tablet {
    padding-bottom: 6px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-6 {
    font-size: 6px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-6 {
    font-size: 6px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-6 {
    font-size: 6px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-6 {
    font-size: 6px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-6-all {
    margin-bottom: 6px !important;
  }
}
.margin-left-6 {
  margin-left: 6px !important;
}

.padding-left-6 {
  padding-left: 6px !important;
}

.font-size-6 {
  font-size: 6px !important;
}

.line-height-6 {
  line-height: 6px !important;
}

.width-60 {
  width: 60% !important;
}

.height-60 {
  height: 60% !important;
}

.border-radius-6 {
  border-radius: 6px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-6-desktop {
    margin-left: 6px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-6-desktop {
    padding-left: 6px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-6-big-desktop {
    padding-left: 6px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-6-mobile {
    margin-left: 6px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-6-mobile {
    padding-left: 6px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-6-tablet {
    margin-left: 6px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-6-tablet {
    padding-left: 6px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-6 {
    font-size: 6px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-6 {
    font-size: 6px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-6 {
    font-size: 6px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-6 {
    font-size: 6px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-6-all {
    margin-left: 6px !important;
  }
}
.margin-right-6 {
  margin-right: 6px !important;
}

.padding-right-6 {
  padding-right: 6px !important;
}

.font-size-6 {
  font-size: 6px !important;
}

.line-height-6 {
  line-height: 6px !important;
}

.width-60 {
  width: 60% !important;
}

.height-60 {
  height: 60% !important;
}

.border-radius-6 {
  border-radius: 6px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-6-desktop {
    margin-right: 6px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-6-desktop {
    padding-right: 6px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-6-big-desktop {
    padding-right: 6px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-6-mobile {
    margin-right: 6px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-6-mobile {
    padding-right: 6px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-6-tablet {
    margin-right: 6px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-6-tablet {
    padding-right: 6px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-6 {
    font-size: 6px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-6 {
    font-size: 6px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-6 {
    font-size: 6px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-6 {
    font-size: 6px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-6-all {
    margin-right: 6px !important;
  }
}
.margin-top-7 {
  margin-top: 7px !important;
}

.padding-top-7 {
  padding-top: 7px !important;
}

.font-size-7 {
  font-size: 7px !important;
}

.line-height-7 {
  line-height: 7px !important;
}

.width-70 {
  width: 70% !important;
}

.height-70 {
  height: 70% !important;
}

.border-radius-7 {
  border-radius: 7px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-7-desktop {
    margin-top: 7px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-7-desktop {
    padding-top: 7px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-7-big-desktop {
    padding-top: 7px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-7-mobile {
    margin-top: 7px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-7-mobile {
    padding-top: 7px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-7-tablet {
    margin-top: 7px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-7-tablet {
    padding-top: 7px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-7 {
    font-size: 7px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-7 {
    font-size: 7px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-7 {
    font-size: 7px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-7 {
    font-size: 7px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-7-all {
    margin-top: 7px !important;
  }
}
.margin-bottom-7 {
  margin-bottom: 7px !important;
}

.padding-bottom-7 {
  padding-bottom: 7px !important;
}

.font-size-7 {
  font-size: 7px !important;
}

.line-height-7 {
  line-height: 7px !important;
}

.width-70 {
  width: 70% !important;
}

.height-70 {
  height: 70% !important;
}

.border-radius-7 {
  border-radius: 7px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-7-desktop {
    margin-bottom: 7px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-7-desktop {
    padding-bottom: 7px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-7-big-desktop {
    padding-bottom: 7px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-7-mobile {
    margin-bottom: 7px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-7-mobile {
    padding-bottom: 7px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-7-tablet {
    margin-bottom: 7px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-7-tablet {
    padding-bottom: 7px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-7 {
    font-size: 7px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-7 {
    font-size: 7px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-7 {
    font-size: 7px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-7 {
    font-size: 7px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-7-all {
    margin-bottom: 7px !important;
  }
}
.margin-left-7 {
  margin-left: 7px !important;
}

.padding-left-7 {
  padding-left: 7px !important;
}

.font-size-7 {
  font-size: 7px !important;
}

.line-height-7 {
  line-height: 7px !important;
}

.width-70 {
  width: 70% !important;
}

.height-70 {
  height: 70% !important;
}

.border-radius-7 {
  border-radius: 7px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-7-desktop {
    margin-left: 7px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-7-desktop {
    padding-left: 7px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-7-big-desktop {
    padding-left: 7px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-7-mobile {
    margin-left: 7px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-7-mobile {
    padding-left: 7px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-7-tablet {
    margin-left: 7px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-7-tablet {
    padding-left: 7px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-7 {
    font-size: 7px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-7 {
    font-size: 7px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-7 {
    font-size: 7px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-7 {
    font-size: 7px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-7-all {
    margin-left: 7px !important;
  }
}
.margin-right-7 {
  margin-right: 7px !important;
}

.padding-right-7 {
  padding-right: 7px !important;
}

.font-size-7 {
  font-size: 7px !important;
}

.line-height-7 {
  line-height: 7px !important;
}

.width-70 {
  width: 70% !important;
}

.height-70 {
  height: 70% !important;
}

.border-radius-7 {
  border-radius: 7px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-7-desktop {
    margin-right: 7px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-7-desktop {
    padding-right: 7px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-7-big-desktop {
    padding-right: 7px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-7-mobile {
    margin-right: 7px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-7-mobile {
    padding-right: 7px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-7-tablet {
    margin-right: 7px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-7-tablet {
    padding-right: 7px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-7 {
    font-size: 7px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-7 {
    font-size: 7px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-7 {
    font-size: 7px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-7 {
    font-size: 7px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-7-all {
    margin-right: 7px !important;
  }
}
.margin-top-8 {
  margin-top: 8px !important;
}

.padding-top-8 {
  padding-top: 8px !important;
}

.font-size-8 {
  font-size: 8px !important;
}

.line-height-8 {
  line-height: 8px !important;
}

.width-80 {
  width: 80% !important;
}

.height-80 {
  height: 80% !important;
}

.border-radius-8 {
  border-radius: 8px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-8-desktop {
    margin-top: 8px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-8-desktop {
    padding-top: 8px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-8-big-desktop {
    padding-top: 8px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-8-mobile {
    margin-top: 8px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-8-mobile {
    padding-top: 8px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-8-tablet {
    margin-top: 8px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-8-tablet {
    padding-top: 8px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-8 {
    font-size: 8px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-8 {
    font-size: 8px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-8 {
    font-size: 8px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-8 {
    font-size: 8px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-8-all {
    margin-top: 8px !important;
  }
}
.margin-bottom-8 {
  margin-bottom: 8px !important;
}

.padding-bottom-8 {
  padding-bottom: 8px !important;
}

.font-size-8 {
  font-size: 8px !important;
}

.line-height-8 {
  line-height: 8px !important;
}

.width-80 {
  width: 80% !important;
}

.height-80 {
  height: 80% !important;
}

.border-radius-8 {
  border-radius: 8px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-8-desktop {
    margin-bottom: 8px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-8-desktop {
    padding-bottom: 8px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-8-big-desktop {
    padding-bottom: 8px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-8-mobile {
    margin-bottom: 8px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-8-mobile {
    padding-bottom: 8px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-8-tablet {
    margin-bottom: 8px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-8-tablet {
    padding-bottom: 8px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-8 {
    font-size: 8px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-8 {
    font-size: 8px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-8 {
    font-size: 8px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-8 {
    font-size: 8px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-8-all {
    margin-bottom: 8px !important;
  }
}
.margin-left-8 {
  margin-left: 8px !important;
}

.padding-left-8 {
  padding-left: 8px !important;
}

.font-size-8 {
  font-size: 8px !important;
}

.line-height-8 {
  line-height: 8px !important;
}

.width-80 {
  width: 80% !important;
}

.height-80 {
  height: 80% !important;
}

.border-radius-8 {
  border-radius: 8px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-8-desktop {
    margin-left: 8px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-8-desktop {
    padding-left: 8px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-8-big-desktop {
    padding-left: 8px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-8-mobile {
    margin-left: 8px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-8-mobile {
    padding-left: 8px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-8-tablet {
    margin-left: 8px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-8-tablet {
    padding-left: 8px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-8 {
    font-size: 8px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-8 {
    font-size: 8px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-8 {
    font-size: 8px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-8 {
    font-size: 8px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-8-all {
    margin-left: 8px !important;
  }
}
.margin-right-8 {
  margin-right: 8px !important;
}

.padding-right-8 {
  padding-right: 8px !important;
}

.font-size-8 {
  font-size: 8px !important;
}

.line-height-8 {
  line-height: 8px !important;
}

.width-80 {
  width: 80% !important;
}

.height-80 {
  height: 80% !important;
}

.border-radius-8 {
  border-radius: 8px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-8-desktop {
    margin-right: 8px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-8-desktop {
    padding-right: 8px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-8-big-desktop {
    padding-right: 8px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-8-mobile {
    margin-right: 8px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-8-mobile {
    padding-right: 8px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-8-tablet {
    margin-right: 8px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-8-tablet {
    padding-right: 8px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-8 {
    font-size: 8px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-8 {
    font-size: 8px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-8 {
    font-size: 8px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-8 {
    font-size: 8px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-8-all {
    margin-right: 8px !important;
  }
}
.margin-top-9 {
  margin-top: 9px !important;
}

.padding-top-9 {
  padding-top: 9px !important;
}

.font-size-9 {
  font-size: 9px !important;
}

.line-height-9 {
  line-height: 9px !important;
}

.width-90 {
  width: 90% !important;
}

.height-90 {
  height: 90% !important;
}

.border-radius-9 {
  border-radius: 9px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-9-desktop {
    margin-top: 9px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-9-desktop {
    padding-top: 9px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-9-big-desktop {
    padding-top: 9px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-9-mobile {
    margin-top: 9px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-9-mobile {
    padding-top: 9px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-9-tablet {
    margin-top: 9px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-9-tablet {
    padding-top: 9px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-9 {
    font-size: 9px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-9 {
    font-size: 9px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-9 {
    font-size: 9px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-9 {
    font-size: 9px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-9-all {
    margin-top: 9px !important;
  }
}
.margin-bottom-9 {
  margin-bottom: 9px !important;
}

.padding-bottom-9 {
  padding-bottom: 9px !important;
}

.font-size-9 {
  font-size: 9px !important;
}

.line-height-9 {
  line-height: 9px !important;
}

.width-90 {
  width: 90% !important;
}

.height-90 {
  height: 90% !important;
}

.border-radius-9 {
  border-radius: 9px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-9-desktop {
    margin-bottom: 9px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-9-desktop {
    padding-bottom: 9px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-9-big-desktop {
    padding-bottom: 9px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-9-mobile {
    margin-bottom: 9px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-9-mobile {
    padding-bottom: 9px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-9-tablet {
    margin-bottom: 9px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-9-tablet {
    padding-bottom: 9px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-9 {
    font-size: 9px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-9 {
    font-size: 9px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-9 {
    font-size: 9px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-9 {
    font-size: 9px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-9-all {
    margin-bottom: 9px !important;
  }
}
.margin-left-9 {
  margin-left: 9px !important;
}

.padding-left-9 {
  padding-left: 9px !important;
}

.font-size-9 {
  font-size: 9px !important;
}

.line-height-9 {
  line-height: 9px !important;
}

.width-90 {
  width: 90% !important;
}

.height-90 {
  height: 90% !important;
}

.border-radius-9 {
  border-radius: 9px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-9-desktop {
    margin-left: 9px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-9-desktop {
    padding-left: 9px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-9-big-desktop {
    padding-left: 9px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-9-mobile {
    margin-left: 9px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-9-mobile {
    padding-left: 9px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-9-tablet {
    margin-left: 9px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-9-tablet {
    padding-left: 9px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-9 {
    font-size: 9px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-9 {
    font-size: 9px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-9 {
    font-size: 9px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-9 {
    font-size: 9px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-9-all {
    margin-left: 9px !important;
  }
}
.margin-right-9 {
  margin-right: 9px !important;
}

.padding-right-9 {
  padding-right: 9px !important;
}

.font-size-9 {
  font-size: 9px !important;
}

.line-height-9 {
  line-height: 9px !important;
}

.width-90 {
  width: 90% !important;
}

.height-90 {
  height: 90% !important;
}

.border-radius-9 {
  border-radius: 9px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-9-desktop {
    margin-right: 9px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-9-desktop {
    padding-right: 9px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-9-big-desktop {
    padding-right: 9px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-9-mobile {
    margin-right: 9px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-9-mobile {
    padding-right: 9px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-9-tablet {
    margin-right: 9px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-9-tablet {
    padding-right: 9px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-9 {
    font-size: 9px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-9 {
    font-size: 9px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-9 {
    font-size: 9px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-9 {
    font-size: 9px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-9-all {
    margin-right: 9px !important;
  }
}
.margin-top-10 {
  margin-top: 10px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.font-size-10 {
  font-size: 10px !important;
}

.line-height-10 {
  line-height: 10px !important;
}

.width-100 {
  width: 100% !important;
}

.height-100 {
  height: 100% !important;
}

.border-radius-10 {
  border-radius: 10px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-10-desktop {
    margin-top: 10px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-10-desktop {
    padding-top: 10px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-10-big-desktop {
    padding-top: 10px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-10-mobile {
    margin-top: 10px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-10-mobile {
    padding-top: 10px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-10-tablet {
    margin-top: 10px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-10-tablet {
    padding-top: 10px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-10 {
    font-size: 10px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-10 {
    font-size: 10px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-10 {
    font-size: 10px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-10 {
    font-size: 10px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-10-all {
    margin-top: 10px !important;
  }
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.font-size-10 {
  font-size: 10px !important;
}

.line-height-10 {
  line-height: 10px !important;
}

.width-100 {
  width: 100% !important;
}

.height-100 {
  height: 100% !important;
}

.border-radius-10 {
  border-radius: 10px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-10-desktop {
    margin-bottom: 10px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-10-desktop {
    padding-bottom: 10px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-10-big-desktop {
    padding-bottom: 10px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-10-mobile {
    margin-bottom: 10px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-10-mobile {
    padding-bottom: 10px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-10-tablet {
    margin-bottom: 10px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-10-tablet {
    padding-bottom: 10px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-10 {
    font-size: 10px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-10 {
    font-size: 10px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-10 {
    font-size: 10px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-10 {
    font-size: 10px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-10-all {
    margin-bottom: 10px !important;
  }
}
.margin-left-10 {
  margin-left: 10px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.font-size-10 {
  font-size: 10px !important;
}

.line-height-10 {
  line-height: 10px !important;
}

.width-100 {
  width: 100% !important;
}

.height-100 {
  height: 100% !important;
}

.border-radius-10 {
  border-radius: 10px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-10-desktop {
    margin-left: 10px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-10-desktop {
    padding-left: 10px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-10-big-desktop {
    padding-left: 10px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-10-mobile {
    margin-left: 10px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-10-mobile {
    padding-left: 10px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-10-tablet {
    margin-left: 10px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-10-tablet {
    padding-left: 10px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-10 {
    font-size: 10px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-10 {
    font-size: 10px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-10 {
    font-size: 10px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-10 {
    font-size: 10px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-10-all {
    margin-left: 10px !important;
  }
}
.margin-right-10 {
  margin-right: 10px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.font-size-10 {
  font-size: 10px !important;
}

.line-height-10 {
  line-height: 10px !important;
}

.width-100 {
  width: 100% !important;
}

.height-100 {
  height: 100% !important;
}

.border-radius-10 {
  border-radius: 10px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-10-desktop {
    margin-right: 10px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-10-desktop {
    padding-right: 10px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-10-big-desktop {
    padding-right: 10px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-10-mobile {
    margin-right: 10px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-10-mobile {
    padding-right: 10px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-10-tablet {
    margin-right: 10px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-10-tablet {
    padding-right: 10px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-10 {
    font-size: 10px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-10 {
    font-size: 10px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-10 {
    font-size: 10px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-10 {
    font-size: 10px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-10-all {
    margin-right: 10px !important;
  }
}
.margin-top-11 {
  margin-top: 11px !important;
}

.padding-top-11 {
  padding-top: 11px !important;
}

.font-size-11 {
  font-size: 11px !important;
}

.line-height-11 {
  line-height: 11px !important;
}

.width-110 {
  width: 110% !important;
}

.height-110 {
  height: 110% !important;
}

.border-radius-11 {
  border-radius: 11px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-11-desktop {
    margin-top: 11px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-11-desktop {
    padding-top: 11px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-11-big-desktop {
    padding-top: 11px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-11-mobile {
    margin-top: 11px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-11-mobile {
    padding-top: 11px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-11-tablet {
    margin-top: 11px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-11-tablet {
    padding-top: 11px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-11 {
    font-size: 11px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-11 {
    font-size: 11px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-11 {
    font-size: 11px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-11 {
    font-size: 11px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-11-all {
    margin-top: 11px !important;
  }
}
.margin-bottom-11 {
  margin-bottom: 11px !important;
}

.padding-bottom-11 {
  padding-bottom: 11px !important;
}

.font-size-11 {
  font-size: 11px !important;
}

.line-height-11 {
  line-height: 11px !important;
}

.width-110 {
  width: 110% !important;
}

.height-110 {
  height: 110% !important;
}

.border-radius-11 {
  border-radius: 11px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-11-desktop {
    margin-bottom: 11px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-11-desktop {
    padding-bottom: 11px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-11-big-desktop {
    padding-bottom: 11px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-11-mobile {
    margin-bottom: 11px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-11-mobile {
    padding-bottom: 11px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-11-tablet {
    margin-bottom: 11px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-11-tablet {
    padding-bottom: 11px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-11 {
    font-size: 11px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-11 {
    font-size: 11px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-11 {
    font-size: 11px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-11 {
    font-size: 11px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-11-all {
    margin-bottom: 11px !important;
  }
}
.margin-left-11 {
  margin-left: 11px !important;
}

.padding-left-11 {
  padding-left: 11px !important;
}

.font-size-11 {
  font-size: 11px !important;
}

.line-height-11 {
  line-height: 11px !important;
}

.width-110 {
  width: 110% !important;
}

.height-110 {
  height: 110% !important;
}

.border-radius-11 {
  border-radius: 11px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-11-desktop {
    margin-left: 11px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-11-desktop {
    padding-left: 11px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-11-big-desktop {
    padding-left: 11px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-11-mobile {
    margin-left: 11px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-11-mobile {
    padding-left: 11px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-11-tablet {
    margin-left: 11px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-11-tablet {
    padding-left: 11px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-11 {
    font-size: 11px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-11 {
    font-size: 11px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-11 {
    font-size: 11px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-11 {
    font-size: 11px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-11-all {
    margin-left: 11px !important;
  }
}
.margin-right-11 {
  margin-right: 11px !important;
}

.padding-right-11 {
  padding-right: 11px !important;
}

.font-size-11 {
  font-size: 11px !important;
}

.line-height-11 {
  line-height: 11px !important;
}

.width-110 {
  width: 110% !important;
}

.height-110 {
  height: 110% !important;
}

.border-radius-11 {
  border-radius: 11px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-11-desktop {
    margin-right: 11px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-11-desktop {
    padding-right: 11px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-11-big-desktop {
    padding-right: 11px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-11-mobile {
    margin-right: 11px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-11-mobile {
    padding-right: 11px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-11-tablet {
    margin-right: 11px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-11-tablet {
    padding-right: 11px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-11 {
    font-size: 11px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-11 {
    font-size: 11px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-11 {
    font-size: 11px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-11 {
    font-size: 11px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-11-all {
    margin-right: 11px !important;
  }
}
.margin-top-12 {
  margin-top: 12px !important;
}

.padding-top-12 {
  padding-top: 12px !important;
}

.font-size-12 {
  font-size: 12px !important;
}

.line-height-12 {
  line-height: 12px !important;
}

.width-120 {
  width: 120% !important;
}

.height-120 {
  height: 120% !important;
}

.border-radius-12 {
  border-radius: 12px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-12-desktop {
    margin-top: 12px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-12-desktop {
    padding-top: 12px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-12-big-desktop {
    padding-top: 12px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-12-mobile {
    margin-top: 12px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-12-mobile {
    padding-top: 12px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-12-tablet {
    margin-top: 12px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-12-tablet {
    padding-top: 12px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-12 {
    font-size: 12px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-12 {
    font-size: 12px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-12 {
    font-size: 12px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-12 {
    font-size: 12px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-12-all {
    margin-top: 12px !important;
  }
}
.margin-bottom-12 {
  margin-bottom: 12px !important;
}

.padding-bottom-12 {
  padding-bottom: 12px !important;
}

.font-size-12 {
  font-size: 12px !important;
}

.line-height-12 {
  line-height: 12px !important;
}

.width-120 {
  width: 120% !important;
}

.height-120 {
  height: 120% !important;
}

.border-radius-12 {
  border-radius: 12px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-12-desktop {
    margin-bottom: 12px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-12-desktop {
    padding-bottom: 12px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-12-big-desktop {
    padding-bottom: 12px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-12-mobile {
    margin-bottom: 12px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-12-mobile {
    padding-bottom: 12px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-12-tablet {
    margin-bottom: 12px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-12-tablet {
    padding-bottom: 12px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-12 {
    font-size: 12px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-12 {
    font-size: 12px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-12 {
    font-size: 12px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-12 {
    font-size: 12px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-12-all {
    margin-bottom: 12px !important;
  }
}
.margin-left-12 {
  margin-left: 12px !important;
}

.padding-left-12 {
  padding-left: 12px !important;
}

.font-size-12 {
  font-size: 12px !important;
}

.line-height-12 {
  line-height: 12px !important;
}

.width-120 {
  width: 120% !important;
}

.height-120 {
  height: 120% !important;
}

.border-radius-12 {
  border-radius: 12px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-12-desktop {
    margin-left: 12px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-12-desktop {
    padding-left: 12px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-12-big-desktop {
    padding-left: 12px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-12-mobile {
    margin-left: 12px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-12-mobile {
    padding-left: 12px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-12-tablet {
    margin-left: 12px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-12-tablet {
    padding-left: 12px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-12 {
    font-size: 12px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-12 {
    font-size: 12px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-12 {
    font-size: 12px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-12 {
    font-size: 12px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-12-all {
    margin-left: 12px !important;
  }
}
.margin-right-12 {
  margin-right: 12px !important;
}

.padding-right-12 {
  padding-right: 12px !important;
}

.font-size-12 {
  font-size: 12px !important;
}

.line-height-12 {
  line-height: 12px !important;
}

.width-120 {
  width: 120% !important;
}

.height-120 {
  height: 120% !important;
}

.border-radius-12 {
  border-radius: 12px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-12-desktop {
    margin-right: 12px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-12-desktop {
    padding-right: 12px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-12-big-desktop {
    padding-right: 12px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-12-mobile {
    margin-right: 12px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-12-mobile {
    padding-right: 12px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-12-tablet {
    margin-right: 12px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-12-tablet {
    padding-right: 12px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-12 {
    font-size: 12px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-12 {
    font-size: 12px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-12 {
    font-size: 12px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-12 {
    font-size: 12px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-12-all {
    margin-right: 12px !important;
  }
}
.margin-top-13 {
  margin-top: 13px !important;
}

.padding-top-13 {
  padding-top: 13px !important;
}

.font-size-13 {
  font-size: 13px !important;
}

.line-height-13 {
  line-height: 13px !important;
}

.width-130 {
  width: 130% !important;
}

.height-130 {
  height: 130% !important;
}

.border-radius-13 {
  border-radius: 13px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-13-desktop {
    margin-top: 13px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-13-desktop {
    padding-top: 13px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-13-big-desktop {
    padding-top: 13px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-13-mobile {
    margin-top: 13px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-13-mobile {
    padding-top: 13px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-13-tablet {
    margin-top: 13px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-13-tablet {
    padding-top: 13px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-13 {
    font-size: 13px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-13 {
    font-size: 13px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-13 {
    font-size: 13px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-13 {
    font-size: 13px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-13-all {
    margin-top: 13px !important;
  }
}
.margin-bottom-13 {
  margin-bottom: 13px !important;
}

.padding-bottom-13 {
  padding-bottom: 13px !important;
}

.font-size-13 {
  font-size: 13px !important;
}

.line-height-13 {
  line-height: 13px !important;
}

.width-130 {
  width: 130% !important;
}

.height-130 {
  height: 130% !important;
}

.border-radius-13 {
  border-radius: 13px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-13-desktop {
    margin-bottom: 13px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-13-desktop {
    padding-bottom: 13px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-13-big-desktop {
    padding-bottom: 13px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-13-mobile {
    margin-bottom: 13px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-13-mobile {
    padding-bottom: 13px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-13-tablet {
    margin-bottom: 13px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-13-tablet {
    padding-bottom: 13px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-13 {
    font-size: 13px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-13 {
    font-size: 13px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-13 {
    font-size: 13px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-13 {
    font-size: 13px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-13-all {
    margin-bottom: 13px !important;
  }
}
.margin-left-13 {
  margin-left: 13px !important;
}

.padding-left-13 {
  padding-left: 13px !important;
}

.font-size-13 {
  font-size: 13px !important;
}

.line-height-13 {
  line-height: 13px !important;
}

.width-130 {
  width: 130% !important;
}

.height-130 {
  height: 130% !important;
}

.border-radius-13 {
  border-radius: 13px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-13-desktop {
    margin-left: 13px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-13-desktop {
    padding-left: 13px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-13-big-desktop {
    padding-left: 13px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-13-mobile {
    margin-left: 13px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-13-mobile {
    padding-left: 13px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-13-tablet {
    margin-left: 13px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-13-tablet {
    padding-left: 13px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-13 {
    font-size: 13px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-13 {
    font-size: 13px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-13 {
    font-size: 13px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-13 {
    font-size: 13px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-13-all {
    margin-left: 13px !important;
  }
}
.margin-right-13 {
  margin-right: 13px !important;
}

.padding-right-13 {
  padding-right: 13px !important;
}

.font-size-13 {
  font-size: 13px !important;
}

.line-height-13 {
  line-height: 13px !important;
}

.width-130 {
  width: 130% !important;
}

.height-130 {
  height: 130% !important;
}

.border-radius-13 {
  border-radius: 13px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-13-desktop {
    margin-right: 13px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-13-desktop {
    padding-right: 13px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-13-big-desktop {
    padding-right: 13px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-13-mobile {
    margin-right: 13px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-13-mobile {
    padding-right: 13px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-13-tablet {
    margin-right: 13px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-13-tablet {
    padding-right: 13px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-13 {
    font-size: 13px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-13 {
    font-size: 13px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-13 {
    font-size: 13px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-13 {
    font-size: 13px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-13-all {
    margin-right: 13px !important;
  }
}
.margin-top-14 {
  margin-top: 14px !important;
}

.padding-top-14 {
  padding-top: 14px !important;
}

.font-size-14 {
  font-size: 14px !important;
}

.line-height-14 {
  line-height: 14px !important;
}

.width-140 {
  width: 140% !important;
}

.height-140 {
  height: 140% !important;
}

.border-radius-14 {
  border-radius: 14px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-14-desktop {
    margin-top: 14px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-14-desktop {
    padding-top: 14px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-14-big-desktop {
    padding-top: 14px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-14-mobile {
    margin-top: 14px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-14-mobile {
    padding-top: 14px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-14-tablet {
    margin-top: 14px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-14-tablet {
    padding-top: 14px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-14 {
    font-size: 14px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-14 {
    font-size: 14px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-14 {
    font-size: 14px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-14 {
    font-size: 14px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-14-all {
    margin-top: 14px !important;
  }
}
.margin-bottom-14 {
  margin-bottom: 14px !important;
}

.padding-bottom-14 {
  padding-bottom: 14px !important;
}

.font-size-14 {
  font-size: 14px !important;
}

.line-height-14 {
  line-height: 14px !important;
}

.width-140 {
  width: 140% !important;
}

.height-140 {
  height: 140% !important;
}

.border-radius-14 {
  border-radius: 14px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-14-desktop {
    margin-bottom: 14px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-14-desktop {
    padding-bottom: 14px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-14-big-desktop {
    padding-bottom: 14px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-14-mobile {
    margin-bottom: 14px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-14-mobile {
    padding-bottom: 14px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-14-tablet {
    margin-bottom: 14px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-14-tablet {
    padding-bottom: 14px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-14 {
    font-size: 14px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-14 {
    font-size: 14px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-14 {
    font-size: 14px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-14 {
    font-size: 14px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-14-all {
    margin-bottom: 14px !important;
  }
}
.margin-left-14 {
  margin-left: 14px !important;
}

.padding-left-14 {
  padding-left: 14px !important;
}

.font-size-14 {
  font-size: 14px !important;
}

.line-height-14 {
  line-height: 14px !important;
}

.width-140 {
  width: 140% !important;
}

.height-140 {
  height: 140% !important;
}

.border-radius-14 {
  border-radius: 14px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-14-desktop {
    margin-left: 14px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-14-desktop {
    padding-left: 14px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-14-big-desktop {
    padding-left: 14px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-14-mobile {
    margin-left: 14px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-14-mobile {
    padding-left: 14px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-14-tablet {
    margin-left: 14px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-14-tablet {
    padding-left: 14px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-14 {
    font-size: 14px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-14 {
    font-size: 14px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-14 {
    font-size: 14px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-14 {
    font-size: 14px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-14-all {
    margin-left: 14px !important;
  }
}
.margin-right-14 {
  margin-right: 14px !important;
}

.padding-right-14 {
  padding-right: 14px !important;
}

.font-size-14 {
  font-size: 14px !important;
}

.line-height-14 {
  line-height: 14px !important;
}

.width-140 {
  width: 140% !important;
}

.height-140 {
  height: 140% !important;
}

.border-radius-14 {
  border-radius: 14px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-14-desktop {
    margin-right: 14px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-14-desktop {
    padding-right: 14px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-14-big-desktop {
    padding-right: 14px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-14-mobile {
    margin-right: 14px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-14-mobile {
    padding-right: 14px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-14-tablet {
    margin-right: 14px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-14-tablet {
    padding-right: 14px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-14 {
    font-size: 14px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-14 {
    font-size: 14px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-14 {
    font-size: 14px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-14 {
    font-size: 14px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-14-all {
    margin-right: 14px !important;
  }
}
.margin-top-15 {
  margin-top: 15px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.font-size-15 {
  font-size: 15px !important;
}

.line-height-15 {
  line-height: 15px !important;
}

.width-150 {
  width: 150% !important;
}

.height-150 {
  height: 150% !important;
}

.border-radius-15 {
  border-radius: 15px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-15-desktop {
    margin-top: 15px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-15-desktop {
    padding-top: 15px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-15-big-desktop {
    padding-top: 15px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-15-mobile {
    margin-top: 15px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-15-mobile {
    padding-top: 15px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-15-tablet {
    margin-top: 15px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-15-tablet {
    padding-top: 15px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-15 {
    font-size: 15px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-15 {
    font-size: 15px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-15 {
    font-size: 15px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-15 {
    font-size: 15px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-15-all {
    margin-top: 15px !important;
  }
}
.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.font-size-15 {
  font-size: 15px !important;
}

.line-height-15 {
  line-height: 15px !important;
}

.width-150 {
  width: 150% !important;
}

.height-150 {
  height: 150% !important;
}

.border-radius-15 {
  border-radius: 15px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-15-desktop {
    margin-bottom: 15px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-15-desktop {
    padding-bottom: 15px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-15-big-desktop {
    padding-bottom: 15px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-15-mobile {
    margin-bottom: 15px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-15-mobile {
    padding-bottom: 15px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-15-tablet {
    margin-bottom: 15px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-15-tablet {
    padding-bottom: 15px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-15 {
    font-size: 15px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-15 {
    font-size: 15px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-15 {
    font-size: 15px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-15 {
    font-size: 15px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-15-all {
    margin-bottom: 15px !important;
  }
}
.margin-left-15 {
  margin-left: 15px !important;
}

.padding-left-15 {
  padding-left: 15px !important;
}

.font-size-15 {
  font-size: 15px !important;
}

.line-height-15 {
  line-height: 15px !important;
}

.width-150 {
  width: 150% !important;
}

.height-150 {
  height: 150% !important;
}

.border-radius-15 {
  border-radius: 15px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-15-desktop {
    margin-left: 15px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-15-desktop {
    padding-left: 15px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-15-big-desktop {
    padding-left: 15px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-15-mobile {
    margin-left: 15px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-15-mobile {
    padding-left: 15px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-15-tablet {
    margin-left: 15px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-15-tablet {
    padding-left: 15px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-15 {
    font-size: 15px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-15 {
    font-size: 15px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-15 {
    font-size: 15px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-15 {
    font-size: 15px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-15-all {
    margin-left: 15px !important;
  }
}
.margin-right-15 {
  margin-right: 15px !important;
}

.padding-right-15 {
  padding-right: 15px !important;
}

.font-size-15 {
  font-size: 15px !important;
}

.line-height-15 {
  line-height: 15px !important;
}

.width-150 {
  width: 150% !important;
}

.height-150 {
  height: 150% !important;
}

.border-radius-15 {
  border-radius: 15px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-15-desktop {
    margin-right: 15px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-15-desktop {
    padding-right: 15px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-15-big-desktop {
    padding-right: 15px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-15-mobile {
    margin-right: 15px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-15-mobile {
    padding-right: 15px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-15-tablet {
    margin-right: 15px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-15-tablet {
    padding-right: 15px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-15 {
    font-size: 15px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-15 {
    font-size: 15px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-15 {
    font-size: 15px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-15 {
    font-size: 15px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-15-all {
    margin-right: 15px !important;
  }
}
.margin-top-16 {
  margin-top: 16px !important;
}

.padding-top-16 {
  padding-top: 16px !important;
}

.font-size-16 {
  font-size: 16px !important;
}

.line-height-16 {
  line-height: 16px !important;
}

.width-160 {
  width: 160% !important;
}

.height-160 {
  height: 160% !important;
}

.border-radius-16 {
  border-radius: 16px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-16-desktop {
    margin-top: 16px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-16-desktop {
    padding-top: 16px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-16-big-desktop {
    padding-top: 16px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-16-mobile {
    margin-top: 16px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-16-mobile {
    padding-top: 16px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-16-tablet {
    margin-top: 16px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-16-tablet {
    padding-top: 16px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-16 {
    font-size: 16px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-16 {
    font-size: 16px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-16 {
    font-size: 16px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-16 {
    font-size: 16px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-16-all {
    margin-top: 16px !important;
  }
}
.margin-bottom-16 {
  margin-bottom: 16px !important;
}

.padding-bottom-16 {
  padding-bottom: 16px !important;
}

.font-size-16 {
  font-size: 16px !important;
}

.line-height-16 {
  line-height: 16px !important;
}

.width-160 {
  width: 160% !important;
}

.height-160 {
  height: 160% !important;
}

.border-radius-16 {
  border-radius: 16px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-16-desktop {
    margin-bottom: 16px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-16-desktop {
    padding-bottom: 16px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-16-big-desktop {
    padding-bottom: 16px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-16-mobile {
    margin-bottom: 16px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-16-mobile {
    padding-bottom: 16px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-16-tablet {
    margin-bottom: 16px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-16-tablet {
    padding-bottom: 16px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-16 {
    font-size: 16px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-16 {
    font-size: 16px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-16 {
    font-size: 16px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-16 {
    font-size: 16px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-16-all {
    margin-bottom: 16px !important;
  }
}
.margin-left-16 {
  margin-left: 16px !important;
}

.padding-left-16 {
  padding-left: 16px !important;
}

.font-size-16 {
  font-size: 16px !important;
}

.line-height-16 {
  line-height: 16px !important;
}

.width-160 {
  width: 160% !important;
}

.height-160 {
  height: 160% !important;
}

.border-radius-16 {
  border-radius: 16px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-16-desktop {
    margin-left: 16px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-16-desktop {
    padding-left: 16px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-16-big-desktop {
    padding-left: 16px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-16-mobile {
    margin-left: 16px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-16-mobile {
    padding-left: 16px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-16-tablet {
    margin-left: 16px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-16-tablet {
    padding-left: 16px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-16 {
    font-size: 16px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-16 {
    font-size: 16px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-16 {
    font-size: 16px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-16 {
    font-size: 16px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-16-all {
    margin-left: 16px !important;
  }
}
.margin-right-16 {
  margin-right: 16px !important;
}

.padding-right-16 {
  padding-right: 16px !important;
}

.font-size-16 {
  font-size: 16px !important;
}

.line-height-16 {
  line-height: 16px !important;
}

.width-160 {
  width: 160% !important;
}

.height-160 {
  height: 160% !important;
}

.border-radius-16 {
  border-radius: 16px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-16-desktop {
    margin-right: 16px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-16-desktop {
    padding-right: 16px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-16-big-desktop {
    padding-right: 16px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-16-mobile {
    margin-right: 16px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-16-mobile {
    padding-right: 16px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-16-tablet {
    margin-right: 16px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-16-tablet {
    padding-right: 16px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-16 {
    font-size: 16px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-16 {
    font-size: 16px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-16 {
    font-size: 16px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-16 {
    font-size: 16px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-16-all {
    margin-right: 16px !important;
  }
}
.margin-top-17 {
  margin-top: 17px !important;
}

.padding-top-17 {
  padding-top: 17px !important;
}

.font-size-17 {
  font-size: 17px !important;
}

.line-height-17 {
  line-height: 17px !important;
}

.width-170 {
  width: 170% !important;
}

.height-170 {
  height: 170% !important;
}

.border-radius-17 {
  border-radius: 17px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-17-desktop {
    margin-top: 17px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-17-desktop {
    padding-top: 17px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-17-big-desktop {
    padding-top: 17px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-17-mobile {
    margin-top: 17px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-17-mobile {
    padding-top: 17px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-17-tablet {
    margin-top: 17px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-17-tablet {
    padding-top: 17px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-17 {
    font-size: 17px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-17 {
    font-size: 17px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-17 {
    font-size: 17px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-17 {
    font-size: 17px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-17-all {
    margin-top: 17px !important;
  }
}
.margin-bottom-17 {
  margin-bottom: 17px !important;
}

.padding-bottom-17 {
  padding-bottom: 17px !important;
}

.font-size-17 {
  font-size: 17px !important;
}

.line-height-17 {
  line-height: 17px !important;
}

.width-170 {
  width: 170% !important;
}

.height-170 {
  height: 170% !important;
}

.border-radius-17 {
  border-radius: 17px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-17-desktop {
    margin-bottom: 17px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-17-desktop {
    padding-bottom: 17px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-17-big-desktop {
    padding-bottom: 17px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-17-mobile {
    margin-bottom: 17px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-17-mobile {
    padding-bottom: 17px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-17-tablet {
    margin-bottom: 17px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-17-tablet {
    padding-bottom: 17px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-17 {
    font-size: 17px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-17 {
    font-size: 17px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-17 {
    font-size: 17px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-17 {
    font-size: 17px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-17-all {
    margin-bottom: 17px !important;
  }
}
.margin-left-17 {
  margin-left: 17px !important;
}

.padding-left-17 {
  padding-left: 17px !important;
}

.font-size-17 {
  font-size: 17px !important;
}

.line-height-17 {
  line-height: 17px !important;
}

.width-170 {
  width: 170% !important;
}

.height-170 {
  height: 170% !important;
}

.border-radius-17 {
  border-radius: 17px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-17-desktop {
    margin-left: 17px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-17-desktop {
    padding-left: 17px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-17-big-desktop {
    padding-left: 17px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-17-mobile {
    margin-left: 17px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-17-mobile {
    padding-left: 17px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-17-tablet {
    margin-left: 17px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-17-tablet {
    padding-left: 17px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-17 {
    font-size: 17px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-17 {
    font-size: 17px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-17 {
    font-size: 17px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-17 {
    font-size: 17px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-17-all {
    margin-left: 17px !important;
  }
}
.margin-right-17 {
  margin-right: 17px !important;
}

.padding-right-17 {
  padding-right: 17px !important;
}

.font-size-17 {
  font-size: 17px !important;
}

.line-height-17 {
  line-height: 17px !important;
}

.width-170 {
  width: 170% !important;
}

.height-170 {
  height: 170% !important;
}

.border-radius-17 {
  border-radius: 17px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-17-desktop {
    margin-right: 17px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-17-desktop {
    padding-right: 17px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-17-big-desktop {
    padding-right: 17px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-17-mobile {
    margin-right: 17px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-17-mobile {
    padding-right: 17px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-17-tablet {
    margin-right: 17px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-17-tablet {
    padding-right: 17px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-17 {
    font-size: 17px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-17 {
    font-size: 17px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-17 {
    font-size: 17px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-17 {
    font-size: 17px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-17-all {
    margin-right: 17px !important;
  }
}
.margin-top-18 {
  margin-top: 18px !important;
}

.padding-top-18 {
  padding-top: 18px !important;
}

.font-size-18 {
  font-size: 18px !important;
}

.line-height-18 {
  line-height: 18px !important;
}

.width-180 {
  width: 180% !important;
}

.height-180 {
  height: 180% !important;
}

.border-radius-18 {
  border-radius: 18px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-18-desktop {
    margin-top: 18px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-18-desktop {
    padding-top: 18px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-18-big-desktop {
    padding-top: 18px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-18-mobile {
    margin-top: 18px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-18-mobile {
    padding-top: 18px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-18-tablet {
    margin-top: 18px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-18-tablet {
    padding-top: 18px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-18 {
    font-size: 18px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-18 {
    font-size: 18px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-18 {
    font-size: 18px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-18 {
    font-size: 18px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-18-all {
    margin-top: 18px !important;
  }
}
.margin-bottom-18 {
  margin-bottom: 18px !important;
}

.padding-bottom-18 {
  padding-bottom: 18px !important;
}

.font-size-18 {
  font-size: 18px !important;
}

.line-height-18 {
  line-height: 18px !important;
}

.width-180 {
  width: 180% !important;
}

.height-180 {
  height: 180% !important;
}

.border-radius-18 {
  border-radius: 18px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-18-desktop {
    margin-bottom: 18px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-18-desktop {
    padding-bottom: 18px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-18-big-desktop {
    padding-bottom: 18px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-18-mobile {
    margin-bottom: 18px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-18-mobile {
    padding-bottom: 18px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-18-tablet {
    margin-bottom: 18px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-18-tablet {
    padding-bottom: 18px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-18 {
    font-size: 18px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-18 {
    font-size: 18px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-18 {
    font-size: 18px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-18 {
    font-size: 18px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-18-all {
    margin-bottom: 18px !important;
  }
}
.margin-left-18 {
  margin-left: 18px !important;
}

.padding-left-18 {
  padding-left: 18px !important;
}

.font-size-18 {
  font-size: 18px !important;
}

.line-height-18 {
  line-height: 18px !important;
}

.width-180 {
  width: 180% !important;
}

.height-180 {
  height: 180% !important;
}

.border-radius-18 {
  border-radius: 18px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-18-desktop {
    margin-left: 18px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-18-desktop {
    padding-left: 18px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-18-big-desktop {
    padding-left: 18px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-18-mobile {
    margin-left: 18px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-18-mobile {
    padding-left: 18px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-18-tablet {
    margin-left: 18px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-18-tablet {
    padding-left: 18px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-18 {
    font-size: 18px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-18 {
    font-size: 18px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-18 {
    font-size: 18px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-18 {
    font-size: 18px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-18-all {
    margin-left: 18px !important;
  }
}
.margin-right-18 {
  margin-right: 18px !important;
}

.padding-right-18 {
  padding-right: 18px !important;
}

.font-size-18 {
  font-size: 18px !important;
}

.line-height-18 {
  line-height: 18px !important;
}

.width-180 {
  width: 180% !important;
}

.height-180 {
  height: 180% !important;
}

.border-radius-18 {
  border-radius: 18px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-18-desktop {
    margin-right: 18px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-18-desktop {
    padding-right: 18px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-18-big-desktop {
    padding-right: 18px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-18-mobile {
    margin-right: 18px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-18-mobile {
    padding-right: 18px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-18-tablet {
    margin-right: 18px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-18-tablet {
    padding-right: 18px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-18 {
    font-size: 18px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-18 {
    font-size: 18px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-18 {
    font-size: 18px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-18 {
    font-size: 18px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-18-all {
    margin-right: 18px !important;
  }
}
.margin-top-19 {
  margin-top: 19px !important;
}

.padding-top-19 {
  padding-top: 19px !important;
}

.font-size-19 {
  font-size: 19px !important;
}

.line-height-19 {
  line-height: 19px !important;
}

.width-190 {
  width: 190% !important;
}

.height-190 {
  height: 190% !important;
}

.border-radius-19 {
  border-radius: 19px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-19-desktop {
    margin-top: 19px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-19-desktop {
    padding-top: 19px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-19-big-desktop {
    padding-top: 19px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-19-mobile {
    margin-top: 19px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-19-mobile {
    padding-top: 19px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-19-tablet {
    margin-top: 19px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-19-tablet {
    padding-top: 19px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-19 {
    font-size: 19px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-19 {
    font-size: 19px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-19 {
    font-size: 19px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-19 {
    font-size: 19px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-19-all {
    margin-top: 19px !important;
  }
}
.margin-bottom-19 {
  margin-bottom: 19px !important;
}

.padding-bottom-19 {
  padding-bottom: 19px !important;
}

.font-size-19 {
  font-size: 19px !important;
}

.line-height-19 {
  line-height: 19px !important;
}

.width-190 {
  width: 190% !important;
}

.height-190 {
  height: 190% !important;
}

.border-radius-19 {
  border-radius: 19px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-19-desktop {
    margin-bottom: 19px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-19-desktop {
    padding-bottom: 19px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-19-big-desktop {
    padding-bottom: 19px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-19-mobile {
    margin-bottom: 19px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-19-mobile {
    padding-bottom: 19px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-19-tablet {
    margin-bottom: 19px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-19-tablet {
    padding-bottom: 19px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-19 {
    font-size: 19px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-19 {
    font-size: 19px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-19 {
    font-size: 19px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-19 {
    font-size: 19px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-19-all {
    margin-bottom: 19px !important;
  }
}
.margin-left-19 {
  margin-left: 19px !important;
}

.padding-left-19 {
  padding-left: 19px !important;
}

.font-size-19 {
  font-size: 19px !important;
}

.line-height-19 {
  line-height: 19px !important;
}

.width-190 {
  width: 190% !important;
}

.height-190 {
  height: 190% !important;
}

.border-radius-19 {
  border-radius: 19px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-19-desktop {
    margin-left: 19px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-19-desktop {
    padding-left: 19px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-19-big-desktop {
    padding-left: 19px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-19-mobile {
    margin-left: 19px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-19-mobile {
    padding-left: 19px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-19-tablet {
    margin-left: 19px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-19-tablet {
    padding-left: 19px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-19 {
    font-size: 19px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-19 {
    font-size: 19px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-19 {
    font-size: 19px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-19 {
    font-size: 19px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-19-all {
    margin-left: 19px !important;
  }
}
.margin-right-19 {
  margin-right: 19px !important;
}

.padding-right-19 {
  padding-right: 19px !important;
}

.font-size-19 {
  font-size: 19px !important;
}

.line-height-19 {
  line-height: 19px !important;
}

.width-190 {
  width: 190% !important;
}

.height-190 {
  height: 190% !important;
}

.border-radius-19 {
  border-radius: 19px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-19-desktop {
    margin-right: 19px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-19-desktop {
    padding-right: 19px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-19-big-desktop {
    padding-right: 19px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-19-mobile {
    margin-right: 19px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-19-mobile {
    padding-right: 19px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-19-tablet {
    margin-right: 19px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-19-tablet {
    padding-right: 19px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-19 {
    font-size: 19px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-19 {
    font-size: 19px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-19 {
    font-size: 19px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-19 {
    font-size: 19px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-19-all {
    margin-right: 19px !important;
  }
}
.margin-top-20 {
  margin-top: 20px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.font-size-20 {
  font-size: 20px !important;
}

.line-height-20 {
  line-height: 20px !important;
}

.width-200 {
  width: 200% !important;
}

.height-200 {
  height: 200% !important;
}

.border-radius-20 {
  border-radius: 20px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-20-desktop {
    margin-top: 20px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-20-desktop {
    padding-top: 20px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-20-big-desktop {
    padding-top: 20px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-20-mobile {
    margin-top: 20px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-20-mobile {
    padding-top: 20px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-20-tablet {
    margin-top: 20px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-20-tablet {
    padding-top: 20px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-20 {
    font-size: 20px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-20 {
    font-size: 20px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-20 {
    font-size: 20px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-20 {
    font-size: 20px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-20-all {
    margin-top: 20px !important;
  }
}
.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.font-size-20 {
  font-size: 20px !important;
}

.line-height-20 {
  line-height: 20px !important;
}

.width-200 {
  width: 200% !important;
}

.height-200 {
  height: 200% !important;
}

.border-radius-20 {
  border-radius: 20px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-20-desktop {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-20-desktop {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-20-big-desktop {
    padding-bottom: 20px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-20-mobile {
    margin-bottom: 20px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-20-mobile {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-20-tablet {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-20-tablet {
    padding-bottom: 20px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-20 {
    font-size: 20px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-20 {
    font-size: 20px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-20 {
    font-size: 20px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-20 {
    font-size: 20px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-20-all {
    margin-bottom: 20px !important;
  }
}
.margin-left-20 {
  margin-left: 20px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.font-size-20 {
  font-size: 20px !important;
}

.line-height-20 {
  line-height: 20px !important;
}

.width-200 {
  width: 200% !important;
}

.height-200 {
  height: 200% !important;
}

.border-radius-20 {
  border-radius: 20px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-20-desktop {
    margin-left: 20px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-20-desktop {
    padding-left: 20px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-20-big-desktop {
    padding-left: 20px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-20-mobile {
    margin-left: 20px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-20-mobile {
    padding-left: 20px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-20-tablet {
    margin-left: 20px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-20-tablet {
    padding-left: 20px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-20 {
    font-size: 20px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-20 {
    font-size: 20px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-20 {
    font-size: 20px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-20 {
    font-size: 20px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-20-all {
    margin-left: 20px !important;
  }
}
.margin-right-20 {
  margin-right: 20px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.font-size-20 {
  font-size: 20px !important;
}

.line-height-20 {
  line-height: 20px !important;
}

.width-200 {
  width: 200% !important;
}

.height-200 {
  height: 200% !important;
}

.border-radius-20 {
  border-radius: 20px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-20-desktop {
    margin-right: 20px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-20-desktop {
    padding-right: 20px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-20-big-desktop {
    padding-right: 20px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-20-mobile {
    margin-right: 20px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-20-mobile {
    padding-right: 20px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-20-tablet {
    margin-right: 20px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-20-tablet {
    padding-right: 20px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-20 {
    font-size: 20px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-20 {
    font-size: 20px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-20 {
    font-size: 20px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-20 {
    font-size: 20px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-20-all {
    margin-right: 20px !important;
  }
}
.margin-top-21 {
  margin-top: 21px !important;
}

.padding-top-21 {
  padding-top: 21px !important;
}

.font-size-21 {
  font-size: 21px !important;
}

.line-height-21 {
  line-height: 21px !important;
}

.width-210 {
  width: 210% !important;
}

.height-210 {
  height: 210% !important;
}

.border-radius-21 {
  border-radius: 21px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-21-desktop {
    margin-top: 21px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-21-desktop {
    padding-top: 21px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-21-big-desktop {
    padding-top: 21px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-21-mobile {
    margin-top: 21px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-21-mobile {
    padding-top: 21px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-21-tablet {
    margin-top: 21px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-21-tablet {
    padding-top: 21px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-21 {
    font-size: 21px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-21 {
    font-size: 21px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-21 {
    font-size: 21px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-21 {
    font-size: 21px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-21-all {
    margin-top: 21px !important;
  }
}
.margin-bottom-21 {
  margin-bottom: 21px !important;
}

.padding-bottom-21 {
  padding-bottom: 21px !important;
}

.font-size-21 {
  font-size: 21px !important;
}

.line-height-21 {
  line-height: 21px !important;
}

.width-210 {
  width: 210% !important;
}

.height-210 {
  height: 210% !important;
}

.border-radius-21 {
  border-radius: 21px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-21-desktop {
    margin-bottom: 21px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-21-desktop {
    padding-bottom: 21px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-21-big-desktop {
    padding-bottom: 21px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-21-mobile {
    margin-bottom: 21px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-21-mobile {
    padding-bottom: 21px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-21-tablet {
    margin-bottom: 21px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-21-tablet {
    padding-bottom: 21px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-21 {
    font-size: 21px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-21 {
    font-size: 21px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-21 {
    font-size: 21px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-21 {
    font-size: 21px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-21-all {
    margin-bottom: 21px !important;
  }
}
.margin-left-21 {
  margin-left: 21px !important;
}

.padding-left-21 {
  padding-left: 21px !important;
}

.font-size-21 {
  font-size: 21px !important;
}

.line-height-21 {
  line-height: 21px !important;
}

.width-210 {
  width: 210% !important;
}

.height-210 {
  height: 210% !important;
}

.border-radius-21 {
  border-radius: 21px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-21-desktop {
    margin-left: 21px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-21-desktop {
    padding-left: 21px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-21-big-desktop {
    padding-left: 21px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-21-mobile {
    margin-left: 21px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-21-mobile {
    padding-left: 21px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-21-tablet {
    margin-left: 21px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-21-tablet {
    padding-left: 21px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-21 {
    font-size: 21px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-21 {
    font-size: 21px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-21 {
    font-size: 21px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-21 {
    font-size: 21px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-21-all {
    margin-left: 21px !important;
  }
}
.margin-right-21 {
  margin-right: 21px !important;
}

.padding-right-21 {
  padding-right: 21px !important;
}

.font-size-21 {
  font-size: 21px !important;
}

.line-height-21 {
  line-height: 21px !important;
}

.width-210 {
  width: 210% !important;
}

.height-210 {
  height: 210% !important;
}

.border-radius-21 {
  border-radius: 21px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-21-desktop {
    margin-right: 21px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-21-desktop {
    padding-right: 21px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-21-big-desktop {
    padding-right: 21px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-21-mobile {
    margin-right: 21px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-21-mobile {
    padding-right: 21px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-21-tablet {
    margin-right: 21px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-21-tablet {
    padding-right: 21px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-21 {
    font-size: 21px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-21 {
    font-size: 21px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-21 {
    font-size: 21px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-21 {
    font-size: 21px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-21-all {
    margin-right: 21px !important;
  }
}
.margin-top-22 {
  margin-top: 22px !important;
}

.padding-top-22 {
  padding-top: 22px !important;
}

.font-size-22 {
  font-size: 22px !important;
}

.line-height-22 {
  line-height: 22px !important;
}

.width-220 {
  width: 220% !important;
}

.height-220 {
  height: 220% !important;
}

.border-radius-22 {
  border-radius: 22px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-22-desktop {
    margin-top: 22px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-22-desktop {
    padding-top: 22px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-22-big-desktop {
    padding-top: 22px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-22-mobile {
    margin-top: 22px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-22-mobile {
    padding-top: 22px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-22-tablet {
    margin-top: 22px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-22-tablet {
    padding-top: 22px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-22 {
    font-size: 22px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-22 {
    font-size: 22px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-22 {
    font-size: 22px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-22 {
    font-size: 22px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-22-all {
    margin-top: 22px !important;
  }
}
.margin-bottom-22 {
  margin-bottom: 22px !important;
}

.padding-bottom-22 {
  padding-bottom: 22px !important;
}

.font-size-22 {
  font-size: 22px !important;
}

.line-height-22 {
  line-height: 22px !important;
}

.width-220 {
  width: 220% !important;
}

.height-220 {
  height: 220% !important;
}

.border-radius-22 {
  border-radius: 22px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-22-desktop {
    margin-bottom: 22px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-22-desktop {
    padding-bottom: 22px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-22-big-desktop {
    padding-bottom: 22px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-22-mobile {
    margin-bottom: 22px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-22-mobile {
    padding-bottom: 22px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-22-tablet {
    margin-bottom: 22px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-22-tablet {
    padding-bottom: 22px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-22 {
    font-size: 22px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-22 {
    font-size: 22px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-22 {
    font-size: 22px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-22 {
    font-size: 22px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-22-all {
    margin-bottom: 22px !important;
  }
}
.margin-left-22 {
  margin-left: 22px !important;
}

.padding-left-22 {
  padding-left: 22px !important;
}

.font-size-22 {
  font-size: 22px !important;
}

.line-height-22 {
  line-height: 22px !important;
}

.width-220 {
  width: 220% !important;
}

.height-220 {
  height: 220% !important;
}

.border-radius-22 {
  border-radius: 22px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-22-desktop {
    margin-left: 22px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-22-desktop {
    padding-left: 22px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-22-big-desktop {
    padding-left: 22px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-22-mobile {
    margin-left: 22px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-22-mobile {
    padding-left: 22px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-22-tablet {
    margin-left: 22px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-22-tablet {
    padding-left: 22px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-22 {
    font-size: 22px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-22 {
    font-size: 22px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-22 {
    font-size: 22px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-22 {
    font-size: 22px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-22-all {
    margin-left: 22px !important;
  }
}
.margin-right-22 {
  margin-right: 22px !important;
}

.padding-right-22 {
  padding-right: 22px !important;
}

.font-size-22 {
  font-size: 22px !important;
}

.line-height-22 {
  line-height: 22px !important;
}

.width-220 {
  width: 220% !important;
}

.height-220 {
  height: 220% !important;
}

.border-radius-22 {
  border-radius: 22px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-22-desktop {
    margin-right: 22px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-22-desktop {
    padding-right: 22px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-22-big-desktop {
    padding-right: 22px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-22-mobile {
    margin-right: 22px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-22-mobile {
    padding-right: 22px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-22-tablet {
    margin-right: 22px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-22-tablet {
    padding-right: 22px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-22 {
    font-size: 22px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-22 {
    font-size: 22px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-22 {
    font-size: 22px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-22 {
    font-size: 22px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-22-all {
    margin-right: 22px !important;
  }
}
.margin-top-23 {
  margin-top: 23px !important;
}

.padding-top-23 {
  padding-top: 23px !important;
}

.font-size-23 {
  font-size: 23px !important;
}

.line-height-23 {
  line-height: 23px !important;
}

.width-230 {
  width: 230% !important;
}

.height-230 {
  height: 230% !important;
}

.border-radius-23 {
  border-radius: 23px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-23-desktop {
    margin-top: 23px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-23-desktop {
    padding-top: 23px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-23-big-desktop {
    padding-top: 23px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-23-mobile {
    margin-top: 23px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-23-mobile {
    padding-top: 23px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-23-tablet {
    margin-top: 23px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-23-tablet {
    padding-top: 23px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-23 {
    font-size: 23px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-23 {
    font-size: 23px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-23 {
    font-size: 23px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-23 {
    font-size: 23px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-23-all {
    margin-top: 23px !important;
  }
}
.margin-bottom-23 {
  margin-bottom: 23px !important;
}

.padding-bottom-23 {
  padding-bottom: 23px !important;
}

.font-size-23 {
  font-size: 23px !important;
}

.line-height-23 {
  line-height: 23px !important;
}

.width-230 {
  width: 230% !important;
}

.height-230 {
  height: 230% !important;
}

.border-radius-23 {
  border-radius: 23px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-23-desktop {
    margin-bottom: 23px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-23-desktop {
    padding-bottom: 23px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-23-big-desktop {
    padding-bottom: 23px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-23-mobile {
    margin-bottom: 23px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-23-mobile {
    padding-bottom: 23px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-23-tablet {
    margin-bottom: 23px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-23-tablet {
    padding-bottom: 23px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-23 {
    font-size: 23px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-23 {
    font-size: 23px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-23 {
    font-size: 23px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-23 {
    font-size: 23px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-23-all {
    margin-bottom: 23px !important;
  }
}
.margin-left-23 {
  margin-left: 23px !important;
}

.padding-left-23 {
  padding-left: 23px !important;
}

.font-size-23 {
  font-size: 23px !important;
}

.line-height-23 {
  line-height: 23px !important;
}

.width-230 {
  width: 230% !important;
}

.height-230 {
  height: 230% !important;
}

.border-radius-23 {
  border-radius: 23px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-23-desktop {
    margin-left: 23px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-23-desktop {
    padding-left: 23px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-23-big-desktop {
    padding-left: 23px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-23-mobile {
    margin-left: 23px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-23-mobile {
    padding-left: 23px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-23-tablet {
    margin-left: 23px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-23-tablet {
    padding-left: 23px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-23 {
    font-size: 23px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-23 {
    font-size: 23px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-23 {
    font-size: 23px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-23 {
    font-size: 23px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-23-all {
    margin-left: 23px !important;
  }
}
.margin-right-23 {
  margin-right: 23px !important;
}

.padding-right-23 {
  padding-right: 23px !important;
}

.font-size-23 {
  font-size: 23px !important;
}

.line-height-23 {
  line-height: 23px !important;
}

.width-230 {
  width: 230% !important;
}

.height-230 {
  height: 230% !important;
}

.border-radius-23 {
  border-radius: 23px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-23-desktop {
    margin-right: 23px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-23-desktop {
    padding-right: 23px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-23-big-desktop {
    padding-right: 23px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-23-mobile {
    margin-right: 23px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-23-mobile {
    padding-right: 23px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-23-tablet {
    margin-right: 23px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-23-tablet {
    padding-right: 23px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-23 {
    font-size: 23px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-23 {
    font-size: 23px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-23 {
    font-size: 23px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-23 {
    font-size: 23px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-23-all {
    margin-right: 23px !important;
  }
}
.margin-top-24 {
  margin-top: 24px !important;
}

.padding-top-24 {
  padding-top: 24px !important;
}

.font-size-24 {
  font-size: 24px !important;
}

.line-height-24 {
  line-height: 24px !important;
}

.width-240 {
  width: 240% !important;
}

.height-240 {
  height: 240% !important;
}

.border-radius-24 {
  border-radius: 24px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-24-desktop {
    margin-top: 24px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-24-desktop {
    padding-top: 24px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-24-big-desktop {
    padding-top: 24px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-24-mobile {
    margin-top: 24px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-24-mobile {
    padding-top: 24px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-24-tablet {
    margin-top: 24px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-24-tablet {
    padding-top: 24px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-24 {
    font-size: 24px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-24 {
    font-size: 24px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-24 {
    font-size: 24px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-24 {
    font-size: 24px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-24-all {
    margin-top: 24px !important;
  }
}
.margin-bottom-24 {
  margin-bottom: 24px !important;
}

.padding-bottom-24 {
  padding-bottom: 24px !important;
}

.font-size-24 {
  font-size: 24px !important;
}

.line-height-24 {
  line-height: 24px !important;
}

.width-240 {
  width: 240% !important;
}

.height-240 {
  height: 240% !important;
}

.border-radius-24 {
  border-radius: 24px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-24-desktop {
    margin-bottom: 24px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-24-desktop {
    padding-bottom: 24px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-24-big-desktop {
    padding-bottom: 24px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-24-mobile {
    margin-bottom: 24px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-24-mobile {
    padding-bottom: 24px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-24-tablet {
    margin-bottom: 24px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-24-tablet {
    padding-bottom: 24px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-24 {
    font-size: 24px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-24 {
    font-size: 24px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-24 {
    font-size: 24px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-24 {
    font-size: 24px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-24-all {
    margin-bottom: 24px !important;
  }
}
.margin-left-24 {
  margin-left: 24px !important;
}

.padding-left-24 {
  padding-left: 24px !important;
}

.font-size-24 {
  font-size: 24px !important;
}

.line-height-24 {
  line-height: 24px !important;
}

.width-240 {
  width: 240% !important;
}

.height-240 {
  height: 240% !important;
}

.border-radius-24 {
  border-radius: 24px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-24-desktop {
    margin-left: 24px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-24-desktop {
    padding-left: 24px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-24-big-desktop {
    padding-left: 24px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-24-mobile {
    margin-left: 24px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-24-mobile {
    padding-left: 24px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-24-tablet {
    margin-left: 24px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-24-tablet {
    padding-left: 24px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-24 {
    font-size: 24px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-24 {
    font-size: 24px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-24 {
    font-size: 24px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-24 {
    font-size: 24px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-24-all {
    margin-left: 24px !important;
  }
}
.margin-right-24 {
  margin-right: 24px !important;
}

.padding-right-24 {
  padding-right: 24px !important;
}

.font-size-24 {
  font-size: 24px !important;
}

.line-height-24 {
  line-height: 24px !important;
}

.width-240 {
  width: 240% !important;
}

.height-240 {
  height: 240% !important;
}

.border-radius-24 {
  border-radius: 24px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-24-desktop {
    margin-right: 24px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-24-desktop {
    padding-right: 24px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-24-big-desktop {
    padding-right: 24px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-24-mobile {
    margin-right: 24px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-24-mobile {
    padding-right: 24px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-24-tablet {
    margin-right: 24px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-24-tablet {
    padding-right: 24px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-24 {
    font-size: 24px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-24 {
    font-size: 24px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-24 {
    font-size: 24px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-24 {
    font-size: 24px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-24-all {
    margin-right: 24px !important;
  }
}
.margin-top-25 {
  margin-top: 25px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.font-size-25 {
  font-size: 25px !important;
}

.line-height-25 {
  line-height: 25px !important;
}

.width-250 {
  width: 250% !important;
}

.height-250 {
  height: 250% !important;
}

.border-radius-25 {
  border-radius: 25px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-25-desktop {
    margin-top: 25px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-25-desktop {
    padding-top: 25px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-25-big-desktop {
    padding-top: 25px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-25-mobile {
    margin-top: 25px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-25-mobile {
    padding-top: 25px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-25-tablet {
    margin-top: 25px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-25-tablet {
    padding-top: 25px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-25 {
    font-size: 25px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-25 {
    font-size: 25px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-25 {
    font-size: 25px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-25 {
    font-size: 25px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-25-all {
    margin-top: 25px !important;
  }
}
.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.font-size-25 {
  font-size: 25px !important;
}

.line-height-25 {
  line-height: 25px !important;
}

.width-250 {
  width: 250% !important;
}

.height-250 {
  height: 250% !important;
}

.border-radius-25 {
  border-radius: 25px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-25-desktop {
    margin-bottom: 25px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-25-desktop {
    padding-bottom: 25px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-25-big-desktop {
    padding-bottom: 25px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-25-mobile {
    margin-bottom: 25px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-25-mobile {
    padding-bottom: 25px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-25-tablet {
    margin-bottom: 25px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-25-tablet {
    padding-bottom: 25px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-25 {
    font-size: 25px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-25 {
    font-size: 25px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-25 {
    font-size: 25px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-25 {
    font-size: 25px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-25-all {
    margin-bottom: 25px !important;
  }
}
.margin-left-25 {
  margin-left: 25px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.font-size-25 {
  font-size: 25px !important;
}

.line-height-25 {
  line-height: 25px !important;
}

.width-250 {
  width: 250% !important;
}

.height-250 {
  height: 250% !important;
}

.border-radius-25 {
  border-radius: 25px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-25-desktop {
    margin-left: 25px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-25-desktop {
    padding-left: 25px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-25-big-desktop {
    padding-left: 25px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-25-mobile {
    margin-left: 25px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-25-mobile {
    padding-left: 25px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-25-tablet {
    margin-left: 25px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-25-tablet {
    padding-left: 25px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-25 {
    font-size: 25px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-25 {
    font-size: 25px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-25 {
    font-size: 25px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-25 {
    font-size: 25px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-25-all {
    margin-left: 25px !important;
  }
}
.margin-right-25 {
  margin-right: 25px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.font-size-25 {
  font-size: 25px !important;
}

.line-height-25 {
  line-height: 25px !important;
}

.width-250 {
  width: 250% !important;
}

.height-250 {
  height: 250% !important;
}

.border-radius-25 {
  border-radius: 25px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-25-desktop {
    margin-right: 25px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-25-desktop {
    padding-right: 25px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-25-big-desktop {
    padding-right: 25px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-25-mobile {
    margin-right: 25px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-25-mobile {
    padding-right: 25px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-25-tablet {
    margin-right: 25px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-25-tablet {
    padding-right: 25px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-25 {
    font-size: 25px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-25 {
    font-size: 25px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-25 {
    font-size: 25px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-25 {
    font-size: 25px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-25-all {
    margin-right: 25px !important;
  }
}
.margin-top-26 {
  margin-top: 26px !important;
}

.padding-top-26 {
  padding-top: 26px !important;
}

.font-size-26 {
  font-size: 26px !important;
}

.line-height-26 {
  line-height: 26px !important;
}

.width-260 {
  width: 260% !important;
}

.height-260 {
  height: 260% !important;
}

.border-radius-26 {
  border-radius: 26px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-26-desktop {
    margin-top: 26px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-26-desktop {
    padding-top: 26px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-26-big-desktop {
    padding-top: 26px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-26-mobile {
    margin-top: 26px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-26-mobile {
    padding-top: 26px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-26-tablet {
    margin-top: 26px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-26-tablet {
    padding-top: 26px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-26 {
    font-size: 26px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-26 {
    font-size: 26px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-26 {
    font-size: 26px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-26 {
    font-size: 26px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-26-all {
    margin-top: 26px !important;
  }
}
.margin-bottom-26 {
  margin-bottom: 26px !important;
}

.padding-bottom-26 {
  padding-bottom: 26px !important;
}

.font-size-26 {
  font-size: 26px !important;
}

.line-height-26 {
  line-height: 26px !important;
}

.width-260 {
  width: 260% !important;
}

.height-260 {
  height: 260% !important;
}

.border-radius-26 {
  border-radius: 26px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-26-desktop {
    margin-bottom: 26px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-26-desktop {
    padding-bottom: 26px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-26-big-desktop {
    padding-bottom: 26px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-26-mobile {
    margin-bottom: 26px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-26-mobile {
    padding-bottom: 26px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-26-tablet {
    margin-bottom: 26px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-26-tablet {
    padding-bottom: 26px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-26 {
    font-size: 26px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-26 {
    font-size: 26px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-26 {
    font-size: 26px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-26 {
    font-size: 26px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-26-all {
    margin-bottom: 26px !important;
  }
}
.margin-left-26 {
  margin-left: 26px !important;
}

.padding-left-26 {
  padding-left: 26px !important;
}

.font-size-26 {
  font-size: 26px !important;
}

.line-height-26 {
  line-height: 26px !important;
}

.width-260 {
  width: 260% !important;
}

.height-260 {
  height: 260% !important;
}

.border-radius-26 {
  border-radius: 26px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-26-desktop {
    margin-left: 26px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-26-desktop {
    padding-left: 26px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-26-big-desktop {
    padding-left: 26px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-26-mobile {
    margin-left: 26px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-26-mobile {
    padding-left: 26px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-26-tablet {
    margin-left: 26px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-26-tablet {
    padding-left: 26px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-26 {
    font-size: 26px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-26 {
    font-size: 26px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-26 {
    font-size: 26px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-26 {
    font-size: 26px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-26-all {
    margin-left: 26px !important;
  }
}
.margin-right-26 {
  margin-right: 26px !important;
}

.padding-right-26 {
  padding-right: 26px !important;
}

.font-size-26 {
  font-size: 26px !important;
}

.line-height-26 {
  line-height: 26px !important;
}

.width-260 {
  width: 260% !important;
}

.height-260 {
  height: 260% !important;
}

.border-radius-26 {
  border-radius: 26px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-26-desktop {
    margin-right: 26px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-26-desktop {
    padding-right: 26px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-26-big-desktop {
    padding-right: 26px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-26-mobile {
    margin-right: 26px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-26-mobile {
    padding-right: 26px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-26-tablet {
    margin-right: 26px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-26-tablet {
    padding-right: 26px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-26 {
    font-size: 26px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-26 {
    font-size: 26px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-26 {
    font-size: 26px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-26 {
    font-size: 26px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-26-all {
    margin-right: 26px !important;
  }
}
.margin-top-27 {
  margin-top: 27px !important;
}

.padding-top-27 {
  padding-top: 27px !important;
}

.font-size-27 {
  font-size: 27px !important;
}

.line-height-27 {
  line-height: 27px !important;
}

.width-270 {
  width: 270% !important;
}

.height-270 {
  height: 270% !important;
}

.border-radius-27 {
  border-radius: 27px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-27-desktop {
    margin-top: 27px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-27-desktop {
    padding-top: 27px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-27-big-desktop {
    padding-top: 27px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-27-mobile {
    margin-top: 27px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-27-mobile {
    padding-top: 27px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-27-tablet {
    margin-top: 27px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-27-tablet {
    padding-top: 27px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-27 {
    font-size: 27px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-27 {
    font-size: 27px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-27 {
    font-size: 27px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-27 {
    font-size: 27px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-27-all {
    margin-top: 27px !important;
  }
}
.margin-bottom-27 {
  margin-bottom: 27px !important;
}

.padding-bottom-27 {
  padding-bottom: 27px !important;
}

.font-size-27 {
  font-size: 27px !important;
}

.line-height-27 {
  line-height: 27px !important;
}

.width-270 {
  width: 270% !important;
}

.height-270 {
  height: 270% !important;
}

.border-radius-27 {
  border-radius: 27px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-27-desktop {
    margin-bottom: 27px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-27-desktop {
    padding-bottom: 27px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-27-big-desktop {
    padding-bottom: 27px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-27-mobile {
    margin-bottom: 27px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-27-mobile {
    padding-bottom: 27px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-27-tablet {
    margin-bottom: 27px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-27-tablet {
    padding-bottom: 27px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-27 {
    font-size: 27px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-27 {
    font-size: 27px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-27 {
    font-size: 27px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-27 {
    font-size: 27px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-27-all {
    margin-bottom: 27px !important;
  }
}
.margin-left-27 {
  margin-left: 27px !important;
}

.padding-left-27 {
  padding-left: 27px !important;
}

.font-size-27 {
  font-size: 27px !important;
}

.line-height-27 {
  line-height: 27px !important;
}

.width-270 {
  width: 270% !important;
}

.height-270 {
  height: 270% !important;
}

.border-radius-27 {
  border-radius: 27px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-27-desktop {
    margin-left: 27px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-27-desktop {
    padding-left: 27px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-27-big-desktop {
    padding-left: 27px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-27-mobile {
    margin-left: 27px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-27-mobile {
    padding-left: 27px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-27-tablet {
    margin-left: 27px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-27-tablet {
    padding-left: 27px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-27 {
    font-size: 27px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-27 {
    font-size: 27px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-27 {
    font-size: 27px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-27 {
    font-size: 27px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-27-all {
    margin-left: 27px !important;
  }
}
.margin-right-27 {
  margin-right: 27px !important;
}

.padding-right-27 {
  padding-right: 27px !important;
}

.font-size-27 {
  font-size: 27px !important;
}

.line-height-27 {
  line-height: 27px !important;
}

.width-270 {
  width: 270% !important;
}

.height-270 {
  height: 270% !important;
}

.border-radius-27 {
  border-radius: 27px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-27-desktop {
    margin-right: 27px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-27-desktop {
    padding-right: 27px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-27-big-desktop {
    padding-right: 27px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-27-mobile {
    margin-right: 27px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-27-mobile {
    padding-right: 27px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-27-tablet {
    margin-right: 27px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-27-tablet {
    padding-right: 27px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-27 {
    font-size: 27px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-27 {
    font-size: 27px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-27 {
    font-size: 27px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-27 {
    font-size: 27px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-27-all {
    margin-right: 27px !important;
  }
}
.margin-top-28 {
  margin-top: 28px !important;
}

.padding-top-28 {
  padding-top: 28px !important;
}

.font-size-28 {
  font-size: 28px !important;
}

.line-height-28 {
  line-height: 28px !important;
}

.width-280 {
  width: 280% !important;
}

.height-280 {
  height: 280% !important;
}

.border-radius-28 {
  border-radius: 28px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-28-desktop {
    margin-top: 28px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-28-desktop {
    padding-top: 28px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-28-big-desktop {
    padding-top: 28px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-28-mobile {
    margin-top: 28px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-28-mobile {
    padding-top: 28px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-28-tablet {
    margin-top: 28px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-28-tablet {
    padding-top: 28px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-28 {
    font-size: 28px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-28 {
    font-size: 28px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-28 {
    font-size: 28px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-28 {
    font-size: 28px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-28-all {
    margin-top: 28px !important;
  }
}
.margin-bottom-28 {
  margin-bottom: 28px !important;
}

.padding-bottom-28 {
  padding-bottom: 28px !important;
}

.font-size-28 {
  font-size: 28px !important;
}

.line-height-28 {
  line-height: 28px !important;
}

.width-280 {
  width: 280% !important;
}

.height-280 {
  height: 280% !important;
}

.border-radius-28 {
  border-radius: 28px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-28-desktop {
    margin-bottom: 28px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-28-desktop {
    padding-bottom: 28px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-28-big-desktop {
    padding-bottom: 28px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-28-mobile {
    margin-bottom: 28px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-28-mobile {
    padding-bottom: 28px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-28-tablet {
    margin-bottom: 28px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-28-tablet {
    padding-bottom: 28px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-28 {
    font-size: 28px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-28 {
    font-size: 28px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-28 {
    font-size: 28px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-28 {
    font-size: 28px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-28-all {
    margin-bottom: 28px !important;
  }
}
.margin-left-28 {
  margin-left: 28px !important;
}

.padding-left-28 {
  padding-left: 28px !important;
}

.font-size-28 {
  font-size: 28px !important;
}

.line-height-28 {
  line-height: 28px !important;
}

.width-280 {
  width: 280% !important;
}

.height-280 {
  height: 280% !important;
}

.border-radius-28 {
  border-radius: 28px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-28-desktop {
    margin-left: 28px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-28-desktop {
    padding-left: 28px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-28-big-desktop {
    padding-left: 28px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-28-mobile {
    margin-left: 28px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-28-mobile {
    padding-left: 28px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-28-tablet {
    margin-left: 28px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-28-tablet {
    padding-left: 28px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-28 {
    font-size: 28px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-28 {
    font-size: 28px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-28 {
    font-size: 28px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-28 {
    font-size: 28px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-28-all {
    margin-left: 28px !important;
  }
}
.margin-right-28 {
  margin-right: 28px !important;
}

.padding-right-28 {
  padding-right: 28px !important;
}

.font-size-28 {
  font-size: 28px !important;
}

.line-height-28 {
  line-height: 28px !important;
}

.width-280 {
  width: 280% !important;
}

.height-280 {
  height: 280% !important;
}

.border-radius-28 {
  border-radius: 28px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-28-desktop {
    margin-right: 28px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-28-desktop {
    padding-right: 28px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-28-big-desktop {
    padding-right: 28px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-28-mobile {
    margin-right: 28px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-28-mobile {
    padding-right: 28px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-28-tablet {
    margin-right: 28px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-28-tablet {
    padding-right: 28px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-28 {
    font-size: 28px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-28 {
    font-size: 28px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-28 {
    font-size: 28px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-28 {
    font-size: 28px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-28-all {
    margin-right: 28px !important;
  }
}
.margin-top-29 {
  margin-top: 29px !important;
}

.padding-top-29 {
  padding-top: 29px !important;
}

.font-size-29 {
  font-size: 29px !important;
}

.line-height-29 {
  line-height: 29px !important;
}

.width-290 {
  width: 290% !important;
}

.height-290 {
  height: 290% !important;
}

.border-radius-29 {
  border-radius: 29px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-29-desktop {
    margin-top: 29px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-29-desktop {
    padding-top: 29px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-29-big-desktop {
    padding-top: 29px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-29-mobile {
    margin-top: 29px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-29-mobile {
    padding-top: 29px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-29-tablet {
    margin-top: 29px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-29-tablet {
    padding-top: 29px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-29 {
    font-size: 29px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-29 {
    font-size: 29px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-29 {
    font-size: 29px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-29 {
    font-size: 29px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-29-all {
    margin-top: 29px !important;
  }
}
.margin-bottom-29 {
  margin-bottom: 29px !important;
}

.padding-bottom-29 {
  padding-bottom: 29px !important;
}

.font-size-29 {
  font-size: 29px !important;
}

.line-height-29 {
  line-height: 29px !important;
}

.width-290 {
  width: 290% !important;
}

.height-290 {
  height: 290% !important;
}

.border-radius-29 {
  border-radius: 29px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-29-desktop {
    margin-bottom: 29px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-29-desktop {
    padding-bottom: 29px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-29-big-desktop {
    padding-bottom: 29px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-29-mobile {
    margin-bottom: 29px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-29-mobile {
    padding-bottom: 29px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-29-tablet {
    margin-bottom: 29px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-29-tablet {
    padding-bottom: 29px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-29 {
    font-size: 29px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-29 {
    font-size: 29px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-29 {
    font-size: 29px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-29 {
    font-size: 29px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-29-all {
    margin-bottom: 29px !important;
  }
}
.margin-left-29 {
  margin-left: 29px !important;
}

.padding-left-29 {
  padding-left: 29px !important;
}

.font-size-29 {
  font-size: 29px !important;
}

.line-height-29 {
  line-height: 29px !important;
}

.width-290 {
  width: 290% !important;
}

.height-290 {
  height: 290% !important;
}

.border-radius-29 {
  border-radius: 29px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-29-desktop {
    margin-left: 29px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-29-desktop {
    padding-left: 29px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-29-big-desktop {
    padding-left: 29px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-29-mobile {
    margin-left: 29px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-29-mobile {
    padding-left: 29px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-29-tablet {
    margin-left: 29px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-29-tablet {
    padding-left: 29px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-29 {
    font-size: 29px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-29 {
    font-size: 29px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-29 {
    font-size: 29px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-29 {
    font-size: 29px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-29-all {
    margin-left: 29px !important;
  }
}
.margin-right-29 {
  margin-right: 29px !important;
}

.padding-right-29 {
  padding-right: 29px !important;
}

.font-size-29 {
  font-size: 29px !important;
}

.line-height-29 {
  line-height: 29px !important;
}

.width-290 {
  width: 290% !important;
}

.height-290 {
  height: 290% !important;
}

.border-radius-29 {
  border-radius: 29px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-29-desktop {
    margin-right: 29px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-29-desktop {
    padding-right: 29px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-29-big-desktop {
    padding-right: 29px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-29-mobile {
    margin-right: 29px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-29-mobile {
    padding-right: 29px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-29-tablet {
    margin-right: 29px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-29-tablet {
    padding-right: 29px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-29 {
    font-size: 29px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-29 {
    font-size: 29px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-29 {
    font-size: 29px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-29 {
    font-size: 29px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-29-all {
    margin-right: 29px !important;
  }
}
.margin-top-30 {
  margin-top: 30px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.font-size-30 {
  font-size: 30px !important;
}

.line-height-30 {
  line-height: 30px !important;
}

.width-300 {
  width: 300% !important;
}

.height-300 {
  height: 300% !important;
}

.border-radius-30 {
  border-radius: 30px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-30-desktop {
    margin-top: 30px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-30-desktop {
    padding-top: 30px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-30-big-desktop {
    padding-top: 30px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-30-mobile {
    margin-top: 30px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-30-mobile {
    padding-top: 30px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-30-tablet {
    margin-top: 30px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-30-tablet {
    padding-top: 30px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-30 {
    font-size: 30px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-30 {
    font-size: 30px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-30 {
    font-size: 30px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-30 {
    font-size: 30px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-30-all {
    margin-top: 30px !important;
  }
}
.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.font-size-30 {
  font-size: 30px !important;
}

.line-height-30 {
  line-height: 30px !important;
}

.width-300 {
  width: 300% !important;
}

.height-300 {
  height: 300% !important;
}

.border-radius-30 {
  border-radius: 30px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-30-desktop {
    margin-bottom: 30px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-30-desktop {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-30-big-desktop {
    padding-bottom: 30px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-30-mobile {
    margin-bottom: 30px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-30-mobile {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-30-tablet {
    margin-bottom: 30px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-30-tablet {
    padding-bottom: 30px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-30 {
    font-size: 30px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-30 {
    font-size: 30px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-30 {
    font-size: 30px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-30 {
    font-size: 30px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-30-all {
    margin-bottom: 30px !important;
  }
}
.margin-left-30 {
  margin-left: 30px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.font-size-30 {
  font-size: 30px !important;
}

.line-height-30 {
  line-height: 30px !important;
}

.width-300 {
  width: 300% !important;
}

.height-300 {
  height: 300% !important;
}

.border-radius-30 {
  border-radius: 30px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-30-desktop {
    margin-left: 30px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-30-desktop {
    padding-left: 30px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-30-big-desktop {
    padding-left: 30px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-30-mobile {
    margin-left: 30px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-30-mobile {
    padding-left: 30px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-30-tablet {
    margin-left: 30px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-30-tablet {
    padding-left: 30px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-30 {
    font-size: 30px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-30 {
    font-size: 30px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-30 {
    font-size: 30px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-30 {
    font-size: 30px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-30-all {
    margin-left: 30px !important;
  }
}
.margin-right-30 {
  margin-right: 30px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.font-size-30 {
  font-size: 30px !important;
}

.line-height-30 {
  line-height: 30px !important;
}

.width-300 {
  width: 300% !important;
}

.height-300 {
  height: 300% !important;
}

.border-radius-30 {
  border-radius: 30px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-30-desktop {
    margin-right: 30px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-30-desktop {
    padding-right: 30px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-30-big-desktop {
    padding-right: 30px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-30-mobile {
    margin-right: 30px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-30-mobile {
    padding-right: 30px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-30-tablet {
    margin-right: 30px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-30-tablet {
    padding-right: 30px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-30 {
    font-size: 30px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-30 {
    font-size: 30px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-30 {
    font-size: 30px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-30 {
    font-size: 30px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-30-all {
    margin-right: 30px !important;
  }
}
.margin-top-31 {
  margin-top: 31px !important;
}

.padding-top-31 {
  padding-top: 31px !important;
}

.font-size-31 {
  font-size: 31px !important;
}

.line-height-31 {
  line-height: 31px !important;
}

.width-310 {
  width: 310% !important;
}

.height-310 {
  height: 310% !important;
}

.border-radius-31 {
  border-radius: 31px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-31-desktop {
    margin-top: 31px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-31-desktop {
    padding-top: 31px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-31-big-desktop {
    padding-top: 31px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-31-mobile {
    margin-top: 31px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-31-mobile {
    padding-top: 31px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-31-tablet {
    margin-top: 31px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-31-tablet {
    padding-top: 31px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-31 {
    font-size: 31px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-31 {
    font-size: 31px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-31 {
    font-size: 31px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-31 {
    font-size: 31px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-31-all {
    margin-top: 31px !important;
  }
}
.margin-bottom-31 {
  margin-bottom: 31px !important;
}

.padding-bottom-31 {
  padding-bottom: 31px !important;
}

.font-size-31 {
  font-size: 31px !important;
}

.line-height-31 {
  line-height: 31px !important;
}

.width-310 {
  width: 310% !important;
}

.height-310 {
  height: 310% !important;
}

.border-radius-31 {
  border-radius: 31px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-31-desktop {
    margin-bottom: 31px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-31-desktop {
    padding-bottom: 31px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-31-big-desktop {
    padding-bottom: 31px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-31-mobile {
    margin-bottom: 31px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-31-mobile {
    padding-bottom: 31px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-31-tablet {
    margin-bottom: 31px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-31-tablet {
    padding-bottom: 31px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-31 {
    font-size: 31px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-31 {
    font-size: 31px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-31 {
    font-size: 31px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-31 {
    font-size: 31px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-31-all {
    margin-bottom: 31px !important;
  }
}
.margin-left-31 {
  margin-left: 31px !important;
}

.padding-left-31 {
  padding-left: 31px !important;
}

.font-size-31 {
  font-size: 31px !important;
}

.line-height-31 {
  line-height: 31px !important;
}

.width-310 {
  width: 310% !important;
}

.height-310 {
  height: 310% !important;
}

.border-radius-31 {
  border-radius: 31px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-31-desktop {
    margin-left: 31px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-31-desktop {
    padding-left: 31px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-31-big-desktop {
    padding-left: 31px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-31-mobile {
    margin-left: 31px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-31-mobile {
    padding-left: 31px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-31-tablet {
    margin-left: 31px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-31-tablet {
    padding-left: 31px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-31 {
    font-size: 31px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-31 {
    font-size: 31px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-31 {
    font-size: 31px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-31 {
    font-size: 31px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-31-all {
    margin-left: 31px !important;
  }
}
.margin-right-31 {
  margin-right: 31px !important;
}

.padding-right-31 {
  padding-right: 31px !important;
}

.font-size-31 {
  font-size: 31px !important;
}

.line-height-31 {
  line-height: 31px !important;
}

.width-310 {
  width: 310% !important;
}

.height-310 {
  height: 310% !important;
}

.border-radius-31 {
  border-radius: 31px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-31-desktop {
    margin-right: 31px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-31-desktop {
    padding-right: 31px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-31-big-desktop {
    padding-right: 31px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-31-mobile {
    margin-right: 31px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-31-mobile {
    padding-right: 31px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-31-tablet {
    margin-right: 31px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-31-tablet {
    padding-right: 31px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-31 {
    font-size: 31px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-31 {
    font-size: 31px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-31 {
    font-size: 31px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-31 {
    font-size: 31px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-31-all {
    margin-right: 31px !important;
  }
}
.margin-top-32 {
  margin-top: 32px !important;
}

.padding-top-32 {
  padding-top: 32px !important;
}

.font-size-32 {
  font-size: 32px !important;
}

.line-height-32 {
  line-height: 32px !important;
}

.width-320 {
  width: 320% !important;
}

.height-320 {
  height: 320% !important;
}

.border-radius-32 {
  border-radius: 32px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-32-desktop {
    margin-top: 32px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-32-desktop {
    padding-top: 32px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-32-big-desktop {
    padding-top: 32px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-32-mobile {
    margin-top: 32px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-32-mobile {
    padding-top: 32px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-32-tablet {
    margin-top: 32px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-32-tablet {
    padding-top: 32px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-32 {
    font-size: 32px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-32 {
    font-size: 32px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-32 {
    font-size: 32px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-32 {
    font-size: 32px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-32-all {
    margin-top: 32px !important;
  }
}
.margin-bottom-32 {
  margin-bottom: 32px !important;
}

.padding-bottom-32 {
  padding-bottom: 32px !important;
}

.font-size-32 {
  font-size: 32px !important;
}

.line-height-32 {
  line-height: 32px !important;
}

.width-320 {
  width: 320% !important;
}

.height-320 {
  height: 320% !important;
}

.border-radius-32 {
  border-radius: 32px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-32-desktop {
    margin-bottom: 32px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-32-desktop {
    padding-bottom: 32px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-32-big-desktop {
    padding-bottom: 32px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-32-mobile {
    margin-bottom: 32px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-32-mobile {
    padding-bottom: 32px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-32-tablet {
    margin-bottom: 32px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-32-tablet {
    padding-bottom: 32px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-32 {
    font-size: 32px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-32 {
    font-size: 32px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-32 {
    font-size: 32px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-32 {
    font-size: 32px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-32-all {
    margin-bottom: 32px !important;
  }
}
.margin-left-32 {
  margin-left: 32px !important;
}

.padding-left-32 {
  padding-left: 32px !important;
}

.font-size-32 {
  font-size: 32px !important;
}

.line-height-32 {
  line-height: 32px !important;
}

.width-320 {
  width: 320% !important;
}

.height-320 {
  height: 320% !important;
}

.border-radius-32 {
  border-radius: 32px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-32-desktop {
    margin-left: 32px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-32-desktop {
    padding-left: 32px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-32-big-desktop {
    padding-left: 32px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-32-mobile {
    margin-left: 32px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-32-mobile {
    padding-left: 32px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-32-tablet {
    margin-left: 32px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-32-tablet {
    padding-left: 32px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-32 {
    font-size: 32px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-32 {
    font-size: 32px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-32 {
    font-size: 32px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-32 {
    font-size: 32px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-32-all {
    margin-left: 32px !important;
  }
}
.margin-right-32 {
  margin-right: 32px !important;
}

.padding-right-32 {
  padding-right: 32px !important;
}

.font-size-32 {
  font-size: 32px !important;
}

.line-height-32 {
  line-height: 32px !important;
}

.width-320 {
  width: 320% !important;
}

.height-320 {
  height: 320% !important;
}

.border-radius-32 {
  border-radius: 32px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-32-desktop {
    margin-right: 32px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-32-desktop {
    padding-right: 32px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-32-big-desktop {
    padding-right: 32px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-32-mobile {
    margin-right: 32px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-32-mobile {
    padding-right: 32px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-32-tablet {
    margin-right: 32px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-32-tablet {
    padding-right: 32px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-32 {
    font-size: 32px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-32 {
    font-size: 32px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-32 {
    font-size: 32px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-32 {
    font-size: 32px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-32-all {
    margin-right: 32px !important;
  }
}
.margin-top-33 {
  margin-top: 33px !important;
}

.padding-top-33 {
  padding-top: 33px !important;
}

.font-size-33 {
  font-size: 33px !important;
}

.line-height-33 {
  line-height: 33px !important;
}

.width-330 {
  width: 330% !important;
}

.height-330 {
  height: 330% !important;
}

.border-radius-33 {
  border-radius: 33px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-33-desktop {
    margin-top: 33px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-33-desktop {
    padding-top: 33px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-33-big-desktop {
    padding-top: 33px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-33-mobile {
    margin-top: 33px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-33-mobile {
    padding-top: 33px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-33-tablet {
    margin-top: 33px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-33-tablet {
    padding-top: 33px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-33 {
    font-size: 33px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-33 {
    font-size: 33px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-33 {
    font-size: 33px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-33 {
    font-size: 33px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-33-all {
    margin-top: 33px !important;
  }
}
.margin-bottom-33 {
  margin-bottom: 33px !important;
}

.padding-bottom-33 {
  padding-bottom: 33px !important;
}

.font-size-33 {
  font-size: 33px !important;
}

.line-height-33 {
  line-height: 33px !important;
}

.width-330 {
  width: 330% !important;
}

.height-330 {
  height: 330% !important;
}

.border-radius-33 {
  border-radius: 33px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-33-desktop {
    margin-bottom: 33px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-33-desktop {
    padding-bottom: 33px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-33-big-desktop {
    padding-bottom: 33px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-33-mobile {
    margin-bottom: 33px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-33-mobile {
    padding-bottom: 33px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-33-tablet {
    margin-bottom: 33px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-33-tablet {
    padding-bottom: 33px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-33 {
    font-size: 33px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-33 {
    font-size: 33px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-33 {
    font-size: 33px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-33 {
    font-size: 33px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-33-all {
    margin-bottom: 33px !important;
  }
}
.margin-left-33 {
  margin-left: 33px !important;
}

.padding-left-33 {
  padding-left: 33px !important;
}

.font-size-33 {
  font-size: 33px !important;
}

.line-height-33 {
  line-height: 33px !important;
}

.width-330 {
  width: 330% !important;
}

.height-330 {
  height: 330% !important;
}

.border-radius-33 {
  border-radius: 33px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-33-desktop {
    margin-left: 33px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-33-desktop {
    padding-left: 33px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-33-big-desktop {
    padding-left: 33px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-33-mobile {
    margin-left: 33px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-33-mobile {
    padding-left: 33px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-33-tablet {
    margin-left: 33px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-33-tablet {
    padding-left: 33px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-33 {
    font-size: 33px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-33 {
    font-size: 33px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-33 {
    font-size: 33px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-33 {
    font-size: 33px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-33-all {
    margin-left: 33px !important;
  }
}
.margin-right-33 {
  margin-right: 33px !important;
}

.padding-right-33 {
  padding-right: 33px !important;
}

.font-size-33 {
  font-size: 33px !important;
}

.line-height-33 {
  line-height: 33px !important;
}

.width-330 {
  width: 330% !important;
}

.height-330 {
  height: 330% !important;
}

.border-radius-33 {
  border-radius: 33px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-33-desktop {
    margin-right: 33px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-33-desktop {
    padding-right: 33px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-33-big-desktop {
    padding-right: 33px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-33-mobile {
    margin-right: 33px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-33-mobile {
    padding-right: 33px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-33-tablet {
    margin-right: 33px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-33-tablet {
    padding-right: 33px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-33 {
    font-size: 33px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-33 {
    font-size: 33px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-33 {
    font-size: 33px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-33 {
    font-size: 33px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-33-all {
    margin-right: 33px !important;
  }
}
.margin-top-34 {
  margin-top: 34px !important;
}

.padding-top-34 {
  padding-top: 34px !important;
}

.font-size-34 {
  font-size: 34px !important;
}

.line-height-34 {
  line-height: 34px !important;
}

.width-340 {
  width: 340% !important;
}

.height-340 {
  height: 340% !important;
}

.border-radius-34 {
  border-radius: 34px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-34-desktop {
    margin-top: 34px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-34-desktop {
    padding-top: 34px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-34-big-desktop {
    padding-top: 34px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-34-mobile {
    margin-top: 34px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-34-mobile {
    padding-top: 34px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-34-tablet {
    margin-top: 34px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-34-tablet {
    padding-top: 34px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-34 {
    font-size: 34px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-34 {
    font-size: 34px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-34 {
    font-size: 34px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-34 {
    font-size: 34px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-34-all {
    margin-top: 34px !important;
  }
}
.margin-bottom-34 {
  margin-bottom: 34px !important;
}

.padding-bottom-34 {
  padding-bottom: 34px !important;
}

.font-size-34 {
  font-size: 34px !important;
}

.line-height-34 {
  line-height: 34px !important;
}

.width-340 {
  width: 340% !important;
}

.height-340 {
  height: 340% !important;
}

.border-radius-34 {
  border-radius: 34px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-34-desktop {
    margin-bottom: 34px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-34-desktop {
    padding-bottom: 34px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-34-big-desktop {
    padding-bottom: 34px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-34-mobile {
    margin-bottom: 34px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-34-mobile {
    padding-bottom: 34px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-34-tablet {
    margin-bottom: 34px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-34-tablet {
    padding-bottom: 34px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-34 {
    font-size: 34px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-34 {
    font-size: 34px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-34 {
    font-size: 34px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-34 {
    font-size: 34px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-34-all {
    margin-bottom: 34px !important;
  }
}
.margin-left-34 {
  margin-left: 34px !important;
}

.padding-left-34 {
  padding-left: 34px !important;
}

.font-size-34 {
  font-size: 34px !important;
}

.line-height-34 {
  line-height: 34px !important;
}

.width-340 {
  width: 340% !important;
}

.height-340 {
  height: 340% !important;
}

.border-radius-34 {
  border-radius: 34px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-34-desktop {
    margin-left: 34px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-34-desktop {
    padding-left: 34px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-34-big-desktop {
    padding-left: 34px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-34-mobile {
    margin-left: 34px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-34-mobile {
    padding-left: 34px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-34-tablet {
    margin-left: 34px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-34-tablet {
    padding-left: 34px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-34 {
    font-size: 34px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-34 {
    font-size: 34px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-34 {
    font-size: 34px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-34 {
    font-size: 34px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-34-all {
    margin-left: 34px !important;
  }
}
.margin-right-34 {
  margin-right: 34px !important;
}

.padding-right-34 {
  padding-right: 34px !important;
}

.font-size-34 {
  font-size: 34px !important;
}

.line-height-34 {
  line-height: 34px !important;
}

.width-340 {
  width: 340% !important;
}

.height-340 {
  height: 340% !important;
}

.border-radius-34 {
  border-radius: 34px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-34-desktop {
    margin-right: 34px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-34-desktop {
    padding-right: 34px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-34-big-desktop {
    padding-right: 34px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-34-mobile {
    margin-right: 34px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-34-mobile {
    padding-right: 34px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-34-tablet {
    margin-right: 34px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-34-tablet {
    padding-right: 34px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-34 {
    font-size: 34px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-34 {
    font-size: 34px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-34 {
    font-size: 34px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-34 {
    font-size: 34px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-34-all {
    margin-right: 34px !important;
  }
}
.margin-top-35 {
  margin-top: 35px !important;
}

.padding-top-35 {
  padding-top: 35px !important;
}

.font-size-35 {
  font-size: 35px !important;
}

.line-height-35 {
  line-height: 35px !important;
}

.width-350 {
  width: 350% !important;
}

.height-350 {
  height: 350% !important;
}

.border-radius-35 {
  border-radius: 35px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-35-desktop {
    margin-top: 35px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-35-desktop {
    padding-top: 35px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-35-big-desktop {
    padding-top: 35px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-35-mobile {
    margin-top: 35px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-35-mobile {
    padding-top: 35px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-35-tablet {
    margin-top: 35px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-35-tablet {
    padding-top: 35px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-35 {
    font-size: 35px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-35 {
    font-size: 35px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-35 {
    font-size: 35px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-35 {
    font-size: 35px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-35-all {
    margin-top: 35px !important;
  }
}
.margin-bottom-35 {
  margin-bottom: 35px !important;
}

.padding-bottom-35 {
  padding-bottom: 35px !important;
}

.font-size-35 {
  font-size: 35px !important;
}

.line-height-35 {
  line-height: 35px !important;
}

.width-350 {
  width: 350% !important;
}

.height-350 {
  height: 350% !important;
}

.border-radius-35 {
  border-radius: 35px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-35-desktop {
    margin-bottom: 35px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-35-desktop {
    padding-bottom: 35px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-35-big-desktop {
    padding-bottom: 35px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-35-mobile {
    margin-bottom: 35px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-35-mobile {
    padding-bottom: 35px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-35-tablet {
    margin-bottom: 35px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-35-tablet {
    padding-bottom: 35px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-35 {
    font-size: 35px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-35 {
    font-size: 35px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-35 {
    font-size: 35px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-35 {
    font-size: 35px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-35-all {
    margin-bottom: 35px !important;
  }
}
.margin-left-35 {
  margin-left: 35px !important;
}

.padding-left-35 {
  padding-left: 35px !important;
}

.font-size-35 {
  font-size: 35px !important;
}

.line-height-35 {
  line-height: 35px !important;
}

.width-350 {
  width: 350% !important;
}

.height-350 {
  height: 350% !important;
}

.border-radius-35 {
  border-radius: 35px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-35-desktop {
    margin-left: 35px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-35-desktop {
    padding-left: 35px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-35-big-desktop {
    padding-left: 35px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-35-mobile {
    margin-left: 35px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-35-mobile {
    padding-left: 35px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-35-tablet {
    margin-left: 35px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-35-tablet {
    padding-left: 35px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-35 {
    font-size: 35px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-35 {
    font-size: 35px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-35 {
    font-size: 35px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-35 {
    font-size: 35px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-35-all {
    margin-left: 35px !important;
  }
}
.margin-right-35 {
  margin-right: 35px !important;
}

.padding-right-35 {
  padding-right: 35px !important;
}

.font-size-35 {
  font-size: 35px !important;
}

.line-height-35 {
  line-height: 35px !important;
}

.width-350 {
  width: 350% !important;
}

.height-350 {
  height: 350% !important;
}

.border-radius-35 {
  border-radius: 35px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-35-desktop {
    margin-right: 35px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-35-desktop {
    padding-right: 35px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-35-big-desktop {
    padding-right: 35px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-35-mobile {
    margin-right: 35px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-35-mobile {
    padding-right: 35px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-35-tablet {
    margin-right: 35px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-35-tablet {
    padding-right: 35px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-35 {
    font-size: 35px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-35 {
    font-size: 35px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-35 {
    font-size: 35px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-35 {
    font-size: 35px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-35-all {
    margin-right: 35px !important;
  }
}
.margin-top-36 {
  margin-top: 36px !important;
}

.padding-top-36 {
  padding-top: 36px !important;
}

.font-size-36 {
  font-size: 36px !important;
}

.line-height-36 {
  line-height: 36px !important;
}

.width-360 {
  width: 360% !important;
}

.height-360 {
  height: 360% !important;
}

.border-radius-36 {
  border-radius: 36px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-36-desktop {
    margin-top: 36px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-36-desktop {
    padding-top: 36px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-36-big-desktop {
    padding-top: 36px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-36-mobile {
    margin-top: 36px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-36-mobile {
    padding-top: 36px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-36-tablet {
    margin-top: 36px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-36-tablet {
    padding-top: 36px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-36 {
    font-size: 36px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-36 {
    font-size: 36px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-36 {
    font-size: 36px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-36 {
    font-size: 36px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-36-all {
    margin-top: 36px !important;
  }
}
.margin-bottom-36 {
  margin-bottom: 36px !important;
}

.padding-bottom-36 {
  padding-bottom: 36px !important;
}

.font-size-36 {
  font-size: 36px !important;
}

.line-height-36 {
  line-height: 36px !important;
}

.width-360 {
  width: 360% !important;
}

.height-360 {
  height: 360% !important;
}

.border-radius-36 {
  border-radius: 36px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-36-desktop {
    margin-bottom: 36px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-36-desktop {
    padding-bottom: 36px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-36-big-desktop {
    padding-bottom: 36px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-36-mobile {
    margin-bottom: 36px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-36-mobile {
    padding-bottom: 36px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-36-tablet {
    margin-bottom: 36px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-36-tablet {
    padding-bottom: 36px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-36 {
    font-size: 36px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-36 {
    font-size: 36px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-36 {
    font-size: 36px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-36 {
    font-size: 36px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-36-all {
    margin-bottom: 36px !important;
  }
}
.margin-left-36 {
  margin-left: 36px !important;
}

.padding-left-36 {
  padding-left: 36px !important;
}

.font-size-36 {
  font-size: 36px !important;
}

.line-height-36 {
  line-height: 36px !important;
}

.width-360 {
  width: 360% !important;
}

.height-360 {
  height: 360% !important;
}

.border-radius-36 {
  border-radius: 36px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-36-desktop {
    margin-left: 36px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-36-desktop {
    padding-left: 36px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-36-big-desktop {
    padding-left: 36px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-36-mobile {
    margin-left: 36px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-36-mobile {
    padding-left: 36px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-36-tablet {
    margin-left: 36px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-36-tablet {
    padding-left: 36px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-36 {
    font-size: 36px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-36 {
    font-size: 36px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-36 {
    font-size: 36px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-36 {
    font-size: 36px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-36-all {
    margin-left: 36px !important;
  }
}
.margin-right-36 {
  margin-right: 36px !important;
}

.padding-right-36 {
  padding-right: 36px !important;
}

.font-size-36 {
  font-size: 36px !important;
}

.line-height-36 {
  line-height: 36px !important;
}

.width-360 {
  width: 360% !important;
}

.height-360 {
  height: 360% !important;
}

.border-radius-36 {
  border-radius: 36px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-36-desktop {
    margin-right: 36px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-36-desktop {
    padding-right: 36px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-36-big-desktop {
    padding-right: 36px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-36-mobile {
    margin-right: 36px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-36-mobile {
    padding-right: 36px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-36-tablet {
    margin-right: 36px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-36-tablet {
    padding-right: 36px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-36 {
    font-size: 36px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-36 {
    font-size: 36px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-36 {
    font-size: 36px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-36 {
    font-size: 36px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-36-all {
    margin-right: 36px !important;
  }
}
.margin-top-37 {
  margin-top: 37px !important;
}

.padding-top-37 {
  padding-top: 37px !important;
}

.font-size-37 {
  font-size: 37px !important;
}

.line-height-37 {
  line-height: 37px !important;
}

.width-370 {
  width: 370% !important;
}

.height-370 {
  height: 370% !important;
}

.border-radius-37 {
  border-radius: 37px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-37-desktop {
    margin-top: 37px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-37-desktop {
    padding-top: 37px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-37-big-desktop {
    padding-top: 37px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-37-mobile {
    margin-top: 37px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-37-mobile {
    padding-top: 37px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-37-tablet {
    margin-top: 37px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-37-tablet {
    padding-top: 37px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-37 {
    font-size: 37px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-37 {
    font-size: 37px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-37 {
    font-size: 37px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-37 {
    font-size: 37px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-37-all {
    margin-top: 37px !important;
  }
}
.margin-bottom-37 {
  margin-bottom: 37px !important;
}

.padding-bottom-37 {
  padding-bottom: 37px !important;
}

.font-size-37 {
  font-size: 37px !important;
}

.line-height-37 {
  line-height: 37px !important;
}

.width-370 {
  width: 370% !important;
}

.height-370 {
  height: 370% !important;
}

.border-radius-37 {
  border-radius: 37px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-37-desktop {
    margin-bottom: 37px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-37-desktop {
    padding-bottom: 37px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-37-big-desktop {
    padding-bottom: 37px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-37-mobile {
    margin-bottom: 37px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-37-mobile {
    padding-bottom: 37px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-37-tablet {
    margin-bottom: 37px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-37-tablet {
    padding-bottom: 37px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-37 {
    font-size: 37px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-37 {
    font-size: 37px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-37 {
    font-size: 37px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-37 {
    font-size: 37px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-37-all {
    margin-bottom: 37px !important;
  }
}
.margin-left-37 {
  margin-left: 37px !important;
}

.padding-left-37 {
  padding-left: 37px !important;
}

.font-size-37 {
  font-size: 37px !important;
}

.line-height-37 {
  line-height: 37px !important;
}

.width-370 {
  width: 370% !important;
}

.height-370 {
  height: 370% !important;
}

.border-radius-37 {
  border-radius: 37px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-37-desktop {
    margin-left: 37px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-37-desktop {
    padding-left: 37px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-37-big-desktop {
    padding-left: 37px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-37-mobile {
    margin-left: 37px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-37-mobile {
    padding-left: 37px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-37-tablet {
    margin-left: 37px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-37-tablet {
    padding-left: 37px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-37 {
    font-size: 37px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-37 {
    font-size: 37px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-37 {
    font-size: 37px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-37 {
    font-size: 37px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-37-all {
    margin-left: 37px !important;
  }
}
.margin-right-37 {
  margin-right: 37px !important;
}

.padding-right-37 {
  padding-right: 37px !important;
}

.font-size-37 {
  font-size: 37px !important;
}

.line-height-37 {
  line-height: 37px !important;
}

.width-370 {
  width: 370% !important;
}

.height-370 {
  height: 370% !important;
}

.border-radius-37 {
  border-radius: 37px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-37-desktop {
    margin-right: 37px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-37-desktop {
    padding-right: 37px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-37-big-desktop {
    padding-right: 37px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-37-mobile {
    margin-right: 37px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-37-mobile {
    padding-right: 37px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-37-tablet {
    margin-right: 37px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-37-tablet {
    padding-right: 37px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-37 {
    font-size: 37px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-37 {
    font-size: 37px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-37 {
    font-size: 37px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-37 {
    font-size: 37px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-37-all {
    margin-right: 37px !important;
  }
}
.margin-top-38 {
  margin-top: 38px !important;
}

.padding-top-38 {
  padding-top: 38px !important;
}

.font-size-38 {
  font-size: 38px !important;
}

.line-height-38 {
  line-height: 38px !important;
}

.width-380 {
  width: 380% !important;
}

.height-380 {
  height: 380% !important;
}

.border-radius-38 {
  border-radius: 38px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-38-desktop {
    margin-top: 38px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-38-desktop {
    padding-top: 38px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-38-big-desktop {
    padding-top: 38px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-38-mobile {
    margin-top: 38px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-38-mobile {
    padding-top: 38px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-38-tablet {
    margin-top: 38px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-38-tablet {
    padding-top: 38px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-38 {
    font-size: 38px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-38 {
    font-size: 38px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-38 {
    font-size: 38px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-38 {
    font-size: 38px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-38-all {
    margin-top: 38px !important;
  }
}
.margin-bottom-38 {
  margin-bottom: 38px !important;
}

.padding-bottom-38 {
  padding-bottom: 38px !important;
}

.font-size-38 {
  font-size: 38px !important;
}

.line-height-38 {
  line-height: 38px !important;
}

.width-380 {
  width: 380% !important;
}

.height-380 {
  height: 380% !important;
}

.border-radius-38 {
  border-radius: 38px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-38-desktop {
    margin-bottom: 38px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-38-desktop {
    padding-bottom: 38px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-38-big-desktop {
    padding-bottom: 38px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-38-mobile {
    margin-bottom: 38px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-38-mobile {
    padding-bottom: 38px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-38-tablet {
    margin-bottom: 38px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-38-tablet {
    padding-bottom: 38px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-38 {
    font-size: 38px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-38 {
    font-size: 38px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-38 {
    font-size: 38px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-38 {
    font-size: 38px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-38-all {
    margin-bottom: 38px !important;
  }
}
.margin-left-38 {
  margin-left: 38px !important;
}

.padding-left-38 {
  padding-left: 38px !important;
}

.font-size-38 {
  font-size: 38px !important;
}

.line-height-38 {
  line-height: 38px !important;
}

.width-380 {
  width: 380% !important;
}

.height-380 {
  height: 380% !important;
}

.border-radius-38 {
  border-radius: 38px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-38-desktop {
    margin-left: 38px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-38-desktop {
    padding-left: 38px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-38-big-desktop {
    padding-left: 38px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-38-mobile {
    margin-left: 38px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-38-mobile {
    padding-left: 38px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-38-tablet {
    margin-left: 38px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-38-tablet {
    padding-left: 38px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-38 {
    font-size: 38px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-38 {
    font-size: 38px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-38 {
    font-size: 38px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-38 {
    font-size: 38px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-38-all {
    margin-left: 38px !important;
  }
}
.margin-right-38 {
  margin-right: 38px !important;
}

.padding-right-38 {
  padding-right: 38px !important;
}

.font-size-38 {
  font-size: 38px !important;
}

.line-height-38 {
  line-height: 38px !important;
}

.width-380 {
  width: 380% !important;
}

.height-380 {
  height: 380% !important;
}

.border-radius-38 {
  border-radius: 38px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-38-desktop {
    margin-right: 38px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-38-desktop {
    padding-right: 38px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-38-big-desktop {
    padding-right: 38px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-38-mobile {
    margin-right: 38px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-38-mobile {
    padding-right: 38px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-38-tablet {
    margin-right: 38px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-38-tablet {
    padding-right: 38px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-38 {
    font-size: 38px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-38 {
    font-size: 38px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-38 {
    font-size: 38px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-38 {
    font-size: 38px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-38-all {
    margin-right: 38px !important;
  }
}
.margin-top-39 {
  margin-top: 39px !important;
}

.padding-top-39 {
  padding-top: 39px !important;
}

.font-size-39 {
  font-size: 39px !important;
}

.line-height-39 {
  line-height: 39px !important;
}

.width-390 {
  width: 390% !important;
}

.height-390 {
  height: 390% !important;
}

.border-radius-39 {
  border-radius: 39px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-39-desktop {
    margin-top: 39px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-39-desktop {
    padding-top: 39px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-39-big-desktop {
    padding-top: 39px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-39-mobile {
    margin-top: 39px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-39-mobile {
    padding-top: 39px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-39-tablet {
    margin-top: 39px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-39-tablet {
    padding-top: 39px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-39 {
    font-size: 39px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-39 {
    font-size: 39px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-39 {
    font-size: 39px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-39 {
    font-size: 39px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-39-all {
    margin-top: 39px !important;
  }
}
.margin-bottom-39 {
  margin-bottom: 39px !important;
}

.padding-bottom-39 {
  padding-bottom: 39px !important;
}

.font-size-39 {
  font-size: 39px !important;
}

.line-height-39 {
  line-height: 39px !important;
}

.width-390 {
  width: 390% !important;
}

.height-390 {
  height: 390% !important;
}

.border-radius-39 {
  border-radius: 39px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-39-desktop {
    margin-bottom: 39px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-39-desktop {
    padding-bottom: 39px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-39-big-desktop {
    padding-bottom: 39px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-39-mobile {
    margin-bottom: 39px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-39-mobile {
    padding-bottom: 39px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-39-tablet {
    margin-bottom: 39px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-39-tablet {
    padding-bottom: 39px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-39 {
    font-size: 39px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-39 {
    font-size: 39px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-39 {
    font-size: 39px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-39 {
    font-size: 39px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-39-all {
    margin-bottom: 39px !important;
  }
}
.margin-left-39 {
  margin-left: 39px !important;
}

.padding-left-39 {
  padding-left: 39px !important;
}

.font-size-39 {
  font-size: 39px !important;
}

.line-height-39 {
  line-height: 39px !important;
}

.width-390 {
  width: 390% !important;
}

.height-390 {
  height: 390% !important;
}

.border-radius-39 {
  border-radius: 39px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-39-desktop {
    margin-left: 39px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-39-desktop {
    padding-left: 39px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-39-big-desktop {
    padding-left: 39px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-39-mobile {
    margin-left: 39px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-39-mobile {
    padding-left: 39px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-39-tablet {
    margin-left: 39px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-39-tablet {
    padding-left: 39px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-39 {
    font-size: 39px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-39 {
    font-size: 39px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-39 {
    font-size: 39px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-39 {
    font-size: 39px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-39-all {
    margin-left: 39px !important;
  }
}
.margin-right-39 {
  margin-right: 39px !important;
}

.padding-right-39 {
  padding-right: 39px !important;
}

.font-size-39 {
  font-size: 39px !important;
}

.line-height-39 {
  line-height: 39px !important;
}

.width-390 {
  width: 390% !important;
}

.height-390 {
  height: 390% !important;
}

.border-radius-39 {
  border-radius: 39px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-39-desktop {
    margin-right: 39px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-39-desktop {
    padding-right: 39px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-39-big-desktop {
    padding-right: 39px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-39-mobile {
    margin-right: 39px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-39-mobile {
    padding-right: 39px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-39-tablet {
    margin-right: 39px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-39-tablet {
    padding-right: 39px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-39 {
    font-size: 39px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-39 {
    font-size: 39px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-39 {
    font-size: 39px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-39 {
    font-size: 39px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-39-all {
    margin-right: 39px !important;
  }
}
.margin-top-40 {
  margin-top: 40px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.font-size-40 {
  font-size: 40px !important;
}

.line-height-40 {
  line-height: 40px !important;
}

.width-400 {
  width: 400% !important;
}

.height-400 {
  height: 400% !important;
}

.border-radius-40 {
  border-radius: 40px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-40-desktop {
    margin-top: 40px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-40-desktop {
    padding-top: 40px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-40-big-desktop {
    padding-top: 40px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-40-mobile {
    margin-top: 40px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-40-mobile {
    padding-top: 40px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-40-tablet {
    margin-top: 40px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-40-tablet {
    padding-top: 40px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-40 {
    font-size: 40px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-40 {
    font-size: 40px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-40 {
    font-size: 40px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-40 {
    font-size: 40px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-40-all {
    margin-top: 40px !important;
  }
}
.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.font-size-40 {
  font-size: 40px !important;
}

.line-height-40 {
  line-height: 40px !important;
}

.width-400 {
  width: 400% !important;
}

.height-400 {
  height: 400% !important;
}

.border-radius-40 {
  border-radius: 40px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-40-desktop {
    margin-bottom: 40px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-40-desktop {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-40-big-desktop {
    padding-bottom: 40px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-40-mobile {
    margin-bottom: 40px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-40-mobile {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-40-tablet {
    margin-bottom: 40px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-40-tablet {
    padding-bottom: 40px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-40 {
    font-size: 40px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-40 {
    font-size: 40px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-40 {
    font-size: 40px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-40 {
    font-size: 40px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-40-all {
    margin-bottom: 40px !important;
  }
}
.margin-left-40 {
  margin-left: 40px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.font-size-40 {
  font-size: 40px !important;
}

.line-height-40 {
  line-height: 40px !important;
}

.width-400 {
  width: 400% !important;
}

.height-400 {
  height: 400% !important;
}

.border-radius-40 {
  border-radius: 40px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-40-desktop {
    margin-left: 40px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-40-desktop {
    padding-left: 40px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-40-big-desktop {
    padding-left: 40px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-40-mobile {
    margin-left: 40px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-40-mobile {
    padding-left: 40px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-40-tablet {
    margin-left: 40px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-40-tablet {
    padding-left: 40px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-40 {
    font-size: 40px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-40 {
    font-size: 40px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-40 {
    font-size: 40px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-40 {
    font-size: 40px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-40-all {
    margin-left: 40px !important;
  }
}
.margin-right-40 {
  margin-right: 40px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.font-size-40 {
  font-size: 40px !important;
}

.line-height-40 {
  line-height: 40px !important;
}

.width-400 {
  width: 400% !important;
}

.height-400 {
  height: 400% !important;
}

.border-radius-40 {
  border-radius: 40px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-40-desktop {
    margin-right: 40px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-40-desktop {
    padding-right: 40px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-40-big-desktop {
    padding-right: 40px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-40-mobile {
    margin-right: 40px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-40-mobile {
    padding-right: 40px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-40-tablet {
    margin-right: 40px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-40-tablet {
    padding-right: 40px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-40 {
    font-size: 40px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-40 {
    font-size: 40px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-40 {
    font-size: 40px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-40 {
    font-size: 40px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-40-all {
    margin-right: 40px !important;
  }
}
.margin-top-41 {
  margin-top: 41px !important;
}

.padding-top-41 {
  padding-top: 41px !important;
}

.font-size-41 {
  font-size: 41px !important;
}

.line-height-41 {
  line-height: 41px !important;
}

.width-410 {
  width: 410% !important;
}

.height-410 {
  height: 410% !important;
}

.border-radius-41 {
  border-radius: 41px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-41-desktop {
    margin-top: 41px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-41-desktop {
    padding-top: 41px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-41-big-desktop {
    padding-top: 41px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-41-mobile {
    margin-top: 41px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-41-mobile {
    padding-top: 41px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-41-tablet {
    margin-top: 41px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-41-tablet {
    padding-top: 41px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-41 {
    font-size: 41px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-41 {
    font-size: 41px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-41 {
    font-size: 41px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-41 {
    font-size: 41px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-41-all {
    margin-top: 41px !important;
  }
}
.margin-bottom-41 {
  margin-bottom: 41px !important;
}

.padding-bottom-41 {
  padding-bottom: 41px !important;
}

.font-size-41 {
  font-size: 41px !important;
}

.line-height-41 {
  line-height: 41px !important;
}

.width-410 {
  width: 410% !important;
}

.height-410 {
  height: 410% !important;
}

.border-radius-41 {
  border-radius: 41px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-41-desktop {
    margin-bottom: 41px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-41-desktop {
    padding-bottom: 41px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-41-big-desktop {
    padding-bottom: 41px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-41-mobile {
    margin-bottom: 41px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-41-mobile {
    padding-bottom: 41px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-41-tablet {
    margin-bottom: 41px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-41-tablet {
    padding-bottom: 41px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-41 {
    font-size: 41px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-41 {
    font-size: 41px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-41 {
    font-size: 41px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-41 {
    font-size: 41px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-41-all {
    margin-bottom: 41px !important;
  }
}
.margin-left-41 {
  margin-left: 41px !important;
}

.padding-left-41 {
  padding-left: 41px !important;
}

.font-size-41 {
  font-size: 41px !important;
}

.line-height-41 {
  line-height: 41px !important;
}

.width-410 {
  width: 410% !important;
}

.height-410 {
  height: 410% !important;
}

.border-radius-41 {
  border-radius: 41px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-41-desktop {
    margin-left: 41px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-41-desktop {
    padding-left: 41px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-41-big-desktop {
    padding-left: 41px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-41-mobile {
    margin-left: 41px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-41-mobile {
    padding-left: 41px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-41-tablet {
    margin-left: 41px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-41-tablet {
    padding-left: 41px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-41 {
    font-size: 41px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-41 {
    font-size: 41px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-41 {
    font-size: 41px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-41 {
    font-size: 41px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-41-all {
    margin-left: 41px !important;
  }
}
.margin-right-41 {
  margin-right: 41px !important;
}

.padding-right-41 {
  padding-right: 41px !important;
}

.font-size-41 {
  font-size: 41px !important;
}

.line-height-41 {
  line-height: 41px !important;
}

.width-410 {
  width: 410% !important;
}

.height-410 {
  height: 410% !important;
}

.border-radius-41 {
  border-radius: 41px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-41-desktop {
    margin-right: 41px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-41-desktop {
    padding-right: 41px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-41-big-desktop {
    padding-right: 41px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-41-mobile {
    margin-right: 41px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-41-mobile {
    padding-right: 41px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-41-tablet {
    margin-right: 41px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-41-tablet {
    padding-right: 41px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-41 {
    font-size: 41px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-41 {
    font-size: 41px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-41 {
    font-size: 41px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-41 {
    font-size: 41px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-41-all {
    margin-right: 41px !important;
  }
}
.margin-top-42 {
  margin-top: 42px !important;
}

.padding-top-42 {
  padding-top: 42px !important;
}

.font-size-42 {
  font-size: 42px !important;
}

.line-height-42 {
  line-height: 42px !important;
}

.width-420 {
  width: 420% !important;
}

.height-420 {
  height: 420% !important;
}

.border-radius-42 {
  border-radius: 42px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-42-desktop {
    margin-top: 42px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-42-desktop {
    padding-top: 42px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-42-big-desktop {
    padding-top: 42px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-42-mobile {
    margin-top: 42px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-42-mobile {
    padding-top: 42px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-42-tablet {
    margin-top: 42px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-42-tablet {
    padding-top: 42px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-42 {
    font-size: 42px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-42 {
    font-size: 42px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-42 {
    font-size: 42px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-42 {
    font-size: 42px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-42-all {
    margin-top: 42px !important;
  }
}
.margin-bottom-42 {
  margin-bottom: 42px !important;
}

.padding-bottom-42 {
  padding-bottom: 42px !important;
}

.font-size-42 {
  font-size: 42px !important;
}

.line-height-42 {
  line-height: 42px !important;
}

.width-420 {
  width: 420% !important;
}

.height-420 {
  height: 420% !important;
}

.border-radius-42 {
  border-radius: 42px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-42-desktop {
    margin-bottom: 42px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-42-desktop {
    padding-bottom: 42px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-42-big-desktop {
    padding-bottom: 42px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-42-mobile {
    margin-bottom: 42px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-42-mobile {
    padding-bottom: 42px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-42-tablet {
    margin-bottom: 42px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-42-tablet {
    padding-bottom: 42px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-42 {
    font-size: 42px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-42 {
    font-size: 42px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-42 {
    font-size: 42px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-42 {
    font-size: 42px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-42-all {
    margin-bottom: 42px !important;
  }
}
.margin-left-42 {
  margin-left: 42px !important;
}

.padding-left-42 {
  padding-left: 42px !important;
}

.font-size-42 {
  font-size: 42px !important;
}

.line-height-42 {
  line-height: 42px !important;
}

.width-420 {
  width: 420% !important;
}

.height-420 {
  height: 420% !important;
}

.border-radius-42 {
  border-radius: 42px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-42-desktop {
    margin-left: 42px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-42-desktop {
    padding-left: 42px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-42-big-desktop {
    padding-left: 42px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-42-mobile {
    margin-left: 42px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-42-mobile {
    padding-left: 42px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-42-tablet {
    margin-left: 42px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-42-tablet {
    padding-left: 42px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-42 {
    font-size: 42px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-42 {
    font-size: 42px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-42 {
    font-size: 42px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-42 {
    font-size: 42px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-42-all {
    margin-left: 42px !important;
  }
}
.margin-right-42 {
  margin-right: 42px !important;
}

.padding-right-42 {
  padding-right: 42px !important;
}

.font-size-42 {
  font-size: 42px !important;
}

.line-height-42 {
  line-height: 42px !important;
}

.width-420 {
  width: 420% !important;
}

.height-420 {
  height: 420% !important;
}

.border-radius-42 {
  border-radius: 42px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-42-desktop {
    margin-right: 42px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-42-desktop {
    padding-right: 42px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-42-big-desktop {
    padding-right: 42px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-42-mobile {
    margin-right: 42px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-42-mobile {
    padding-right: 42px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-42-tablet {
    margin-right: 42px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-42-tablet {
    padding-right: 42px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-42 {
    font-size: 42px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-42 {
    font-size: 42px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-42 {
    font-size: 42px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-42 {
    font-size: 42px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-42-all {
    margin-right: 42px !important;
  }
}
.margin-top-43 {
  margin-top: 43px !important;
}

.padding-top-43 {
  padding-top: 43px !important;
}

.font-size-43 {
  font-size: 43px !important;
}

.line-height-43 {
  line-height: 43px !important;
}

.width-430 {
  width: 430% !important;
}

.height-430 {
  height: 430% !important;
}

.border-radius-43 {
  border-radius: 43px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-43-desktop {
    margin-top: 43px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-43-desktop {
    padding-top: 43px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-43-big-desktop {
    padding-top: 43px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-43-mobile {
    margin-top: 43px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-43-mobile {
    padding-top: 43px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-43-tablet {
    margin-top: 43px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-43-tablet {
    padding-top: 43px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-43 {
    font-size: 43px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-43 {
    font-size: 43px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-43 {
    font-size: 43px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-43 {
    font-size: 43px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-43-all {
    margin-top: 43px !important;
  }
}
.margin-bottom-43 {
  margin-bottom: 43px !important;
}

.padding-bottom-43 {
  padding-bottom: 43px !important;
}

.font-size-43 {
  font-size: 43px !important;
}

.line-height-43 {
  line-height: 43px !important;
}

.width-430 {
  width: 430% !important;
}

.height-430 {
  height: 430% !important;
}

.border-radius-43 {
  border-radius: 43px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-43-desktop {
    margin-bottom: 43px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-43-desktop {
    padding-bottom: 43px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-43-big-desktop {
    padding-bottom: 43px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-43-mobile {
    margin-bottom: 43px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-43-mobile {
    padding-bottom: 43px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-43-tablet {
    margin-bottom: 43px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-43-tablet {
    padding-bottom: 43px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-43 {
    font-size: 43px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-43 {
    font-size: 43px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-43 {
    font-size: 43px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-43 {
    font-size: 43px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-43-all {
    margin-bottom: 43px !important;
  }
}
.margin-left-43 {
  margin-left: 43px !important;
}

.padding-left-43 {
  padding-left: 43px !important;
}

.font-size-43 {
  font-size: 43px !important;
}

.line-height-43 {
  line-height: 43px !important;
}

.width-430 {
  width: 430% !important;
}

.height-430 {
  height: 430% !important;
}

.border-radius-43 {
  border-radius: 43px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-43-desktop {
    margin-left: 43px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-43-desktop {
    padding-left: 43px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-43-big-desktop {
    padding-left: 43px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-43-mobile {
    margin-left: 43px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-43-mobile {
    padding-left: 43px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-43-tablet {
    margin-left: 43px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-43-tablet {
    padding-left: 43px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-43 {
    font-size: 43px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-43 {
    font-size: 43px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-43 {
    font-size: 43px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-43 {
    font-size: 43px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-43-all {
    margin-left: 43px !important;
  }
}
.margin-right-43 {
  margin-right: 43px !important;
}

.padding-right-43 {
  padding-right: 43px !important;
}

.font-size-43 {
  font-size: 43px !important;
}

.line-height-43 {
  line-height: 43px !important;
}

.width-430 {
  width: 430% !important;
}

.height-430 {
  height: 430% !important;
}

.border-radius-43 {
  border-radius: 43px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-43-desktop {
    margin-right: 43px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-43-desktop {
    padding-right: 43px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-43-big-desktop {
    padding-right: 43px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-43-mobile {
    margin-right: 43px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-43-mobile {
    padding-right: 43px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-43-tablet {
    margin-right: 43px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-43-tablet {
    padding-right: 43px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-43 {
    font-size: 43px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-43 {
    font-size: 43px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-43 {
    font-size: 43px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-43 {
    font-size: 43px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-43-all {
    margin-right: 43px !important;
  }
}
.margin-top-44 {
  margin-top: 44px !important;
}

.padding-top-44 {
  padding-top: 44px !important;
}

.font-size-44 {
  font-size: 44px !important;
}

.line-height-44 {
  line-height: 44px !important;
}

.width-440 {
  width: 440% !important;
}

.height-440 {
  height: 440% !important;
}

.border-radius-44 {
  border-radius: 44px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-44-desktop {
    margin-top: 44px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-44-desktop {
    padding-top: 44px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-44-big-desktop {
    padding-top: 44px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-44-mobile {
    margin-top: 44px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-44-mobile {
    padding-top: 44px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-44-tablet {
    margin-top: 44px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-44-tablet {
    padding-top: 44px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-44 {
    font-size: 44px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-44 {
    font-size: 44px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-44 {
    font-size: 44px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-44 {
    font-size: 44px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-44-all {
    margin-top: 44px !important;
  }
}
.margin-bottom-44 {
  margin-bottom: 44px !important;
}

.padding-bottom-44 {
  padding-bottom: 44px !important;
}

.font-size-44 {
  font-size: 44px !important;
}

.line-height-44 {
  line-height: 44px !important;
}

.width-440 {
  width: 440% !important;
}

.height-440 {
  height: 440% !important;
}

.border-radius-44 {
  border-radius: 44px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-44-desktop {
    margin-bottom: 44px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-44-desktop {
    padding-bottom: 44px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-44-big-desktop {
    padding-bottom: 44px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-44-mobile {
    margin-bottom: 44px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-44-mobile {
    padding-bottom: 44px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-44-tablet {
    margin-bottom: 44px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-44-tablet {
    padding-bottom: 44px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-44 {
    font-size: 44px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-44 {
    font-size: 44px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-44 {
    font-size: 44px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-44 {
    font-size: 44px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-44-all {
    margin-bottom: 44px !important;
  }
}
.margin-left-44 {
  margin-left: 44px !important;
}

.padding-left-44 {
  padding-left: 44px !important;
}

.font-size-44 {
  font-size: 44px !important;
}

.line-height-44 {
  line-height: 44px !important;
}

.width-440 {
  width: 440% !important;
}

.height-440 {
  height: 440% !important;
}

.border-radius-44 {
  border-radius: 44px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-44-desktop {
    margin-left: 44px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-44-desktop {
    padding-left: 44px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-44-big-desktop {
    padding-left: 44px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-44-mobile {
    margin-left: 44px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-44-mobile {
    padding-left: 44px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-44-tablet {
    margin-left: 44px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-44-tablet {
    padding-left: 44px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-44 {
    font-size: 44px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-44 {
    font-size: 44px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-44 {
    font-size: 44px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-44 {
    font-size: 44px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-44-all {
    margin-left: 44px !important;
  }
}
.margin-right-44 {
  margin-right: 44px !important;
}

.padding-right-44 {
  padding-right: 44px !important;
}

.font-size-44 {
  font-size: 44px !important;
}

.line-height-44 {
  line-height: 44px !important;
}

.width-440 {
  width: 440% !important;
}

.height-440 {
  height: 440% !important;
}

.border-radius-44 {
  border-radius: 44px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-44-desktop {
    margin-right: 44px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-44-desktop {
    padding-right: 44px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-44-big-desktop {
    padding-right: 44px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-44-mobile {
    margin-right: 44px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-44-mobile {
    padding-right: 44px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-44-tablet {
    margin-right: 44px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-44-tablet {
    padding-right: 44px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-44 {
    font-size: 44px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-44 {
    font-size: 44px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-44 {
    font-size: 44px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-44 {
    font-size: 44px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-44-all {
    margin-right: 44px !important;
  }
}
.margin-top-45 {
  margin-top: 45px !important;
}

.padding-top-45 {
  padding-top: 45px !important;
}

.font-size-45 {
  font-size: 45px !important;
}

.line-height-45 {
  line-height: 45px !important;
}

.width-450 {
  width: 450% !important;
}

.height-450 {
  height: 450% !important;
}

.border-radius-45 {
  border-radius: 45px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-45-desktop {
    margin-top: 45px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-45-desktop {
    padding-top: 45px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-45-big-desktop {
    padding-top: 45px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-45-mobile {
    margin-top: 45px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-45-mobile {
    padding-top: 45px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-45-tablet {
    margin-top: 45px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-45-tablet {
    padding-top: 45px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-45 {
    font-size: 45px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-45 {
    font-size: 45px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-45 {
    font-size: 45px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-45 {
    font-size: 45px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-45-all {
    margin-top: 45px !important;
  }
}
.margin-bottom-45 {
  margin-bottom: 45px !important;
}

.padding-bottom-45 {
  padding-bottom: 45px !important;
}

.font-size-45 {
  font-size: 45px !important;
}

.line-height-45 {
  line-height: 45px !important;
}

.width-450 {
  width: 450% !important;
}

.height-450 {
  height: 450% !important;
}

.border-radius-45 {
  border-radius: 45px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-45-desktop {
    margin-bottom: 45px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-45-desktop {
    padding-bottom: 45px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-45-big-desktop {
    padding-bottom: 45px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-45-mobile {
    margin-bottom: 45px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-45-mobile {
    padding-bottom: 45px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-45-tablet {
    margin-bottom: 45px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-45-tablet {
    padding-bottom: 45px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-45 {
    font-size: 45px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-45 {
    font-size: 45px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-45 {
    font-size: 45px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-45 {
    font-size: 45px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-45-all {
    margin-bottom: 45px !important;
  }
}
.margin-left-45 {
  margin-left: 45px !important;
}

.padding-left-45 {
  padding-left: 45px !important;
}

.font-size-45 {
  font-size: 45px !important;
}

.line-height-45 {
  line-height: 45px !important;
}

.width-450 {
  width: 450% !important;
}

.height-450 {
  height: 450% !important;
}

.border-radius-45 {
  border-radius: 45px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-45-desktop {
    margin-left: 45px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-45-desktop {
    padding-left: 45px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-45-big-desktop {
    padding-left: 45px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-45-mobile {
    margin-left: 45px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-45-mobile {
    padding-left: 45px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-45-tablet {
    margin-left: 45px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-45-tablet {
    padding-left: 45px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-45 {
    font-size: 45px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-45 {
    font-size: 45px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-45 {
    font-size: 45px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-45 {
    font-size: 45px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-45-all {
    margin-left: 45px !important;
  }
}
.margin-right-45 {
  margin-right: 45px !important;
}

.padding-right-45 {
  padding-right: 45px !important;
}

.font-size-45 {
  font-size: 45px !important;
}

.line-height-45 {
  line-height: 45px !important;
}

.width-450 {
  width: 450% !important;
}

.height-450 {
  height: 450% !important;
}

.border-radius-45 {
  border-radius: 45px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-45-desktop {
    margin-right: 45px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-45-desktop {
    padding-right: 45px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-45-big-desktop {
    padding-right: 45px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-45-mobile {
    margin-right: 45px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-45-mobile {
    padding-right: 45px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-45-tablet {
    margin-right: 45px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-45-tablet {
    padding-right: 45px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-45 {
    font-size: 45px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-45 {
    font-size: 45px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-45 {
    font-size: 45px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-45 {
    font-size: 45px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-45-all {
    margin-right: 45px !important;
  }
}
.margin-top-46 {
  margin-top: 46px !important;
}

.padding-top-46 {
  padding-top: 46px !important;
}

.font-size-46 {
  font-size: 46px !important;
}

.line-height-46 {
  line-height: 46px !important;
}

.width-460 {
  width: 460% !important;
}

.height-460 {
  height: 460% !important;
}

.border-radius-46 {
  border-radius: 46px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-46-desktop {
    margin-top: 46px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-46-desktop {
    padding-top: 46px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-46-big-desktop {
    padding-top: 46px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-46-mobile {
    margin-top: 46px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-46-mobile {
    padding-top: 46px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-46-tablet {
    margin-top: 46px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-46-tablet {
    padding-top: 46px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-46 {
    font-size: 46px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-46 {
    font-size: 46px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-46 {
    font-size: 46px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-46 {
    font-size: 46px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-46-all {
    margin-top: 46px !important;
  }
}
.margin-bottom-46 {
  margin-bottom: 46px !important;
}

.padding-bottom-46 {
  padding-bottom: 46px !important;
}

.font-size-46 {
  font-size: 46px !important;
}

.line-height-46 {
  line-height: 46px !important;
}

.width-460 {
  width: 460% !important;
}

.height-460 {
  height: 460% !important;
}

.border-radius-46 {
  border-radius: 46px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-46-desktop {
    margin-bottom: 46px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-46-desktop {
    padding-bottom: 46px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-46-big-desktop {
    padding-bottom: 46px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-46-mobile {
    margin-bottom: 46px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-46-mobile {
    padding-bottom: 46px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-46-tablet {
    margin-bottom: 46px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-46-tablet {
    padding-bottom: 46px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-46 {
    font-size: 46px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-46 {
    font-size: 46px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-46 {
    font-size: 46px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-46 {
    font-size: 46px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-46-all {
    margin-bottom: 46px !important;
  }
}
.margin-left-46 {
  margin-left: 46px !important;
}

.padding-left-46 {
  padding-left: 46px !important;
}

.font-size-46 {
  font-size: 46px !important;
}

.line-height-46 {
  line-height: 46px !important;
}

.width-460 {
  width: 460% !important;
}

.height-460 {
  height: 460% !important;
}

.border-radius-46 {
  border-radius: 46px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-46-desktop {
    margin-left: 46px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-46-desktop {
    padding-left: 46px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-46-big-desktop {
    padding-left: 46px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-46-mobile {
    margin-left: 46px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-46-mobile {
    padding-left: 46px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-46-tablet {
    margin-left: 46px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-46-tablet {
    padding-left: 46px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-46 {
    font-size: 46px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-46 {
    font-size: 46px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-46 {
    font-size: 46px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-46 {
    font-size: 46px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-46-all {
    margin-left: 46px !important;
  }
}
.margin-right-46 {
  margin-right: 46px !important;
}

.padding-right-46 {
  padding-right: 46px !important;
}

.font-size-46 {
  font-size: 46px !important;
}

.line-height-46 {
  line-height: 46px !important;
}

.width-460 {
  width: 460% !important;
}

.height-460 {
  height: 460% !important;
}

.border-radius-46 {
  border-radius: 46px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-46-desktop {
    margin-right: 46px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-46-desktop {
    padding-right: 46px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-46-big-desktop {
    padding-right: 46px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-46-mobile {
    margin-right: 46px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-46-mobile {
    padding-right: 46px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-46-tablet {
    margin-right: 46px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-46-tablet {
    padding-right: 46px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-46 {
    font-size: 46px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-46 {
    font-size: 46px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-46 {
    font-size: 46px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-46 {
    font-size: 46px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-46-all {
    margin-right: 46px !important;
  }
}
.margin-top-47 {
  margin-top: 47px !important;
}

.padding-top-47 {
  padding-top: 47px !important;
}

.font-size-47 {
  font-size: 47px !important;
}

.line-height-47 {
  line-height: 47px !important;
}

.width-470 {
  width: 470% !important;
}

.height-470 {
  height: 470% !important;
}

.border-radius-47 {
  border-radius: 47px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-47-desktop {
    margin-top: 47px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-47-desktop {
    padding-top: 47px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-47-big-desktop {
    padding-top: 47px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-47-mobile {
    margin-top: 47px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-47-mobile {
    padding-top: 47px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-47-tablet {
    margin-top: 47px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-47-tablet {
    padding-top: 47px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-47 {
    font-size: 47px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-47 {
    font-size: 47px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-47 {
    font-size: 47px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-47 {
    font-size: 47px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-47-all {
    margin-top: 47px !important;
  }
}
.margin-bottom-47 {
  margin-bottom: 47px !important;
}

.padding-bottom-47 {
  padding-bottom: 47px !important;
}

.font-size-47 {
  font-size: 47px !important;
}

.line-height-47 {
  line-height: 47px !important;
}

.width-470 {
  width: 470% !important;
}

.height-470 {
  height: 470% !important;
}

.border-radius-47 {
  border-radius: 47px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-47-desktop {
    margin-bottom: 47px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-47-desktop {
    padding-bottom: 47px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-47-big-desktop {
    padding-bottom: 47px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-47-mobile {
    margin-bottom: 47px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-47-mobile {
    padding-bottom: 47px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-47-tablet {
    margin-bottom: 47px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-47-tablet {
    padding-bottom: 47px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-47 {
    font-size: 47px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-47 {
    font-size: 47px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-47 {
    font-size: 47px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-47 {
    font-size: 47px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-47-all {
    margin-bottom: 47px !important;
  }
}
.margin-left-47 {
  margin-left: 47px !important;
}

.padding-left-47 {
  padding-left: 47px !important;
}

.font-size-47 {
  font-size: 47px !important;
}

.line-height-47 {
  line-height: 47px !important;
}

.width-470 {
  width: 470% !important;
}

.height-470 {
  height: 470% !important;
}

.border-radius-47 {
  border-radius: 47px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-47-desktop {
    margin-left: 47px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-47-desktop {
    padding-left: 47px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-47-big-desktop {
    padding-left: 47px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-47-mobile {
    margin-left: 47px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-47-mobile {
    padding-left: 47px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-47-tablet {
    margin-left: 47px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-47-tablet {
    padding-left: 47px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-47 {
    font-size: 47px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-47 {
    font-size: 47px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-47 {
    font-size: 47px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-47 {
    font-size: 47px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-47-all {
    margin-left: 47px !important;
  }
}
.margin-right-47 {
  margin-right: 47px !important;
}

.padding-right-47 {
  padding-right: 47px !important;
}

.font-size-47 {
  font-size: 47px !important;
}

.line-height-47 {
  line-height: 47px !important;
}

.width-470 {
  width: 470% !important;
}

.height-470 {
  height: 470% !important;
}

.border-radius-47 {
  border-radius: 47px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-47-desktop {
    margin-right: 47px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-47-desktop {
    padding-right: 47px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-47-big-desktop {
    padding-right: 47px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-47-mobile {
    margin-right: 47px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-47-mobile {
    padding-right: 47px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-47-tablet {
    margin-right: 47px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-47-tablet {
    padding-right: 47px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-47 {
    font-size: 47px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-47 {
    font-size: 47px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-47 {
    font-size: 47px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-47 {
    font-size: 47px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-47-all {
    margin-right: 47px !important;
  }
}
.margin-top-48 {
  margin-top: 48px !important;
}

.padding-top-48 {
  padding-top: 48px !important;
}

.font-size-48 {
  font-size: 48px !important;
}

.line-height-48 {
  line-height: 48px !important;
}

.width-480 {
  width: 480% !important;
}

.height-480 {
  height: 480% !important;
}

.border-radius-48 {
  border-radius: 48px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-48-desktop {
    margin-top: 48px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-48-desktop {
    padding-top: 48px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-48-big-desktop {
    padding-top: 48px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-48-mobile {
    margin-top: 48px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-48-mobile {
    padding-top: 48px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-48-tablet {
    margin-top: 48px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-48-tablet {
    padding-top: 48px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-48 {
    font-size: 48px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-48 {
    font-size: 48px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-48 {
    font-size: 48px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-48 {
    font-size: 48px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-48-all {
    margin-top: 48px !important;
  }
}
.margin-bottom-48 {
  margin-bottom: 48px !important;
}

.padding-bottom-48 {
  padding-bottom: 48px !important;
}

.font-size-48 {
  font-size: 48px !important;
}

.line-height-48 {
  line-height: 48px !important;
}

.width-480 {
  width: 480% !important;
}

.height-480 {
  height: 480% !important;
}

.border-radius-48 {
  border-radius: 48px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-48-desktop {
    margin-bottom: 48px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-48-desktop {
    padding-bottom: 48px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-48-big-desktop {
    padding-bottom: 48px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-48-mobile {
    margin-bottom: 48px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-48-mobile {
    padding-bottom: 48px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-48-tablet {
    margin-bottom: 48px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-48-tablet {
    padding-bottom: 48px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-48 {
    font-size: 48px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-48 {
    font-size: 48px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-48 {
    font-size: 48px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-48 {
    font-size: 48px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-48-all {
    margin-bottom: 48px !important;
  }
}
.margin-left-48 {
  margin-left: 48px !important;
}

.padding-left-48 {
  padding-left: 48px !important;
}

.font-size-48 {
  font-size: 48px !important;
}

.line-height-48 {
  line-height: 48px !important;
}

.width-480 {
  width: 480% !important;
}

.height-480 {
  height: 480% !important;
}

.border-radius-48 {
  border-radius: 48px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-48-desktop {
    margin-left: 48px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-48-desktop {
    padding-left: 48px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-48-big-desktop {
    padding-left: 48px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-48-mobile {
    margin-left: 48px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-48-mobile {
    padding-left: 48px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-48-tablet {
    margin-left: 48px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-48-tablet {
    padding-left: 48px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-48 {
    font-size: 48px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-48 {
    font-size: 48px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-48 {
    font-size: 48px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-48 {
    font-size: 48px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-48-all {
    margin-left: 48px !important;
  }
}
.margin-right-48 {
  margin-right: 48px !important;
}

.padding-right-48 {
  padding-right: 48px !important;
}

.font-size-48 {
  font-size: 48px !important;
}

.line-height-48 {
  line-height: 48px !important;
}

.width-480 {
  width: 480% !important;
}

.height-480 {
  height: 480% !important;
}

.border-radius-48 {
  border-radius: 48px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-48-desktop {
    margin-right: 48px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-48-desktop {
    padding-right: 48px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-48-big-desktop {
    padding-right: 48px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-48-mobile {
    margin-right: 48px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-48-mobile {
    padding-right: 48px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-48-tablet {
    margin-right: 48px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-48-tablet {
    padding-right: 48px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-48 {
    font-size: 48px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-48 {
    font-size: 48px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-48 {
    font-size: 48px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-48 {
    font-size: 48px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-48-all {
    margin-right: 48px !important;
  }
}
.margin-top-49 {
  margin-top: 49px !important;
}

.padding-top-49 {
  padding-top: 49px !important;
}

.font-size-49 {
  font-size: 49px !important;
}

.line-height-49 {
  line-height: 49px !important;
}

.width-490 {
  width: 490% !important;
}

.height-490 {
  height: 490% !important;
}

.border-radius-49 {
  border-radius: 49px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-49-desktop {
    margin-top: 49px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-49-desktop {
    padding-top: 49px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-49-big-desktop {
    padding-top: 49px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-49-mobile {
    margin-top: 49px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-49-mobile {
    padding-top: 49px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-49-tablet {
    margin-top: 49px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-49-tablet {
    padding-top: 49px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-49 {
    font-size: 49px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-49 {
    font-size: 49px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-49 {
    font-size: 49px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-49 {
    font-size: 49px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-49-all {
    margin-top: 49px !important;
  }
}
.margin-bottom-49 {
  margin-bottom: 49px !important;
}

.padding-bottom-49 {
  padding-bottom: 49px !important;
}

.font-size-49 {
  font-size: 49px !important;
}

.line-height-49 {
  line-height: 49px !important;
}

.width-490 {
  width: 490% !important;
}

.height-490 {
  height: 490% !important;
}

.border-radius-49 {
  border-radius: 49px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-49-desktop {
    margin-bottom: 49px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-49-desktop {
    padding-bottom: 49px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-49-big-desktop {
    padding-bottom: 49px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-49-mobile {
    margin-bottom: 49px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-49-mobile {
    padding-bottom: 49px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-49-tablet {
    margin-bottom: 49px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-49-tablet {
    padding-bottom: 49px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-49 {
    font-size: 49px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-49 {
    font-size: 49px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-49 {
    font-size: 49px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-49 {
    font-size: 49px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-49-all {
    margin-bottom: 49px !important;
  }
}
.margin-left-49 {
  margin-left: 49px !important;
}

.padding-left-49 {
  padding-left: 49px !important;
}

.font-size-49 {
  font-size: 49px !important;
}

.line-height-49 {
  line-height: 49px !important;
}

.width-490 {
  width: 490% !important;
}

.height-490 {
  height: 490% !important;
}

.border-radius-49 {
  border-radius: 49px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-49-desktop {
    margin-left: 49px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-49-desktop {
    padding-left: 49px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-49-big-desktop {
    padding-left: 49px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-49-mobile {
    margin-left: 49px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-49-mobile {
    padding-left: 49px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-49-tablet {
    margin-left: 49px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-49-tablet {
    padding-left: 49px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-49 {
    font-size: 49px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-49 {
    font-size: 49px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-49 {
    font-size: 49px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-49 {
    font-size: 49px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-49-all {
    margin-left: 49px !important;
  }
}
.margin-right-49 {
  margin-right: 49px !important;
}

.padding-right-49 {
  padding-right: 49px !important;
}

.font-size-49 {
  font-size: 49px !important;
}

.line-height-49 {
  line-height: 49px !important;
}

.width-490 {
  width: 490% !important;
}

.height-490 {
  height: 490% !important;
}

.border-radius-49 {
  border-radius: 49px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-49-desktop {
    margin-right: 49px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-49-desktop {
    padding-right: 49px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-49-big-desktop {
    padding-right: 49px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-49-mobile {
    margin-right: 49px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-49-mobile {
    padding-right: 49px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-49-tablet {
    margin-right: 49px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-49-tablet {
    padding-right: 49px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-49 {
    font-size: 49px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-49 {
    font-size: 49px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-49 {
    font-size: 49px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-49 {
    font-size: 49px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-49-all {
    margin-right: 49px !important;
  }
}
.margin-top-50 {
  margin-top: 50px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.font-size-50 {
  font-size: 50px !important;
}

.line-height-50 {
  line-height: 50px !important;
}

.width-500 {
  width: 500% !important;
}

.height-500 {
  height: 500% !important;
}

.border-radius-50 {
  border-radius: 50px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-50-desktop {
    margin-top: 50px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-50-desktop {
    padding-top: 50px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-50-big-desktop {
    padding-top: 50px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-50-mobile {
    margin-top: 50px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-50-mobile {
    padding-top: 50px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-50-tablet {
    margin-top: 50px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-50-tablet {
    padding-top: 50px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-50 {
    font-size: 50px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-50 {
    font-size: 50px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-50 {
    font-size: 50px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-50 {
    font-size: 50px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-50-all {
    margin-top: 50px !important;
  }
}
.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.font-size-50 {
  font-size: 50px !important;
}

.line-height-50 {
  line-height: 50px !important;
}

.width-500 {
  width: 500% !important;
}

.height-500 {
  height: 500% !important;
}

.border-radius-50 {
  border-radius: 50px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-50-desktop {
    margin-bottom: 50px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-50-desktop {
    padding-bottom: 50px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-50-big-desktop {
    padding-bottom: 50px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-50-mobile {
    margin-bottom: 50px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-50-mobile {
    padding-bottom: 50px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-50-tablet {
    margin-bottom: 50px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-50-tablet {
    padding-bottom: 50px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-50 {
    font-size: 50px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-50 {
    font-size: 50px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-50 {
    font-size: 50px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-50 {
    font-size: 50px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-50-all {
    margin-bottom: 50px !important;
  }
}
.margin-left-50 {
  margin-left: 50px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.font-size-50 {
  font-size: 50px !important;
}

.line-height-50 {
  line-height: 50px !important;
}

.width-500 {
  width: 500% !important;
}

.height-500 {
  height: 500% !important;
}

.border-radius-50 {
  border-radius: 50px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-50-desktop {
    margin-left: 50px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-50-desktop {
    padding-left: 50px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-50-big-desktop {
    padding-left: 50px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-50-mobile {
    margin-left: 50px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-50-mobile {
    padding-left: 50px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-50-tablet {
    margin-left: 50px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-50-tablet {
    padding-left: 50px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-50 {
    font-size: 50px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-50 {
    font-size: 50px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-50 {
    font-size: 50px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-50 {
    font-size: 50px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-50-all {
    margin-left: 50px !important;
  }
}
.margin-right-50 {
  margin-right: 50px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.font-size-50 {
  font-size: 50px !important;
}

.line-height-50 {
  line-height: 50px !important;
}

.width-500 {
  width: 500% !important;
}

.height-500 {
  height: 500% !important;
}

.border-radius-50 {
  border-radius: 50px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-50-desktop {
    margin-right: 50px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-50-desktop {
    padding-right: 50px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-50-big-desktop {
    padding-right: 50px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-50-mobile {
    margin-right: 50px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-50-mobile {
    padding-right: 50px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-50-tablet {
    margin-right: 50px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-50-tablet {
    padding-right: 50px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-50 {
    font-size: 50px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-50 {
    font-size: 50px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-50 {
    font-size: 50px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-50 {
    font-size: 50px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-50-all {
    margin-right: 50px !important;
  }
}
.margin-top-51 {
  margin-top: 51px !important;
}

.padding-top-51 {
  padding-top: 51px !important;
}

.font-size-51 {
  font-size: 51px !important;
}

.line-height-51 {
  line-height: 51px !important;
}

.width-510 {
  width: 510% !important;
}

.height-510 {
  height: 510% !important;
}

.border-radius-51 {
  border-radius: 51px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-51-desktop {
    margin-top: 51px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-51-desktop {
    padding-top: 51px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-51-big-desktop {
    padding-top: 51px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-51-mobile {
    margin-top: 51px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-51-mobile {
    padding-top: 51px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-51-tablet {
    margin-top: 51px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-51-tablet {
    padding-top: 51px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-51 {
    font-size: 51px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-51 {
    font-size: 51px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-51 {
    font-size: 51px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-51 {
    font-size: 51px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-51-all {
    margin-top: 51px !important;
  }
}
.margin-bottom-51 {
  margin-bottom: 51px !important;
}

.padding-bottom-51 {
  padding-bottom: 51px !important;
}

.font-size-51 {
  font-size: 51px !important;
}

.line-height-51 {
  line-height: 51px !important;
}

.width-510 {
  width: 510% !important;
}

.height-510 {
  height: 510% !important;
}

.border-radius-51 {
  border-radius: 51px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-51-desktop {
    margin-bottom: 51px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-51-desktop {
    padding-bottom: 51px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-51-big-desktop {
    padding-bottom: 51px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-51-mobile {
    margin-bottom: 51px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-51-mobile {
    padding-bottom: 51px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-51-tablet {
    margin-bottom: 51px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-51-tablet {
    padding-bottom: 51px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-51 {
    font-size: 51px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-51 {
    font-size: 51px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-51 {
    font-size: 51px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-51 {
    font-size: 51px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-51-all {
    margin-bottom: 51px !important;
  }
}
.margin-left-51 {
  margin-left: 51px !important;
}

.padding-left-51 {
  padding-left: 51px !important;
}

.font-size-51 {
  font-size: 51px !important;
}

.line-height-51 {
  line-height: 51px !important;
}

.width-510 {
  width: 510% !important;
}

.height-510 {
  height: 510% !important;
}

.border-radius-51 {
  border-radius: 51px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-51-desktop {
    margin-left: 51px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-51-desktop {
    padding-left: 51px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-51-big-desktop {
    padding-left: 51px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-51-mobile {
    margin-left: 51px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-51-mobile {
    padding-left: 51px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-51-tablet {
    margin-left: 51px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-51-tablet {
    padding-left: 51px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-51 {
    font-size: 51px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-51 {
    font-size: 51px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-51 {
    font-size: 51px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-51 {
    font-size: 51px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-51-all {
    margin-left: 51px !important;
  }
}
.margin-right-51 {
  margin-right: 51px !important;
}

.padding-right-51 {
  padding-right: 51px !important;
}

.font-size-51 {
  font-size: 51px !important;
}

.line-height-51 {
  line-height: 51px !important;
}

.width-510 {
  width: 510% !important;
}

.height-510 {
  height: 510% !important;
}

.border-radius-51 {
  border-radius: 51px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-51-desktop {
    margin-right: 51px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-51-desktop {
    padding-right: 51px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-51-big-desktop {
    padding-right: 51px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-51-mobile {
    margin-right: 51px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-51-mobile {
    padding-right: 51px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-51-tablet {
    margin-right: 51px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-51-tablet {
    padding-right: 51px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-51 {
    font-size: 51px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-51 {
    font-size: 51px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-51 {
    font-size: 51px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-51 {
    font-size: 51px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-51-all {
    margin-right: 51px !important;
  }
}
.margin-top-52 {
  margin-top: 52px !important;
}

.padding-top-52 {
  padding-top: 52px !important;
}

.font-size-52 {
  font-size: 52px !important;
}

.line-height-52 {
  line-height: 52px !important;
}

.width-520 {
  width: 520% !important;
}

.height-520 {
  height: 520% !important;
}

.border-radius-52 {
  border-radius: 52px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-52-desktop {
    margin-top: 52px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-52-desktop {
    padding-top: 52px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-52-big-desktop {
    padding-top: 52px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-52-mobile {
    margin-top: 52px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-52-mobile {
    padding-top: 52px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-52-tablet {
    margin-top: 52px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-52-tablet {
    padding-top: 52px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-52 {
    font-size: 52px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-52 {
    font-size: 52px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-52 {
    font-size: 52px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-52 {
    font-size: 52px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-52-all {
    margin-top: 52px !important;
  }
}
.margin-bottom-52 {
  margin-bottom: 52px !important;
}

.padding-bottom-52 {
  padding-bottom: 52px !important;
}

.font-size-52 {
  font-size: 52px !important;
}

.line-height-52 {
  line-height: 52px !important;
}

.width-520 {
  width: 520% !important;
}

.height-520 {
  height: 520% !important;
}

.border-radius-52 {
  border-radius: 52px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-52-desktop {
    margin-bottom: 52px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-52-desktop {
    padding-bottom: 52px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-52-big-desktop {
    padding-bottom: 52px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-52-mobile {
    margin-bottom: 52px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-52-mobile {
    padding-bottom: 52px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-52-tablet {
    margin-bottom: 52px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-52-tablet {
    padding-bottom: 52px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-52 {
    font-size: 52px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-52 {
    font-size: 52px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-52 {
    font-size: 52px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-52 {
    font-size: 52px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-52-all {
    margin-bottom: 52px !important;
  }
}
.margin-left-52 {
  margin-left: 52px !important;
}

.padding-left-52 {
  padding-left: 52px !important;
}

.font-size-52 {
  font-size: 52px !important;
}

.line-height-52 {
  line-height: 52px !important;
}

.width-520 {
  width: 520% !important;
}

.height-520 {
  height: 520% !important;
}

.border-radius-52 {
  border-radius: 52px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-52-desktop {
    margin-left: 52px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-52-desktop {
    padding-left: 52px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-52-big-desktop {
    padding-left: 52px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-52-mobile {
    margin-left: 52px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-52-mobile {
    padding-left: 52px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-52-tablet {
    margin-left: 52px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-52-tablet {
    padding-left: 52px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-52 {
    font-size: 52px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-52 {
    font-size: 52px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-52 {
    font-size: 52px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-52 {
    font-size: 52px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-52-all {
    margin-left: 52px !important;
  }
}
.margin-right-52 {
  margin-right: 52px !important;
}

.padding-right-52 {
  padding-right: 52px !important;
}

.font-size-52 {
  font-size: 52px !important;
}

.line-height-52 {
  line-height: 52px !important;
}

.width-520 {
  width: 520% !important;
}

.height-520 {
  height: 520% !important;
}

.border-radius-52 {
  border-radius: 52px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-52-desktop {
    margin-right: 52px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-52-desktop {
    padding-right: 52px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-52-big-desktop {
    padding-right: 52px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-52-mobile {
    margin-right: 52px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-52-mobile {
    padding-right: 52px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-52-tablet {
    margin-right: 52px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-52-tablet {
    padding-right: 52px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-52 {
    font-size: 52px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-52 {
    font-size: 52px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-52 {
    font-size: 52px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-52 {
    font-size: 52px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-52-all {
    margin-right: 52px !important;
  }
}
.margin-top-53 {
  margin-top: 53px !important;
}

.padding-top-53 {
  padding-top: 53px !important;
}

.font-size-53 {
  font-size: 53px !important;
}

.line-height-53 {
  line-height: 53px !important;
}

.width-530 {
  width: 530% !important;
}

.height-530 {
  height: 530% !important;
}

.border-radius-53 {
  border-radius: 53px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-53-desktop {
    margin-top: 53px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-53-desktop {
    padding-top: 53px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-53-big-desktop {
    padding-top: 53px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-53-mobile {
    margin-top: 53px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-53-mobile {
    padding-top: 53px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-53-tablet {
    margin-top: 53px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-53-tablet {
    padding-top: 53px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-53 {
    font-size: 53px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-53 {
    font-size: 53px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-53 {
    font-size: 53px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-53 {
    font-size: 53px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-53-all {
    margin-top: 53px !important;
  }
}
.margin-bottom-53 {
  margin-bottom: 53px !important;
}

.padding-bottom-53 {
  padding-bottom: 53px !important;
}

.font-size-53 {
  font-size: 53px !important;
}

.line-height-53 {
  line-height: 53px !important;
}

.width-530 {
  width: 530% !important;
}

.height-530 {
  height: 530% !important;
}

.border-radius-53 {
  border-radius: 53px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-53-desktop {
    margin-bottom: 53px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-53-desktop {
    padding-bottom: 53px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-53-big-desktop {
    padding-bottom: 53px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-53-mobile {
    margin-bottom: 53px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-53-mobile {
    padding-bottom: 53px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-53-tablet {
    margin-bottom: 53px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-53-tablet {
    padding-bottom: 53px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-53 {
    font-size: 53px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-53 {
    font-size: 53px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-53 {
    font-size: 53px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-53 {
    font-size: 53px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-53-all {
    margin-bottom: 53px !important;
  }
}
.margin-left-53 {
  margin-left: 53px !important;
}

.padding-left-53 {
  padding-left: 53px !important;
}

.font-size-53 {
  font-size: 53px !important;
}

.line-height-53 {
  line-height: 53px !important;
}

.width-530 {
  width: 530% !important;
}

.height-530 {
  height: 530% !important;
}

.border-radius-53 {
  border-radius: 53px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-53-desktop {
    margin-left: 53px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-53-desktop {
    padding-left: 53px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-53-big-desktop {
    padding-left: 53px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-53-mobile {
    margin-left: 53px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-53-mobile {
    padding-left: 53px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-53-tablet {
    margin-left: 53px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-53-tablet {
    padding-left: 53px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-53 {
    font-size: 53px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-53 {
    font-size: 53px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-53 {
    font-size: 53px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-53 {
    font-size: 53px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-53-all {
    margin-left: 53px !important;
  }
}
.margin-right-53 {
  margin-right: 53px !important;
}

.padding-right-53 {
  padding-right: 53px !important;
}

.font-size-53 {
  font-size: 53px !important;
}

.line-height-53 {
  line-height: 53px !important;
}

.width-530 {
  width: 530% !important;
}

.height-530 {
  height: 530% !important;
}

.border-radius-53 {
  border-radius: 53px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-53-desktop {
    margin-right: 53px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-53-desktop {
    padding-right: 53px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-53-big-desktop {
    padding-right: 53px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-53-mobile {
    margin-right: 53px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-53-mobile {
    padding-right: 53px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-53-tablet {
    margin-right: 53px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-53-tablet {
    padding-right: 53px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-53 {
    font-size: 53px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-53 {
    font-size: 53px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-53 {
    font-size: 53px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-53 {
    font-size: 53px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-53-all {
    margin-right: 53px !important;
  }
}
.margin-top-54 {
  margin-top: 54px !important;
}

.padding-top-54 {
  padding-top: 54px !important;
}

.font-size-54 {
  font-size: 54px !important;
}

.line-height-54 {
  line-height: 54px !important;
}

.width-540 {
  width: 540% !important;
}

.height-540 {
  height: 540% !important;
}

.border-radius-54 {
  border-radius: 54px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-54-desktop {
    margin-top: 54px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-54-desktop {
    padding-top: 54px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-54-big-desktop {
    padding-top: 54px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-54-mobile {
    margin-top: 54px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-54-mobile {
    padding-top: 54px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-54-tablet {
    margin-top: 54px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-54-tablet {
    padding-top: 54px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-54 {
    font-size: 54px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-54 {
    font-size: 54px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-54 {
    font-size: 54px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-54 {
    font-size: 54px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-54-all {
    margin-top: 54px !important;
  }
}
.margin-bottom-54 {
  margin-bottom: 54px !important;
}

.padding-bottom-54 {
  padding-bottom: 54px !important;
}

.font-size-54 {
  font-size: 54px !important;
}

.line-height-54 {
  line-height: 54px !important;
}

.width-540 {
  width: 540% !important;
}

.height-540 {
  height: 540% !important;
}

.border-radius-54 {
  border-radius: 54px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-54-desktop {
    margin-bottom: 54px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-54-desktop {
    padding-bottom: 54px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-54-big-desktop {
    padding-bottom: 54px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-54-mobile {
    margin-bottom: 54px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-54-mobile {
    padding-bottom: 54px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-54-tablet {
    margin-bottom: 54px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-54-tablet {
    padding-bottom: 54px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-54 {
    font-size: 54px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-54 {
    font-size: 54px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-54 {
    font-size: 54px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-54 {
    font-size: 54px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-54-all {
    margin-bottom: 54px !important;
  }
}
.margin-left-54 {
  margin-left: 54px !important;
}

.padding-left-54 {
  padding-left: 54px !important;
}

.font-size-54 {
  font-size: 54px !important;
}

.line-height-54 {
  line-height: 54px !important;
}

.width-540 {
  width: 540% !important;
}

.height-540 {
  height: 540% !important;
}

.border-radius-54 {
  border-radius: 54px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-54-desktop {
    margin-left: 54px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-54-desktop {
    padding-left: 54px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-54-big-desktop {
    padding-left: 54px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-54-mobile {
    margin-left: 54px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-54-mobile {
    padding-left: 54px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-54-tablet {
    margin-left: 54px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-54-tablet {
    padding-left: 54px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-54 {
    font-size: 54px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-54 {
    font-size: 54px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-54 {
    font-size: 54px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-54 {
    font-size: 54px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-54-all {
    margin-left: 54px !important;
  }
}
.margin-right-54 {
  margin-right: 54px !important;
}

.padding-right-54 {
  padding-right: 54px !important;
}

.font-size-54 {
  font-size: 54px !important;
}

.line-height-54 {
  line-height: 54px !important;
}

.width-540 {
  width: 540% !important;
}

.height-540 {
  height: 540% !important;
}

.border-radius-54 {
  border-radius: 54px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-54-desktop {
    margin-right: 54px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-54-desktop {
    padding-right: 54px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-54-big-desktop {
    padding-right: 54px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-54-mobile {
    margin-right: 54px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-54-mobile {
    padding-right: 54px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-54-tablet {
    margin-right: 54px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-54-tablet {
    padding-right: 54px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-54 {
    font-size: 54px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-54 {
    font-size: 54px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-54 {
    font-size: 54px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-54 {
    font-size: 54px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-54-all {
    margin-right: 54px !important;
  }
}
.margin-top-55 {
  margin-top: 55px !important;
}

.padding-top-55 {
  padding-top: 55px !important;
}

.font-size-55 {
  font-size: 55px !important;
}

.line-height-55 {
  line-height: 55px !important;
}

.width-550 {
  width: 550% !important;
}

.height-550 {
  height: 550% !important;
}

.border-radius-55 {
  border-radius: 55px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-55-desktop {
    margin-top: 55px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-55-desktop {
    padding-top: 55px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-55-big-desktop {
    padding-top: 55px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-55-mobile {
    margin-top: 55px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-55-mobile {
    padding-top: 55px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-55-tablet {
    margin-top: 55px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-55-tablet {
    padding-top: 55px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-55 {
    font-size: 55px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-55 {
    font-size: 55px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-55 {
    font-size: 55px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-55 {
    font-size: 55px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-55-all {
    margin-top: 55px !important;
  }
}
.margin-bottom-55 {
  margin-bottom: 55px !important;
}

.padding-bottom-55 {
  padding-bottom: 55px !important;
}

.font-size-55 {
  font-size: 55px !important;
}

.line-height-55 {
  line-height: 55px !important;
}

.width-550 {
  width: 550% !important;
}

.height-550 {
  height: 550% !important;
}

.border-radius-55 {
  border-radius: 55px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-55-desktop {
    margin-bottom: 55px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-55-desktop {
    padding-bottom: 55px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-55-big-desktop {
    padding-bottom: 55px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-55-mobile {
    margin-bottom: 55px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-55-mobile {
    padding-bottom: 55px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-55-tablet {
    margin-bottom: 55px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-55-tablet {
    padding-bottom: 55px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-55 {
    font-size: 55px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-55 {
    font-size: 55px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-55 {
    font-size: 55px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-55 {
    font-size: 55px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-55-all {
    margin-bottom: 55px !important;
  }
}
.margin-left-55 {
  margin-left: 55px !important;
}

.padding-left-55 {
  padding-left: 55px !important;
}

.font-size-55 {
  font-size: 55px !important;
}

.line-height-55 {
  line-height: 55px !important;
}

.width-550 {
  width: 550% !important;
}

.height-550 {
  height: 550% !important;
}

.border-radius-55 {
  border-radius: 55px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-55-desktop {
    margin-left: 55px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-55-desktop {
    padding-left: 55px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-55-big-desktop {
    padding-left: 55px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-55-mobile {
    margin-left: 55px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-55-mobile {
    padding-left: 55px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-55-tablet {
    margin-left: 55px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-55-tablet {
    padding-left: 55px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-55 {
    font-size: 55px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-55 {
    font-size: 55px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-55 {
    font-size: 55px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-55 {
    font-size: 55px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-55-all {
    margin-left: 55px !important;
  }
}
.margin-right-55 {
  margin-right: 55px !important;
}

.padding-right-55 {
  padding-right: 55px !important;
}

.font-size-55 {
  font-size: 55px !important;
}

.line-height-55 {
  line-height: 55px !important;
}

.width-550 {
  width: 550% !important;
}

.height-550 {
  height: 550% !important;
}

.border-radius-55 {
  border-radius: 55px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-55-desktop {
    margin-right: 55px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-55-desktop {
    padding-right: 55px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-55-big-desktop {
    padding-right: 55px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-55-mobile {
    margin-right: 55px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-55-mobile {
    padding-right: 55px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-55-tablet {
    margin-right: 55px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-55-tablet {
    padding-right: 55px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-55 {
    font-size: 55px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-55 {
    font-size: 55px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-55 {
    font-size: 55px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-55 {
    font-size: 55px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-55-all {
    margin-right: 55px !important;
  }
}
.margin-top-56 {
  margin-top: 56px !important;
}

.padding-top-56 {
  padding-top: 56px !important;
}

.font-size-56 {
  font-size: 56px !important;
}

.line-height-56 {
  line-height: 56px !important;
}

.width-560 {
  width: 560% !important;
}

.height-560 {
  height: 560% !important;
}

.border-radius-56 {
  border-radius: 56px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-56-desktop {
    margin-top: 56px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-56-desktop {
    padding-top: 56px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-56-big-desktop {
    padding-top: 56px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-56-mobile {
    margin-top: 56px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-56-mobile {
    padding-top: 56px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-56-tablet {
    margin-top: 56px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-56-tablet {
    padding-top: 56px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-56 {
    font-size: 56px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-56 {
    font-size: 56px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-56 {
    font-size: 56px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-56 {
    font-size: 56px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-56-all {
    margin-top: 56px !important;
  }
}
.margin-bottom-56 {
  margin-bottom: 56px !important;
}

.padding-bottom-56 {
  padding-bottom: 56px !important;
}

.font-size-56 {
  font-size: 56px !important;
}

.line-height-56 {
  line-height: 56px !important;
}

.width-560 {
  width: 560% !important;
}

.height-560 {
  height: 560% !important;
}

.border-radius-56 {
  border-radius: 56px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-56-desktop {
    margin-bottom: 56px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-56-desktop {
    padding-bottom: 56px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-56-big-desktop {
    padding-bottom: 56px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-56-mobile {
    margin-bottom: 56px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-56-mobile {
    padding-bottom: 56px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-56-tablet {
    margin-bottom: 56px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-56-tablet {
    padding-bottom: 56px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-56 {
    font-size: 56px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-56 {
    font-size: 56px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-56 {
    font-size: 56px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-56 {
    font-size: 56px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-56-all {
    margin-bottom: 56px !important;
  }
}
.margin-left-56 {
  margin-left: 56px !important;
}

.padding-left-56 {
  padding-left: 56px !important;
}

.font-size-56 {
  font-size: 56px !important;
}

.line-height-56 {
  line-height: 56px !important;
}

.width-560 {
  width: 560% !important;
}

.height-560 {
  height: 560% !important;
}

.border-radius-56 {
  border-radius: 56px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-56-desktop {
    margin-left: 56px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-56-desktop {
    padding-left: 56px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-56-big-desktop {
    padding-left: 56px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-56-mobile {
    margin-left: 56px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-56-mobile {
    padding-left: 56px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-56-tablet {
    margin-left: 56px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-56-tablet {
    padding-left: 56px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-56 {
    font-size: 56px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-56 {
    font-size: 56px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-56 {
    font-size: 56px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-56 {
    font-size: 56px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-56-all {
    margin-left: 56px !important;
  }
}
.margin-right-56 {
  margin-right: 56px !important;
}

.padding-right-56 {
  padding-right: 56px !important;
}

.font-size-56 {
  font-size: 56px !important;
}

.line-height-56 {
  line-height: 56px !important;
}

.width-560 {
  width: 560% !important;
}

.height-560 {
  height: 560% !important;
}

.border-radius-56 {
  border-radius: 56px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-56-desktop {
    margin-right: 56px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-56-desktop {
    padding-right: 56px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-56-big-desktop {
    padding-right: 56px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-56-mobile {
    margin-right: 56px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-56-mobile {
    padding-right: 56px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-56-tablet {
    margin-right: 56px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-56-tablet {
    padding-right: 56px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-56 {
    font-size: 56px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-56 {
    font-size: 56px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-56 {
    font-size: 56px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-56 {
    font-size: 56px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-56-all {
    margin-right: 56px !important;
  }
}
.margin-top-57 {
  margin-top: 57px !important;
}

.padding-top-57 {
  padding-top: 57px !important;
}

.font-size-57 {
  font-size: 57px !important;
}

.line-height-57 {
  line-height: 57px !important;
}

.width-570 {
  width: 570% !important;
}

.height-570 {
  height: 570% !important;
}

.border-radius-57 {
  border-radius: 57px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-57-desktop {
    margin-top: 57px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-57-desktop {
    padding-top: 57px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-57-big-desktop {
    padding-top: 57px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-57-mobile {
    margin-top: 57px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-57-mobile {
    padding-top: 57px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-57-tablet {
    margin-top: 57px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-57-tablet {
    padding-top: 57px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-57 {
    font-size: 57px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-57 {
    font-size: 57px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-57 {
    font-size: 57px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-57 {
    font-size: 57px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-57-all {
    margin-top: 57px !important;
  }
}
.margin-bottom-57 {
  margin-bottom: 57px !important;
}

.padding-bottom-57 {
  padding-bottom: 57px !important;
}

.font-size-57 {
  font-size: 57px !important;
}

.line-height-57 {
  line-height: 57px !important;
}

.width-570 {
  width: 570% !important;
}

.height-570 {
  height: 570% !important;
}

.border-radius-57 {
  border-radius: 57px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-57-desktop {
    margin-bottom: 57px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-57-desktop {
    padding-bottom: 57px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-57-big-desktop {
    padding-bottom: 57px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-57-mobile {
    margin-bottom: 57px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-57-mobile {
    padding-bottom: 57px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-57-tablet {
    margin-bottom: 57px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-57-tablet {
    padding-bottom: 57px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-57 {
    font-size: 57px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-57 {
    font-size: 57px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-57 {
    font-size: 57px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-57 {
    font-size: 57px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-57-all {
    margin-bottom: 57px !important;
  }
}
.margin-left-57 {
  margin-left: 57px !important;
}

.padding-left-57 {
  padding-left: 57px !important;
}

.font-size-57 {
  font-size: 57px !important;
}

.line-height-57 {
  line-height: 57px !important;
}

.width-570 {
  width: 570% !important;
}

.height-570 {
  height: 570% !important;
}

.border-radius-57 {
  border-radius: 57px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-57-desktop {
    margin-left: 57px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-57-desktop {
    padding-left: 57px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-57-big-desktop {
    padding-left: 57px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-57-mobile {
    margin-left: 57px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-57-mobile {
    padding-left: 57px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-57-tablet {
    margin-left: 57px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-57-tablet {
    padding-left: 57px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-57 {
    font-size: 57px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-57 {
    font-size: 57px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-57 {
    font-size: 57px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-57 {
    font-size: 57px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-57-all {
    margin-left: 57px !important;
  }
}
.margin-right-57 {
  margin-right: 57px !important;
}

.padding-right-57 {
  padding-right: 57px !important;
}

.font-size-57 {
  font-size: 57px !important;
}

.line-height-57 {
  line-height: 57px !important;
}

.width-570 {
  width: 570% !important;
}

.height-570 {
  height: 570% !important;
}

.border-radius-57 {
  border-radius: 57px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-57-desktop {
    margin-right: 57px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-57-desktop {
    padding-right: 57px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-57-big-desktop {
    padding-right: 57px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-57-mobile {
    margin-right: 57px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-57-mobile {
    padding-right: 57px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-57-tablet {
    margin-right: 57px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-57-tablet {
    padding-right: 57px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-57 {
    font-size: 57px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-57 {
    font-size: 57px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-57 {
    font-size: 57px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-57 {
    font-size: 57px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-57-all {
    margin-right: 57px !important;
  }
}
.margin-top-58 {
  margin-top: 58px !important;
}

.padding-top-58 {
  padding-top: 58px !important;
}

.font-size-58 {
  font-size: 58px !important;
}

.line-height-58 {
  line-height: 58px !important;
}

.width-580 {
  width: 580% !important;
}

.height-580 {
  height: 580% !important;
}

.border-radius-58 {
  border-radius: 58px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-58-desktop {
    margin-top: 58px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-58-desktop {
    padding-top: 58px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-58-big-desktop {
    padding-top: 58px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-58-mobile {
    margin-top: 58px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-58-mobile {
    padding-top: 58px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-58-tablet {
    margin-top: 58px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-58-tablet {
    padding-top: 58px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-58 {
    font-size: 58px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-58 {
    font-size: 58px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-58 {
    font-size: 58px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-58 {
    font-size: 58px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-58-all {
    margin-top: 58px !important;
  }
}
.margin-bottom-58 {
  margin-bottom: 58px !important;
}

.padding-bottom-58 {
  padding-bottom: 58px !important;
}

.font-size-58 {
  font-size: 58px !important;
}

.line-height-58 {
  line-height: 58px !important;
}

.width-580 {
  width: 580% !important;
}

.height-580 {
  height: 580% !important;
}

.border-radius-58 {
  border-radius: 58px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-58-desktop {
    margin-bottom: 58px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-58-desktop {
    padding-bottom: 58px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-58-big-desktop {
    padding-bottom: 58px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-58-mobile {
    margin-bottom: 58px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-58-mobile {
    padding-bottom: 58px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-58-tablet {
    margin-bottom: 58px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-58-tablet {
    padding-bottom: 58px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-58 {
    font-size: 58px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-58 {
    font-size: 58px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-58 {
    font-size: 58px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-58 {
    font-size: 58px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-58-all {
    margin-bottom: 58px !important;
  }
}
.margin-left-58 {
  margin-left: 58px !important;
}

.padding-left-58 {
  padding-left: 58px !important;
}

.font-size-58 {
  font-size: 58px !important;
}

.line-height-58 {
  line-height: 58px !important;
}

.width-580 {
  width: 580% !important;
}

.height-580 {
  height: 580% !important;
}

.border-radius-58 {
  border-radius: 58px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-58-desktop {
    margin-left: 58px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-58-desktop {
    padding-left: 58px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-58-big-desktop {
    padding-left: 58px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-58-mobile {
    margin-left: 58px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-58-mobile {
    padding-left: 58px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-58-tablet {
    margin-left: 58px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-58-tablet {
    padding-left: 58px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-58 {
    font-size: 58px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-58 {
    font-size: 58px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-58 {
    font-size: 58px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-58 {
    font-size: 58px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-58-all {
    margin-left: 58px !important;
  }
}
.margin-right-58 {
  margin-right: 58px !important;
}

.padding-right-58 {
  padding-right: 58px !important;
}

.font-size-58 {
  font-size: 58px !important;
}

.line-height-58 {
  line-height: 58px !important;
}

.width-580 {
  width: 580% !important;
}

.height-580 {
  height: 580% !important;
}

.border-radius-58 {
  border-radius: 58px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-58-desktop {
    margin-right: 58px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-58-desktop {
    padding-right: 58px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-58-big-desktop {
    padding-right: 58px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-58-mobile {
    margin-right: 58px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-58-mobile {
    padding-right: 58px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-58-tablet {
    margin-right: 58px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-58-tablet {
    padding-right: 58px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-58 {
    font-size: 58px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-58 {
    font-size: 58px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-58 {
    font-size: 58px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-58 {
    font-size: 58px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-58-all {
    margin-right: 58px !important;
  }
}
.margin-top-59 {
  margin-top: 59px !important;
}

.padding-top-59 {
  padding-top: 59px !important;
}

.font-size-59 {
  font-size: 59px !important;
}

.line-height-59 {
  line-height: 59px !important;
}

.width-590 {
  width: 590% !important;
}

.height-590 {
  height: 590% !important;
}

.border-radius-59 {
  border-radius: 59px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-59-desktop {
    margin-top: 59px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-59-desktop {
    padding-top: 59px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-59-big-desktop {
    padding-top: 59px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-59-mobile {
    margin-top: 59px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-59-mobile {
    padding-top: 59px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-59-tablet {
    margin-top: 59px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-59-tablet {
    padding-top: 59px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-59 {
    font-size: 59px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-59 {
    font-size: 59px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-59 {
    font-size: 59px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-59 {
    font-size: 59px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-59-all {
    margin-top: 59px !important;
  }
}
.margin-bottom-59 {
  margin-bottom: 59px !important;
}

.padding-bottom-59 {
  padding-bottom: 59px !important;
}

.font-size-59 {
  font-size: 59px !important;
}

.line-height-59 {
  line-height: 59px !important;
}

.width-590 {
  width: 590% !important;
}

.height-590 {
  height: 590% !important;
}

.border-radius-59 {
  border-radius: 59px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-59-desktop {
    margin-bottom: 59px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-59-desktop {
    padding-bottom: 59px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-59-big-desktop {
    padding-bottom: 59px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-59-mobile {
    margin-bottom: 59px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-59-mobile {
    padding-bottom: 59px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-59-tablet {
    margin-bottom: 59px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-59-tablet {
    padding-bottom: 59px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-59 {
    font-size: 59px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-59 {
    font-size: 59px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-59 {
    font-size: 59px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-59 {
    font-size: 59px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-59-all {
    margin-bottom: 59px !important;
  }
}
.margin-left-59 {
  margin-left: 59px !important;
}

.padding-left-59 {
  padding-left: 59px !important;
}

.font-size-59 {
  font-size: 59px !important;
}

.line-height-59 {
  line-height: 59px !important;
}

.width-590 {
  width: 590% !important;
}

.height-590 {
  height: 590% !important;
}

.border-radius-59 {
  border-radius: 59px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-59-desktop {
    margin-left: 59px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-59-desktop {
    padding-left: 59px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-59-big-desktop {
    padding-left: 59px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-59-mobile {
    margin-left: 59px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-59-mobile {
    padding-left: 59px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-59-tablet {
    margin-left: 59px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-59-tablet {
    padding-left: 59px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-59 {
    font-size: 59px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-59 {
    font-size: 59px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-59 {
    font-size: 59px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-59 {
    font-size: 59px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-59-all {
    margin-left: 59px !important;
  }
}
.margin-right-59 {
  margin-right: 59px !important;
}

.padding-right-59 {
  padding-right: 59px !important;
}

.font-size-59 {
  font-size: 59px !important;
}

.line-height-59 {
  line-height: 59px !important;
}

.width-590 {
  width: 590% !important;
}

.height-590 {
  height: 590% !important;
}

.border-radius-59 {
  border-radius: 59px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-59-desktop {
    margin-right: 59px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-59-desktop {
    padding-right: 59px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-59-big-desktop {
    padding-right: 59px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-59-mobile {
    margin-right: 59px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-59-mobile {
    padding-right: 59px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-59-tablet {
    margin-right: 59px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-59-tablet {
    padding-right: 59px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-59 {
    font-size: 59px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-59 {
    font-size: 59px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-59 {
    font-size: 59px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-59 {
    font-size: 59px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-59-all {
    margin-right: 59px !important;
  }
}
.margin-top-60 {
  margin-top: 60px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.font-size-60 {
  font-size: 60px !important;
}

.line-height-60 {
  line-height: 60px !important;
}

.width-600 {
  width: 600% !important;
}

.height-600 {
  height: 600% !important;
}

.border-radius-60 {
  border-radius: 60px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-60-desktop {
    margin-top: 60px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-60-desktop {
    padding-top: 60px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-60-big-desktop {
    padding-top: 60px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-60-mobile {
    margin-top: 60px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-60-mobile {
    padding-top: 60px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-60-tablet {
    margin-top: 60px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-60-tablet {
    padding-top: 60px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-60 {
    font-size: 60px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-60 {
    font-size: 60px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-60 {
    font-size: 60px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-60 {
    font-size: 60px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-60-all {
    margin-top: 60px !important;
  }
}
.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.font-size-60 {
  font-size: 60px !important;
}

.line-height-60 {
  line-height: 60px !important;
}

.width-600 {
  width: 600% !important;
}

.height-600 {
  height: 600% !important;
}

.border-radius-60 {
  border-radius: 60px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-60-desktop {
    margin-bottom: 60px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-60-desktop {
    padding-bottom: 60px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-60-big-desktop {
    padding-bottom: 60px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-60-mobile {
    margin-bottom: 60px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-60-mobile {
    padding-bottom: 60px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-60-tablet {
    margin-bottom: 60px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-60-tablet {
    padding-bottom: 60px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-60 {
    font-size: 60px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-60 {
    font-size: 60px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-60 {
    font-size: 60px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-60 {
    font-size: 60px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-60-all {
    margin-bottom: 60px !important;
  }
}
.margin-left-60 {
  margin-left: 60px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.font-size-60 {
  font-size: 60px !important;
}

.line-height-60 {
  line-height: 60px !important;
}

.width-600 {
  width: 600% !important;
}

.height-600 {
  height: 600% !important;
}

.border-radius-60 {
  border-radius: 60px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-60-desktop {
    margin-left: 60px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-60-desktop {
    padding-left: 60px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-60-big-desktop {
    padding-left: 60px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-60-mobile {
    margin-left: 60px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-60-mobile {
    padding-left: 60px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-60-tablet {
    margin-left: 60px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-60-tablet {
    padding-left: 60px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-60 {
    font-size: 60px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-60 {
    font-size: 60px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-60 {
    font-size: 60px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-60 {
    font-size: 60px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-60-all {
    margin-left: 60px !important;
  }
}
.margin-right-60 {
  margin-right: 60px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.font-size-60 {
  font-size: 60px !important;
}

.line-height-60 {
  line-height: 60px !important;
}

.width-600 {
  width: 600% !important;
}

.height-600 {
  height: 600% !important;
}

.border-radius-60 {
  border-radius: 60px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-60-desktop {
    margin-right: 60px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-60-desktop {
    padding-right: 60px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-60-big-desktop {
    padding-right: 60px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-60-mobile {
    margin-right: 60px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-60-mobile {
    padding-right: 60px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-60-tablet {
    margin-right: 60px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-60-tablet {
    padding-right: 60px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-60 {
    font-size: 60px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-60 {
    font-size: 60px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-60 {
    font-size: 60px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-60 {
    font-size: 60px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-60-all {
    margin-right: 60px !important;
  }
}
.margin-top-61 {
  margin-top: 61px !important;
}

.padding-top-61 {
  padding-top: 61px !important;
}

.font-size-61 {
  font-size: 61px !important;
}

.line-height-61 {
  line-height: 61px !important;
}

.width-610 {
  width: 610% !important;
}

.height-610 {
  height: 610% !important;
}

.border-radius-61 {
  border-radius: 61px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-61-desktop {
    margin-top: 61px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-61-desktop {
    padding-top: 61px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-61-big-desktop {
    padding-top: 61px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-61-mobile {
    margin-top: 61px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-61-mobile {
    padding-top: 61px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-61-tablet {
    margin-top: 61px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-61-tablet {
    padding-top: 61px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-61 {
    font-size: 61px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-61 {
    font-size: 61px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-61 {
    font-size: 61px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-61 {
    font-size: 61px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-61-all {
    margin-top: 61px !important;
  }
}
.margin-bottom-61 {
  margin-bottom: 61px !important;
}

.padding-bottom-61 {
  padding-bottom: 61px !important;
}

.font-size-61 {
  font-size: 61px !important;
}

.line-height-61 {
  line-height: 61px !important;
}

.width-610 {
  width: 610% !important;
}

.height-610 {
  height: 610% !important;
}

.border-radius-61 {
  border-radius: 61px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-61-desktop {
    margin-bottom: 61px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-61-desktop {
    padding-bottom: 61px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-61-big-desktop {
    padding-bottom: 61px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-61-mobile {
    margin-bottom: 61px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-61-mobile {
    padding-bottom: 61px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-61-tablet {
    margin-bottom: 61px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-61-tablet {
    padding-bottom: 61px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-61 {
    font-size: 61px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-61 {
    font-size: 61px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-61 {
    font-size: 61px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-61 {
    font-size: 61px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-61-all {
    margin-bottom: 61px !important;
  }
}
.margin-left-61 {
  margin-left: 61px !important;
}

.padding-left-61 {
  padding-left: 61px !important;
}

.font-size-61 {
  font-size: 61px !important;
}

.line-height-61 {
  line-height: 61px !important;
}

.width-610 {
  width: 610% !important;
}

.height-610 {
  height: 610% !important;
}

.border-radius-61 {
  border-radius: 61px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-61-desktop {
    margin-left: 61px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-61-desktop {
    padding-left: 61px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-61-big-desktop {
    padding-left: 61px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-61-mobile {
    margin-left: 61px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-61-mobile {
    padding-left: 61px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-61-tablet {
    margin-left: 61px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-61-tablet {
    padding-left: 61px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-61 {
    font-size: 61px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-61 {
    font-size: 61px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-61 {
    font-size: 61px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-61 {
    font-size: 61px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-61-all {
    margin-left: 61px !important;
  }
}
.margin-right-61 {
  margin-right: 61px !important;
}

.padding-right-61 {
  padding-right: 61px !important;
}

.font-size-61 {
  font-size: 61px !important;
}

.line-height-61 {
  line-height: 61px !important;
}

.width-610 {
  width: 610% !important;
}

.height-610 {
  height: 610% !important;
}

.border-radius-61 {
  border-radius: 61px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-61-desktop {
    margin-right: 61px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-61-desktop {
    padding-right: 61px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-61-big-desktop {
    padding-right: 61px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-61-mobile {
    margin-right: 61px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-61-mobile {
    padding-right: 61px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-61-tablet {
    margin-right: 61px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-61-tablet {
    padding-right: 61px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-61 {
    font-size: 61px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-61 {
    font-size: 61px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-61 {
    font-size: 61px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-61 {
    font-size: 61px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-61-all {
    margin-right: 61px !important;
  }
}
.margin-top-62 {
  margin-top: 62px !important;
}

.padding-top-62 {
  padding-top: 62px !important;
}

.font-size-62 {
  font-size: 62px !important;
}

.line-height-62 {
  line-height: 62px !important;
}

.width-620 {
  width: 620% !important;
}

.height-620 {
  height: 620% !important;
}

.border-radius-62 {
  border-radius: 62px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-62-desktop {
    margin-top: 62px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-62-desktop {
    padding-top: 62px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-62-big-desktop {
    padding-top: 62px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-62-mobile {
    margin-top: 62px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-62-mobile {
    padding-top: 62px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-62-tablet {
    margin-top: 62px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-62-tablet {
    padding-top: 62px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-62 {
    font-size: 62px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-62 {
    font-size: 62px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-62 {
    font-size: 62px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-62 {
    font-size: 62px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-62-all {
    margin-top: 62px !important;
  }
}
.margin-bottom-62 {
  margin-bottom: 62px !important;
}

.padding-bottom-62 {
  padding-bottom: 62px !important;
}

.font-size-62 {
  font-size: 62px !important;
}

.line-height-62 {
  line-height: 62px !important;
}

.width-620 {
  width: 620% !important;
}

.height-620 {
  height: 620% !important;
}

.border-radius-62 {
  border-radius: 62px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-62-desktop {
    margin-bottom: 62px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-62-desktop {
    padding-bottom: 62px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-62-big-desktop {
    padding-bottom: 62px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-62-mobile {
    margin-bottom: 62px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-62-mobile {
    padding-bottom: 62px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-62-tablet {
    margin-bottom: 62px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-62-tablet {
    padding-bottom: 62px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-62 {
    font-size: 62px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-62 {
    font-size: 62px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-62 {
    font-size: 62px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-62 {
    font-size: 62px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-62-all {
    margin-bottom: 62px !important;
  }
}
.margin-left-62 {
  margin-left: 62px !important;
}

.padding-left-62 {
  padding-left: 62px !important;
}

.font-size-62 {
  font-size: 62px !important;
}

.line-height-62 {
  line-height: 62px !important;
}

.width-620 {
  width: 620% !important;
}

.height-620 {
  height: 620% !important;
}

.border-radius-62 {
  border-radius: 62px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-62-desktop {
    margin-left: 62px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-62-desktop {
    padding-left: 62px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-62-big-desktop {
    padding-left: 62px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-62-mobile {
    margin-left: 62px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-62-mobile {
    padding-left: 62px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-62-tablet {
    margin-left: 62px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-62-tablet {
    padding-left: 62px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-62 {
    font-size: 62px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-62 {
    font-size: 62px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-62 {
    font-size: 62px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-62 {
    font-size: 62px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-62-all {
    margin-left: 62px !important;
  }
}
.margin-right-62 {
  margin-right: 62px !important;
}

.padding-right-62 {
  padding-right: 62px !important;
}

.font-size-62 {
  font-size: 62px !important;
}

.line-height-62 {
  line-height: 62px !important;
}

.width-620 {
  width: 620% !important;
}

.height-620 {
  height: 620% !important;
}

.border-radius-62 {
  border-radius: 62px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-62-desktop {
    margin-right: 62px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-62-desktop {
    padding-right: 62px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-62-big-desktop {
    padding-right: 62px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-62-mobile {
    margin-right: 62px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-62-mobile {
    padding-right: 62px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-62-tablet {
    margin-right: 62px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-62-tablet {
    padding-right: 62px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-62 {
    font-size: 62px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-62 {
    font-size: 62px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-62 {
    font-size: 62px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-62 {
    font-size: 62px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-62-all {
    margin-right: 62px !important;
  }
}
.margin-top-63 {
  margin-top: 63px !important;
}

.padding-top-63 {
  padding-top: 63px !important;
}

.font-size-63 {
  font-size: 63px !important;
}

.line-height-63 {
  line-height: 63px !important;
}

.width-630 {
  width: 630% !important;
}

.height-630 {
  height: 630% !important;
}

.border-radius-63 {
  border-radius: 63px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-63-desktop {
    margin-top: 63px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-63-desktop {
    padding-top: 63px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-63-big-desktop {
    padding-top: 63px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-63-mobile {
    margin-top: 63px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-63-mobile {
    padding-top: 63px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-63-tablet {
    margin-top: 63px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-63-tablet {
    padding-top: 63px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-63 {
    font-size: 63px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-63 {
    font-size: 63px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-63 {
    font-size: 63px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-63 {
    font-size: 63px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-63-all {
    margin-top: 63px !important;
  }
}
.margin-bottom-63 {
  margin-bottom: 63px !important;
}

.padding-bottom-63 {
  padding-bottom: 63px !important;
}

.font-size-63 {
  font-size: 63px !important;
}

.line-height-63 {
  line-height: 63px !important;
}

.width-630 {
  width: 630% !important;
}

.height-630 {
  height: 630% !important;
}

.border-radius-63 {
  border-radius: 63px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-63-desktop {
    margin-bottom: 63px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-63-desktop {
    padding-bottom: 63px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-63-big-desktop {
    padding-bottom: 63px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-63-mobile {
    margin-bottom: 63px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-63-mobile {
    padding-bottom: 63px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-63-tablet {
    margin-bottom: 63px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-63-tablet {
    padding-bottom: 63px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-63 {
    font-size: 63px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-63 {
    font-size: 63px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-63 {
    font-size: 63px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-63 {
    font-size: 63px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-63-all {
    margin-bottom: 63px !important;
  }
}
.margin-left-63 {
  margin-left: 63px !important;
}

.padding-left-63 {
  padding-left: 63px !important;
}

.font-size-63 {
  font-size: 63px !important;
}

.line-height-63 {
  line-height: 63px !important;
}

.width-630 {
  width: 630% !important;
}

.height-630 {
  height: 630% !important;
}

.border-radius-63 {
  border-radius: 63px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-63-desktop {
    margin-left: 63px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-63-desktop {
    padding-left: 63px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-63-big-desktop {
    padding-left: 63px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-63-mobile {
    margin-left: 63px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-63-mobile {
    padding-left: 63px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-63-tablet {
    margin-left: 63px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-63-tablet {
    padding-left: 63px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-63 {
    font-size: 63px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-63 {
    font-size: 63px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-63 {
    font-size: 63px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-63 {
    font-size: 63px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-63-all {
    margin-left: 63px !important;
  }
}
.margin-right-63 {
  margin-right: 63px !important;
}

.padding-right-63 {
  padding-right: 63px !important;
}

.font-size-63 {
  font-size: 63px !important;
}

.line-height-63 {
  line-height: 63px !important;
}

.width-630 {
  width: 630% !important;
}

.height-630 {
  height: 630% !important;
}

.border-radius-63 {
  border-radius: 63px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-63-desktop {
    margin-right: 63px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-63-desktop {
    padding-right: 63px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-63-big-desktop {
    padding-right: 63px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-63-mobile {
    margin-right: 63px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-63-mobile {
    padding-right: 63px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-63-tablet {
    margin-right: 63px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-63-tablet {
    padding-right: 63px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-63 {
    font-size: 63px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-63 {
    font-size: 63px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-63 {
    font-size: 63px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-63 {
    font-size: 63px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-63-all {
    margin-right: 63px !important;
  }
}
.margin-top-64 {
  margin-top: 64px !important;
}

.padding-top-64 {
  padding-top: 64px !important;
}

.font-size-64 {
  font-size: 64px !important;
}

.line-height-64 {
  line-height: 64px !important;
}

.width-640 {
  width: 640% !important;
}

.height-640 {
  height: 640% !important;
}

.border-radius-64 {
  border-radius: 64px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-64-desktop {
    margin-top: 64px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-64-desktop {
    padding-top: 64px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-64-big-desktop {
    padding-top: 64px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-64-mobile {
    margin-top: 64px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-64-mobile {
    padding-top: 64px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-64-tablet {
    margin-top: 64px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-64-tablet {
    padding-top: 64px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-64 {
    font-size: 64px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-64 {
    font-size: 64px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-64 {
    font-size: 64px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-64 {
    font-size: 64px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-64-all {
    margin-top: 64px !important;
  }
}
.margin-bottom-64 {
  margin-bottom: 64px !important;
}

.padding-bottom-64 {
  padding-bottom: 64px !important;
}

.font-size-64 {
  font-size: 64px !important;
}

.line-height-64 {
  line-height: 64px !important;
}

.width-640 {
  width: 640% !important;
}

.height-640 {
  height: 640% !important;
}

.border-radius-64 {
  border-radius: 64px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-64-desktop {
    margin-bottom: 64px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-64-desktop {
    padding-bottom: 64px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-64-big-desktop {
    padding-bottom: 64px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-64-mobile {
    margin-bottom: 64px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-64-mobile {
    padding-bottom: 64px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-64-tablet {
    margin-bottom: 64px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-64-tablet {
    padding-bottom: 64px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-64 {
    font-size: 64px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-64 {
    font-size: 64px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-64 {
    font-size: 64px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-64 {
    font-size: 64px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-64-all {
    margin-bottom: 64px !important;
  }
}
.margin-left-64 {
  margin-left: 64px !important;
}

.padding-left-64 {
  padding-left: 64px !important;
}

.font-size-64 {
  font-size: 64px !important;
}

.line-height-64 {
  line-height: 64px !important;
}

.width-640 {
  width: 640% !important;
}

.height-640 {
  height: 640% !important;
}

.border-radius-64 {
  border-radius: 64px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-64-desktop {
    margin-left: 64px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-64-desktop {
    padding-left: 64px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-64-big-desktop {
    padding-left: 64px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-64-mobile {
    margin-left: 64px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-64-mobile {
    padding-left: 64px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-64-tablet {
    margin-left: 64px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-64-tablet {
    padding-left: 64px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-64 {
    font-size: 64px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-64 {
    font-size: 64px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-64 {
    font-size: 64px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-64 {
    font-size: 64px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-64-all {
    margin-left: 64px !important;
  }
}
.margin-right-64 {
  margin-right: 64px !important;
}

.padding-right-64 {
  padding-right: 64px !important;
}

.font-size-64 {
  font-size: 64px !important;
}

.line-height-64 {
  line-height: 64px !important;
}

.width-640 {
  width: 640% !important;
}

.height-640 {
  height: 640% !important;
}

.border-radius-64 {
  border-radius: 64px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-64-desktop {
    margin-right: 64px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-64-desktop {
    padding-right: 64px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-64-big-desktop {
    padding-right: 64px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-64-mobile {
    margin-right: 64px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-64-mobile {
    padding-right: 64px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-64-tablet {
    margin-right: 64px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-64-tablet {
    padding-right: 64px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-64 {
    font-size: 64px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-64 {
    font-size: 64px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-64 {
    font-size: 64px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-64 {
    font-size: 64px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-64-all {
    margin-right: 64px !important;
  }
}
.margin-top-65 {
  margin-top: 65px !important;
}

.padding-top-65 {
  padding-top: 65px !important;
}

.font-size-65 {
  font-size: 65px !important;
}

.line-height-65 {
  line-height: 65px !important;
}

.width-650 {
  width: 650% !important;
}

.height-650 {
  height: 650% !important;
}

.border-radius-65 {
  border-radius: 65px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-65-desktop {
    margin-top: 65px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-65-desktop {
    padding-top: 65px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-65-big-desktop {
    padding-top: 65px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-65-mobile {
    margin-top: 65px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-65-mobile {
    padding-top: 65px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-65-tablet {
    margin-top: 65px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-65-tablet {
    padding-top: 65px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-65 {
    font-size: 65px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-65 {
    font-size: 65px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-65 {
    font-size: 65px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-65 {
    font-size: 65px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-65-all {
    margin-top: 65px !important;
  }
}
.margin-bottom-65 {
  margin-bottom: 65px !important;
}

.padding-bottom-65 {
  padding-bottom: 65px !important;
}

.font-size-65 {
  font-size: 65px !important;
}

.line-height-65 {
  line-height: 65px !important;
}

.width-650 {
  width: 650% !important;
}

.height-650 {
  height: 650% !important;
}

.border-radius-65 {
  border-radius: 65px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-65-desktop {
    margin-bottom: 65px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-65-desktop {
    padding-bottom: 65px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-65-big-desktop {
    padding-bottom: 65px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-65-mobile {
    margin-bottom: 65px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-65-mobile {
    padding-bottom: 65px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-65-tablet {
    margin-bottom: 65px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-65-tablet {
    padding-bottom: 65px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-65 {
    font-size: 65px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-65 {
    font-size: 65px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-65 {
    font-size: 65px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-65 {
    font-size: 65px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-65-all {
    margin-bottom: 65px !important;
  }
}
.margin-left-65 {
  margin-left: 65px !important;
}

.padding-left-65 {
  padding-left: 65px !important;
}

.font-size-65 {
  font-size: 65px !important;
}

.line-height-65 {
  line-height: 65px !important;
}

.width-650 {
  width: 650% !important;
}

.height-650 {
  height: 650% !important;
}

.border-radius-65 {
  border-radius: 65px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-65-desktop {
    margin-left: 65px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-65-desktop {
    padding-left: 65px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-65-big-desktop {
    padding-left: 65px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-65-mobile {
    margin-left: 65px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-65-mobile {
    padding-left: 65px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-65-tablet {
    margin-left: 65px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-65-tablet {
    padding-left: 65px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-65 {
    font-size: 65px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-65 {
    font-size: 65px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-65 {
    font-size: 65px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-65 {
    font-size: 65px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-65-all {
    margin-left: 65px !important;
  }
}
.margin-right-65 {
  margin-right: 65px !important;
}

.padding-right-65 {
  padding-right: 65px !important;
}

.font-size-65 {
  font-size: 65px !important;
}

.line-height-65 {
  line-height: 65px !important;
}

.width-650 {
  width: 650% !important;
}

.height-650 {
  height: 650% !important;
}

.border-radius-65 {
  border-radius: 65px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-65-desktop {
    margin-right: 65px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-65-desktop {
    padding-right: 65px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-65-big-desktop {
    padding-right: 65px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-65-mobile {
    margin-right: 65px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-65-mobile {
    padding-right: 65px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-65-tablet {
    margin-right: 65px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-65-tablet {
    padding-right: 65px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-65 {
    font-size: 65px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-65 {
    font-size: 65px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-65 {
    font-size: 65px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-65 {
    font-size: 65px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-65-all {
    margin-right: 65px !important;
  }
}
.margin-top-66 {
  margin-top: 66px !important;
}

.padding-top-66 {
  padding-top: 66px !important;
}

.font-size-66 {
  font-size: 66px !important;
}

.line-height-66 {
  line-height: 66px !important;
}

.width-660 {
  width: 660% !important;
}

.height-660 {
  height: 660% !important;
}

.border-radius-66 {
  border-radius: 66px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-66-desktop {
    margin-top: 66px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-66-desktop {
    padding-top: 66px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-66-big-desktop {
    padding-top: 66px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-66-mobile {
    margin-top: 66px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-66-mobile {
    padding-top: 66px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-66-tablet {
    margin-top: 66px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-66-tablet {
    padding-top: 66px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-66 {
    font-size: 66px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-66 {
    font-size: 66px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-66 {
    font-size: 66px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-66 {
    font-size: 66px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-66-all {
    margin-top: 66px !important;
  }
}
.margin-bottom-66 {
  margin-bottom: 66px !important;
}

.padding-bottom-66 {
  padding-bottom: 66px !important;
}

.font-size-66 {
  font-size: 66px !important;
}

.line-height-66 {
  line-height: 66px !important;
}

.width-660 {
  width: 660% !important;
}

.height-660 {
  height: 660% !important;
}

.border-radius-66 {
  border-radius: 66px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-66-desktop {
    margin-bottom: 66px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-66-desktop {
    padding-bottom: 66px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-66-big-desktop {
    padding-bottom: 66px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-66-mobile {
    margin-bottom: 66px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-66-mobile {
    padding-bottom: 66px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-66-tablet {
    margin-bottom: 66px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-66-tablet {
    padding-bottom: 66px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-66 {
    font-size: 66px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-66 {
    font-size: 66px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-66 {
    font-size: 66px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-66 {
    font-size: 66px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-66-all {
    margin-bottom: 66px !important;
  }
}
.margin-left-66 {
  margin-left: 66px !important;
}

.padding-left-66 {
  padding-left: 66px !important;
}

.font-size-66 {
  font-size: 66px !important;
}

.line-height-66 {
  line-height: 66px !important;
}

.width-660 {
  width: 660% !important;
}

.height-660 {
  height: 660% !important;
}

.border-radius-66 {
  border-radius: 66px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-66-desktop {
    margin-left: 66px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-66-desktop {
    padding-left: 66px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-66-big-desktop {
    padding-left: 66px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-66-mobile {
    margin-left: 66px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-66-mobile {
    padding-left: 66px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-66-tablet {
    margin-left: 66px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-66-tablet {
    padding-left: 66px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-66 {
    font-size: 66px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-66 {
    font-size: 66px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-66 {
    font-size: 66px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-66 {
    font-size: 66px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-66-all {
    margin-left: 66px !important;
  }
}
.margin-right-66 {
  margin-right: 66px !important;
}

.padding-right-66 {
  padding-right: 66px !important;
}

.font-size-66 {
  font-size: 66px !important;
}

.line-height-66 {
  line-height: 66px !important;
}

.width-660 {
  width: 660% !important;
}

.height-660 {
  height: 660% !important;
}

.border-radius-66 {
  border-radius: 66px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-66-desktop {
    margin-right: 66px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-66-desktop {
    padding-right: 66px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-66-big-desktop {
    padding-right: 66px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-66-mobile {
    margin-right: 66px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-66-mobile {
    padding-right: 66px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-66-tablet {
    margin-right: 66px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-66-tablet {
    padding-right: 66px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-66 {
    font-size: 66px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-66 {
    font-size: 66px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-66 {
    font-size: 66px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-66 {
    font-size: 66px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-66-all {
    margin-right: 66px !important;
  }
}
.margin-top-67 {
  margin-top: 67px !important;
}

.padding-top-67 {
  padding-top: 67px !important;
}

.font-size-67 {
  font-size: 67px !important;
}

.line-height-67 {
  line-height: 67px !important;
}

.width-670 {
  width: 670% !important;
}

.height-670 {
  height: 670% !important;
}

.border-radius-67 {
  border-radius: 67px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-67-desktop {
    margin-top: 67px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-67-desktop {
    padding-top: 67px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-67-big-desktop {
    padding-top: 67px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-67-mobile {
    margin-top: 67px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-67-mobile {
    padding-top: 67px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-67-tablet {
    margin-top: 67px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-67-tablet {
    padding-top: 67px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-67 {
    font-size: 67px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-67 {
    font-size: 67px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-67 {
    font-size: 67px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-67 {
    font-size: 67px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-67-all {
    margin-top: 67px !important;
  }
}
.margin-bottom-67 {
  margin-bottom: 67px !important;
}

.padding-bottom-67 {
  padding-bottom: 67px !important;
}

.font-size-67 {
  font-size: 67px !important;
}

.line-height-67 {
  line-height: 67px !important;
}

.width-670 {
  width: 670% !important;
}

.height-670 {
  height: 670% !important;
}

.border-radius-67 {
  border-radius: 67px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-67-desktop {
    margin-bottom: 67px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-67-desktop {
    padding-bottom: 67px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-67-big-desktop {
    padding-bottom: 67px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-67-mobile {
    margin-bottom: 67px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-67-mobile {
    padding-bottom: 67px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-67-tablet {
    margin-bottom: 67px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-67-tablet {
    padding-bottom: 67px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-67 {
    font-size: 67px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-67 {
    font-size: 67px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-67 {
    font-size: 67px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-67 {
    font-size: 67px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-67-all {
    margin-bottom: 67px !important;
  }
}
.margin-left-67 {
  margin-left: 67px !important;
}

.padding-left-67 {
  padding-left: 67px !important;
}

.font-size-67 {
  font-size: 67px !important;
}

.line-height-67 {
  line-height: 67px !important;
}

.width-670 {
  width: 670% !important;
}

.height-670 {
  height: 670% !important;
}

.border-radius-67 {
  border-radius: 67px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-67-desktop {
    margin-left: 67px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-67-desktop {
    padding-left: 67px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-67-big-desktop {
    padding-left: 67px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-67-mobile {
    margin-left: 67px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-67-mobile {
    padding-left: 67px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-67-tablet {
    margin-left: 67px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-67-tablet {
    padding-left: 67px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-67 {
    font-size: 67px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-67 {
    font-size: 67px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-67 {
    font-size: 67px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-67 {
    font-size: 67px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-67-all {
    margin-left: 67px !important;
  }
}
.margin-right-67 {
  margin-right: 67px !important;
}

.padding-right-67 {
  padding-right: 67px !important;
}

.font-size-67 {
  font-size: 67px !important;
}

.line-height-67 {
  line-height: 67px !important;
}

.width-670 {
  width: 670% !important;
}

.height-670 {
  height: 670% !important;
}

.border-radius-67 {
  border-radius: 67px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-67-desktop {
    margin-right: 67px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-67-desktop {
    padding-right: 67px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-67-big-desktop {
    padding-right: 67px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-67-mobile {
    margin-right: 67px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-67-mobile {
    padding-right: 67px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-67-tablet {
    margin-right: 67px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-67-tablet {
    padding-right: 67px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-67 {
    font-size: 67px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-67 {
    font-size: 67px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-67 {
    font-size: 67px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-67 {
    font-size: 67px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-67-all {
    margin-right: 67px !important;
  }
}
.margin-top-68 {
  margin-top: 68px !important;
}

.padding-top-68 {
  padding-top: 68px !important;
}

.font-size-68 {
  font-size: 68px !important;
}

.line-height-68 {
  line-height: 68px !important;
}

.width-680 {
  width: 680% !important;
}

.height-680 {
  height: 680% !important;
}

.border-radius-68 {
  border-radius: 68px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-68-desktop {
    margin-top: 68px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-68-desktop {
    padding-top: 68px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-68-big-desktop {
    padding-top: 68px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-68-mobile {
    margin-top: 68px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-68-mobile {
    padding-top: 68px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-68-tablet {
    margin-top: 68px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-68-tablet {
    padding-top: 68px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-68 {
    font-size: 68px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-68 {
    font-size: 68px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-68 {
    font-size: 68px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-68 {
    font-size: 68px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-68-all {
    margin-top: 68px !important;
  }
}
.margin-bottom-68 {
  margin-bottom: 68px !important;
}

.padding-bottom-68 {
  padding-bottom: 68px !important;
}

.font-size-68 {
  font-size: 68px !important;
}

.line-height-68 {
  line-height: 68px !important;
}

.width-680 {
  width: 680% !important;
}

.height-680 {
  height: 680% !important;
}

.border-radius-68 {
  border-radius: 68px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-68-desktop {
    margin-bottom: 68px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-68-desktop {
    padding-bottom: 68px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-68-big-desktop {
    padding-bottom: 68px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-68-mobile {
    margin-bottom: 68px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-68-mobile {
    padding-bottom: 68px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-68-tablet {
    margin-bottom: 68px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-68-tablet {
    padding-bottom: 68px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-68 {
    font-size: 68px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-68 {
    font-size: 68px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-68 {
    font-size: 68px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-68 {
    font-size: 68px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-68-all {
    margin-bottom: 68px !important;
  }
}
.margin-left-68 {
  margin-left: 68px !important;
}

.padding-left-68 {
  padding-left: 68px !important;
}

.font-size-68 {
  font-size: 68px !important;
}

.line-height-68 {
  line-height: 68px !important;
}

.width-680 {
  width: 680% !important;
}

.height-680 {
  height: 680% !important;
}

.border-radius-68 {
  border-radius: 68px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-68-desktop {
    margin-left: 68px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-68-desktop {
    padding-left: 68px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-68-big-desktop {
    padding-left: 68px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-68-mobile {
    margin-left: 68px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-68-mobile {
    padding-left: 68px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-68-tablet {
    margin-left: 68px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-68-tablet {
    padding-left: 68px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-68 {
    font-size: 68px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-68 {
    font-size: 68px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-68 {
    font-size: 68px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-68 {
    font-size: 68px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-68-all {
    margin-left: 68px !important;
  }
}
.margin-right-68 {
  margin-right: 68px !important;
}

.padding-right-68 {
  padding-right: 68px !important;
}

.font-size-68 {
  font-size: 68px !important;
}

.line-height-68 {
  line-height: 68px !important;
}

.width-680 {
  width: 680% !important;
}

.height-680 {
  height: 680% !important;
}

.border-radius-68 {
  border-radius: 68px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-68-desktop {
    margin-right: 68px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-68-desktop {
    padding-right: 68px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-68-big-desktop {
    padding-right: 68px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-68-mobile {
    margin-right: 68px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-68-mobile {
    padding-right: 68px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-68-tablet {
    margin-right: 68px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-68-tablet {
    padding-right: 68px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-68 {
    font-size: 68px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-68 {
    font-size: 68px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-68 {
    font-size: 68px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-68 {
    font-size: 68px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-68-all {
    margin-right: 68px !important;
  }
}
.margin-top-69 {
  margin-top: 69px !important;
}

.padding-top-69 {
  padding-top: 69px !important;
}

.font-size-69 {
  font-size: 69px !important;
}

.line-height-69 {
  line-height: 69px !important;
}

.width-690 {
  width: 690% !important;
}

.height-690 {
  height: 690% !important;
}

.border-radius-69 {
  border-radius: 69px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-69-desktop {
    margin-top: 69px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-69-desktop {
    padding-top: 69px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-69-big-desktop {
    padding-top: 69px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-69-mobile {
    margin-top: 69px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-69-mobile {
    padding-top: 69px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-69-tablet {
    margin-top: 69px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-69-tablet {
    padding-top: 69px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-69 {
    font-size: 69px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-69 {
    font-size: 69px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-69 {
    font-size: 69px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-69 {
    font-size: 69px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-69-all {
    margin-top: 69px !important;
  }
}
.margin-bottom-69 {
  margin-bottom: 69px !important;
}

.padding-bottom-69 {
  padding-bottom: 69px !important;
}

.font-size-69 {
  font-size: 69px !important;
}

.line-height-69 {
  line-height: 69px !important;
}

.width-690 {
  width: 690% !important;
}

.height-690 {
  height: 690% !important;
}

.border-radius-69 {
  border-radius: 69px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-69-desktop {
    margin-bottom: 69px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-69-desktop {
    padding-bottom: 69px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-69-big-desktop {
    padding-bottom: 69px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-69-mobile {
    margin-bottom: 69px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-69-mobile {
    padding-bottom: 69px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-69-tablet {
    margin-bottom: 69px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-69-tablet {
    padding-bottom: 69px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-69 {
    font-size: 69px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-69 {
    font-size: 69px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-69 {
    font-size: 69px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-69 {
    font-size: 69px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-69-all {
    margin-bottom: 69px !important;
  }
}
.margin-left-69 {
  margin-left: 69px !important;
}

.padding-left-69 {
  padding-left: 69px !important;
}

.font-size-69 {
  font-size: 69px !important;
}

.line-height-69 {
  line-height: 69px !important;
}

.width-690 {
  width: 690% !important;
}

.height-690 {
  height: 690% !important;
}

.border-radius-69 {
  border-radius: 69px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-69-desktop {
    margin-left: 69px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-69-desktop {
    padding-left: 69px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-69-big-desktop {
    padding-left: 69px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-69-mobile {
    margin-left: 69px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-69-mobile {
    padding-left: 69px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-69-tablet {
    margin-left: 69px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-69-tablet {
    padding-left: 69px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-69 {
    font-size: 69px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-69 {
    font-size: 69px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-69 {
    font-size: 69px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-69 {
    font-size: 69px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-69-all {
    margin-left: 69px !important;
  }
}
.margin-right-69 {
  margin-right: 69px !important;
}

.padding-right-69 {
  padding-right: 69px !important;
}

.font-size-69 {
  font-size: 69px !important;
}

.line-height-69 {
  line-height: 69px !important;
}

.width-690 {
  width: 690% !important;
}

.height-690 {
  height: 690% !important;
}

.border-radius-69 {
  border-radius: 69px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-69-desktop {
    margin-right: 69px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-69-desktop {
    padding-right: 69px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-69-big-desktop {
    padding-right: 69px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-69-mobile {
    margin-right: 69px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-69-mobile {
    padding-right: 69px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-69-tablet {
    margin-right: 69px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-69-tablet {
    padding-right: 69px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-69 {
    font-size: 69px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-69 {
    font-size: 69px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-69 {
    font-size: 69px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-69 {
    font-size: 69px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-69-all {
    margin-right: 69px !important;
  }
}
.margin-top-70 {
  margin-top: 70px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.font-size-70 {
  font-size: 70px !important;
}

.line-height-70 {
  line-height: 70px !important;
}

.width-700 {
  width: 700% !important;
}

.height-700 {
  height: 700% !important;
}

.border-radius-70 {
  border-radius: 70px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-70-desktop {
    margin-top: 70px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-70-desktop {
    padding-top: 70px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-70-big-desktop {
    padding-top: 70px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-70-mobile {
    margin-top: 70px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-70-mobile {
    padding-top: 70px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-70-tablet {
    margin-top: 70px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-70-tablet {
    padding-top: 70px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-70 {
    font-size: 70px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-70 {
    font-size: 70px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-70 {
    font-size: 70px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-70 {
    font-size: 70px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-70-all {
    margin-top: 70px !important;
  }
}
.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.font-size-70 {
  font-size: 70px !important;
}

.line-height-70 {
  line-height: 70px !important;
}

.width-700 {
  width: 700% !important;
}

.height-700 {
  height: 700% !important;
}

.border-radius-70 {
  border-radius: 70px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-70-desktop {
    margin-bottom: 70px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-70-desktop {
    padding-bottom: 70px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-70-big-desktop {
    padding-bottom: 70px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-70-mobile {
    margin-bottom: 70px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-70-mobile {
    padding-bottom: 70px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-70-tablet {
    margin-bottom: 70px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-70-tablet {
    padding-bottom: 70px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-70 {
    font-size: 70px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-70 {
    font-size: 70px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-70 {
    font-size: 70px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-70 {
    font-size: 70px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-70-all {
    margin-bottom: 70px !important;
  }
}
.margin-left-70 {
  margin-left: 70px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.font-size-70 {
  font-size: 70px !important;
}

.line-height-70 {
  line-height: 70px !important;
}

.width-700 {
  width: 700% !important;
}

.height-700 {
  height: 700% !important;
}

.border-radius-70 {
  border-radius: 70px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-70-desktop {
    margin-left: 70px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-70-desktop {
    padding-left: 70px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-70-big-desktop {
    padding-left: 70px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-70-mobile {
    margin-left: 70px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-70-mobile {
    padding-left: 70px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-70-tablet {
    margin-left: 70px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-70-tablet {
    padding-left: 70px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-70 {
    font-size: 70px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-70 {
    font-size: 70px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-70 {
    font-size: 70px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-70 {
    font-size: 70px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-70-all {
    margin-left: 70px !important;
  }
}
.margin-right-70 {
  margin-right: 70px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.font-size-70 {
  font-size: 70px !important;
}

.line-height-70 {
  line-height: 70px !important;
}

.width-700 {
  width: 700% !important;
}

.height-700 {
  height: 700% !important;
}

.border-radius-70 {
  border-radius: 70px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-70-desktop {
    margin-right: 70px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-70-desktop {
    padding-right: 70px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-70-big-desktop {
    padding-right: 70px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-70-mobile {
    margin-right: 70px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-70-mobile {
    padding-right: 70px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-70-tablet {
    margin-right: 70px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-70-tablet {
    padding-right: 70px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-70 {
    font-size: 70px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-70 {
    font-size: 70px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-70 {
    font-size: 70px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-70 {
    font-size: 70px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-70-all {
    margin-right: 70px !important;
  }
}
.margin-top-71 {
  margin-top: 71px !important;
}

.padding-top-71 {
  padding-top: 71px !important;
}

.font-size-71 {
  font-size: 71px !important;
}

.line-height-71 {
  line-height: 71px !important;
}

.width-710 {
  width: 710% !important;
}

.height-710 {
  height: 710% !important;
}

.border-radius-71 {
  border-radius: 71px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-71-desktop {
    margin-top: 71px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-71-desktop {
    padding-top: 71px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-71-big-desktop {
    padding-top: 71px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-71-mobile {
    margin-top: 71px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-71-mobile {
    padding-top: 71px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-71-tablet {
    margin-top: 71px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-71-tablet {
    padding-top: 71px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-71 {
    font-size: 71px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-71 {
    font-size: 71px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-71 {
    font-size: 71px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-71 {
    font-size: 71px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-71-all {
    margin-top: 71px !important;
  }
}
.margin-bottom-71 {
  margin-bottom: 71px !important;
}

.padding-bottom-71 {
  padding-bottom: 71px !important;
}

.font-size-71 {
  font-size: 71px !important;
}

.line-height-71 {
  line-height: 71px !important;
}

.width-710 {
  width: 710% !important;
}

.height-710 {
  height: 710% !important;
}

.border-radius-71 {
  border-radius: 71px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-71-desktop {
    margin-bottom: 71px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-71-desktop {
    padding-bottom: 71px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-71-big-desktop {
    padding-bottom: 71px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-71-mobile {
    margin-bottom: 71px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-71-mobile {
    padding-bottom: 71px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-71-tablet {
    margin-bottom: 71px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-71-tablet {
    padding-bottom: 71px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-71 {
    font-size: 71px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-71 {
    font-size: 71px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-71 {
    font-size: 71px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-71 {
    font-size: 71px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-71-all {
    margin-bottom: 71px !important;
  }
}
.margin-left-71 {
  margin-left: 71px !important;
}

.padding-left-71 {
  padding-left: 71px !important;
}

.font-size-71 {
  font-size: 71px !important;
}

.line-height-71 {
  line-height: 71px !important;
}

.width-710 {
  width: 710% !important;
}

.height-710 {
  height: 710% !important;
}

.border-radius-71 {
  border-radius: 71px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-71-desktop {
    margin-left: 71px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-71-desktop {
    padding-left: 71px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-71-big-desktop {
    padding-left: 71px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-71-mobile {
    margin-left: 71px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-71-mobile {
    padding-left: 71px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-71-tablet {
    margin-left: 71px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-71-tablet {
    padding-left: 71px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-71 {
    font-size: 71px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-71 {
    font-size: 71px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-71 {
    font-size: 71px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-71 {
    font-size: 71px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-71-all {
    margin-left: 71px !important;
  }
}
.margin-right-71 {
  margin-right: 71px !important;
}

.padding-right-71 {
  padding-right: 71px !important;
}

.font-size-71 {
  font-size: 71px !important;
}

.line-height-71 {
  line-height: 71px !important;
}

.width-710 {
  width: 710% !important;
}

.height-710 {
  height: 710% !important;
}

.border-radius-71 {
  border-radius: 71px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-71-desktop {
    margin-right: 71px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-71-desktop {
    padding-right: 71px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-71-big-desktop {
    padding-right: 71px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-71-mobile {
    margin-right: 71px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-71-mobile {
    padding-right: 71px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-71-tablet {
    margin-right: 71px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-71-tablet {
    padding-right: 71px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-71 {
    font-size: 71px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-71 {
    font-size: 71px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-71 {
    font-size: 71px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-71 {
    font-size: 71px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-71-all {
    margin-right: 71px !important;
  }
}
.margin-top-72 {
  margin-top: 72px !important;
}

.padding-top-72 {
  padding-top: 72px !important;
}

.font-size-72 {
  font-size: 72px !important;
}

.line-height-72 {
  line-height: 72px !important;
}

.width-720 {
  width: 720% !important;
}

.height-720 {
  height: 720% !important;
}

.border-radius-72 {
  border-radius: 72px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-72-desktop {
    margin-top: 72px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-72-desktop {
    padding-top: 72px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-72-big-desktop {
    padding-top: 72px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-72-mobile {
    margin-top: 72px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-72-mobile {
    padding-top: 72px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-72-tablet {
    margin-top: 72px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-72-tablet {
    padding-top: 72px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-72 {
    font-size: 72px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-72 {
    font-size: 72px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-72 {
    font-size: 72px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-72 {
    font-size: 72px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-72-all {
    margin-top: 72px !important;
  }
}
.margin-bottom-72 {
  margin-bottom: 72px !important;
}

.padding-bottom-72 {
  padding-bottom: 72px !important;
}

.font-size-72 {
  font-size: 72px !important;
}

.line-height-72 {
  line-height: 72px !important;
}

.width-720 {
  width: 720% !important;
}

.height-720 {
  height: 720% !important;
}

.border-radius-72 {
  border-radius: 72px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-72-desktop {
    margin-bottom: 72px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-72-desktop {
    padding-bottom: 72px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-72-big-desktop {
    padding-bottom: 72px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-72-mobile {
    margin-bottom: 72px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-72-mobile {
    padding-bottom: 72px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-72-tablet {
    margin-bottom: 72px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-72-tablet {
    padding-bottom: 72px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-72 {
    font-size: 72px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-72 {
    font-size: 72px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-72 {
    font-size: 72px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-72 {
    font-size: 72px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-72-all {
    margin-bottom: 72px !important;
  }
}
.margin-left-72 {
  margin-left: 72px !important;
}

.padding-left-72 {
  padding-left: 72px !important;
}

.font-size-72 {
  font-size: 72px !important;
}

.line-height-72 {
  line-height: 72px !important;
}

.width-720 {
  width: 720% !important;
}

.height-720 {
  height: 720% !important;
}

.border-radius-72 {
  border-radius: 72px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-72-desktop {
    margin-left: 72px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-72-desktop {
    padding-left: 72px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-72-big-desktop {
    padding-left: 72px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-72-mobile {
    margin-left: 72px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-72-mobile {
    padding-left: 72px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-72-tablet {
    margin-left: 72px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-72-tablet {
    padding-left: 72px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-72 {
    font-size: 72px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-72 {
    font-size: 72px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-72 {
    font-size: 72px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-72 {
    font-size: 72px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-72-all {
    margin-left: 72px !important;
  }
}
.margin-right-72 {
  margin-right: 72px !important;
}

.padding-right-72 {
  padding-right: 72px !important;
}

.font-size-72 {
  font-size: 72px !important;
}

.line-height-72 {
  line-height: 72px !important;
}

.width-720 {
  width: 720% !important;
}

.height-720 {
  height: 720% !important;
}

.border-radius-72 {
  border-radius: 72px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-72-desktop {
    margin-right: 72px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-72-desktop {
    padding-right: 72px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-72-big-desktop {
    padding-right: 72px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-72-mobile {
    margin-right: 72px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-72-mobile {
    padding-right: 72px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-72-tablet {
    margin-right: 72px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-72-tablet {
    padding-right: 72px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-72 {
    font-size: 72px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-72 {
    font-size: 72px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-72 {
    font-size: 72px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-72 {
    font-size: 72px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-72-all {
    margin-right: 72px !important;
  }
}
.margin-top-73 {
  margin-top: 73px !important;
}

.padding-top-73 {
  padding-top: 73px !important;
}

.font-size-73 {
  font-size: 73px !important;
}

.line-height-73 {
  line-height: 73px !important;
}

.width-730 {
  width: 730% !important;
}

.height-730 {
  height: 730% !important;
}

.border-radius-73 {
  border-radius: 73px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-73-desktop {
    margin-top: 73px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-73-desktop {
    padding-top: 73px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-73-big-desktop {
    padding-top: 73px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-73-mobile {
    margin-top: 73px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-73-mobile {
    padding-top: 73px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-73-tablet {
    margin-top: 73px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-73-tablet {
    padding-top: 73px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-73 {
    font-size: 73px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-73 {
    font-size: 73px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-73 {
    font-size: 73px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-73 {
    font-size: 73px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-73-all {
    margin-top: 73px !important;
  }
}
.margin-bottom-73 {
  margin-bottom: 73px !important;
}

.padding-bottom-73 {
  padding-bottom: 73px !important;
}

.font-size-73 {
  font-size: 73px !important;
}

.line-height-73 {
  line-height: 73px !important;
}

.width-730 {
  width: 730% !important;
}

.height-730 {
  height: 730% !important;
}

.border-radius-73 {
  border-radius: 73px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-73-desktop {
    margin-bottom: 73px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-73-desktop {
    padding-bottom: 73px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-73-big-desktop {
    padding-bottom: 73px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-73-mobile {
    margin-bottom: 73px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-73-mobile {
    padding-bottom: 73px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-73-tablet {
    margin-bottom: 73px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-73-tablet {
    padding-bottom: 73px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-73 {
    font-size: 73px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-73 {
    font-size: 73px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-73 {
    font-size: 73px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-73 {
    font-size: 73px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-73-all {
    margin-bottom: 73px !important;
  }
}
.margin-left-73 {
  margin-left: 73px !important;
}

.padding-left-73 {
  padding-left: 73px !important;
}

.font-size-73 {
  font-size: 73px !important;
}

.line-height-73 {
  line-height: 73px !important;
}

.width-730 {
  width: 730% !important;
}

.height-730 {
  height: 730% !important;
}

.border-radius-73 {
  border-radius: 73px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-73-desktop {
    margin-left: 73px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-73-desktop {
    padding-left: 73px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-73-big-desktop {
    padding-left: 73px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-73-mobile {
    margin-left: 73px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-73-mobile {
    padding-left: 73px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-73-tablet {
    margin-left: 73px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-73-tablet {
    padding-left: 73px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-73 {
    font-size: 73px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-73 {
    font-size: 73px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-73 {
    font-size: 73px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-73 {
    font-size: 73px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-73-all {
    margin-left: 73px !important;
  }
}
.margin-right-73 {
  margin-right: 73px !important;
}

.padding-right-73 {
  padding-right: 73px !important;
}

.font-size-73 {
  font-size: 73px !important;
}

.line-height-73 {
  line-height: 73px !important;
}

.width-730 {
  width: 730% !important;
}

.height-730 {
  height: 730% !important;
}

.border-radius-73 {
  border-radius: 73px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-73-desktop {
    margin-right: 73px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-73-desktop {
    padding-right: 73px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-73-big-desktop {
    padding-right: 73px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-73-mobile {
    margin-right: 73px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-73-mobile {
    padding-right: 73px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-73-tablet {
    margin-right: 73px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-73-tablet {
    padding-right: 73px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-73 {
    font-size: 73px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-73 {
    font-size: 73px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-73 {
    font-size: 73px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-73 {
    font-size: 73px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-73-all {
    margin-right: 73px !important;
  }
}
.margin-top-74 {
  margin-top: 74px !important;
}

.padding-top-74 {
  padding-top: 74px !important;
}

.font-size-74 {
  font-size: 74px !important;
}

.line-height-74 {
  line-height: 74px !important;
}

.width-740 {
  width: 740% !important;
}

.height-740 {
  height: 740% !important;
}

.border-radius-74 {
  border-radius: 74px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-74-desktop {
    margin-top: 74px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-74-desktop {
    padding-top: 74px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-74-big-desktop {
    padding-top: 74px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-74-mobile {
    margin-top: 74px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-74-mobile {
    padding-top: 74px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-74-tablet {
    margin-top: 74px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-74-tablet {
    padding-top: 74px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-74 {
    font-size: 74px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-74 {
    font-size: 74px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-74 {
    font-size: 74px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-74 {
    font-size: 74px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-74-all {
    margin-top: 74px !important;
  }
}
.margin-bottom-74 {
  margin-bottom: 74px !important;
}

.padding-bottom-74 {
  padding-bottom: 74px !important;
}

.font-size-74 {
  font-size: 74px !important;
}

.line-height-74 {
  line-height: 74px !important;
}

.width-740 {
  width: 740% !important;
}

.height-740 {
  height: 740% !important;
}

.border-radius-74 {
  border-radius: 74px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-74-desktop {
    margin-bottom: 74px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-74-desktop {
    padding-bottom: 74px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-74-big-desktop {
    padding-bottom: 74px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-74-mobile {
    margin-bottom: 74px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-74-mobile {
    padding-bottom: 74px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-74-tablet {
    margin-bottom: 74px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-74-tablet {
    padding-bottom: 74px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-74 {
    font-size: 74px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-74 {
    font-size: 74px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-74 {
    font-size: 74px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-74 {
    font-size: 74px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-74-all {
    margin-bottom: 74px !important;
  }
}
.margin-left-74 {
  margin-left: 74px !important;
}

.padding-left-74 {
  padding-left: 74px !important;
}

.font-size-74 {
  font-size: 74px !important;
}

.line-height-74 {
  line-height: 74px !important;
}

.width-740 {
  width: 740% !important;
}

.height-740 {
  height: 740% !important;
}

.border-radius-74 {
  border-radius: 74px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-74-desktop {
    margin-left: 74px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-74-desktop {
    padding-left: 74px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-74-big-desktop {
    padding-left: 74px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-74-mobile {
    margin-left: 74px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-74-mobile {
    padding-left: 74px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-74-tablet {
    margin-left: 74px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-74-tablet {
    padding-left: 74px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-74 {
    font-size: 74px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-74 {
    font-size: 74px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-74 {
    font-size: 74px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-74 {
    font-size: 74px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-74-all {
    margin-left: 74px !important;
  }
}
.margin-right-74 {
  margin-right: 74px !important;
}

.padding-right-74 {
  padding-right: 74px !important;
}

.font-size-74 {
  font-size: 74px !important;
}

.line-height-74 {
  line-height: 74px !important;
}

.width-740 {
  width: 740% !important;
}

.height-740 {
  height: 740% !important;
}

.border-radius-74 {
  border-radius: 74px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-74-desktop {
    margin-right: 74px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-74-desktop {
    padding-right: 74px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-74-big-desktop {
    padding-right: 74px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-74-mobile {
    margin-right: 74px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-74-mobile {
    padding-right: 74px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-74-tablet {
    margin-right: 74px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-74-tablet {
    padding-right: 74px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-74 {
    font-size: 74px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-74 {
    font-size: 74px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-74 {
    font-size: 74px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-74 {
    font-size: 74px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-74-all {
    margin-right: 74px !important;
  }
}
.margin-top-75 {
  margin-top: 75px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.font-size-75 {
  font-size: 75px !important;
}

.line-height-75 {
  line-height: 75px !important;
}

.width-750 {
  width: 750% !important;
}

.height-750 {
  height: 750% !important;
}

.border-radius-75 {
  border-radius: 75px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-75-desktop {
    margin-top: 75px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-75-desktop {
    padding-top: 75px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-75-big-desktop {
    padding-top: 75px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-75-mobile {
    margin-top: 75px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-75-mobile {
    padding-top: 75px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-75-tablet {
    margin-top: 75px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-75-tablet {
    padding-top: 75px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-75 {
    font-size: 75px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-75 {
    font-size: 75px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-75 {
    font-size: 75px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-75 {
    font-size: 75px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-75-all {
    margin-top: 75px !important;
  }
}
.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.font-size-75 {
  font-size: 75px !important;
}

.line-height-75 {
  line-height: 75px !important;
}

.width-750 {
  width: 750% !important;
}

.height-750 {
  height: 750% !important;
}

.border-radius-75 {
  border-radius: 75px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-75-desktop {
    margin-bottom: 75px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-75-desktop {
    padding-bottom: 75px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-75-big-desktop {
    padding-bottom: 75px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-75-mobile {
    margin-bottom: 75px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-75-mobile {
    padding-bottom: 75px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-75-tablet {
    margin-bottom: 75px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-75-tablet {
    padding-bottom: 75px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-75 {
    font-size: 75px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-75 {
    font-size: 75px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-75 {
    font-size: 75px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-75 {
    font-size: 75px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-75-all {
    margin-bottom: 75px !important;
  }
}
.margin-left-75 {
  margin-left: 75px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.font-size-75 {
  font-size: 75px !important;
}

.line-height-75 {
  line-height: 75px !important;
}

.width-750 {
  width: 750% !important;
}

.height-750 {
  height: 750% !important;
}

.border-radius-75 {
  border-radius: 75px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-75-desktop {
    margin-left: 75px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-75-desktop {
    padding-left: 75px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-75-big-desktop {
    padding-left: 75px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-75-mobile {
    margin-left: 75px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-75-mobile {
    padding-left: 75px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-75-tablet {
    margin-left: 75px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-75-tablet {
    padding-left: 75px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-75 {
    font-size: 75px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-75 {
    font-size: 75px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-75 {
    font-size: 75px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-75 {
    font-size: 75px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-75-all {
    margin-left: 75px !important;
  }
}
.margin-right-75 {
  margin-right: 75px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.font-size-75 {
  font-size: 75px !important;
}

.line-height-75 {
  line-height: 75px !important;
}

.width-750 {
  width: 750% !important;
}

.height-750 {
  height: 750% !important;
}

.border-radius-75 {
  border-radius: 75px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-75-desktop {
    margin-right: 75px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-75-desktop {
    padding-right: 75px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-75-big-desktop {
    padding-right: 75px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-75-mobile {
    margin-right: 75px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-75-mobile {
    padding-right: 75px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-75-tablet {
    margin-right: 75px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-75-tablet {
    padding-right: 75px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-75 {
    font-size: 75px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-75 {
    font-size: 75px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-75 {
    font-size: 75px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-75 {
    font-size: 75px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-75-all {
    margin-right: 75px !important;
  }
}
.margin-top-76 {
  margin-top: 76px !important;
}

.padding-top-76 {
  padding-top: 76px !important;
}

.font-size-76 {
  font-size: 76px !important;
}

.line-height-76 {
  line-height: 76px !important;
}

.width-760 {
  width: 760% !important;
}

.height-760 {
  height: 760% !important;
}

.border-radius-76 {
  border-radius: 76px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-76-desktop {
    margin-top: 76px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-76-desktop {
    padding-top: 76px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-76-big-desktop {
    padding-top: 76px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-76-mobile {
    margin-top: 76px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-76-mobile {
    padding-top: 76px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-76-tablet {
    margin-top: 76px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-76-tablet {
    padding-top: 76px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-76 {
    font-size: 76px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-76 {
    font-size: 76px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-76 {
    font-size: 76px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-76 {
    font-size: 76px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-76-all {
    margin-top: 76px !important;
  }
}
.margin-bottom-76 {
  margin-bottom: 76px !important;
}

.padding-bottom-76 {
  padding-bottom: 76px !important;
}

.font-size-76 {
  font-size: 76px !important;
}

.line-height-76 {
  line-height: 76px !important;
}

.width-760 {
  width: 760% !important;
}

.height-760 {
  height: 760% !important;
}

.border-radius-76 {
  border-radius: 76px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-76-desktop {
    margin-bottom: 76px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-76-desktop {
    padding-bottom: 76px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-76-big-desktop {
    padding-bottom: 76px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-76-mobile {
    margin-bottom: 76px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-76-mobile {
    padding-bottom: 76px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-76-tablet {
    margin-bottom: 76px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-76-tablet {
    padding-bottom: 76px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-76 {
    font-size: 76px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-76 {
    font-size: 76px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-76 {
    font-size: 76px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-76 {
    font-size: 76px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-76-all {
    margin-bottom: 76px !important;
  }
}
.margin-left-76 {
  margin-left: 76px !important;
}

.padding-left-76 {
  padding-left: 76px !important;
}

.font-size-76 {
  font-size: 76px !important;
}

.line-height-76 {
  line-height: 76px !important;
}

.width-760 {
  width: 760% !important;
}

.height-760 {
  height: 760% !important;
}

.border-radius-76 {
  border-radius: 76px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-76-desktop {
    margin-left: 76px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-76-desktop {
    padding-left: 76px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-76-big-desktop {
    padding-left: 76px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-76-mobile {
    margin-left: 76px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-76-mobile {
    padding-left: 76px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-76-tablet {
    margin-left: 76px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-76-tablet {
    padding-left: 76px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-76 {
    font-size: 76px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-76 {
    font-size: 76px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-76 {
    font-size: 76px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-76 {
    font-size: 76px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-76-all {
    margin-left: 76px !important;
  }
}
.margin-right-76 {
  margin-right: 76px !important;
}

.padding-right-76 {
  padding-right: 76px !important;
}

.font-size-76 {
  font-size: 76px !important;
}

.line-height-76 {
  line-height: 76px !important;
}

.width-760 {
  width: 760% !important;
}

.height-760 {
  height: 760% !important;
}

.border-radius-76 {
  border-radius: 76px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-76-desktop {
    margin-right: 76px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-76-desktop {
    padding-right: 76px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-76-big-desktop {
    padding-right: 76px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-76-mobile {
    margin-right: 76px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-76-mobile {
    padding-right: 76px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-76-tablet {
    margin-right: 76px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-76-tablet {
    padding-right: 76px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-76 {
    font-size: 76px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-76 {
    font-size: 76px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-76 {
    font-size: 76px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-76 {
    font-size: 76px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-76-all {
    margin-right: 76px !important;
  }
}
.margin-top-77 {
  margin-top: 77px !important;
}

.padding-top-77 {
  padding-top: 77px !important;
}

.font-size-77 {
  font-size: 77px !important;
}

.line-height-77 {
  line-height: 77px !important;
}

.width-770 {
  width: 770% !important;
}

.height-770 {
  height: 770% !important;
}

.border-radius-77 {
  border-radius: 77px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-77-desktop {
    margin-top: 77px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-77-desktop {
    padding-top: 77px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-77-big-desktop {
    padding-top: 77px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-77-mobile {
    margin-top: 77px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-77-mobile {
    padding-top: 77px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-77-tablet {
    margin-top: 77px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-77-tablet {
    padding-top: 77px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-77 {
    font-size: 77px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-77 {
    font-size: 77px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-77 {
    font-size: 77px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-77 {
    font-size: 77px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-77-all {
    margin-top: 77px !important;
  }
}
.margin-bottom-77 {
  margin-bottom: 77px !important;
}

.padding-bottom-77 {
  padding-bottom: 77px !important;
}

.font-size-77 {
  font-size: 77px !important;
}

.line-height-77 {
  line-height: 77px !important;
}

.width-770 {
  width: 770% !important;
}

.height-770 {
  height: 770% !important;
}

.border-radius-77 {
  border-radius: 77px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-77-desktop {
    margin-bottom: 77px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-77-desktop {
    padding-bottom: 77px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-77-big-desktop {
    padding-bottom: 77px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-77-mobile {
    margin-bottom: 77px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-77-mobile {
    padding-bottom: 77px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-77-tablet {
    margin-bottom: 77px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-77-tablet {
    padding-bottom: 77px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-77 {
    font-size: 77px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-77 {
    font-size: 77px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-77 {
    font-size: 77px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-77 {
    font-size: 77px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-77-all {
    margin-bottom: 77px !important;
  }
}
.margin-left-77 {
  margin-left: 77px !important;
}

.padding-left-77 {
  padding-left: 77px !important;
}

.font-size-77 {
  font-size: 77px !important;
}

.line-height-77 {
  line-height: 77px !important;
}

.width-770 {
  width: 770% !important;
}

.height-770 {
  height: 770% !important;
}

.border-radius-77 {
  border-radius: 77px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-77-desktop {
    margin-left: 77px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-77-desktop {
    padding-left: 77px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-77-big-desktop {
    padding-left: 77px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-77-mobile {
    margin-left: 77px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-77-mobile {
    padding-left: 77px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-77-tablet {
    margin-left: 77px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-77-tablet {
    padding-left: 77px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-77 {
    font-size: 77px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-77 {
    font-size: 77px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-77 {
    font-size: 77px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-77 {
    font-size: 77px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-77-all {
    margin-left: 77px !important;
  }
}
.margin-right-77 {
  margin-right: 77px !important;
}

.padding-right-77 {
  padding-right: 77px !important;
}

.font-size-77 {
  font-size: 77px !important;
}

.line-height-77 {
  line-height: 77px !important;
}

.width-770 {
  width: 770% !important;
}

.height-770 {
  height: 770% !important;
}

.border-radius-77 {
  border-radius: 77px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-77-desktop {
    margin-right: 77px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-77-desktop {
    padding-right: 77px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-77-big-desktop {
    padding-right: 77px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-77-mobile {
    margin-right: 77px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-77-mobile {
    padding-right: 77px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-77-tablet {
    margin-right: 77px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-77-tablet {
    padding-right: 77px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-77 {
    font-size: 77px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-77 {
    font-size: 77px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-77 {
    font-size: 77px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-77 {
    font-size: 77px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-77-all {
    margin-right: 77px !important;
  }
}
.margin-top-78 {
  margin-top: 78px !important;
}

.padding-top-78 {
  padding-top: 78px !important;
}

.font-size-78 {
  font-size: 78px !important;
}

.line-height-78 {
  line-height: 78px !important;
}

.width-780 {
  width: 780% !important;
}

.height-780 {
  height: 780% !important;
}

.border-radius-78 {
  border-radius: 78px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-78-desktop {
    margin-top: 78px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-78-desktop {
    padding-top: 78px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-78-big-desktop {
    padding-top: 78px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-78-mobile {
    margin-top: 78px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-78-mobile {
    padding-top: 78px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-78-tablet {
    margin-top: 78px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-78-tablet {
    padding-top: 78px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-78 {
    font-size: 78px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-78 {
    font-size: 78px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-78 {
    font-size: 78px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-78 {
    font-size: 78px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-78-all {
    margin-top: 78px !important;
  }
}
.margin-bottom-78 {
  margin-bottom: 78px !important;
}

.padding-bottom-78 {
  padding-bottom: 78px !important;
}

.font-size-78 {
  font-size: 78px !important;
}

.line-height-78 {
  line-height: 78px !important;
}

.width-780 {
  width: 780% !important;
}

.height-780 {
  height: 780% !important;
}

.border-radius-78 {
  border-radius: 78px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-78-desktop {
    margin-bottom: 78px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-78-desktop {
    padding-bottom: 78px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-78-big-desktop {
    padding-bottom: 78px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-78-mobile {
    margin-bottom: 78px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-78-mobile {
    padding-bottom: 78px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-78-tablet {
    margin-bottom: 78px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-78-tablet {
    padding-bottom: 78px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-78 {
    font-size: 78px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-78 {
    font-size: 78px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-78 {
    font-size: 78px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-78 {
    font-size: 78px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-78-all {
    margin-bottom: 78px !important;
  }
}
.margin-left-78 {
  margin-left: 78px !important;
}

.padding-left-78 {
  padding-left: 78px !important;
}

.font-size-78 {
  font-size: 78px !important;
}

.line-height-78 {
  line-height: 78px !important;
}

.width-780 {
  width: 780% !important;
}

.height-780 {
  height: 780% !important;
}

.border-radius-78 {
  border-radius: 78px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-78-desktop {
    margin-left: 78px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-78-desktop {
    padding-left: 78px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-78-big-desktop {
    padding-left: 78px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-78-mobile {
    margin-left: 78px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-78-mobile {
    padding-left: 78px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-78-tablet {
    margin-left: 78px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-78-tablet {
    padding-left: 78px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-78 {
    font-size: 78px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-78 {
    font-size: 78px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-78 {
    font-size: 78px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-78 {
    font-size: 78px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-78-all {
    margin-left: 78px !important;
  }
}
.margin-right-78 {
  margin-right: 78px !important;
}

.padding-right-78 {
  padding-right: 78px !important;
}

.font-size-78 {
  font-size: 78px !important;
}

.line-height-78 {
  line-height: 78px !important;
}

.width-780 {
  width: 780% !important;
}

.height-780 {
  height: 780% !important;
}

.border-radius-78 {
  border-radius: 78px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-78-desktop {
    margin-right: 78px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-78-desktop {
    padding-right: 78px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-78-big-desktop {
    padding-right: 78px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-78-mobile {
    margin-right: 78px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-78-mobile {
    padding-right: 78px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-78-tablet {
    margin-right: 78px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-78-tablet {
    padding-right: 78px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-78 {
    font-size: 78px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-78 {
    font-size: 78px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-78 {
    font-size: 78px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-78 {
    font-size: 78px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-78-all {
    margin-right: 78px !important;
  }
}
.margin-top-79 {
  margin-top: 79px !important;
}

.padding-top-79 {
  padding-top: 79px !important;
}

.font-size-79 {
  font-size: 79px !important;
}

.line-height-79 {
  line-height: 79px !important;
}

.width-790 {
  width: 790% !important;
}

.height-790 {
  height: 790% !important;
}

.border-radius-79 {
  border-radius: 79px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-79-desktop {
    margin-top: 79px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-79-desktop {
    padding-top: 79px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-79-big-desktop {
    padding-top: 79px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-79-mobile {
    margin-top: 79px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-79-mobile {
    padding-top: 79px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-79-tablet {
    margin-top: 79px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-79-tablet {
    padding-top: 79px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-79 {
    font-size: 79px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-79 {
    font-size: 79px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-79 {
    font-size: 79px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-79 {
    font-size: 79px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-79-all {
    margin-top: 79px !important;
  }
}
.margin-bottom-79 {
  margin-bottom: 79px !important;
}

.padding-bottom-79 {
  padding-bottom: 79px !important;
}

.font-size-79 {
  font-size: 79px !important;
}

.line-height-79 {
  line-height: 79px !important;
}

.width-790 {
  width: 790% !important;
}

.height-790 {
  height: 790% !important;
}

.border-radius-79 {
  border-radius: 79px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-79-desktop {
    margin-bottom: 79px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-79-desktop {
    padding-bottom: 79px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-79-big-desktop {
    padding-bottom: 79px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-79-mobile {
    margin-bottom: 79px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-79-mobile {
    padding-bottom: 79px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-79-tablet {
    margin-bottom: 79px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-79-tablet {
    padding-bottom: 79px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-79 {
    font-size: 79px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-79 {
    font-size: 79px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-79 {
    font-size: 79px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-79 {
    font-size: 79px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-79-all {
    margin-bottom: 79px !important;
  }
}
.margin-left-79 {
  margin-left: 79px !important;
}

.padding-left-79 {
  padding-left: 79px !important;
}

.font-size-79 {
  font-size: 79px !important;
}

.line-height-79 {
  line-height: 79px !important;
}

.width-790 {
  width: 790% !important;
}

.height-790 {
  height: 790% !important;
}

.border-radius-79 {
  border-radius: 79px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-79-desktop {
    margin-left: 79px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-79-desktop {
    padding-left: 79px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-79-big-desktop {
    padding-left: 79px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-79-mobile {
    margin-left: 79px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-79-mobile {
    padding-left: 79px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-79-tablet {
    margin-left: 79px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-79-tablet {
    padding-left: 79px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-79 {
    font-size: 79px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-79 {
    font-size: 79px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-79 {
    font-size: 79px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-79 {
    font-size: 79px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-79-all {
    margin-left: 79px !important;
  }
}
.margin-right-79 {
  margin-right: 79px !important;
}

.padding-right-79 {
  padding-right: 79px !important;
}

.font-size-79 {
  font-size: 79px !important;
}

.line-height-79 {
  line-height: 79px !important;
}

.width-790 {
  width: 790% !important;
}

.height-790 {
  height: 790% !important;
}

.border-radius-79 {
  border-radius: 79px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-79-desktop {
    margin-right: 79px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-79-desktop {
    padding-right: 79px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-79-big-desktop {
    padding-right: 79px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-79-mobile {
    margin-right: 79px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-79-mobile {
    padding-right: 79px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-79-tablet {
    margin-right: 79px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-79-tablet {
    padding-right: 79px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-79 {
    font-size: 79px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-79 {
    font-size: 79px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-79 {
    font-size: 79px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-79 {
    font-size: 79px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-79-all {
    margin-right: 79px !important;
  }
}
.margin-top-80 {
  margin-top: 80px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.font-size-80 {
  font-size: 80px !important;
}

.line-height-80 {
  line-height: 80px !important;
}

.width-800 {
  width: 800% !important;
}

.height-800 {
  height: 800% !important;
}

.border-radius-80 {
  border-radius: 80px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-80-desktop {
    margin-top: 80px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-80-desktop {
    padding-top: 80px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-80-big-desktop {
    padding-top: 80px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-80-mobile {
    margin-top: 80px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-80-mobile {
    padding-top: 80px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-80-tablet {
    margin-top: 80px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-80-tablet {
    padding-top: 80px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-80 {
    font-size: 80px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-80 {
    font-size: 80px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-80 {
    font-size: 80px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-80 {
    font-size: 80px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-80-all {
    margin-top: 80px !important;
  }
}
.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.font-size-80 {
  font-size: 80px !important;
}

.line-height-80 {
  line-height: 80px !important;
}

.width-800 {
  width: 800% !important;
}

.height-800 {
  height: 800% !important;
}

.border-radius-80 {
  border-radius: 80px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-80-desktop {
    margin-bottom: 80px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-80-desktop {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-80-big-desktop {
    padding-bottom: 80px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-80-mobile {
    margin-bottom: 80px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-80-mobile {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-80-tablet {
    margin-bottom: 80px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-80-tablet {
    padding-bottom: 80px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-80 {
    font-size: 80px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-80 {
    font-size: 80px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-80 {
    font-size: 80px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-80 {
    font-size: 80px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-80-all {
    margin-bottom: 80px !important;
  }
}
.margin-left-80 {
  margin-left: 80px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.font-size-80 {
  font-size: 80px !important;
}

.line-height-80 {
  line-height: 80px !important;
}

.width-800 {
  width: 800% !important;
}

.height-800 {
  height: 800% !important;
}

.border-radius-80 {
  border-radius: 80px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-80-desktop {
    margin-left: 80px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-80-desktop {
    padding-left: 80px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-80-big-desktop {
    padding-left: 80px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-80-mobile {
    margin-left: 80px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-80-mobile {
    padding-left: 80px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-80-tablet {
    margin-left: 80px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-80-tablet {
    padding-left: 80px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-80 {
    font-size: 80px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-80 {
    font-size: 80px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-80 {
    font-size: 80px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-80 {
    font-size: 80px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-80-all {
    margin-left: 80px !important;
  }
}
.margin-right-80 {
  margin-right: 80px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.font-size-80 {
  font-size: 80px !important;
}

.line-height-80 {
  line-height: 80px !important;
}

.width-800 {
  width: 800% !important;
}

.height-800 {
  height: 800% !important;
}

.border-radius-80 {
  border-radius: 80px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-80-desktop {
    margin-right: 80px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-80-desktop {
    padding-right: 80px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-80-big-desktop {
    padding-right: 80px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-80-mobile {
    margin-right: 80px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-80-mobile {
    padding-right: 80px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-80-tablet {
    margin-right: 80px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-80-tablet {
    padding-right: 80px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-80 {
    font-size: 80px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-80 {
    font-size: 80px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-80 {
    font-size: 80px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-80 {
    font-size: 80px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-80-all {
    margin-right: 80px !important;
  }
}
.margin-top-81 {
  margin-top: 81px !important;
}

.padding-top-81 {
  padding-top: 81px !important;
}

.font-size-81 {
  font-size: 81px !important;
}

.line-height-81 {
  line-height: 81px !important;
}

.width-810 {
  width: 810% !important;
}

.height-810 {
  height: 810% !important;
}

.border-radius-81 {
  border-radius: 81px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-81-desktop {
    margin-top: 81px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-81-desktop {
    padding-top: 81px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-81-big-desktop {
    padding-top: 81px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-81-mobile {
    margin-top: 81px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-81-mobile {
    padding-top: 81px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-81-tablet {
    margin-top: 81px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-81-tablet {
    padding-top: 81px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-81 {
    font-size: 81px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-81 {
    font-size: 81px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-81 {
    font-size: 81px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-81 {
    font-size: 81px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-81-all {
    margin-top: 81px !important;
  }
}
.margin-bottom-81 {
  margin-bottom: 81px !important;
}

.padding-bottom-81 {
  padding-bottom: 81px !important;
}

.font-size-81 {
  font-size: 81px !important;
}

.line-height-81 {
  line-height: 81px !important;
}

.width-810 {
  width: 810% !important;
}

.height-810 {
  height: 810% !important;
}

.border-radius-81 {
  border-radius: 81px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-81-desktop {
    margin-bottom: 81px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-81-desktop {
    padding-bottom: 81px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-81-big-desktop {
    padding-bottom: 81px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-81-mobile {
    margin-bottom: 81px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-81-mobile {
    padding-bottom: 81px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-81-tablet {
    margin-bottom: 81px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-81-tablet {
    padding-bottom: 81px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-81 {
    font-size: 81px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-81 {
    font-size: 81px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-81 {
    font-size: 81px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-81 {
    font-size: 81px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-81-all {
    margin-bottom: 81px !important;
  }
}
.margin-left-81 {
  margin-left: 81px !important;
}

.padding-left-81 {
  padding-left: 81px !important;
}

.font-size-81 {
  font-size: 81px !important;
}

.line-height-81 {
  line-height: 81px !important;
}

.width-810 {
  width: 810% !important;
}

.height-810 {
  height: 810% !important;
}

.border-radius-81 {
  border-radius: 81px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-81-desktop {
    margin-left: 81px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-81-desktop {
    padding-left: 81px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-81-big-desktop {
    padding-left: 81px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-81-mobile {
    margin-left: 81px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-81-mobile {
    padding-left: 81px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-81-tablet {
    margin-left: 81px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-81-tablet {
    padding-left: 81px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-81 {
    font-size: 81px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-81 {
    font-size: 81px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-81 {
    font-size: 81px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-81 {
    font-size: 81px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-81-all {
    margin-left: 81px !important;
  }
}
.margin-right-81 {
  margin-right: 81px !important;
}

.padding-right-81 {
  padding-right: 81px !important;
}

.font-size-81 {
  font-size: 81px !important;
}

.line-height-81 {
  line-height: 81px !important;
}

.width-810 {
  width: 810% !important;
}

.height-810 {
  height: 810% !important;
}

.border-radius-81 {
  border-radius: 81px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-81-desktop {
    margin-right: 81px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-81-desktop {
    padding-right: 81px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-81-big-desktop {
    padding-right: 81px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-81-mobile {
    margin-right: 81px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-81-mobile {
    padding-right: 81px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-81-tablet {
    margin-right: 81px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-81-tablet {
    padding-right: 81px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-81 {
    font-size: 81px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-81 {
    font-size: 81px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-81 {
    font-size: 81px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-81 {
    font-size: 81px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-81-all {
    margin-right: 81px !important;
  }
}
.margin-top-82 {
  margin-top: 82px !important;
}

.padding-top-82 {
  padding-top: 82px !important;
}

.font-size-82 {
  font-size: 82px !important;
}

.line-height-82 {
  line-height: 82px !important;
}

.width-820 {
  width: 820% !important;
}

.height-820 {
  height: 820% !important;
}

.border-radius-82 {
  border-radius: 82px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-82-desktop {
    margin-top: 82px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-82-desktop {
    padding-top: 82px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-82-big-desktop {
    padding-top: 82px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-82-mobile {
    margin-top: 82px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-82-mobile {
    padding-top: 82px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-82-tablet {
    margin-top: 82px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-82-tablet {
    padding-top: 82px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-82 {
    font-size: 82px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-82 {
    font-size: 82px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-82 {
    font-size: 82px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-82 {
    font-size: 82px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-82-all {
    margin-top: 82px !important;
  }
}
.margin-bottom-82 {
  margin-bottom: 82px !important;
}

.padding-bottom-82 {
  padding-bottom: 82px !important;
}

.font-size-82 {
  font-size: 82px !important;
}

.line-height-82 {
  line-height: 82px !important;
}

.width-820 {
  width: 820% !important;
}

.height-820 {
  height: 820% !important;
}

.border-radius-82 {
  border-radius: 82px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-82-desktop {
    margin-bottom: 82px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-82-desktop {
    padding-bottom: 82px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-82-big-desktop {
    padding-bottom: 82px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-82-mobile {
    margin-bottom: 82px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-82-mobile {
    padding-bottom: 82px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-82-tablet {
    margin-bottom: 82px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-82-tablet {
    padding-bottom: 82px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-82 {
    font-size: 82px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-82 {
    font-size: 82px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-82 {
    font-size: 82px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-82 {
    font-size: 82px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-82-all {
    margin-bottom: 82px !important;
  }
}
.margin-left-82 {
  margin-left: 82px !important;
}

.padding-left-82 {
  padding-left: 82px !important;
}

.font-size-82 {
  font-size: 82px !important;
}

.line-height-82 {
  line-height: 82px !important;
}

.width-820 {
  width: 820% !important;
}

.height-820 {
  height: 820% !important;
}

.border-radius-82 {
  border-radius: 82px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-82-desktop {
    margin-left: 82px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-82-desktop {
    padding-left: 82px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-82-big-desktop {
    padding-left: 82px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-82-mobile {
    margin-left: 82px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-82-mobile {
    padding-left: 82px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-82-tablet {
    margin-left: 82px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-82-tablet {
    padding-left: 82px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-82 {
    font-size: 82px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-82 {
    font-size: 82px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-82 {
    font-size: 82px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-82 {
    font-size: 82px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-82-all {
    margin-left: 82px !important;
  }
}
.margin-right-82 {
  margin-right: 82px !important;
}

.padding-right-82 {
  padding-right: 82px !important;
}

.font-size-82 {
  font-size: 82px !important;
}

.line-height-82 {
  line-height: 82px !important;
}

.width-820 {
  width: 820% !important;
}

.height-820 {
  height: 820% !important;
}

.border-radius-82 {
  border-radius: 82px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-82-desktop {
    margin-right: 82px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-82-desktop {
    padding-right: 82px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-82-big-desktop {
    padding-right: 82px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-82-mobile {
    margin-right: 82px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-82-mobile {
    padding-right: 82px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-82-tablet {
    margin-right: 82px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-82-tablet {
    padding-right: 82px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-82 {
    font-size: 82px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-82 {
    font-size: 82px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-82 {
    font-size: 82px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-82 {
    font-size: 82px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-82-all {
    margin-right: 82px !important;
  }
}
.margin-top-83 {
  margin-top: 83px !important;
}

.padding-top-83 {
  padding-top: 83px !important;
}

.font-size-83 {
  font-size: 83px !important;
}

.line-height-83 {
  line-height: 83px !important;
}

.width-830 {
  width: 830% !important;
}

.height-830 {
  height: 830% !important;
}

.border-radius-83 {
  border-radius: 83px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-83-desktop {
    margin-top: 83px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-83-desktop {
    padding-top: 83px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-83-big-desktop {
    padding-top: 83px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-83-mobile {
    margin-top: 83px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-83-mobile {
    padding-top: 83px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-83-tablet {
    margin-top: 83px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-83-tablet {
    padding-top: 83px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-83 {
    font-size: 83px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-83 {
    font-size: 83px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-83 {
    font-size: 83px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-83 {
    font-size: 83px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-83-all {
    margin-top: 83px !important;
  }
}
.margin-bottom-83 {
  margin-bottom: 83px !important;
}

.padding-bottom-83 {
  padding-bottom: 83px !important;
}

.font-size-83 {
  font-size: 83px !important;
}

.line-height-83 {
  line-height: 83px !important;
}

.width-830 {
  width: 830% !important;
}

.height-830 {
  height: 830% !important;
}

.border-radius-83 {
  border-radius: 83px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-83-desktop {
    margin-bottom: 83px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-83-desktop {
    padding-bottom: 83px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-83-big-desktop {
    padding-bottom: 83px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-83-mobile {
    margin-bottom: 83px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-83-mobile {
    padding-bottom: 83px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-83-tablet {
    margin-bottom: 83px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-83-tablet {
    padding-bottom: 83px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-83 {
    font-size: 83px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-83 {
    font-size: 83px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-83 {
    font-size: 83px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-83 {
    font-size: 83px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-83-all {
    margin-bottom: 83px !important;
  }
}
.margin-left-83 {
  margin-left: 83px !important;
}

.padding-left-83 {
  padding-left: 83px !important;
}

.font-size-83 {
  font-size: 83px !important;
}

.line-height-83 {
  line-height: 83px !important;
}

.width-830 {
  width: 830% !important;
}

.height-830 {
  height: 830% !important;
}

.border-radius-83 {
  border-radius: 83px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-83-desktop {
    margin-left: 83px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-83-desktop {
    padding-left: 83px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-83-big-desktop {
    padding-left: 83px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-83-mobile {
    margin-left: 83px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-83-mobile {
    padding-left: 83px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-83-tablet {
    margin-left: 83px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-83-tablet {
    padding-left: 83px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-83 {
    font-size: 83px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-83 {
    font-size: 83px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-83 {
    font-size: 83px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-83 {
    font-size: 83px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-83-all {
    margin-left: 83px !important;
  }
}
.margin-right-83 {
  margin-right: 83px !important;
}

.padding-right-83 {
  padding-right: 83px !important;
}

.font-size-83 {
  font-size: 83px !important;
}

.line-height-83 {
  line-height: 83px !important;
}

.width-830 {
  width: 830% !important;
}

.height-830 {
  height: 830% !important;
}

.border-radius-83 {
  border-radius: 83px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-83-desktop {
    margin-right: 83px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-83-desktop {
    padding-right: 83px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-83-big-desktop {
    padding-right: 83px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-83-mobile {
    margin-right: 83px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-83-mobile {
    padding-right: 83px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-83-tablet {
    margin-right: 83px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-83-tablet {
    padding-right: 83px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-83 {
    font-size: 83px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-83 {
    font-size: 83px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-83 {
    font-size: 83px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-83 {
    font-size: 83px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-83-all {
    margin-right: 83px !important;
  }
}
.margin-top-84 {
  margin-top: 84px !important;
}

.padding-top-84 {
  padding-top: 84px !important;
}

.font-size-84 {
  font-size: 84px !important;
}

.line-height-84 {
  line-height: 84px !important;
}

.width-840 {
  width: 840% !important;
}

.height-840 {
  height: 840% !important;
}

.border-radius-84 {
  border-radius: 84px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-84-desktop {
    margin-top: 84px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-84-desktop {
    padding-top: 84px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-84-big-desktop {
    padding-top: 84px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-84-mobile {
    margin-top: 84px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-84-mobile {
    padding-top: 84px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-84-tablet {
    margin-top: 84px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-84-tablet {
    padding-top: 84px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-84 {
    font-size: 84px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-84 {
    font-size: 84px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-84 {
    font-size: 84px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-84 {
    font-size: 84px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-84-all {
    margin-top: 84px !important;
  }
}
.margin-bottom-84 {
  margin-bottom: 84px !important;
}

.padding-bottom-84 {
  padding-bottom: 84px !important;
}

.font-size-84 {
  font-size: 84px !important;
}

.line-height-84 {
  line-height: 84px !important;
}

.width-840 {
  width: 840% !important;
}

.height-840 {
  height: 840% !important;
}

.border-radius-84 {
  border-radius: 84px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-84-desktop {
    margin-bottom: 84px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-84-desktop {
    padding-bottom: 84px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-84-big-desktop {
    padding-bottom: 84px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-84-mobile {
    margin-bottom: 84px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-84-mobile {
    padding-bottom: 84px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-84-tablet {
    margin-bottom: 84px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-84-tablet {
    padding-bottom: 84px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-84 {
    font-size: 84px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-84 {
    font-size: 84px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-84 {
    font-size: 84px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-84 {
    font-size: 84px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-84-all {
    margin-bottom: 84px !important;
  }
}
.margin-left-84 {
  margin-left: 84px !important;
}

.padding-left-84 {
  padding-left: 84px !important;
}

.font-size-84 {
  font-size: 84px !important;
}

.line-height-84 {
  line-height: 84px !important;
}

.width-840 {
  width: 840% !important;
}

.height-840 {
  height: 840% !important;
}

.border-radius-84 {
  border-radius: 84px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-84-desktop {
    margin-left: 84px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-84-desktop {
    padding-left: 84px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-84-big-desktop {
    padding-left: 84px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-84-mobile {
    margin-left: 84px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-84-mobile {
    padding-left: 84px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-84-tablet {
    margin-left: 84px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-84-tablet {
    padding-left: 84px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-84 {
    font-size: 84px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-84 {
    font-size: 84px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-84 {
    font-size: 84px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-84 {
    font-size: 84px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-84-all {
    margin-left: 84px !important;
  }
}
.margin-right-84 {
  margin-right: 84px !important;
}

.padding-right-84 {
  padding-right: 84px !important;
}

.font-size-84 {
  font-size: 84px !important;
}

.line-height-84 {
  line-height: 84px !important;
}

.width-840 {
  width: 840% !important;
}

.height-840 {
  height: 840% !important;
}

.border-radius-84 {
  border-radius: 84px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-84-desktop {
    margin-right: 84px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-84-desktop {
    padding-right: 84px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-84-big-desktop {
    padding-right: 84px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-84-mobile {
    margin-right: 84px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-84-mobile {
    padding-right: 84px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-84-tablet {
    margin-right: 84px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-84-tablet {
    padding-right: 84px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-84 {
    font-size: 84px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-84 {
    font-size: 84px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-84 {
    font-size: 84px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-84 {
    font-size: 84px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-84-all {
    margin-right: 84px !important;
  }
}
.margin-top-85 {
  margin-top: 85px !important;
}

.padding-top-85 {
  padding-top: 85px !important;
}

.font-size-85 {
  font-size: 85px !important;
}

.line-height-85 {
  line-height: 85px !important;
}

.width-850 {
  width: 850% !important;
}

.height-850 {
  height: 850% !important;
}

.border-radius-85 {
  border-radius: 85px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-85-desktop {
    margin-top: 85px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-85-desktop {
    padding-top: 85px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-85-big-desktop {
    padding-top: 85px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-85-mobile {
    margin-top: 85px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-85-mobile {
    padding-top: 85px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-85-tablet {
    margin-top: 85px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-85-tablet {
    padding-top: 85px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-85 {
    font-size: 85px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-85 {
    font-size: 85px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-85 {
    font-size: 85px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-85 {
    font-size: 85px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-85-all {
    margin-top: 85px !important;
  }
}
.margin-bottom-85 {
  margin-bottom: 85px !important;
}

.padding-bottom-85 {
  padding-bottom: 85px !important;
}

.font-size-85 {
  font-size: 85px !important;
}

.line-height-85 {
  line-height: 85px !important;
}

.width-850 {
  width: 850% !important;
}

.height-850 {
  height: 850% !important;
}

.border-radius-85 {
  border-radius: 85px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-85-desktop {
    margin-bottom: 85px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-85-desktop {
    padding-bottom: 85px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-85-big-desktop {
    padding-bottom: 85px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-85-mobile {
    margin-bottom: 85px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-85-mobile {
    padding-bottom: 85px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-85-tablet {
    margin-bottom: 85px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-85-tablet {
    padding-bottom: 85px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-85 {
    font-size: 85px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-85 {
    font-size: 85px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-85 {
    font-size: 85px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-85 {
    font-size: 85px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-85-all {
    margin-bottom: 85px !important;
  }
}
.margin-left-85 {
  margin-left: 85px !important;
}

.padding-left-85 {
  padding-left: 85px !important;
}

.font-size-85 {
  font-size: 85px !important;
}

.line-height-85 {
  line-height: 85px !important;
}

.width-850 {
  width: 850% !important;
}

.height-850 {
  height: 850% !important;
}

.border-radius-85 {
  border-radius: 85px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-85-desktop {
    margin-left: 85px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-85-desktop {
    padding-left: 85px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-85-big-desktop {
    padding-left: 85px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-85-mobile {
    margin-left: 85px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-85-mobile {
    padding-left: 85px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-85-tablet {
    margin-left: 85px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-85-tablet {
    padding-left: 85px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-85 {
    font-size: 85px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-85 {
    font-size: 85px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-85 {
    font-size: 85px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-85 {
    font-size: 85px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-85-all {
    margin-left: 85px !important;
  }
}
.margin-right-85 {
  margin-right: 85px !important;
}

.padding-right-85 {
  padding-right: 85px !important;
}

.font-size-85 {
  font-size: 85px !important;
}

.line-height-85 {
  line-height: 85px !important;
}

.width-850 {
  width: 850% !important;
}

.height-850 {
  height: 850% !important;
}

.border-radius-85 {
  border-radius: 85px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-85-desktop {
    margin-right: 85px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-85-desktop {
    padding-right: 85px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-85-big-desktop {
    padding-right: 85px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-85-mobile {
    margin-right: 85px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-85-mobile {
    padding-right: 85px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-85-tablet {
    margin-right: 85px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-85-tablet {
    padding-right: 85px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-85 {
    font-size: 85px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-85 {
    font-size: 85px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-85 {
    font-size: 85px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-85 {
    font-size: 85px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-85-all {
    margin-right: 85px !important;
  }
}
.margin-top-86 {
  margin-top: 86px !important;
}

.padding-top-86 {
  padding-top: 86px !important;
}

.font-size-86 {
  font-size: 86px !important;
}

.line-height-86 {
  line-height: 86px !important;
}

.width-860 {
  width: 860% !important;
}

.height-860 {
  height: 860% !important;
}

.border-radius-86 {
  border-radius: 86px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-86-desktop {
    margin-top: 86px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-86-desktop {
    padding-top: 86px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-86-big-desktop {
    padding-top: 86px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-86-mobile {
    margin-top: 86px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-86-mobile {
    padding-top: 86px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-86-tablet {
    margin-top: 86px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-86-tablet {
    padding-top: 86px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-86 {
    font-size: 86px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-86 {
    font-size: 86px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-86 {
    font-size: 86px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-86 {
    font-size: 86px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-86-all {
    margin-top: 86px !important;
  }
}
.margin-bottom-86 {
  margin-bottom: 86px !important;
}

.padding-bottom-86 {
  padding-bottom: 86px !important;
}

.font-size-86 {
  font-size: 86px !important;
}

.line-height-86 {
  line-height: 86px !important;
}

.width-860 {
  width: 860% !important;
}

.height-860 {
  height: 860% !important;
}

.border-radius-86 {
  border-radius: 86px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-86-desktop {
    margin-bottom: 86px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-86-desktop {
    padding-bottom: 86px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-86-big-desktop {
    padding-bottom: 86px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-86-mobile {
    margin-bottom: 86px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-86-mobile {
    padding-bottom: 86px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-86-tablet {
    margin-bottom: 86px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-86-tablet {
    padding-bottom: 86px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-86 {
    font-size: 86px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-86 {
    font-size: 86px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-86 {
    font-size: 86px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-86 {
    font-size: 86px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-86-all {
    margin-bottom: 86px !important;
  }
}
.margin-left-86 {
  margin-left: 86px !important;
}

.padding-left-86 {
  padding-left: 86px !important;
}

.font-size-86 {
  font-size: 86px !important;
}

.line-height-86 {
  line-height: 86px !important;
}

.width-860 {
  width: 860% !important;
}

.height-860 {
  height: 860% !important;
}

.border-radius-86 {
  border-radius: 86px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-86-desktop {
    margin-left: 86px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-86-desktop {
    padding-left: 86px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-86-big-desktop {
    padding-left: 86px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-86-mobile {
    margin-left: 86px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-86-mobile {
    padding-left: 86px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-86-tablet {
    margin-left: 86px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-86-tablet {
    padding-left: 86px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-86 {
    font-size: 86px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-86 {
    font-size: 86px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-86 {
    font-size: 86px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-86 {
    font-size: 86px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-86-all {
    margin-left: 86px !important;
  }
}
.margin-right-86 {
  margin-right: 86px !important;
}

.padding-right-86 {
  padding-right: 86px !important;
}

.font-size-86 {
  font-size: 86px !important;
}

.line-height-86 {
  line-height: 86px !important;
}

.width-860 {
  width: 860% !important;
}

.height-860 {
  height: 860% !important;
}

.border-radius-86 {
  border-radius: 86px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-86-desktop {
    margin-right: 86px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-86-desktop {
    padding-right: 86px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-86-big-desktop {
    padding-right: 86px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-86-mobile {
    margin-right: 86px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-86-mobile {
    padding-right: 86px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-86-tablet {
    margin-right: 86px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-86-tablet {
    padding-right: 86px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-86 {
    font-size: 86px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-86 {
    font-size: 86px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-86 {
    font-size: 86px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-86 {
    font-size: 86px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-86-all {
    margin-right: 86px !important;
  }
}
.margin-top-87 {
  margin-top: 87px !important;
}

.padding-top-87 {
  padding-top: 87px !important;
}

.font-size-87 {
  font-size: 87px !important;
}

.line-height-87 {
  line-height: 87px !important;
}

.width-870 {
  width: 870% !important;
}

.height-870 {
  height: 870% !important;
}

.border-radius-87 {
  border-radius: 87px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-87-desktop {
    margin-top: 87px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-87-desktop {
    padding-top: 87px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-87-big-desktop {
    padding-top: 87px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-87-mobile {
    margin-top: 87px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-87-mobile {
    padding-top: 87px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-87-tablet {
    margin-top: 87px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-87-tablet {
    padding-top: 87px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-87 {
    font-size: 87px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-87 {
    font-size: 87px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-87 {
    font-size: 87px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-87 {
    font-size: 87px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-87-all {
    margin-top: 87px !important;
  }
}
.margin-bottom-87 {
  margin-bottom: 87px !important;
}

.padding-bottom-87 {
  padding-bottom: 87px !important;
}

.font-size-87 {
  font-size: 87px !important;
}

.line-height-87 {
  line-height: 87px !important;
}

.width-870 {
  width: 870% !important;
}

.height-870 {
  height: 870% !important;
}

.border-radius-87 {
  border-radius: 87px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-87-desktop {
    margin-bottom: 87px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-87-desktop {
    padding-bottom: 87px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-87-big-desktop {
    padding-bottom: 87px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-87-mobile {
    margin-bottom: 87px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-87-mobile {
    padding-bottom: 87px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-87-tablet {
    margin-bottom: 87px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-87-tablet {
    padding-bottom: 87px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-87 {
    font-size: 87px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-87 {
    font-size: 87px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-87 {
    font-size: 87px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-87 {
    font-size: 87px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-87-all {
    margin-bottom: 87px !important;
  }
}
.margin-left-87 {
  margin-left: 87px !important;
}

.padding-left-87 {
  padding-left: 87px !important;
}

.font-size-87 {
  font-size: 87px !important;
}

.line-height-87 {
  line-height: 87px !important;
}

.width-870 {
  width: 870% !important;
}

.height-870 {
  height: 870% !important;
}

.border-radius-87 {
  border-radius: 87px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-87-desktop {
    margin-left: 87px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-87-desktop {
    padding-left: 87px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-87-big-desktop {
    padding-left: 87px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-87-mobile {
    margin-left: 87px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-87-mobile {
    padding-left: 87px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-87-tablet {
    margin-left: 87px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-87-tablet {
    padding-left: 87px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-87 {
    font-size: 87px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-87 {
    font-size: 87px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-87 {
    font-size: 87px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-87 {
    font-size: 87px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-87-all {
    margin-left: 87px !important;
  }
}
.margin-right-87 {
  margin-right: 87px !important;
}

.padding-right-87 {
  padding-right: 87px !important;
}

.font-size-87 {
  font-size: 87px !important;
}

.line-height-87 {
  line-height: 87px !important;
}

.width-870 {
  width: 870% !important;
}

.height-870 {
  height: 870% !important;
}

.border-radius-87 {
  border-radius: 87px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-87-desktop {
    margin-right: 87px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-87-desktop {
    padding-right: 87px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-87-big-desktop {
    padding-right: 87px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-87-mobile {
    margin-right: 87px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-87-mobile {
    padding-right: 87px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-87-tablet {
    margin-right: 87px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-87-tablet {
    padding-right: 87px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-87 {
    font-size: 87px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-87 {
    font-size: 87px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-87 {
    font-size: 87px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-87 {
    font-size: 87px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-87-all {
    margin-right: 87px !important;
  }
}
.margin-top-88 {
  margin-top: 88px !important;
}

.padding-top-88 {
  padding-top: 88px !important;
}

.font-size-88 {
  font-size: 88px !important;
}

.line-height-88 {
  line-height: 88px !important;
}

.width-880 {
  width: 880% !important;
}

.height-880 {
  height: 880% !important;
}

.border-radius-88 {
  border-radius: 88px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-88-desktop {
    margin-top: 88px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-88-desktop {
    padding-top: 88px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-88-big-desktop {
    padding-top: 88px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-88-mobile {
    margin-top: 88px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-88-mobile {
    padding-top: 88px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-88-tablet {
    margin-top: 88px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-88-tablet {
    padding-top: 88px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-88 {
    font-size: 88px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-88 {
    font-size: 88px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-88 {
    font-size: 88px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-88 {
    font-size: 88px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-88-all {
    margin-top: 88px !important;
  }
}
.margin-bottom-88 {
  margin-bottom: 88px !important;
}

.padding-bottom-88 {
  padding-bottom: 88px !important;
}

.font-size-88 {
  font-size: 88px !important;
}

.line-height-88 {
  line-height: 88px !important;
}

.width-880 {
  width: 880% !important;
}

.height-880 {
  height: 880% !important;
}

.border-radius-88 {
  border-radius: 88px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-88-desktop {
    margin-bottom: 88px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-88-desktop {
    padding-bottom: 88px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-88-big-desktop {
    padding-bottom: 88px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-88-mobile {
    margin-bottom: 88px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-88-mobile {
    padding-bottom: 88px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-88-tablet {
    margin-bottom: 88px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-88-tablet {
    padding-bottom: 88px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-88 {
    font-size: 88px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-88 {
    font-size: 88px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-88 {
    font-size: 88px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-88 {
    font-size: 88px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-88-all {
    margin-bottom: 88px !important;
  }
}
.margin-left-88 {
  margin-left: 88px !important;
}

.padding-left-88 {
  padding-left: 88px !important;
}

.font-size-88 {
  font-size: 88px !important;
}

.line-height-88 {
  line-height: 88px !important;
}

.width-880 {
  width: 880% !important;
}

.height-880 {
  height: 880% !important;
}

.border-radius-88 {
  border-radius: 88px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-88-desktop {
    margin-left: 88px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-88-desktop {
    padding-left: 88px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-88-big-desktop {
    padding-left: 88px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-88-mobile {
    margin-left: 88px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-88-mobile {
    padding-left: 88px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-88-tablet {
    margin-left: 88px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-88-tablet {
    padding-left: 88px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-88 {
    font-size: 88px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-88 {
    font-size: 88px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-88 {
    font-size: 88px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-88 {
    font-size: 88px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-88-all {
    margin-left: 88px !important;
  }
}
.margin-right-88 {
  margin-right: 88px !important;
}

.padding-right-88 {
  padding-right: 88px !important;
}

.font-size-88 {
  font-size: 88px !important;
}

.line-height-88 {
  line-height: 88px !important;
}

.width-880 {
  width: 880% !important;
}

.height-880 {
  height: 880% !important;
}

.border-radius-88 {
  border-radius: 88px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-88-desktop {
    margin-right: 88px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-88-desktop {
    padding-right: 88px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-88-big-desktop {
    padding-right: 88px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-88-mobile {
    margin-right: 88px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-88-mobile {
    padding-right: 88px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-88-tablet {
    margin-right: 88px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-88-tablet {
    padding-right: 88px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-88 {
    font-size: 88px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-88 {
    font-size: 88px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-88 {
    font-size: 88px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-88 {
    font-size: 88px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-88-all {
    margin-right: 88px !important;
  }
}
.margin-top-89 {
  margin-top: 89px !important;
}

.padding-top-89 {
  padding-top: 89px !important;
}

.font-size-89 {
  font-size: 89px !important;
}

.line-height-89 {
  line-height: 89px !important;
}

.width-890 {
  width: 890% !important;
}

.height-890 {
  height: 890% !important;
}

.border-radius-89 {
  border-radius: 89px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-89-desktop {
    margin-top: 89px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-89-desktop {
    padding-top: 89px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-89-big-desktop {
    padding-top: 89px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-89-mobile {
    margin-top: 89px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-89-mobile {
    padding-top: 89px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-89-tablet {
    margin-top: 89px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-89-tablet {
    padding-top: 89px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-89 {
    font-size: 89px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-89 {
    font-size: 89px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-89 {
    font-size: 89px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-89 {
    font-size: 89px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-89-all {
    margin-top: 89px !important;
  }
}
.margin-bottom-89 {
  margin-bottom: 89px !important;
}

.padding-bottom-89 {
  padding-bottom: 89px !important;
}

.font-size-89 {
  font-size: 89px !important;
}

.line-height-89 {
  line-height: 89px !important;
}

.width-890 {
  width: 890% !important;
}

.height-890 {
  height: 890% !important;
}

.border-radius-89 {
  border-radius: 89px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-89-desktop {
    margin-bottom: 89px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-89-desktop {
    padding-bottom: 89px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-89-big-desktop {
    padding-bottom: 89px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-89-mobile {
    margin-bottom: 89px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-89-mobile {
    padding-bottom: 89px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-89-tablet {
    margin-bottom: 89px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-89-tablet {
    padding-bottom: 89px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-89 {
    font-size: 89px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-89 {
    font-size: 89px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-89 {
    font-size: 89px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-89 {
    font-size: 89px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-89-all {
    margin-bottom: 89px !important;
  }
}
.margin-left-89 {
  margin-left: 89px !important;
}

.padding-left-89 {
  padding-left: 89px !important;
}

.font-size-89 {
  font-size: 89px !important;
}

.line-height-89 {
  line-height: 89px !important;
}

.width-890 {
  width: 890% !important;
}

.height-890 {
  height: 890% !important;
}

.border-radius-89 {
  border-radius: 89px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-89-desktop {
    margin-left: 89px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-89-desktop {
    padding-left: 89px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-89-big-desktop {
    padding-left: 89px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-89-mobile {
    margin-left: 89px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-89-mobile {
    padding-left: 89px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-89-tablet {
    margin-left: 89px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-89-tablet {
    padding-left: 89px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-89 {
    font-size: 89px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-89 {
    font-size: 89px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-89 {
    font-size: 89px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-89 {
    font-size: 89px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-89-all {
    margin-left: 89px !important;
  }
}
.margin-right-89 {
  margin-right: 89px !important;
}

.padding-right-89 {
  padding-right: 89px !important;
}

.font-size-89 {
  font-size: 89px !important;
}

.line-height-89 {
  line-height: 89px !important;
}

.width-890 {
  width: 890% !important;
}

.height-890 {
  height: 890% !important;
}

.border-radius-89 {
  border-radius: 89px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-89-desktop {
    margin-right: 89px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-89-desktop {
    padding-right: 89px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-89-big-desktop {
    padding-right: 89px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-89-mobile {
    margin-right: 89px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-89-mobile {
    padding-right: 89px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-89-tablet {
    margin-right: 89px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-89-tablet {
    padding-right: 89px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-89 {
    font-size: 89px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-89 {
    font-size: 89px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-89 {
    font-size: 89px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-89 {
    font-size: 89px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-89-all {
    margin-right: 89px !important;
  }
}
.margin-top-90 {
  margin-top: 90px !important;
}

.padding-top-90 {
  padding-top: 90px !important;
}

.font-size-90 {
  font-size: 90px !important;
}

.line-height-90 {
  line-height: 90px !important;
}

.width-900 {
  width: 900% !important;
}

.height-900 {
  height: 900% !important;
}

.border-radius-90 {
  border-radius: 90px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-90-desktop {
    margin-top: 90px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-90-desktop {
    padding-top: 90px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-90-big-desktop {
    padding-top: 90px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-90-mobile {
    margin-top: 90px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-90-mobile {
    padding-top: 90px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-90-tablet {
    margin-top: 90px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-90-tablet {
    padding-top: 90px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-90 {
    font-size: 90px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-90 {
    font-size: 90px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-90 {
    font-size: 90px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-90 {
    font-size: 90px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-90-all {
    margin-top: 90px !important;
  }
}
.margin-bottom-90 {
  margin-bottom: 90px !important;
}

.padding-bottom-90 {
  padding-bottom: 90px !important;
}

.font-size-90 {
  font-size: 90px !important;
}

.line-height-90 {
  line-height: 90px !important;
}

.width-900 {
  width: 900% !important;
}

.height-900 {
  height: 900% !important;
}

.border-radius-90 {
  border-radius: 90px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-90-desktop {
    margin-bottom: 90px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-90-desktop {
    padding-bottom: 90px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-90-big-desktop {
    padding-bottom: 90px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-90-mobile {
    margin-bottom: 90px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-90-mobile {
    padding-bottom: 90px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-90-tablet {
    margin-bottom: 90px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-90-tablet {
    padding-bottom: 90px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-90 {
    font-size: 90px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-90 {
    font-size: 90px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-90 {
    font-size: 90px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-90 {
    font-size: 90px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-90-all {
    margin-bottom: 90px !important;
  }
}
.margin-left-90 {
  margin-left: 90px !important;
}

.padding-left-90 {
  padding-left: 90px !important;
}

.font-size-90 {
  font-size: 90px !important;
}

.line-height-90 {
  line-height: 90px !important;
}

.width-900 {
  width: 900% !important;
}

.height-900 {
  height: 900% !important;
}

.border-radius-90 {
  border-radius: 90px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-90-desktop {
    margin-left: 90px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-90-desktop {
    padding-left: 90px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-90-big-desktop {
    padding-left: 90px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-90-mobile {
    margin-left: 90px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-90-mobile {
    padding-left: 90px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-90-tablet {
    margin-left: 90px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-90-tablet {
    padding-left: 90px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-90 {
    font-size: 90px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-90 {
    font-size: 90px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-90 {
    font-size: 90px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-90 {
    font-size: 90px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-90-all {
    margin-left: 90px !important;
  }
}
.margin-right-90 {
  margin-right: 90px !important;
}

.padding-right-90 {
  padding-right: 90px !important;
}

.font-size-90 {
  font-size: 90px !important;
}

.line-height-90 {
  line-height: 90px !important;
}

.width-900 {
  width: 900% !important;
}

.height-900 {
  height: 900% !important;
}

.border-radius-90 {
  border-radius: 90px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-90-desktop {
    margin-right: 90px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-90-desktop {
    padding-right: 90px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-90-big-desktop {
    padding-right: 90px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-90-mobile {
    margin-right: 90px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-90-mobile {
    padding-right: 90px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-90-tablet {
    margin-right: 90px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-90-tablet {
    padding-right: 90px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-90 {
    font-size: 90px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-90 {
    font-size: 90px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-90 {
    font-size: 90px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-90 {
    font-size: 90px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-90-all {
    margin-right: 90px !important;
  }
}
.margin-top-91 {
  margin-top: 91px !important;
}

.padding-top-91 {
  padding-top: 91px !important;
}

.font-size-91 {
  font-size: 91px !important;
}

.line-height-91 {
  line-height: 91px !important;
}

.width-910 {
  width: 910% !important;
}

.height-910 {
  height: 910% !important;
}

.border-radius-91 {
  border-radius: 91px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-91-desktop {
    margin-top: 91px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-91-desktop {
    padding-top: 91px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-91-big-desktop {
    padding-top: 91px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-91-mobile {
    margin-top: 91px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-91-mobile {
    padding-top: 91px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-91-tablet {
    margin-top: 91px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-91-tablet {
    padding-top: 91px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-91 {
    font-size: 91px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-91 {
    font-size: 91px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-91 {
    font-size: 91px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-91 {
    font-size: 91px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-91-all {
    margin-top: 91px !important;
  }
}
.margin-bottom-91 {
  margin-bottom: 91px !important;
}

.padding-bottom-91 {
  padding-bottom: 91px !important;
}

.font-size-91 {
  font-size: 91px !important;
}

.line-height-91 {
  line-height: 91px !important;
}

.width-910 {
  width: 910% !important;
}

.height-910 {
  height: 910% !important;
}

.border-radius-91 {
  border-radius: 91px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-91-desktop {
    margin-bottom: 91px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-91-desktop {
    padding-bottom: 91px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-91-big-desktop {
    padding-bottom: 91px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-91-mobile {
    margin-bottom: 91px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-91-mobile {
    padding-bottom: 91px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-91-tablet {
    margin-bottom: 91px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-91-tablet {
    padding-bottom: 91px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-91 {
    font-size: 91px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-91 {
    font-size: 91px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-91 {
    font-size: 91px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-91 {
    font-size: 91px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-91-all {
    margin-bottom: 91px !important;
  }
}
.margin-left-91 {
  margin-left: 91px !important;
}

.padding-left-91 {
  padding-left: 91px !important;
}

.font-size-91 {
  font-size: 91px !important;
}

.line-height-91 {
  line-height: 91px !important;
}

.width-910 {
  width: 910% !important;
}

.height-910 {
  height: 910% !important;
}

.border-radius-91 {
  border-radius: 91px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-91-desktop {
    margin-left: 91px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-91-desktop {
    padding-left: 91px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-91-big-desktop {
    padding-left: 91px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-91-mobile {
    margin-left: 91px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-91-mobile {
    padding-left: 91px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-91-tablet {
    margin-left: 91px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-91-tablet {
    padding-left: 91px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-91 {
    font-size: 91px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-91 {
    font-size: 91px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-91 {
    font-size: 91px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-91 {
    font-size: 91px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-91-all {
    margin-left: 91px !important;
  }
}
.margin-right-91 {
  margin-right: 91px !important;
}

.padding-right-91 {
  padding-right: 91px !important;
}

.font-size-91 {
  font-size: 91px !important;
}

.line-height-91 {
  line-height: 91px !important;
}

.width-910 {
  width: 910% !important;
}

.height-910 {
  height: 910% !important;
}

.border-radius-91 {
  border-radius: 91px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-91-desktop {
    margin-right: 91px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-91-desktop {
    padding-right: 91px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-91-big-desktop {
    padding-right: 91px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-91-mobile {
    margin-right: 91px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-91-mobile {
    padding-right: 91px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-91-tablet {
    margin-right: 91px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-91-tablet {
    padding-right: 91px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-91 {
    font-size: 91px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-91 {
    font-size: 91px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-91 {
    font-size: 91px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-91 {
    font-size: 91px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-91-all {
    margin-right: 91px !important;
  }
}
.margin-top-92 {
  margin-top: 92px !important;
}

.padding-top-92 {
  padding-top: 92px !important;
}

.font-size-92 {
  font-size: 92px !important;
}

.line-height-92 {
  line-height: 92px !important;
}

.width-920 {
  width: 920% !important;
}

.height-920 {
  height: 920% !important;
}

.border-radius-92 {
  border-radius: 92px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-92-desktop {
    margin-top: 92px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-92-desktop {
    padding-top: 92px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-92-big-desktop {
    padding-top: 92px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-92-mobile {
    margin-top: 92px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-92-mobile {
    padding-top: 92px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-92-tablet {
    margin-top: 92px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-92-tablet {
    padding-top: 92px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-92 {
    font-size: 92px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-92 {
    font-size: 92px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-92 {
    font-size: 92px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-92 {
    font-size: 92px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-92-all {
    margin-top: 92px !important;
  }
}
.margin-bottom-92 {
  margin-bottom: 92px !important;
}

.padding-bottom-92 {
  padding-bottom: 92px !important;
}

.font-size-92 {
  font-size: 92px !important;
}

.line-height-92 {
  line-height: 92px !important;
}

.width-920 {
  width: 920% !important;
}

.height-920 {
  height: 920% !important;
}

.border-radius-92 {
  border-radius: 92px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-92-desktop {
    margin-bottom: 92px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-92-desktop {
    padding-bottom: 92px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-92-big-desktop {
    padding-bottom: 92px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-92-mobile {
    margin-bottom: 92px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-92-mobile {
    padding-bottom: 92px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-92-tablet {
    margin-bottom: 92px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-92-tablet {
    padding-bottom: 92px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-92 {
    font-size: 92px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-92 {
    font-size: 92px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-92 {
    font-size: 92px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-92 {
    font-size: 92px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-92-all {
    margin-bottom: 92px !important;
  }
}
.margin-left-92 {
  margin-left: 92px !important;
}

.padding-left-92 {
  padding-left: 92px !important;
}

.font-size-92 {
  font-size: 92px !important;
}

.line-height-92 {
  line-height: 92px !important;
}

.width-920 {
  width: 920% !important;
}

.height-920 {
  height: 920% !important;
}

.border-radius-92 {
  border-radius: 92px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-92-desktop {
    margin-left: 92px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-92-desktop {
    padding-left: 92px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-92-big-desktop {
    padding-left: 92px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-92-mobile {
    margin-left: 92px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-92-mobile {
    padding-left: 92px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-92-tablet {
    margin-left: 92px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-92-tablet {
    padding-left: 92px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-92 {
    font-size: 92px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-92 {
    font-size: 92px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-92 {
    font-size: 92px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-92 {
    font-size: 92px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-92-all {
    margin-left: 92px !important;
  }
}
.margin-right-92 {
  margin-right: 92px !important;
}

.padding-right-92 {
  padding-right: 92px !important;
}

.font-size-92 {
  font-size: 92px !important;
}

.line-height-92 {
  line-height: 92px !important;
}

.width-920 {
  width: 920% !important;
}

.height-920 {
  height: 920% !important;
}

.border-radius-92 {
  border-radius: 92px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-92-desktop {
    margin-right: 92px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-92-desktop {
    padding-right: 92px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-92-big-desktop {
    padding-right: 92px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-92-mobile {
    margin-right: 92px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-92-mobile {
    padding-right: 92px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-92-tablet {
    margin-right: 92px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-92-tablet {
    padding-right: 92px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-92 {
    font-size: 92px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-92 {
    font-size: 92px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-92 {
    font-size: 92px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-92 {
    font-size: 92px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-92-all {
    margin-right: 92px !important;
  }
}
.margin-top-93 {
  margin-top: 93px !important;
}

.padding-top-93 {
  padding-top: 93px !important;
}

.font-size-93 {
  font-size: 93px !important;
}

.line-height-93 {
  line-height: 93px !important;
}

.width-930 {
  width: 930% !important;
}

.height-930 {
  height: 930% !important;
}

.border-radius-93 {
  border-radius: 93px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-93-desktop {
    margin-top: 93px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-93-desktop {
    padding-top: 93px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-93-big-desktop {
    padding-top: 93px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-93-mobile {
    margin-top: 93px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-93-mobile {
    padding-top: 93px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-93-tablet {
    margin-top: 93px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-93-tablet {
    padding-top: 93px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-93 {
    font-size: 93px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-93 {
    font-size: 93px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-93 {
    font-size: 93px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-93 {
    font-size: 93px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-93-all {
    margin-top: 93px !important;
  }
}
.margin-bottom-93 {
  margin-bottom: 93px !important;
}

.padding-bottom-93 {
  padding-bottom: 93px !important;
}

.font-size-93 {
  font-size: 93px !important;
}

.line-height-93 {
  line-height: 93px !important;
}

.width-930 {
  width: 930% !important;
}

.height-930 {
  height: 930% !important;
}

.border-radius-93 {
  border-radius: 93px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-93-desktop {
    margin-bottom: 93px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-93-desktop {
    padding-bottom: 93px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-93-big-desktop {
    padding-bottom: 93px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-93-mobile {
    margin-bottom: 93px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-93-mobile {
    padding-bottom: 93px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-93-tablet {
    margin-bottom: 93px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-93-tablet {
    padding-bottom: 93px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-93 {
    font-size: 93px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-93 {
    font-size: 93px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-93 {
    font-size: 93px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-93 {
    font-size: 93px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-93-all {
    margin-bottom: 93px !important;
  }
}
.margin-left-93 {
  margin-left: 93px !important;
}

.padding-left-93 {
  padding-left: 93px !important;
}

.font-size-93 {
  font-size: 93px !important;
}

.line-height-93 {
  line-height: 93px !important;
}

.width-930 {
  width: 930% !important;
}

.height-930 {
  height: 930% !important;
}

.border-radius-93 {
  border-radius: 93px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-93-desktop {
    margin-left: 93px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-93-desktop {
    padding-left: 93px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-93-big-desktop {
    padding-left: 93px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-93-mobile {
    margin-left: 93px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-93-mobile {
    padding-left: 93px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-93-tablet {
    margin-left: 93px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-93-tablet {
    padding-left: 93px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-93 {
    font-size: 93px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-93 {
    font-size: 93px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-93 {
    font-size: 93px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-93 {
    font-size: 93px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-93-all {
    margin-left: 93px !important;
  }
}
.margin-right-93 {
  margin-right: 93px !important;
}

.padding-right-93 {
  padding-right: 93px !important;
}

.font-size-93 {
  font-size: 93px !important;
}

.line-height-93 {
  line-height: 93px !important;
}

.width-930 {
  width: 930% !important;
}

.height-930 {
  height: 930% !important;
}

.border-radius-93 {
  border-radius: 93px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-93-desktop {
    margin-right: 93px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-93-desktop {
    padding-right: 93px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-93-big-desktop {
    padding-right: 93px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-93-mobile {
    margin-right: 93px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-93-mobile {
    padding-right: 93px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-93-tablet {
    margin-right: 93px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-93-tablet {
    padding-right: 93px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-93 {
    font-size: 93px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-93 {
    font-size: 93px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-93 {
    font-size: 93px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-93 {
    font-size: 93px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-93-all {
    margin-right: 93px !important;
  }
}
.margin-top-94 {
  margin-top: 94px !important;
}

.padding-top-94 {
  padding-top: 94px !important;
}

.font-size-94 {
  font-size: 94px !important;
}

.line-height-94 {
  line-height: 94px !important;
}

.width-940 {
  width: 940% !important;
}

.height-940 {
  height: 940% !important;
}

.border-radius-94 {
  border-radius: 94px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-94-desktop {
    margin-top: 94px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-94-desktop {
    padding-top: 94px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-94-big-desktop {
    padding-top: 94px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-94-mobile {
    margin-top: 94px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-94-mobile {
    padding-top: 94px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-94-tablet {
    margin-top: 94px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-94-tablet {
    padding-top: 94px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-94 {
    font-size: 94px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-94 {
    font-size: 94px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-94 {
    font-size: 94px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-94 {
    font-size: 94px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-94-all {
    margin-top: 94px !important;
  }
}
.margin-bottom-94 {
  margin-bottom: 94px !important;
}

.padding-bottom-94 {
  padding-bottom: 94px !important;
}

.font-size-94 {
  font-size: 94px !important;
}

.line-height-94 {
  line-height: 94px !important;
}

.width-940 {
  width: 940% !important;
}

.height-940 {
  height: 940% !important;
}

.border-radius-94 {
  border-radius: 94px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-94-desktop {
    margin-bottom: 94px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-94-desktop {
    padding-bottom: 94px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-94-big-desktop {
    padding-bottom: 94px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-94-mobile {
    margin-bottom: 94px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-94-mobile {
    padding-bottom: 94px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-94-tablet {
    margin-bottom: 94px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-94-tablet {
    padding-bottom: 94px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-94 {
    font-size: 94px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-94 {
    font-size: 94px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-94 {
    font-size: 94px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-94 {
    font-size: 94px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-94-all {
    margin-bottom: 94px !important;
  }
}
.margin-left-94 {
  margin-left: 94px !important;
}

.padding-left-94 {
  padding-left: 94px !important;
}

.font-size-94 {
  font-size: 94px !important;
}

.line-height-94 {
  line-height: 94px !important;
}

.width-940 {
  width: 940% !important;
}

.height-940 {
  height: 940% !important;
}

.border-radius-94 {
  border-radius: 94px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-94-desktop {
    margin-left: 94px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-94-desktop {
    padding-left: 94px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-94-big-desktop {
    padding-left: 94px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-94-mobile {
    margin-left: 94px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-94-mobile {
    padding-left: 94px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-94-tablet {
    margin-left: 94px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-94-tablet {
    padding-left: 94px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-94 {
    font-size: 94px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-94 {
    font-size: 94px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-94 {
    font-size: 94px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-94 {
    font-size: 94px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-94-all {
    margin-left: 94px !important;
  }
}
.margin-right-94 {
  margin-right: 94px !important;
}

.padding-right-94 {
  padding-right: 94px !important;
}

.font-size-94 {
  font-size: 94px !important;
}

.line-height-94 {
  line-height: 94px !important;
}

.width-940 {
  width: 940% !important;
}

.height-940 {
  height: 940% !important;
}

.border-radius-94 {
  border-radius: 94px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-94-desktop {
    margin-right: 94px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-94-desktop {
    padding-right: 94px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-94-big-desktop {
    padding-right: 94px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-94-mobile {
    margin-right: 94px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-94-mobile {
    padding-right: 94px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-94-tablet {
    margin-right: 94px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-94-tablet {
    padding-right: 94px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-94 {
    font-size: 94px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-94 {
    font-size: 94px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-94 {
    font-size: 94px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-94 {
    font-size: 94px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-94-all {
    margin-right: 94px !important;
  }
}
.margin-top-95 {
  margin-top: 95px !important;
}

.padding-top-95 {
  padding-top: 95px !important;
}

.font-size-95 {
  font-size: 95px !important;
}

.line-height-95 {
  line-height: 95px !important;
}

.width-950 {
  width: 950% !important;
}

.height-950 {
  height: 950% !important;
}

.border-radius-95 {
  border-radius: 95px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-95-desktop {
    margin-top: 95px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-95-desktop {
    padding-top: 95px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-95-big-desktop {
    padding-top: 95px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-95-mobile {
    margin-top: 95px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-95-mobile {
    padding-top: 95px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-95-tablet {
    margin-top: 95px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-95-tablet {
    padding-top: 95px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-95 {
    font-size: 95px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-95 {
    font-size: 95px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-95 {
    font-size: 95px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-95 {
    font-size: 95px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-95-all {
    margin-top: 95px !important;
  }
}
.margin-bottom-95 {
  margin-bottom: 95px !important;
}

.padding-bottom-95 {
  padding-bottom: 95px !important;
}

.font-size-95 {
  font-size: 95px !important;
}

.line-height-95 {
  line-height: 95px !important;
}

.width-950 {
  width: 950% !important;
}

.height-950 {
  height: 950% !important;
}

.border-radius-95 {
  border-radius: 95px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-95-desktop {
    margin-bottom: 95px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-95-desktop {
    padding-bottom: 95px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-95-big-desktop {
    padding-bottom: 95px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-95-mobile {
    margin-bottom: 95px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-95-mobile {
    padding-bottom: 95px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-95-tablet {
    margin-bottom: 95px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-95-tablet {
    padding-bottom: 95px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-95 {
    font-size: 95px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-95 {
    font-size: 95px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-95 {
    font-size: 95px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-95 {
    font-size: 95px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-95-all {
    margin-bottom: 95px !important;
  }
}
.margin-left-95 {
  margin-left: 95px !important;
}

.padding-left-95 {
  padding-left: 95px !important;
}

.font-size-95 {
  font-size: 95px !important;
}

.line-height-95 {
  line-height: 95px !important;
}

.width-950 {
  width: 950% !important;
}

.height-950 {
  height: 950% !important;
}

.border-radius-95 {
  border-radius: 95px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-95-desktop {
    margin-left: 95px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-95-desktop {
    padding-left: 95px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-95-big-desktop {
    padding-left: 95px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-95-mobile {
    margin-left: 95px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-95-mobile {
    padding-left: 95px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-95-tablet {
    margin-left: 95px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-95-tablet {
    padding-left: 95px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-95 {
    font-size: 95px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-95 {
    font-size: 95px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-95 {
    font-size: 95px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-95 {
    font-size: 95px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-95-all {
    margin-left: 95px !important;
  }
}
.margin-right-95 {
  margin-right: 95px !important;
}

.padding-right-95 {
  padding-right: 95px !important;
}

.font-size-95 {
  font-size: 95px !important;
}

.line-height-95 {
  line-height: 95px !important;
}

.width-950 {
  width: 950% !important;
}

.height-950 {
  height: 950% !important;
}

.border-radius-95 {
  border-radius: 95px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-95-desktop {
    margin-right: 95px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-95-desktop {
    padding-right: 95px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-95-big-desktop {
    padding-right: 95px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-95-mobile {
    margin-right: 95px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-95-mobile {
    padding-right: 95px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-95-tablet {
    margin-right: 95px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-95-tablet {
    padding-right: 95px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-95 {
    font-size: 95px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-95 {
    font-size: 95px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-95 {
    font-size: 95px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-95 {
    font-size: 95px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-95-all {
    margin-right: 95px !important;
  }
}
.margin-top-96 {
  margin-top: 96px !important;
}

.padding-top-96 {
  padding-top: 96px !important;
}

.font-size-96 {
  font-size: 96px !important;
}

.line-height-96 {
  line-height: 96px !important;
}

.width-960 {
  width: 960% !important;
}

.height-960 {
  height: 960% !important;
}

.border-radius-96 {
  border-radius: 96px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-96-desktop {
    margin-top: 96px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-96-desktop {
    padding-top: 96px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-96-big-desktop {
    padding-top: 96px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-96-mobile {
    margin-top: 96px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-96-mobile {
    padding-top: 96px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-96-tablet {
    margin-top: 96px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-96-tablet {
    padding-top: 96px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-96 {
    font-size: 96px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-96 {
    font-size: 96px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-96 {
    font-size: 96px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-96 {
    font-size: 96px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-96-all {
    margin-top: 96px !important;
  }
}
.margin-bottom-96 {
  margin-bottom: 96px !important;
}

.padding-bottom-96 {
  padding-bottom: 96px !important;
}

.font-size-96 {
  font-size: 96px !important;
}

.line-height-96 {
  line-height: 96px !important;
}

.width-960 {
  width: 960% !important;
}

.height-960 {
  height: 960% !important;
}

.border-radius-96 {
  border-radius: 96px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-96-desktop {
    margin-bottom: 96px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-96-desktop {
    padding-bottom: 96px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-96-big-desktop {
    padding-bottom: 96px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-96-mobile {
    margin-bottom: 96px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-96-mobile {
    padding-bottom: 96px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-96-tablet {
    margin-bottom: 96px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-96-tablet {
    padding-bottom: 96px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-96 {
    font-size: 96px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-96 {
    font-size: 96px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-96 {
    font-size: 96px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-96 {
    font-size: 96px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-96-all {
    margin-bottom: 96px !important;
  }
}
.margin-left-96 {
  margin-left: 96px !important;
}

.padding-left-96 {
  padding-left: 96px !important;
}

.font-size-96 {
  font-size: 96px !important;
}

.line-height-96 {
  line-height: 96px !important;
}

.width-960 {
  width: 960% !important;
}

.height-960 {
  height: 960% !important;
}

.border-radius-96 {
  border-radius: 96px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-96-desktop {
    margin-left: 96px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-96-desktop {
    padding-left: 96px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-96-big-desktop {
    padding-left: 96px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-96-mobile {
    margin-left: 96px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-96-mobile {
    padding-left: 96px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-96-tablet {
    margin-left: 96px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-96-tablet {
    padding-left: 96px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-96 {
    font-size: 96px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-96 {
    font-size: 96px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-96 {
    font-size: 96px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-96 {
    font-size: 96px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-96-all {
    margin-left: 96px !important;
  }
}
.margin-right-96 {
  margin-right: 96px !important;
}

.padding-right-96 {
  padding-right: 96px !important;
}

.font-size-96 {
  font-size: 96px !important;
}

.line-height-96 {
  line-height: 96px !important;
}

.width-960 {
  width: 960% !important;
}

.height-960 {
  height: 960% !important;
}

.border-radius-96 {
  border-radius: 96px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-96-desktop {
    margin-right: 96px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-96-desktop {
    padding-right: 96px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-96-big-desktop {
    padding-right: 96px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-96-mobile {
    margin-right: 96px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-96-mobile {
    padding-right: 96px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-96-tablet {
    margin-right: 96px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-96-tablet {
    padding-right: 96px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-96 {
    font-size: 96px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-96 {
    font-size: 96px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-96 {
    font-size: 96px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-96 {
    font-size: 96px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-96-all {
    margin-right: 96px !important;
  }
}
.margin-top-97 {
  margin-top: 97px !important;
}

.padding-top-97 {
  padding-top: 97px !important;
}

.font-size-97 {
  font-size: 97px !important;
}

.line-height-97 {
  line-height: 97px !important;
}

.width-970 {
  width: 970% !important;
}

.height-970 {
  height: 970% !important;
}

.border-radius-97 {
  border-radius: 97px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-97-desktop {
    margin-top: 97px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-97-desktop {
    padding-top: 97px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-97-big-desktop {
    padding-top: 97px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-97-mobile {
    margin-top: 97px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-97-mobile {
    padding-top: 97px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-97-tablet {
    margin-top: 97px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-97-tablet {
    padding-top: 97px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-97 {
    font-size: 97px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-97 {
    font-size: 97px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-97 {
    font-size: 97px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-97 {
    font-size: 97px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-97-all {
    margin-top: 97px !important;
  }
}
.margin-bottom-97 {
  margin-bottom: 97px !important;
}

.padding-bottom-97 {
  padding-bottom: 97px !important;
}

.font-size-97 {
  font-size: 97px !important;
}

.line-height-97 {
  line-height: 97px !important;
}

.width-970 {
  width: 970% !important;
}

.height-970 {
  height: 970% !important;
}

.border-radius-97 {
  border-radius: 97px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-97-desktop {
    margin-bottom: 97px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-97-desktop {
    padding-bottom: 97px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-97-big-desktop {
    padding-bottom: 97px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-97-mobile {
    margin-bottom: 97px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-97-mobile {
    padding-bottom: 97px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-97-tablet {
    margin-bottom: 97px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-97-tablet {
    padding-bottom: 97px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-97 {
    font-size: 97px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-97 {
    font-size: 97px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-97 {
    font-size: 97px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-97 {
    font-size: 97px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-97-all {
    margin-bottom: 97px !important;
  }
}
.margin-left-97 {
  margin-left: 97px !important;
}

.padding-left-97 {
  padding-left: 97px !important;
}

.font-size-97 {
  font-size: 97px !important;
}

.line-height-97 {
  line-height: 97px !important;
}

.width-970 {
  width: 970% !important;
}

.height-970 {
  height: 970% !important;
}

.border-radius-97 {
  border-radius: 97px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-97-desktop {
    margin-left: 97px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-97-desktop {
    padding-left: 97px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-97-big-desktop {
    padding-left: 97px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-97-mobile {
    margin-left: 97px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-97-mobile {
    padding-left: 97px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-97-tablet {
    margin-left: 97px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-97-tablet {
    padding-left: 97px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-97 {
    font-size: 97px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-97 {
    font-size: 97px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-97 {
    font-size: 97px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-97 {
    font-size: 97px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-97-all {
    margin-left: 97px !important;
  }
}
.margin-right-97 {
  margin-right: 97px !important;
}

.padding-right-97 {
  padding-right: 97px !important;
}

.font-size-97 {
  font-size: 97px !important;
}

.line-height-97 {
  line-height: 97px !important;
}

.width-970 {
  width: 970% !important;
}

.height-970 {
  height: 970% !important;
}

.border-radius-97 {
  border-radius: 97px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-97-desktop {
    margin-right: 97px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-97-desktop {
    padding-right: 97px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-97-big-desktop {
    padding-right: 97px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-97-mobile {
    margin-right: 97px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-97-mobile {
    padding-right: 97px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-97-tablet {
    margin-right: 97px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-97-tablet {
    padding-right: 97px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-97 {
    font-size: 97px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-97 {
    font-size: 97px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-97 {
    font-size: 97px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-97 {
    font-size: 97px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-97-all {
    margin-right: 97px !important;
  }
}
.margin-top-98 {
  margin-top: 98px !important;
}

.padding-top-98 {
  padding-top: 98px !important;
}

.font-size-98 {
  font-size: 98px !important;
}

.line-height-98 {
  line-height: 98px !important;
}

.width-980 {
  width: 980% !important;
}

.height-980 {
  height: 980% !important;
}

.border-radius-98 {
  border-radius: 98px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-98-desktop {
    margin-top: 98px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-98-desktop {
    padding-top: 98px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-98-big-desktop {
    padding-top: 98px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-98-mobile {
    margin-top: 98px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-98-mobile {
    padding-top: 98px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-98-tablet {
    margin-top: 98px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-98-tablet {
    padding-top: 98px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-98 {
    font-size: 98px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-98 {
    font-size: 98px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-98 {
    font-size: 98px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-98 {
    font-size: 98px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-98-all {
    margin-top: 98px !important;
  }
}
.margin-bottom-98 {
  margin-bottom: 98px !important;
}

.padding-bottom-98 {
  padding-bottom: 98px !important;
}

.font-size-98 {
  font-size: 98px !important;
}

.line-height-98 {
  line-height: 98px !important;
}

.width-980 {
  width: 980% !important;
}

.height-980 {
  height: 980% !important;
}

.border-radius-98 {
  border-radius: 98px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-98-desktop {
    margin-bottom: 98px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-98-desktop {
    padding-bottom: 98px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-98-big-desktop {
    padding-bottom: 98px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-98-mobile {
    margin-bottom: 98px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-98-mobile {
    padding-bottom: 98px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-98-tablet {
    margin-bottom: 98px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-98-tablet {
    padding-bottom: 98px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-98 {
    font-size: 98px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-98 {
    font-size: 98px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-98 {
    font-size: 98px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-98 {
    font-size: 98px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-98-all {
    margin-bottom: 98px !important;
  }
}
.margin-left-98 {
  margin-left: 98px !important;
}

.padding-left-98 {
  padding-left: 98px !important;
}

.font-size-98 {
  font-size: 98px !important;
}

.line-height-98 {
  line-height: 98px !important;
}

.width-980 {
  width: 980% !important;
}

.height-980 {
  height: 980% !important;
}

.border-radius-98 {
  border-radius: 98px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-98-desktop {
    margin-left: 98px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-98-desktop {
    padding-left: 98px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-98-big-desktop {
    padding-left: 98px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-98-mobile {
    margin-left: 98px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-98-mobile {
    padding-left: 98px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-98-tablet {
    margin-left: 98px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-98-tablet {
    padding-left: 98px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-98 {
    font-size: 98px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-98 {
    font-size: 98px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-98 {
    font-size: 98px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-98 {
    font-size: 98px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-98-all {
    margin-left: 98px !important;
  }
}
.margin-right-98 {
  margin-right: 98px !important;
}

.padding-right-98 {
  padding-right: 98px !important;
}

.font-size-98 {
  font-size: 98px !important;
}

.line-height-98 {
  line-height: 98px !important;
}

.width-980 {
  width: 980% !important;
}

.height-980 {
  height: 980% !important;
}

.border-radius-98 {
  border-radius: 98px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-98-desktop {
    margin-right: 98px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-98-desktop {
    padding-right: 98px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-98-big-desktop {
    padding-right: 98px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-98-mobile {
    margin-right: 98px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-98-mobile {
    padding-right: 98px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-98-tablet {
    margin-right: 98px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-98-tablet {
    padding-right: 98px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-98 {
    font-size: 98px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-98 {
    font-size: 98px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-98 {
    font-size: 98px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-98 {
    font-size: 98px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-98-all {
    margin-right: 98px !important;
  }
}
.margin-top-99 {
  margin-top: 99px !important;
}

.padding-top-99 {
  padding-top: 99px !important;
}

.font-size-99 {
  font-size: 99px !important;
}

.line-height-99 {
  line-height: 99px !important;
}

.width-990 {
  width: 990% !important;
}

.height-990 {
  height: 990% !important;
}

.border-radius-99 {
  border-radius: 99px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-99-desktop {
    margin-top: 99px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-99-desktop {
    padding-top: 99px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-99-big-desktop {
    padding-top: 99px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-99-mobile {
    margin-top: 99px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-99-mobile {
    padding-top: 99px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-99-tablet {
    margin-top: 99px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-99-tablet {
    padding-top: 99px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-99 {
    font-size: 99px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-99 {
    font-size: 99px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-99 {
    font-size: 99px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-99 {
    font-size: 99px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-99-all {
    margin-top: 99px !important;
  }
}
.margin-bottom-99 {
  margin-bottom: 99px !important;
}

.padding-bottom-99 {
  padding-bottom: 99px !important;
}

.font-size-99 {
  font-size: 99px !important;
}

.line-height-99 {
  line-height: 99px !important;
}

.width-990 {
  width: 990% !important;
}

.height-990 {
  height: 990% !important;
}

.border-radius-99 {
  border-radius: 99px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-99-desktop {
    margin-bottom: 99px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-99-desktop {
    padding-bottom: 99px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-99-big-desktop {
    padding-bottom: 99px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-99-mobile {
    margin-bottom: 99px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-99-mobile {
    padding-bottom: 99px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-99-tablet {
    margin-bottom: 99px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-99-tablet {
    padding-bottom: 99px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-99 {
    font-size: 99px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-99 {
    font-size: 99px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-99 {
    font-size: 99px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-99 {
    font-size: 99px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-99-all {
    margin-bottom: 99px !important;
  }
}
.margin-left-99 {
  margin-left: 99px !important;
}

.padding-left-99 {
  padding-left: 99px !important;
}

.font-size-99 {
  font-size: 99px !important;
}

.line-height-99 {
  line-height: 99px !important;
}

.width-990 {
  width: 990% !important;
}

.height-990 {
  height: 990% !important;
}

.border-radius-99 {
  border-radius: 99px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-99-desktop {
    margin-left: 99px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-99-desktop {
    padding-left: 99px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-99-big-desktop {
    padding-left: 99px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-99-mobile {
    margin-left: 99px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-99-mobile {
    padding-left: 99px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-99-tablet {
    margin-left: 99px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-99-tablet {
    padding-left: 99px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-99 {
    font-size: 99px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-99 {
    font-size: 99px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-99 {
    font-size: 99px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-99 {
    font-size: 99px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-99-all {
    margin-left: 99px !important;
  }
}
.margin-right-99 {
  margin-right: 99px !important;
}

.padding-right-99 {
  padding-right: 99px !important;
}

.font-size-99 {
  font-size: 99px !important;
}

.line-height-99 {
  line-height: 99px !important;
}

.width-990 {
  width: 990% !important;
}

.height-990 {
  height: 990% !important;
}

.border-radius-99 {
  border-radius: 99px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-99-desktop {
    margin-right: 99px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-99-desktop {
    padding-right: 99px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-99-big-desktop {
    padding-right: 99px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-99-mobile {
    margin-right: 99px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-99-mobile {
    padding-right: 99px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-99-tablet {
    margin-right: 99px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-99-tablet {
    padding-right: 99px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-99 {
    font-size: 99px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-99 {
    font-size: 99px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-99 {
    font-size: 99px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-99 {
    font-size: 99px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-99-all {
    margin-right: 99px !important;
  }
}
.margin-top-100 {
  margin-top: 100px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.font-size-100 {
  font-size: 100px !important;
}

.line-height-100 {
  line-height: 100px !important;
}

.width-1000 {
  width: 1000% !important;
}

.height-1000 {
  height: 1000% !important;
}

.border-radius-100 {
  border-radius: 100px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-top-100-desktop {
    margin-top: 100px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-top-100-desktop {
    padding-top: 100px !important;
  }
}
@media (min-width: 1873px) {
  .padding-top-100-big-desktop {
    padding-top: 100px !important;
  }
}
@media (max-width: 767px) {
  .margin-top-100-mobile {
    margin-top: 100px !important;
  }
}
@media (max-width: 767px) {
  .padding-top-100-mobile {
    padding-top: 100px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-top-100-tablet {
    margin-top: 100px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-top-100-tablet {
    padding-top: 100px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-100 {
    font-size: 100px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-100 {
    font-size: 100px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-100 {
    font-size: 100px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-100 {
    font-size: 100px !important;
  }
}
@media (min-width: 1281px) {
  .margin-top-100-all {
    margin-top: 100px !important;
  }
}
.margin-bottom-100 {
  margin-bottom: 100px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

.font-size-100 {
  font-size: 100px !important;
}

.line-height-100 {
  line-height: 100px !important;
}

.width-1000 {
  width: 1000% !important;
}

.height-1000 {
  height: 1000% !important;
}

.border-radius-100 {
  border-radius: 100px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-bottom-100-desktop {
    margin-bottom: 100px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-bottom-100-desktop {
    padding-bottom: 100px !important;
  }
}
@media (min-width: 1873px) {
  .padding-bottom-100-big-desktop {
    padding-bottom: 100px !important;
  }
}
@media (max-width: 767px) {
  .margin-bottom-100-mobile {
    margin-bottom: 100px !important;
  }
}
@media (max-width: 767px) {
  .padding-bottom-100-mobile {
    padding-bottom: 100px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-100-tablet {
    margin-bottom: 100px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-bottom-100-tablet {
    padding-bottom: 100px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-100 {
    font-size: 100px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-100 {
    font-size: 100px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-100 {
    font-size: 100px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-100 {
    font-size: 100px !important;
  }
}
@media (min-width: 1281px) {
  .margin-bottom-100-all {
    margin-bottom: 100px !important;
  }
}
.margin-left-100 {
  margin-left: 100px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

.font-size-100 {
  font-size: 100px !important;
}

.line-height-100 {
  line-height: 100px !important;
}

.width-1000 {
  width: 1000% !important;
}

.height-1000 {
  height: 1000% !important;
}

.border-radius-100 {
  border-radius: 100px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-left-100-desktop {
    margin-left: 100px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-left-100-desktop {
    padding-left: 100px !important;
  }
}
@media (min-width: 1873px) {
  .padding-left-100-big-desktop {
    padding-left: 100px !important;
  }
}
@media (max-width: 767px) {
  .margin-left-100-mobile {
    margin-left: 100px !important;
  }
}
@media (max-width: 767px) {
  .padding-left-100-mobile {
    padding-left: 100px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-left-100-tablet {
    margin-left: 100px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-left-100-tablet {
    padding-left: 100px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-100 {
    font-size: 100px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-100 {
    font-size: 100px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-100 {
    font-size: 100px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-100 {
    font-size: 100px !important;
  }
}
@media (min-width: 1281px) {
  .margin-left-100-all {
    margin-left: 100px !important;
  }
}
.margin-right-100 {
  margin-right: 100px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

.font-size-100 {
  font-size: 100px !important;
}

.line-height-100 {
  line-height: 100px !important;
}

.width-1000 {
  width: 1000% !important;
}

.height-1000 {
  height: 1000% !important;
}

.border-radius-100 {
  border-radius: 100px !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .margin-right-100-desktop {
    margin-right: 100px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .padding-right-100-desktop {
    padding-right: 100px !important;
  }
}
@media (min-width: 1873px) {
  .padding-right-100-big-desktop {
    padding-right: 100px !important;
  }
}
@media (max-width: 767px) {
  .margin-right-100-mobile {
    margin-right: 100px !important;
  }
}
@media (max-width: 767px) {
  .padding-right-100-mobile {
    padding-right: 100px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-right-100-tablet {
    margin-right: 100px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .padding-right-100-tablet {
    padding-right: 100px !important;
  }
}
@media (max-width: 767px) {
  .font-size-mobile-100 {
    font-size: 100px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .font-size-tablet-100 {
    font-size: 100px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .font-size-desktop-100 {
    font-size: 100px !important;
  }
}
@media (min-width: 1281px) {
  .font-size-all-100 {
    font-size: 100px !important;
  }
}
@media (min-width: 1281px) {
  .margin-right-100-all {
    margin-right: 100px !important;
  }
}
.font-700 {
  font-weight: 700;
}

.btnLogout {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  padding: 9px 24px;
  background: whitesmoke !important;
  border-radius: 10px !important;
  color: #1f1f1f !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  height: 40px !important;
  width: 191px !important;
  line-height: 22px;
  border: 2px solid #1f1f1f;
}

.btnContinueLater {
  color: #040404;
  border: 2px solid #040404;
  font-size: 16px;
  padding: 4px 30px;
  border-radius: 10px;
  font-weight: bold;
  position: absolute;
  right: 60px;
  top: 22px;
  cursor: pointer;
  z-index: 99;
}

@media (max-width: 767px) {
  .btnContinueLater {
    right: 16px;
    top: 12px;
  }
}
.kristal-blue-60 {
  color: #638ae9;
}

.width-100 {
  width: 100%;
}

.height-100 {
  height: 100%;
}

.kristal-blue-80 {
  color: #3761c8 !important;
}

.kristal-dark-grey-80 {
  color: #1f1f1f;
}

.kristal-blue-80-background {
  background-color: #3761c8;
}

.kristal-blue-100 {
  color: #002d9c !important;
}

.kristal-ecru-100 {
  color: #f0ede4 !important;
}

.text-F0EDE4 {
  color: #f0ede4 !important;
}

.kristal-ecru-100-background {
  background-color: #f0ede4 !important;
}

.kristal-ecru-80 {
  color: #f7f5f2;
}

.letter-spacing.super-small {
  letter-spacing: 0.2px;
}

.letter-spacing.small {
  letter-spacing: 0.1em;
}

.letter-spacing.big {
  letter-spacing: 0.4px;
}

.letter-spacing.medium {
  letter-spacing: 1.5px;
}

.letter-spacing.normal-1px {
  letter-spacing: 1px;
}

.no-margin.top {
  margin-top: 0px;
}

.no-margin.bottom {
  margin-bottom: 0px;
}

.no-margin.left {
  margin-left: 0px;
}

.no-margin.right {
  margin-right: 0px;
}

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

.line-height-40 {
  line-height: 40px;
}

.pointer {
  cursor: pointer;
}

.pointer-not-allowed {
  cursor: not-allowed !important;
}

.flex {
  display: flex !important;
}

.flex.row {
  flex-direction: row !important;
}

.flex.column {
  flex-direction: column !important;
}

.flex.row-reverse {
  flex-direction: row-reverse !important;
}

.flex.column-reverse {
  flex-direction: column-reverse !important;
}

.flex.column-start {
  align-items: start !important;
}

.flex.column-center {
  align-items: center !important;
}

.flex.column-end {
  align-items: flex-end !important;
}

.flex.row-center {
  justify-content: center !important;
}

.flex.space-between {
  justify-content: space-between !important;
}

.flex.space-around {
  justify-content: space-around !important;
}

.flex.space-evenly {
  justify-content: space-evenly !important;
}

.flex.start {
  justify-content: flex-start !important;
}

.flex.end {
  justify-content: flex-end !important;
}

.flex.wrap {
  flex-wrap: wrap !important;
}

.flex.column-inherit {
  align-items: inherit !important;
}

.flex.column-baseline {
  align-items: baseline !important;
}

@media (min-width: 768px) {
  .flex.start-desktop {
    justify-content: flex-start !important;
  }
}
@media (min-width: 768px) {
  .flex.end-desktop {
    justify-content: flex-end !important;
  }
}
@media (max-width: 767px) {
  .flex.column-center-mobile {
    align-items: center !important;
  }
}
@media (max-width: 767px) {
  .flex.column-end-mobile {
    align-items: flex-end !important;
  }
}
@media (max-width: 767px) {
  .flex.row-center-mobile {
    justify-content: center !important;
  }
}
@media (max-width: 767px) {
  .flex.space-between-mobile {
    justify-content: space-between !important;
  }
}
@media (max-width: 767px) {
  .flex.space-around-mobile {
    justify-content: space-around !important;
  }
}
.nowrap {
  white-space: nowrap;
}

.float.left {
  float: left;
}

.float.right {
  float: right;
}

.ant-radio-checked .ant-radio-inner {
  border-color: #1f1f1f !important;
}

.ant-radio-checked .ant-radio-inner::after {
  background-color: #1f1f1f !important;
}

.text-Inter {
  font-family: "Inter";
}

.text-000 {
  color: #000;
}

.text-1f1f1f {
  color: #1f1f1f;
}

.text-252525 {
  color: #252525;
}

.text-262626 {
  color: #262626;
}

.text-00B267 {
  color: #00b267;
}

.text-f44336 {
  color: #f44336;
}

.text-3761C8 {
  color: #3761c8 !important;
}

.text-999 {
  color: #999999;
}

.text-fff {
  color: #ffffff !important;
}

.text-ccc {
  color: #ccc;
}

.text-fff-6 {
  color: rgba(0, 0, 0, 0.6);
}

.text-777 {
  color: #777777;
}

.text-040 {
  color: #040404;
}

.text-59 {
  color: #595959;
}

.text-8c {
  color: #8c8c8c;
}

.text-00b367 {
  color: #00b367;
}

.text-f44336 {
  color: #f44336;
}

.text-59 {
  color: #595959;
}

.text-8c {
  color: #8c8c8c;
}

.text-36 {
  color: #363636 !important;
}

.text-1990FF {
  color: #1990ff;
}

.text-36 {
  color: #363636 !important;
}

.font-700 {
  font-weight: 700;
}

.text-upper {
  text-transform: uppercase;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.line-through {
  text-decoration: line-through;
}

.text-left {
  text-align: left;
}

.capitalize {
  text-transform: capitalize;
}

.text-bold.less {
  font-weight: 500;
}

.word-wrap {
  word-break: break-word;
}

.bold {
  font-family: "Aktiv-Bold" !important;
}

.no-bold {
  font-weight: 400 !important;
}

.info-divider-circle {
  height: 5px;
  width: 5px;
  background-color: #cccccc;
  border-radius: 50%;
}

.save-footer-button {
  cursor: pointer;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 24px;
  width: 76px;
  height: 36px;
  background: #3761c8;
  border-radius: 18px;
}

.cancel-footer-button {
  cursor: pointer;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  color: #777777;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 24px;
  width: 76px;
  border: none;
  height: 36px;
  background: #ffffff;
}

.cancel-footer-button :hover {
  color: #777777;
}

.alert-info {
  font-weight: 400;
  background: rgba(249, 106, 106, 0.1);
  padding: 13px;
  border-radius: 4px;
}

.custom-select {
  background-color: #fff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 14px;
  padding: 17px 24px;
}

.select-options {
  background-color: #fff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 14px;
}

.select-options .option :hover {
  background-color: #1f1f1f;
  color: #ffffff;
  border-radius: 14px;
}

.select-options .option .label {
  padding: 10px 10px 10px 24px;
}

.portfolio-custom-select {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 8px;
}

.portfolio-select-options {
  background-color: #1f1f1f;
  color: #fff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 8px;
  position: absolute;
  width: 100%;
  z-index: 99999;
}

.portfolio-select-options .option :hover {
  background-color: #fff;
  border-radius: 8px;
  color: #1f1f1f;
}

.portfolio-select-options .option .label {
  padding: 14px 8px;
}

.text-bold-700 {
  font-weight: 700;
}

.text-bold-500 {
  font-weight: 500 !important;
}

.kristal_font_blue_color {
  color: #3761c8 !important;
}

.btnCustomClickEnabled {
  background: #000000 !important;
  border-radius: 15px !important;
  text-align: center !important;
  color: white !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  padding: 16px !important;
  margin-top: 35px !important;
  cursor: pointer !important;
  height: 60px !important;
  width: 100% !important;
  border-color: #000000 !important;
}

.btnCustomClickDIsabled {
  background: #f7f5f2 !important;
  width: 96% !important;
  border-radius: 15px !important;
  text-align: center !important;
  color: black !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  padding: 16px !important;
  margin-top: 35px !important;
  cursor: pointer !important;
  height: 60px !important;
  width: 100% !important;
  border-color: #000000 !important;
}

.kristal_background_color {
  background-color: #f7f5f2;
}

@media (max-width: 767px) {
  .kristal_bg td {
    width: 100% !important;
  }
  .kristal_bg td table {
    width: 100% !important;
  }
  .kristal_bg td table table {
    width: 100% !important;
  }
  .kristal_bg td table table tr td {
    width: 100% !important;
  }
  .kristal_bg div {
    width: 100% !important;
  }
  .kristal_bg div table tbody tr {
    width: 100% !important;
  }
  .kristal_bg div table tbody tr td:nth-child(1) {
    width: 50% !important;
    padding: 0px 2px;
  }
  .kristal_bg div table tbody tr td:nth-child(1) table tbody tr:nth-child(1) td {
    width: 16% !important;
  }
  .kristal_bg div table tbody tr td:nth-child(1) table tbody tr:nth-child(1) td p {
    font-size: 12px !important;
  }
  .kristal_bg div table tbody tr td:nth-child(2) {
    width: 50% !important;
  }
  .kristal_bg div table tbody tr td:nth-child(2) table tbody tr:nth-child(1) td {
    width: 50% !important;
  }
  .kristal_bg div table tbody tr td:nth-child(2) table tbody tr:nth-child(1) td {
    width: 40% !important;
  }
  .kristal_bg div table tbody tr td table tbody tr td a {
    width: 100% !important;
  }
  .kristal_bg p img {
    width: 100%;
  }
  .playstore_width {
    width: 50px !important;
    height: 21px !important;
  }
  .appstore_width {
    width: 50px !important;
  }
}
.settings_flag_img {
  box-shadow: 0px 20px 20px rgba(23, 13, 0, 0.06);
}

.card-tag {
  background-color: #f0ede4;
  border-radius: 20px;
  color: #000;
  padding: 5px 20px;
}

.launcher-point-image {
  width: "100px";
  height: "100px";
}

@media (max-width: 767px) {
  .launcher-point-image {
    width: "80px";
    height: "80px";
  }
}
.display_none {
  display: none !important;
}

.display_block {
  display: block !important;
}

@media (max-width: 767px) {
  .display-none-mobile {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  .display-none-tab {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .display-block-mobile {
    display: block !important;
  }
}
.black_color {
  color: #000 !important;
}

.notification-wrapper {
  background: #ffd9d6;
  box-shadow: 0px 10px 30px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  z-index: 999;
}

.notification-wrapper1 {
  background: #ffd9d6;
  box-shadow: 0px 10px 30px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  z-index: 999;
}

.otp-wrapper {
  margin: 40px 100px 0px 100px;
  display: flex;
  justify-content: space-around;
}

.otp-wrapper .otp-field {
  height: 56px;
  width: 40px;
  background: #ffffff;
  border: 1px solid #f0ede4;
  box-sizing: border-box;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  color: #3761c8;
}

.textAlignLeft {
  text-align: left !important;
}

.ant-picker {
  padding-left: 0px !important;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  height: 56px;
}

.ant-picker input {
  font-size: 13px !important;
  font-weight: normal !important;
}

.ant-picker:hover {
  border-color: #ffffff;
}

.ant-form-item-has-error .ant-picker {
  border-color: #ffffff !important;
}

.model-wrapper-bank-detail {
  background: #ffffff;
  border-radius: 10px;
  padding-bottom: 24px;
}

.model-wrapper-bank-detail .info-bank-title .info-icon {
  margin: 29px 9px 0px 29px;
  color: #3761c8;
  font-size: 18px;
}

.model-wrapper-bank-detail .info-bank-title .bank {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
  margin: 25px 0px 0px 0px;
}

.model-wrapper-bank-detail .wrapper {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  margin: 0px;
  padding: 0px 15px 0px 55px;
  color: #1f1f1f;
}

.min-height-50vh {
  min-height: 40vh;
}

.min-height-30vh {
  min-height: 30vh;
}

.full-width {
  width: 100%;
}

.text-uppercase {
  text-transform: uppercase;
}

.ckyc-wrapper .ant-form-item-label {
  padding-bottom: 0;
  font-weight: 600;
}

.ckyc-wrapper .ant-radio-checked .ant-radio-inner {
  border-color: rgba(31, 31, 31, 0.8) !important;
}

.ckyc-wrapper .ant-radio-checked .ant-radio-inner::after {
  background-color: rgb(31, 31, 31) !important;
}

.ckyc-wrapper .radio-account {
  font-weight: 700;
}

.ckyc-wrapper .ant-select-selector {
  height: 56px;
  border-radius: 14px;
  background-color: #ffffff;
  align-items: center;
  padding: 0px 0px 0px 20px;
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
  border: none;
}

.ckyc-wrapper .ant-select-selector .ant-select-selection-search {
  display: none;
}

.ckyc-wrapper .ant-select-selector .ant-select-selection-item {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
}

.ckyc-wrapper .fieldSection .ant-row .ant-input-disabled,
.ckyc-wrapper .ant-select-disabled .ant-select-selector,
.ckyc-wrapper .ant-picker-disabled {
  background-color: rgba(204, 204, 204, 0.4);
  color: #202020;
}

.ckyc-wrapper .fieldSection .ant-row .ant-picker-disabled input,
.ckyc-wrapper .ant-select-disabled .ant-select-selection-item {
  background-color: transparent;
  color: #202020;
}

.ckyc-wrapper .ant-picker {
  border-color: transparent;
}

.ckyc-wrapper .ant-picker:hover {
  border-color: transparent;
}

.ckyc-wrapper .fieldSection.short .ant-row {
  margin-bottom: 10px;
}

.ckyc-wrapper .fieldSection .ant-row .ant-input-wrapper {
  border-radius: 14px;
  overflow: hidden;
}

.ckyc-wrapper .fieldSection .ant-row .ant-input-wrapper input.ant-input-disabled {
  border-radius: 0;
}

.ckyc-wrapper .fieldSection .ant-row .ant-input-wrapper .ant-input-group-addon {
  border: 0;
  cursor: pointer;
  background-color: rgba(204, 204, 204, 0.4);
}

.text-error {
  color: #ff4d4f;
}

.full-width {
  width: 100% !important;
}

.custom-pop .ant-modal-header {
  border: 0;
  padding-bottom: 0;
  padding-top: 40px;
  border-radius: 16px;
}

.custom-pop .ant-modal-title {
  font-size: 18px;
  font-weight: 700;
}

.ant-modal.custom-pop .ant-modal-body {
  padding-top: 10px;
}

.custom-pop .ant-modal-footer {
  border: 0;
  padding-top: 0;
  padding-bottom: 30px;
}

.custom-pop .ant-modal-close-x {
  display: block;
  width: 70px;
  height: 70px;
  font-size: 23px;
  font-style: normal;
  line-height: 100px;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
}

.custom-pop .ant-modal-content {
  border-radius: 16px;
}

.custom-pop .ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(2px);
}

.monthReport button.slick-arrow.slick-prev {
  transform: none !important;
  top: 15px;
  left: -25px;
}

.monthReport .slick-prev:before {
  content: "";
  opacity: 1;
  background-image: url("https://cdn.kristal.ai/portal/images/only_arrow_back.svg");
  background-size: 24px 17px;
  display: inline-block;
  width: 24px;
  height: 17px;
}

.monthReport .slick-next:before {
  content: "";
  transform: rotate(180deg);
  display: block;
  opacity: 1;
  background-image: url("https://cdn.kristal.ai/portal/images/only_arrow_back.svg");
  background-size: 24px 17px;
  display: inline-block;
  width: 24px;
  height: 17px;
}

.monthReport button.slick-arrow.slick-next {
  transform: none !important;
  top: 15px;
  right: -5px;
}

.hover-box {
  position: absolute;
  top: 50px;
  background: white;
  border-radius: 8px;
  padding: 20px;
  padding-bottom: 10px;
  width: 370px;
  z-index: 1;
  left: -165px;
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .hover-box {
    left: -150px;
    width: 300px;
  }
}
@media (max-width: 767px) {
  .hover-box {
    left: 20%;
    top: 220px;
    max-width: 370px;
    width: 90%;
  }
}
@media (max-width: 575px) {
  .hover-box {
    left: 5%;
    top: 245px;
    max-width: 370px;
    width: 90%;
  }
}
.hover-box > .kristal-tag {
  margin-bottom: 10px;
}

.hover-box {
  display: none;
}

.display-hover {
  position: relative;
}

@media (max-width: 767px) {
  .display-hover {
    position: unset;
  }
}
.display-hover > span {
  color: #d2ddf9;
  border: 2px solid #d2ddf9;
  padding: 2px 15px;
  border-radius: 20px;
  cursor: default;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .display-hover > span {
    padding: 1px 10px 2px;
    font-size: 7px;
    line-height: 10px;
  }
}
.display-hover:hover .hover-box {
  display: flex !important;
}

span.upArrow {
  position: absolute;
  top: -15px;
  color: white;
  left: 50%;
}

@media (max-width: 767px) {
  span.upArrow {
    left: 50%;
  }
}
.box-overlay {
  width: 100px;
  height: 40px;
  position: absolute;
  background: transparent;
  top: -30px;
  left: 35%;
}

.flex-direction-col {
  flex-direction: column;
}

.nav-left a {
  color: #999999;
  padding: 25px;
  text-align: center;
  border-top: 1px solid #f3f0e9;
  border-bottom: 1px solid #f3f0e9;
  display: block;
}

a.active-filter {
  color: #3761c8;
  font-weight: 600;
  background: white;
}

.filters .ant-modal-body {
  padding: 0 !important;
}

.custom-checkbox span.ant-checkbox-inner {
  background: white !important;
}

.custom-checkbox .ant-checkbox-checked .ant-checkbox-inner::after {
  border: 2px solid #3761c8 !important;
  border-top: 0 !important;
  border-left: 0 !important;
}

.right-padding-45 {
  padding-right: 45px;
}

.flex-start {
  align-items: flex-start;
}

.flex-wrap {
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .desktop_only {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .desktop_only_message {
    display: none !important;
  }
}
@media (min-width: 577px) {
  .mobile_only {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .mobile_only_profile {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .white-space {
    white-space: break-spaces;
  }
}
@media (max-width: 767px) {
  .center-mobile {
    text-align: center !important;
  }
}
.center {
  text-align: center !important;
}

.w-800 {
  width: 800px;
}

.w-600 {
  width: 600px;
}

.w-500 {
  width: 500px;
}

.w-400 {
  width: 400px;
}

.text-24 {
  font-size: 24px;
  line-height: 28px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .text-24 {
    font-size: 13px;
    line-height: 16px;
  }
}
@media (max-width: 767px) {
  .text-24 {
    font-size: 20px;
    line-height: 24px;
  }
}
.text-16 {
  font-size: 16px;
  line-height: 22px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .text-16 {
    font-size: 12px;
    line-height: 14px;
  }
}
@media (max-width: 767px) {
  .text-16 {
    font-size: 14px;
    line-height: 20px;
  }
}
.text-16-details {
  font-size: 16px;
  line-height: 22px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .text-16-details {
    font-size: 9px;
    line-height: 12px;
  }
}
@media (max-width: 767px) {
  .text-16-details {
    font-size: 14px;
    line-height: 20px;
  }
}
.text-14 {
  font-size: 14px;
  line-height: 20px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .text-14 {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (max-width: 767px) {
  .text-14 {
    font-size: 14px;
    line-height: 20px;
  }
}
.text-14-details {
  font-size: 14px;
  line-height: 20px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .text-14-details {
    font-size: 9px;
    line-height: 13px;
  }
}
@media (max-width: 767px) {
  .text-14-details {
    font-size: 14px;
    line-height: 20px;
  }
}
.text-12 {
  font-size: 12px;
  line-height: 18px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .text-12 {
    font-size: 10px;
    line-height: 12px;
  }
}
@media (max-width: 767px) {
  .text-12 {
    font-size: 12px;
    line-height: 16px;
  }
}
.text-10 {
  font-size: 10px;
  line-height: 14px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .text-10 {
    font-size: 10px;
    line-height: 14px;
  }
}
@media (max-width: 767px) {
  .text-10 {
    font-size: 12px;
    line-height: 18px;
  }
}
.row-406 {
  max-width: 406px;
  width: 100%;
}

@media (min-width: 768px) {
  .month-report {
    width: 610px;
  }
}
@media (min-width: 767px) and (max-width: 767px) {
  .month-report {
    width: 450px;
  }
}
@media (min-width: 481px) and (max-width: 567px) {
  .month-report {
    width: 350px;
  }
}
@media (max-width: 480px) {
  .month-report {
    width: 300px;
  }
}
.month-report .slick-next {
  transform: none !important;
  padding-left: 20px;
}

.month-report p {
  text-align: center;
  padding-left: 10px;
}

.month-report h3 {
  position: relative;
  padding-left: 10px;
  text-align: center;
}

.tags-style {
  display: flex;
  min-height: 38px;
  align-items: baseline;
}

.title-similar {
  min-height: 56px !important;
  margin-bottom: 2px !important;
}

.tags-style p {
  background: #f0ede4;
  padding: 2px 12px;
  font-size: 12px;
  margin-left: 10px;
  border-radius: 24px;
  margin-bottom: 0;
  margin-top: 5px;
}

.chartModal .ant-modal-content {
  border-radius: 10px !important;
  padding: 15px;
}

.isLockModal .ant-modal-content {
  border-radius: 10px !important;
  padding: 15px;
}

p.maxBg {
  background: #00b267;
  color: white !important;
  padding: 5px 0px 5px 10px;
  margin-bottom: 4px;
  position: relative;
  top: -5px;
  border-radius: 4px;
}

p.minBg {
  background: #f44336;
  color: white !important;
  padding: 5px 4px;
  margin-bottom: 4px;
  position: relative;
  top: -5px;
  border-radius: 4px;
}

.chartModal .ant-modal-footer,
.isLockModal .ant-modal-footer {
  border-top: 0;
}

.isLockModal button {
  border: 0;
  font-weight: 600;
  font-size: 16px;
  color: #3761c8;
}

.isLockModal .ant-modal-header {
  padding-bottom: 0;
  border-bottom: 0;
}

.chartModal .ant-modal-header {
  padding-bottom: 0;
  border-bottom: 0;
}

.other-holdings {
  display: inline-block;
  padding: 5px 30px;
  background: #f7f5f2;
  border-radius: 24px;
}

.other-holdings p {
  margin-bottom: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

.joint-account-docusign {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 480px) {
  .joint-account-docusign {
    display: flex;
  }
}
.width246 {
  width: 246px;
}

.margin-0-auto {
  margin: 0px auto !important;
}

.white-space-break {
  white-space: break-spaces;
}

.btn-for-document {
  background: transparent;
  color: #1f1f1f;
  border: 2px solid #1f1f1f;
  padding: 10px 20px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 600;
  width: 406px;
  height: 56px;
}

@media (max-width: 1023px) {
  .btn-for-document {
    width: 100%;
  }
}
.btn-for-document:hover {
  background: transparent;
  color: #1f1f1f;
  border: 2px solid #1f1f1f;
}

.positive_green_color {
  color: #00b267;
}

.negative_red_color {
  color: #f44336 !important;
}

.triangle-up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #00b267;
  position: absolute;
  top: 3px;
  left: -10px;
}

.triangle-down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #f44336;
  position: absolute;
  top: 3px;
  left: -10px;
}

.centered_lock_1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button-unlock {
  background-color: #3761c8;
  color: #d2ddf9;
  border: 2px solid #d2ddf9;
  border-radius: 24px;
}

.kristal-details-video-modal {
  height: 100vh;
}

.kristal-details-video-modal .ant-modal-content {
  border-radius: 16px !important;
  height: 100vh;
}

@media (max-width: 768px) {
  .kristal-details-video-modal .ant-modal-content {
    padding: 0px;
    height: 100vh;
  }
}
.kristal-image-container {
  height: 75px;
  width: 75px;
  background-color: #f0ede4;
  border: 2px solid #f0ede4;
  border-radius: 16px;
}

@media (min-width: 767px) and (max-width: 1023px) {
  .kristal-image-container {
    height: 40px;
    width: 40px;
  }
}
.kristal-action-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 72px;
  gap: 10px;
  background: #3761c8;
  border-radius: 14px;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #f0ede4;
  border: 1px solid #3761c8;
  cursor: pointer;
}

.blur_effect {
  filter: blur(1.5px);
}

.extra_blur_effect {
  filter: blur(2.5px);
}

.nonDraggableImage {
  -webkit-user-drag: none;
}

.italic {
  font-style: italic;
}

.Aktiv {
  font-family: "Aktiv";
}

.noScrollBar {
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-height: none; /* Firefox */
}

.noScrollBar::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.holdings_action_popover {
  border-radius: 8px;
  width: 120px;
}

.holdings_action_popover .ant-popover-inner {
  border-radius: 8px;
  background-color: #474747 !important;
}

.holdings_action_popover .ant-popover-inner .ant-popover-inner-content {
  padding: 16px;
}

.holdings_action_popover .ant-popover-arrow {
  background-color: transparent !important;
}

.holdings_action_popover .ant-popover-arrow .ant-popover-arrow-content::before {
  background: unset !important;
}

.holdings_action_popover.ant-popover {
  z-index: 600 !important;
}

.reports_action_popover {
  border-radius: 8px;
  width: 180px;
  z-index: 9999 !important;
}

.reports_action_popover .ant-popover-inner {
  border-radius: 8px;
  background-color: #474747 !important;
}

.reports_action_popover .ant-popover-inner .ant-popover-inner-content {
  padding: 16px;
}

.reports_action_popover .ant-popover-inner .ant-popover-inner-content .ant-spin-dot-item {
  background-color: #fff;
}

.reports_action_popover .ant-popover-arrow {
  background-color: transparent !important;
}

.reports_action_popover .ant-popover-arrow .ant-popover-arrow-content .ant-spin-dot-item {
  background-color: #fff;
}

.reports_action_popover .ant-popover-arrow .ant-popover-arrow-content::before {
  background: unset !important;
}

/* Mobile-specific styles for reports action popover */
@media (max-width: 768px) {
  .reports_action_popover {
    z-index: 9999 !important;
    position: fixed !important;
  }
  .reports_action_popover .ant-popover-inner {
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05) !important;
  }
  .reports_action_popover .ant-popover-inner .ant-popover-inner-content {
    padding: 12px;
  }
}
.reports_search_popover {
  border-radius: 8px;
  width: 300px;
}

.reports_search_popover .ant-popover-inner {
  border-radius: 8px;
}

.reports_search_popover .ant-popover-inner .ant-popover-inner-content {
  padding: 16px;
}

.reports_search_popover .ant-popover-arrow {
  background-color: transparent !important;
}

.reports_search_popover .ant-popover-arrow .ant-popover-arrow-content::before {
  background: unset !important;
}

.search-btn {
  background-color: #1f1f1f;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 50%;
  font-family: "Aktiv-Bold";
  font-weight: bold;
  cursor: pointer;
  font-size: 20px;
  text-align: center;
  color: #f0ede4;
}

.search-btn i {
  background-color: #fff;
}

.search-btn.not-allowed {
  cursor: not-allowed;
}

.reset-btn {
  border: 2px solid #1f1f1f;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background-color: #f7f5f2;
  align-items: center;
  width: 50%;
  font-family: "Aktiv-Bold";
  font-weight: bold;
  font-size: 20px;
  cursor: pointer;
  text-align: center;
  color: #1f1f1f;
}

.reset-btn i {
  background-color: #fff;
}

.reset-btn.not-allowed {
  cursor: not-allowed;
}

.search-input {
  border: 1px solid #1f1f1f !important;
  width: 100%;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  padding: 17px 24px 17px 20px;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
  font-weight: 700;
  background-color: #fff;
  letter-spacing: 0.1em;
}

.search-input input.ant-input {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #1f1f1f;
}

.search-input input.ant-input .ant-input-affix-wrapper {
  border: 1px solid #1f1f1f !important;
}

.search-input input.ant-input .ant-input-affix-wrapper :hover {
  border: 1px solid #1f1f1f !important;
}

.search-input input.ant-input .ant-input-affix-wrapper-focused {
  border: 1px solid #1f1f1f !important;
}

.search-input input.ant-input .ant-input-affix-wrapper-focused :hover {
  border: 1px solid #1f1f1f !important;
}

.letter-spacing-neg {
  letter-spacing: -2px;
}

.percent_match {
  z-index: 999;
  transform: rotate(45deg);
  color: white;
  background: linear-gradient(246.36deg, #638ae9 34.78%, #002d9c 86.02%);
  border: 1px solid #d2ddf9;
  box-shadow: -3px 3px 24px 0px rgba(0, 0, 0, 0.4509803922);
  padding: 5px 55px;
}

.loader_image_with_gif {
  height: 50px !important;
  width: 50px !important;
}

.blinking-green {
  animation: blinker 1s linear infinite;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #00b267;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.message_header_comp_popover {
  position: fixed !important;
}

.message_header_comp_popover .ant-popover-inner {
  border-radius: 8px;
}

.message_header_comp_popover .ant-popover-inner .ant-popover-inner-content {
  padding: 0px !important;
  width: 550px !important;
}

.message_header_comp_popover .ant-popover-inner .ant-popover-inner-content .ant-spin-dot-item {
  background-color: #fff;
}

.message_header_comp_popover .ant-popover-arrow {
  background-color: transparent !important;
}

.message_header_comp_popover .ant-popover-arrow .ant-popover-arrow-content::before {
  background: unset !important;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.login-container .btnCustomClickEnabledLogin {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 72px;
  background: #1f1f1f !important;
  border-radius: 14px !important;
  color: white !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 28px !important;
  height: 56px !important;
  width: 100% !important;
  border: 2px solid #1f1f1f;
}

@media (max-width: 767px) {
  .login-container .btnCustomClickEnabledLogin {
    font-size: 16px !important;
    line-height: 20px !important;
  }
}
.login-container .reset_password_border_wrong .ant-input-password {
  border: 1px solid #f44336 !important;
}

.login-container .reset_password_border_right .ant-input-password {
  border: transparent !important;
}

.login-container .reset_password_label_wrong {
  color: #f44336 !important;
}

.login-container #reset_password_label_wrong {
  color: #f44336 !important;
}

.login-container .tick_sign_set {
  position: absolute;
  top: 20px !important;
  right: 25px !important;
}

.login-container .tick_sign_reset {
  position: absolute;
  top: 185px !important;
  right: -128px !important;
}

.login-container h6.topSmall {
  font-size: 14px;
  color: #777777;
  line-height: 20px;
}

.login-container h6.topLarge {
  font-size: 14px;
  color: #638ae9;
  line-height: 20px;
  margin-left: 5px;
}

.login-container h6.link {
  font-size: 16px;
  color: #638ae9;
  line-height: 22px;
  margin-left: 5px;
  cursor: pointer;
  color: #3761c8;
  font-weight: 700;
}

.login-container h6.bottomSmall {
  font-size: 14px;
  color: #777777;
}

.login-container .mainHeading {
  margin-top: 33px;
}

.login-container h1 {
  width: 400px;
  line-height: 35px;
  color: #1f1f1f;
}

.login-container span.numberInt {
  font-size: 18px;
  font-weight: 700;
  margin-right: 7px;
}

.login-container span.numberStr {
  position: relative;
  top: 5px;
  color: #999999;
  font-weight: 600;
}

.login-container .btnCustom {
  text-align: center;
  background: white;
  padding: 20px;
  width: 93%;
  height: 70px;
  margin-top: 16px;
  border-radius: 8px;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  cursor: pointer;
}

.login-container .btnCustomLarge {
  text-align: center;
  background: white;
  padding: 20px;
  width: 96%;
  height: 70px;
  margin-top: 16px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  cursor: pointer;
}

.login-container .btnCustomClick {
  background: #cccccc !important;
  border-radius: 5px !important;
  color: white !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  margin-top: 35px !important;
  height: 60px !important;
  width: 100% !important;
}

.login-container .backArrow .icon-span {
  margin-right: 10px;
  font-size: 20px;
  color: #3761c8;
}

.login-container .backArrow .text-span {
  margin-right: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #3761c8;
}

.login-container .backArrow {
  margin-top: 33px;
  cursor: pointer;
}

.login-container .back {
  margin-left: -200px;
}

.login-container .active1,
.login-container .active2,
.login-container .active3,
.login-container .active4,
.login-container .activeNobody {
  background: #000000;
}

.login-container .active1 .numberInt,
.login-container .active2 .numberInt,
.login-container .active3 .numberInt,
.login-container .active4 .numberInt,
.login-container .activeNobody .numberInt {
  color: #ffffff;
}

.login-container .active1 .numberStr,
.login-container .active2 .numberStr,
.login-container .active3 .numberStr,
.login-container .active4 .numberStr,
.login-container .activeNobody .numberStr {
  color: #999999;
}

.login-container .btnCustomClickEnabled {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 72px;
  background: #1f1f1f !important;
  border-radius: 14px !important;
  color: white !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  margin-top: 25px !important;
  height: 56px !important;
  width: 100% !important;
  border: 2px solid #1f1f1f;
}

.login-container .btnGoogle {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  padding: 14px 60px;
  background: whitesmoke !important;
  border-radius: 14px !important;
  color: #1f1f1f !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 28px !important;
  height: 56px !important;
  width: 100% !important;
  border: 2px solid black;
}

.login-container .aboveCustomLine {
  width: 100%;
  text-align: center;
  z-index: 2;
}

.login-container .aboveCustomLine span {
  background-color: #f7f5f1;
  padding: 0px 5px;
}

.login-container .customLine {
  width: 100%;
  border-bottom: 1px solid #999999;
  position: relative;
  top: -15px;
  z-index: 1;
}

.login-container .customCheckBox {
  background: white;
  margin-bottom: 16px;
  padding: 20px;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  cursor: pointer;
  padding-left: 100px;
  padding-bottom: 16px;
}

.login-container .activeINVESTMENTS,
.login-container .activeBUYING_A_HOUSE,
.login-container .activeFINANCIAL_EXPENSES,
.login-container .activeNO_I_HAVE_NOT_BORROWED,
.login-container .active0K_200K,
.login-container .active200K_1M,
.login-container .active1M_2M,
.login-container .active2M_more {
  background: black;
  margin-bottom: 16px;
  padding: 20px;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  cursor: pointer;
  padding-left: 100px;
  padding-bottom: 16px;
}

.login-container .activeINVESTMENTS span,
.login-container .activeBUYING_A_HOUSE span,
.login-container .activeFINANCIAL_EXPENSES span,
.login-container .activeNO_I_HAVE_NOT_BORROWED span,
.login-container .active2M_more span,
.login-container .active1M_2M span,
.login-container .active200K_1M span,
.login-container .active0K_200K span {
  color: white;
}

.login-container .borrowMoneyBoxSpan {
  position: relative;
  top: -19px;
  left: 7px;
  font-size: 15px;
  font-weight: 500;
}

.login-container .liquidNetWorthBoxSpan {
  font-size: 15px;
  font-weight: 700;
}

.login-container .liquidNetWorthBoxSpan-flag {
  float: right;
}

.login-container .btnCol {
  text-align: center;
}

.login-container .fieldSection {
  margin-top: 40px;
}

.login-container .fieldSection .ant-row p {
  margin: 0px;
  margin-bottom: 5px;
  color: #999999;
  font-size: 16px;
}

.login-container .fieldSection .ant-input-password {
  padding: 0px !important;
  color: #999999;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  border: 0px;
  height: 56px;
  position: relative;
}

.login-container span.ant-input-suffix {
  position: absolute;
  right: 17px;
  top: 12px;
}

.login-container .fieldSection .ant-row input {
  padding: 10px 10px 10px 20px;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  border: 0px;
  height: 56px;
}

.login-container .fieldSection .ant-row {
  margin-bottom: 26px;
}

.login-container span.lossOfNetWorthBoxIcon {
  font-size: 19px;
  font-weight: 600;
  float: left;
}

.login-container span.lossOfNetWorthBoxSpan {
  font-size: 15px;
  font-weight: 700;
  padding-left: 100px;
}

.login-container .customCheckBoxForLossOfNetWorth,
.login-container .customCheckBoxExperience {
  background: white;
  margin-bottom: 16px;
  padding: 20px;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  cursor: pointer;
  padding-bottom: 16px;
}

.login-container .customCheckBoxExperience {
  height: 86px;
}

.login-container .activeLossOfNetWorthNo_Little_loss,
.login-container .activeLossOfNetWorth-10_to_20,
.login-container .activeLossOfNetWorth-20-orMore,
.login-container .activeExperienceSIGIFICANT,
.login-container .activeExperienceLITTLE,
.login-container .activeExperienceNO {
  background: black;
  margin-bottom: 16px;
  padding: 20px;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  cursor: pointer;
  padding-bottom: 16px;
}

.login-container .activeLossOfNetWorth-20-orMore span.lossOfNetWorthBoxSubtext {
  color: #999999;
  font-size: 12px;
  margin-left: 7px;
  font-weight: 600;
}

.login-container span.lossOfNetWorthBoxSubtext {
  color: #999999;
  font-size: 12px;
  margin-left: 7px;
  font-weight: 600;
}

.login-container .activeExperienceSIGIFICANT,
.login-container .activeExperienceLITTLE,
.login-container .activeExperienceNO {
  height: 86px;
}

.login-container .activeLossOfNetWorthNo_Little_loss span,
.login-container .activeLossOfNetWorth-10_to_20 span,
.login-container .activeLossOfNetWorth-20-orMore span {
  color: white;
}

.login-container h6.exp-title {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 0px;
}

.login-container p.exp-text {
  margin-bottom: 0px;
}

.login-container p.exp-subtitle {
  color: #999999;
}

.login-container .activeExperienceSIGIFICANT h6,
.login-container .activeExperienceSIGIFICANT p,
.login-container .activeExperienceLITTLE h6,
.login-container .activeExperienceLITTLE p,
.login-container .activeExperienceNO h6,
.login-container .activeExperienceNO p {
  color: white;
}

.login-container .multi-select h6.exp-title {
  float: left;
  margin-right: 12px;
  margin-bottom: 14px;
  padding: 10px 22px;
  background: white;
  border-radius: 34px;
  cursor: pointer;
}

.login-container .selectedCOMMODITIES,
.login-container .selectedDERIVATIVES,
.login-container .selectedSTOCKS,
.login-container .selectedETFS,
.login-container .selectedBONDS,
.login-container .selectedMUTUAL_FUNDS,
.login-container .selectedFOREIGN_EXCHANGE,
.login-container .selectedREITS,
.login-container .selectedHEDGE_FUND,
.login-container .selectedPRIVATE_EQUITY {
  float: left;
  margin-right: 12px;
  margin-bottom: 14px;
  padding: 10px 22px;
  background: black;
  border-radius: 34px;
  cursor: pointer;
  color: white;
  font-size: 15px;
  font-weight: 700;
}

.login-container .risk-status-img-container {
  position: absolute;
  left: 60%;
  top: -18%;
}

.login-container p.low-risk span {
  background: #c3efdc;
  color: #00b267;
  padding: 7px 20px;
  border-radius: 23px;
  font-size: 16px;
}

.login-container p.low-risk {
  margin-top: 16px;
}

.login-container h1.risk-profile-state {
  font-weight: 900;
  font-size: 40px;
}

.login-container p.retake-rp {
  color: #3761c8;
  margin-top: 14px;
  font-size: 16px;
}

.login-container .slider-container {
  margin-top: 100px;
}

.login-container .slider-custom .ant-slider-step {
  background: black;
  height: 2px;
}

.login-container .slider-custom .ant-slider-dot {
  background: black;
  border: 2px solid #000000;
  height: 14px;
  border-radius: 0px;
  width: 1px;
  top: -6px;
}

.login-container .slider-custom .ant-slider-handle {
  border: 15px solid #000000 !important;
  height: 40px;
  width: 40px;
  top: -10px;
}

.login-container .slider-custom .ant-slider-handle:focus {
  border-color: #000000;
  box-shadow: 0 0 0 5px rgba(3, 13, 22, 0.12);
}

.login-container .slider-custom .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: #000000;
}

.login-container .slider-custom .ant-slider-track {
  height: 0px;
}

.login-container .otp-modal-container .ant-modal-header {
  border: 0px;
}

.login-container .otp-modal-container .ant-modal-body {
  padding-top: 0px;
}

.login-container .modal-container-text {
  color: #777777;
  margin-bottom: 32px;
  width: 88%;
}

.login-container .otp-modal-container {
  width: 40% !important;
}

.login-container .ant-modal.otp-modal-container .ant-modal-content {
  padding: 28px;
  border-radius: 16px;
}

.login-container .modal-container-text p {
  font-size: 16px;
}

.login-container .otp-modal-container .ant-modal-title {
  font-size: 18px;
  font-family: "Aktiv-Bold" !important;
}

.login-container .resend-verification-code {
  color: #3761c8;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

.login-container .otp-modal-container .ant-modal-footer {
  border: 0px;
}

.login-container ::placeholder {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #999999;
}

.login-container .otp-modal-submit {
  background: #3761c8 !important;
  border-color: #3761c8 !important;
  border-radius: 8px !important;
  padding: 0px 22px !important;
  font-family: "Aktiv-Bold";
}

@media (max-width: 767px) {
  .login-container .otp-modal-submit {
    padding: 0px 12px !important;
  }
}
.login-container .opt-input-container {
  position: relative;
}

.login-container .opt-input-container .loader-container {
  position: absolute;
  width: 100%;
  top: 90px;
  right: 0;
  left: 0;
  text-align: center;
}

.login-container .react-otp-container {
  width: 100%;
  margin: 0 auto;
}

.login-container .otp-field-container {
  margin-bottom: 30px;
}

.login-container .react-otp-input,
.login-container .react-otp-input-error,
.login-container .react-otp-input-verified {
  border: 1px solid rgba(196, 196, 196, 0.3);
  border-radius: 6px;
  width: 100% !important;
  margin: 5px;
  padding: 12px;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
}

.login-container .react-otp-input-error {
  border: 1px solid #d64e24 !important;
}

.login-container .react-otp-input-verified {
  border: 1px solid #229c74;
}

.login-container .verified-chip,
.login-container .wrong-otp-chip {
  padding: 4px 8px;
  margin-top: 10px;
  color: #ffffff;
  font-weight: 500;
  border-radius: 25px;
}

.login-container .verified-chip {
  background-color: #229c74;
}

.login-container .wrong-otp-chip {
  background-color: #d64e24;
}

@media (max-width: 767px) {
  .login-container {
    width: 100%;
  }
}
.whatsapp_us_ckyc {
  width: 100%;
  height: 95px;
  background: #f0ede4;
  border: 2px solid #ffffff;
  border-radius: 8px;
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
}

.whatsapp_us_ckyc .whatsapp_logo {
  width: 68px;
  height: 68px;
  background: #ffffff;
  border: 2px solid #3761c8;
  border-radius: 8px;
  display: flex;
  justify-content: center;
}

.pan_input {
  width: 406px;
  height: 56px;
  background: #ffffff;
  border-radius: 10px;
}

.ckyc_dob {
  width: 406px !important;
  height: 56px !important;
  background: #ffffff !important;
  border-radius: 10px !important;
  padding: 10px !important;
}

.ramadan-modal {
  height: 720px !important;
  width: 1080px !important;
}

.ramadan-modal .ant-modal-content {
  border-radius: 16px !important;
}

.ramadan-modal .ant-modal-content .ant-modal-body {
  padding: 0px !important;
  height: 100% !important;
  width: 100% !important;
}

.ramadan-modal .ant-modal-content .ant-modal-body .ramadan_Kareem_Website_popup_banner {
  height: 100% !important;
  width: 100% !important;
}

::placeholder {
  font-weight: 400 !important;
}

.signup-container ::placeholder {
  font-size: 16px;
  line-height: 22px;
  color: #999999;
  font-weight: 400 !important;
}

.signup-container .leftPattern {
  position: absolute;
  left: 0;
  height: 70px !important;
  width: 70px !important;
  top: -350px !important;
}

.signup-container .password_signup_wrong input.ant-input {
  color: #f44336 !important;
  margin-bottom: 1px;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: bold !important;
}

.signup-container .tick_sign_set {
  position: absolute;
  top: 20px !important;
  right: 20px !important;
}

.signup-container .tick_sign_set_signup {
  position: absolute;
  top: 45px !important;
  right: 20px !important;
}

.signup-container .referral-code {
  font-size: 16px !important;
  line-height: 22px !important;
  font-weight: bold !important;
}

.signup-container .about_referral {
  font-weight: 400 !important;
  font-style: italic !important;
}

.signup-container .password_signup_right input.ant-input {
  color: #000000 !important;
}

.signup-container .dot {
  margin: 0px 4px 2px 0px;
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #999999;
  border-radius: 50%;
}

.signup-container .condition-text-wrapper {
  margin-top: 5px;
  display: flex;
  justify-content: space-around;
  width: 406px;
}

@media (max-width: 767px) {
  .signup-container .condition-text-wrapper {
    width: 100%;
    margin-top: 0px;
  }
}
.signup-container .condition-text {
  position: static;
  width: 53px;
  height: 16px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #777777;
}

.signup-container h1.mainHeadingBig {
  margin-top: 80px;
  font-size: 32px;
  color: #3761c8;
  line-height: 40px;
  font-weight: 700;
}

.signup-container h6.topSmall {
  font-size: 14px;
  color: #777777;
  line-height: 20px;
}

.signup-container h6.topLarge {
  font-size: 14px;
  color: #638ae9;
  line-height: 20px;
  margin-left: 5px;
}

.signup-container h6.link {
  font-size: 16px;
  color: #3761c8 !important;
  line-height: 22px;
  margin-left: 5px;
  cursor: pointer;
}

.signup-container h6.bottomSmall {
  font-size: 14px;
  color: #777777;
}

.signup-container .mainHeading {
  margin-top: 45px;
}

.signup-container h1 {
  width: 400px;
  line-height: 35px;
  color: #1f1f1f;
}

.signup-container span.numberInt {
  font-size: 18px;
  font-weight: 700;
  margin-right: 7px;
}

.signup-container span.numberStr {
  position: relative;
  top: 5px;
  color: #999999;
  font-weight: 600;
}

.signup-container .btnCustom {
  text-align: center;
  background: white;
  padding: 20px;
  width: 93%;
  height: 70px;
  margin-top: 16px;
  border-radius: 8px;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  cursor: pointer;
}

.signup-container .btnCustomLarge {
  text-align: center;
  background: white;
  padding: 20px;
  width: 96%;
  height: 70px;
  margin-top: 16px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  cursor: pointer;
}

.signup-container .btnCustomClick {
  background: #cccccc !important;
  width: 96% !important;
  border-radius: 5px !important;
  text-align: center !important;
  color: white !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  padding: 16px !important;
  cursor: pointer !important;
  height: 60px !important;
  width: 100% !important;
}

.signup-container .backArrow .icon-span {
  margin-left: 50px;
  font-size: 20px;
  color: #3761c8;
}

.signup-container .backArrow .text-span {
  margin-left: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #3761c8;
}

.signup-container .backArrow {
  margin-left: 20px;
  margin-top: 45px;
  cursor: pointer;
}

.signup-container .active1,
.signup-container .active2,
.signup-container .active3,
.signup-container .active4,
.signup-container .activeNobody {
  background: #000000;
}

.signup-container .active1 .numberInt,
.signup-container .active2 .numberInt,
.signup-container .active3 .numberInt,
.signup-container .active4 .numberInt,
.signup-container .activeNobody .numberInt {
  color: #ffffff;
}

.signup-container .active1 .numberStr,
.signup-container .active2 .numberStr,
.signup-container .active3 .numberStr,
.signup-container .active4 .numberStr,
.signup-container .activeNobody .numberStr {
  color: #999999;
}

.signup-container .btnCustomClickEnabledSignup {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 72px;
  background: #1f1f1f !important;
  border-radius: 14px !important;
  color: white !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 28px !important;
  height: 56px !important;
  width: 100% !important;
  border: 2px solid #1f1f1f;
}

@media (max-width: 767px) {
  .signup-container .btnCustomClickEnabledSignup {
    width: 100% !important;
    font-size: 16px !important;
  }
}
.signup-container .btnCustomClickDisableSignup {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 72px;
  background: #cccccc !important;
  border-radius: 14px !important;
  color: #f0ede4 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 28px !important;
  height: 56px !important;
  width: 100% !important;
  border: 2px solid transparent;
  cursor: not-allowed !important;
}

@media (max-width: 767px) {
  .signup-container .btnCustomClickDisableSignup {
    width: 100% !important;
  }
}
.signup-container .not_received_btn {
  color: #999999 !important;
}

.signup-container .not_received_btn::hover {
  color: #999999 !important;
}

.signup-container .btnCustomClickEnabledEmailVerify {
  background: #000000 !important;
  border-radius: 15px !important;
  text-align: center !important;
  color: #f0ede4 !important;
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: 700 !important;
  padding: 16px !important;
  margin-top: 35px !important;
  height: 60px !important;
  width: 100% !important;
  border-color: #000000 !important;
}

.signup-container .btnCustomClickDisableEmailVerify {
  background: #cccccc !important;
  color: #f0ede4 !important;
  border-radius: 15px !important;
  text-align: center !important;
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: 700 !important;
  padding: 16px !important;
  margin-top: 35px !important;
  height: 60px !important;
  width: 100% !important;
  border-color: #cccccc !important;
}

.signup-container .skipbtn {
  background: transparent !important;
  border-radius: 15px !important;
  text-align: center !important;
  color: #040404 !important;
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: 700 !important;
  padding: 16px !important;
  border: 2px solid #040404 !important;
  height: 60px !important;
  width: 100% !important;
}

.signup-container .referral_border_wrong {
  border: 1px solid #f44336 !important;
}

.signup-container .referral-container {
  position: relative;
  width: 380px;
  height: 56px;
  top: 0px;
  background: #ffffff;
  border: 1px solid #3761c8;
  box-sizing: border-box;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 2px 0px;
}

.signup-container .referral-container .ant-input {
  width: 289px;
  height: 54px !important;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
}

.signup-container .referral-container .referral-check {
  position: absolute;
  width: 45px;
  height: 22px;
  right: 24px;
  top: calc(50% - 11px);
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: right;
}

.signup-container .wrongPassword {
  width: 253px;
  height: 20px;
  left: 0px;
  top: 0px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #f44336;
  flex: none;
  order: 0;
  flex-grow: 0;
}

.signup-container .btnCustomClickDisabled {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 72px;
  background: #cccccc !important;
  border-radius: 14px !important;
  color: white !important;
  font-size: 24px !important;
  line-height: 28px;
  font-weight: 700 !important;
  height: 56px !important;
  width: 100% !important;
}

.signup-container .btnGoogle {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  padding: 14px 40px;
  background: whitesmoke !important;
  border-radius: 14px !important;
  color: #1f1f1f !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  height: 56px !important;
  width: 100% !important;
  border: 2px solid black;
  font-size: 24px !important;
  line-height: 28px !important;
}

.signup-container .aboveCustomLine {
  width: 100%;
  text-align: center;
  z-index: 2;
  font-size: 14px;
  line-height: 20px;
  color: #777777 !important;
}

.signup-container .aboveCustomLine span {
  background-color: #f7f5f1;
  padding: 0px 5px;
}

.signup-container .customLine {
  width: 100%;
  border-bottom: 1px solid #999999;
  position: relative;
  top: -15px;
  z-index: 1;
}

.signup-container .customCheckBox {
  background: white;
  margin-bottom: 16px;
  padding: 20px;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  cursor: pointer;
  padding-left: 100px;
  padding-bottom: 16px;
}

.signup-container .activeINVESTMENTS,
.signup-container .activeBUYING_A_HOUSE,
.signup-container .activeFINANCIAL_EXPENSES,
.signup-container .activeNO_I_HAVE_NOT_BORROWED,
.signup-container .active0K_200K,
.signup-container .active200K_1M,
.signup-container .active1M_2M,
.signup-container .active2M_more {
  background: black;
  margin-bottom: 16px;
  padding: 20px;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  cursor: pointer;
  padding-left: 100px;
  padding-bottom: 16px;
}

.signup-container .activeINVESTMENTS span,
.signup-container .activeBUYING_A_HOUSE span,
.signup-container .activeFINANCIAL_EXPENSES span,
.signup-container .activeNO_I_HAVE_NOT_BORROWED span,
.signup-container .active2M_more span,
.signup-container .active1M_2M span,
.signup-container .active200K_1M span,
.signup-container .active0K_200K span {
  color: white;
}

.signup-container .borrowMoneyBoxSpan {
  position: relative;
  top: -19px;
  left: 7px;
  font-size: 15px;
  font-weight: 500;
}

.signup-container .liquidNetWorthBoxSpan {
  font-size: 15px;
  font-weight: 700;
}

.signup-container .liquidNetWorthBoxSpan-flag {
  float: right;
}

.signup-container .btnCol {
  text-align: center;
}

.signup-container .password_border_wrong .ant-input-password .referral_border_wrong {
  border: 1px solid #f44336 !important;
}

.signup-container .password_border_wrong_signup {
  border: 1px solid #f44336 !important;
}

.signup-container .password_border_right .ant-input-password {
  border: transparent !important;
}

.signup-container span.ant-input-suffix {
  position: absolute;
  right: 17px;
  top: 13px;
}

.signup-container .fieldSection {
  margin-top: 30px;
}

.signup-container .fieldSection .ant-row p {
  margin: 0px;
  margin-bottom: 5px;
  color: #999999;
}

.signup-container .fieldSection .ant-input-password {
  padding: 0px !important;
  color: #999999;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  border: 0px;
  height: 56px;
  position: relative;
}

@media (max-width: 767px) {
  .signup-container .fieldSection .ant-input-password {
    width: 100%;
  }
}
.signup-container .fieldSection .ant-input-password_error {
  padding: 0px !important;
  color: #999999;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  border: 0px;
  height: 58px;
  position: relative;
}

.signup-container .fieldSection .ant-row input {
  padding: 10px 10px 10px 20px;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  border: 0px;
  height: 54px;
}

.signup-container .fieldSection .ant-row .ant-select {
  display: block;
  padding: 12px 12px 12px 0px;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  border: 0px;
  height: 56px;
  width: 100%;
}

.signup-container .fieldSection .ant-select-selector {
  border: 0px;
}

.signup-container .fieldSection .changepass .ant-row {
  margin-bottom: 0px;
}

.signup-container .fieldSection .ant-row {
  margin-bottom: 30px;
  width: 380px;
}

@media (max-width: 1023px) {
  .signup-container .fieldSection .ant-row {
    width: 100%;
  }
}
.signup-container .changePassFieldSelection {
  margin-top: 30px;
}

.signup-container .changePassFieldSelection .ant-row p {
  margin: 0px;
  margin-bottom: 5px;
  color: #999999;
}

.signup-container .changePassFieldSelection .ant-input-password {
  padding: 0px !important;
  color: #999999;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  border: 0px;
  height: 56px;
  position: relative;
}

@media (max-width: 767px) {
  .signup-container .changePassFieldSelection .ant-input-password {
    width: 100%;
  }
}
.signup-container .changePassFieldSelection .ant-input-password_error {
  padding: 0px !important;
  color: #999999;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  border: 0px;
  height: 58px;
  position: relative;
}

.signup-container .changePassFieldSelection .ant-row input {
  padding: 10px 10px 10px 20px;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  border: 0px;
  height: 56px;
}

.signup-container .changePassFieldSelection .ant-row .ant-select {
  display: block;
  padding: 12px 12px 12px 0px;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  border: 0px;
  height: 56px;
  width: 100%;
}

.signup-container .changePassFieldSelection .ant-select-selector {
  border: 0px;
}

.signup-container .changePassFieldSelection .changepass .ant-row {
  margin-bottom: 0px;
}

.signup-container .changePassFieldSelection .ant-row {
  margin-bottom: 30px;
  width: 380px;
}

@media (max-width: 767px) {
  .signup-container .changePassFieldSelection .ant-row {
    width: 100%;
  }
}
.signup-container span.lossOfNetWorthBoxIcon {
  font-size: 19px;
  font-weight: 600;
  float: left;
}

.signup-container span.lossOfNetWorthBoxSpan {
  font-size: 15px;
  font-weight: 700;
  padding-left: 100px;
}

.signup-container .customCheckBoxForLossOfNetWorth,
.signup-container .customCheckBoxExperience {
  background: white;
  margin-bottom: 16px;
  padding: 20px;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  cursor: pointer;
  padding-bottom: 16px;
}

.signup-container .customCheckBoxExperience {
  height: 86px;
}

.signup-container .activeLossOfNetWorthNo_Little_loss,
.signup-container .activeLossOfNetWorth-10_to_20,
.signup-container .activeLossOfNetWorth-20-orMore,
.signup-container .activeExperienceSIGIFICANT,
.signup-container .activeExperienceLITTLE,
.signup-container .activeExperienceNO {
  background: black;
  margin-bottom: 16px;
  padding: 20px;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  cursor: pointer;
  padding-bottom: 16px;
}

.signup-container .activeLossOfNetWorth-20-orMore span.lossOfNetWorthBoxSubtext {
  color: #999999;
  font-size: 12px;
  margin-left: 7px;
  font-weight: 600;
}

.signup-container span.lossOfNetWorthBoxSubtext {
  color: #999999;
  font-size: 12px;
  margin-left: 7px;
  font-weight: 600;
}

.signup-container .activeExperienceSIGIFICANT,
.signup-container .activeExperienceLITTLE,
.signup-container .activeExperienceNO {
  height: 86px;
}

.signup-container .activeLossOfNetWorthNo_Little_loss span,
.signup-container .activeLossOfNetWorth-10_to_20 span,
.signup-container .activeLossOfNetWorth-20-orMore span {
  color: white;
}

.signup-container h6.exp-title {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 0px;
}

.signup-container p.exp-text {
  margin-bottom: 0px;
}

.signup-container p.exp-subtitle {
  color: #999999;
}

.signup-container .activeExperienceSIGIFICANT h6,
.signup-container .activeExperienceSIGIFICANT p,
.signup-container .activeExperienceLITTLE h6,
.signup-container .activeExperienceLITTLE p,
.signup-container .activeExperienceNO h6,
.signup-container .activeExperienceNO p {
  color: white;
}

.signup-container .multi-select h6.exp-title {
  float: left;
  margin-right: 12px;
  margin-bottom: 14px;
  padding: 10px 22px;
  background: white;
  border-radius: 34px;
  cursor: pointer;
}

.signup-container .selectedCOMMODITIES,
.signup-container .selectedDERIVATIVES,
.signup-container .selectedSTOCKS,
.signup-container .selectedETFS,
.signup-container .selectedBONDS,
.signup-container .selectedMUTUAL_FUNDS,
.signup-container .selectedFOREIGN_EXCHANGE,
.signup-container .selectedREITS,
.signup-container .selectedHEDGE_FUND,
.signup-container .selectedPRIVATE_EQUITY {
  float: left;
  margin-right: 12px;
  margin-bottom: 14px;
  padding: 10px 22px;
  background: black;
  border-radius: 34px;
  cursor: pointer;
  color: white;
  font-size: 15px;
  font-weight: 700;
}

.signup-container .termsandpolicy {
  color: #3761c8 !important;
  cursor: pointer;
}

.signup-container .risk-status-img-container {
  position: absolute;
  left: 60%;
  top: -18%;
}

.signup-container p.low-risk span {
  background: #c3efdc;
  color: #00b267;
  padding: 7px 20px;
  border-radius: 23px;
  font-size: 16px;
}

.signup-container p.low-risk {
  margin-top: 16px;
}

.signup-container h1.risk-profile-state {
  font-weight: 900;
  font-size: 40px;
}

.signup-container p.retake-rp {
  color: #3761c8;
  margin-top: 14px;
  font-size: 16px;
}

.signup-container .slider-container {
  margin-top: 100px;
}

.signup-container .slider-custom .ant-slider-step {
  background: black;
  height: 2px;
}

.signup-container .slider-custom .ant-slider-dot {
  background: black;
  border: 2px solid #000000;
  height: 14px;
  border-radius: 0px;
  width: 1px;
  top: -6px;
}

.signup-container .slider-custom .ant-slider-handle {
  border: 15px solid #000000 !important;
  height: 40px;
  width: 40px;
  top: -10px;
}

.signup-container .slider-custom .ant-slider-handle:focus {
  border-color: #000000;
  box-shadow: 0 0 0 5px rgba(3, 13, 22, 0.12);
}

.signup-container .slider-custom .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: #000000;
}

.signup-container .slider-custom .ant-slider-track {
  height: 0px;
}

.signup-container .otp-modal-container .ant-modal-header {
  border: 0px;
}

.signup-container .otp-modal-container .ant-modal-body {
  padding-top: 0px;
}

.signup-container .modal-container-text {
  color: #777777;
  margin-bottom: 32px;
  width: 88%;
}

.signup-container .otp-modal-container {
  width: 40% !important;
}

.signup-container .modal-container-text p {
  font-size: 16px;
}

.signup-container .otp-modal-container .ant-modal-title {
  font-size: 18px;
  font-family: "Aktiv-Bold" !important;
}

.signup-container .resend-verification-code {
  color: #3761c8;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

.signup-container .otp-modal-container .ant-modal-footer {
  border: 0px;
}

.signup-container .otp-modal-submit {
  background: #3761c8 !important;
  border-color: #3761c8 !important;
  border-radius: 8px !important;
  padding: 0px 22px !important;
  font-family: "Aktiv-Bold";
}

@media (max-width: 767px) {
  .signup-container .otp-modal-submit {
    padding: 0px 12px !important;
  }
}
.signup-container .opt-input-container {
  position: relative;
}

.signup-container .opt-input-container .loader-container {
  position: absolute;
  width: 100%;
  top: 90px;
  right: 0;
  left: 0;
  text-align: center;
}

.signup-container .react-otp-container {
  width: 100%;
  margin: 0 auto;
}

.signup-container .otp-field-container {
  margin-bottom: 16px;
}

.signup-container .otp-fiels-wrong input {
  padding: 10px;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  border: 1px solid red !important;
  height: 56px;
}

.signup-container .otp-fiels-right input {
  padding: 10px;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  border: 0px;
  height: 56px;
}

.signup-container .react-otp-input,
.signup-container .react-otp-input-error,
.signup-container .react-otp-input-verified {
  border: 1px solid rgba(196, 196, 196, 0.3);
  border-radius: 6px;
  width: 100% !important;
  margin: 5px;
  padding: 12px 0px;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
}

.signup-container .react-otp-input-error {
  border: 1px solid #d64e24 !important;
}

.signup-container .react-otp-input-verified {
  border: 1px solid #229c74;
}

.signup-container .verified-chip,
.signup-container .wrong-otp-chip {
  padding: 4px 8px;
  margin-top: 10px;
  color: #ffffff;
  font-weight: 500;
  border-radius: 25px;
}

.signup-container .verified-chip {
  background-color: #229c74;
}

.signup-container .wrong-otp-chip {
  background-color: #d64e24;
}

.signup-container .signup_view_container {
  width: 100%;
  margin: 0px auto;
  padding: 0px 32px;
}

.signup-container .signup_view_container.postkyc .slick-prev {
  transform: none !important;
  left: -10px;
}

.signup-container .signup_view_container.postkyc .slick-next {
  transform: none !important;
  right: -10px;
}

.signup-container .signup_view_container .slick-dots {
  padding: 0px 32px;
  bottom: -40px;
  justify-content: center;
  margin-left: 0px;
  margin-right: 0px;
}

.signup-container .signup_view_container .slick-dots li {
  margin-left: 0px;
  margin-right: 16px;
  display: block;
}

.signup-container .signup_view_container .slick-dots li.slick-active {
  margin-left: 0px;
  margin-right: 16px;
  width: fit-content;
}

.signup-container .signup_view_container .slick-dots li.slick-active button {
  width: 32px;
  height: 8px;
  background-color: #3761c8;
  opacity: 1;
  border-radius: 12px;
}

.signup-container .signup_view_container .slick-dots li button {
  width: 8px;
  height: 8px;
  background-color: #999;
  border-radius: 50%;
  height: 8px;
}

.signup-container .signup_view_container .onbording_container {
  height: 588px;
  max-width: 534px;
  width: 100%;
  background: #f0ede4;
  border-radius: 8px;
  padding: 58px;
  margin: 0px auto;
  position: relative;
}

.signup-container .signup_view_container .onbording_container .onbording_image_top_corner {
  position: absolute;
  top: 0;
  right: 0;
  height: 148.1px;
  border-radius: 0px 8px 0px 0px;
}

.signup-container .signup_view_container .onbording_container .onbording_image {
  margin: 0px auto;
  width: 332.27px;
  height: 266.65px;
}

.signup-container .signup_view_container .onbording_container .onbording_title {
  font-weight: 700;
  font-size: 40px;
  line-height: 46px;
}

.signup-container .signup_view_container .onbording_container .onbording_subtitle {
  font-weight: 400;
  font-size: 17.102px;
  line-height: 24px;
}

.signup-container .signup_country {
  display: flex;
  align-items: center;
}

.signup-container .signup_country .ant-select-selector {
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.signup-container .signup_country .country_dropdown_arrow {
  font-weight: 700;
}

.signup-container .referral_code {
  padding: 0px;
  margin-top: 20px;
}

.country_dropdown {
  height: 54px;
  background: #fff;
  border-radius: 10px;
}

.country_dropdown_menu {
  background: #ffffff !important;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15) !important;
  border-radius: 8px !important;
  padding-left: 8px;
}

.code_not_request_modal .resend_btn {
  padding: 3px !important;
}

.code_not_request_modal span.anticon.anticon-close.ant-modal-close-icon {
  font-size: 22px;
}

.code_not_request_modal .ant-modal-close {
  margin-top: 25px;
  color: #777777;
  margin-right: 20px;
}

.code_not_request_modal .ant-modal-content {
  border-radius: 20px;
}

.code_not_request_modal .ant-modal-body {
  padding: 40px;
  font-size: 14px;
  line-height: 1.5715;
  word-wrap: break-word;
}

@media (max-width: 767px) {
  .code_not_request_modal .ant-modal-body {
    padding: 20px;
  }
}
.refferal_request_modal .resend_btn {
  padding: 3px !important;
}

.refferal_request_modal span.anticon.anticon-close.ant-modal-close-icon {
  font-size: 22px;
}

.refferal_request_modal .ant-modal-close {
  margin-top: 25px;
  color: #777777;
  margin-right: 20px;
}

.refferal_request_modal .ant-modal-content {
  border-radius: 20px;
}

.refferal_request_modal .ant-modal-body {
  padding: 40px;
  font-size: 14px;
  line-height: 1.5715;
  word-wrap: break-word;
}

@media (max-width: 767px) {
  .refferal_request_modal .ant-modal-body {
    padding: 20px;
  }
}
.refferal_request_modal .referral_border_wrong {
  border: 1px solid #f44336 !important;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  height: 56px;
  background: #ffffff;
}

.refferal_request_modal .refferal_input {
  font-weight: 700;
  height: 56px;
  background: #ffffff;
  border: 1px solid #cccccc;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
}

.refferal_request_modal #loading {
  display: flex;
  margin: 0px auto;
  width: 40px;
  height: 40px;
  border: 5px solid rgba(55, 96, 200, 0.3);
  border-radius: 50%;
  border-top-color: #3760c8;
  animation: spin 1s linear infinite;
  -webkit-animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
.reset-password-container .tick_sign_set {
  position: absolute;
  top: 15px !important;
  right: 22px !important;
}

.show-mob,
.show-tab {
  display: none !important;
}

@media (min-width: 1023px) {
  .onlyDesktop {
    display: none !important;
  }
}
.nobreak {
  white-space: nowrap;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .ant-notification-notice-with-icon .ant-notification-notice-description {
    padding-right: 30px !important;
  }
  .hide-mobile {
    display: none !important;
  }
  .height-full-mobile {
    height: 100vh !important;
  }
  .preferences-container {
    padding-top: 10px;
  }
  .textcenter-tab {
    text-align: center !important;
  }
  .mt-30-tab {
    margin-top: 30px !important;
  }
  .btngoogle-tab {
    justify-content: center !important;
  }
  .btngoogle-tab img {
    margin-right: 5px !important;
  }
  .btngoogle-tab span {
    margin-left: 5px !important;
  }
  .tab-container {
    max-width: 500px;
    width: 500px;
    margin: auto;
  }
  .tab-container-imp {
    max-width: 500px !important;
    width: 500px !important;
    margin: auto;
  }
  .tab-back-arrow {
    position: absolute !important;
    z-index: 9 !important;
  }
  .tab-back-arrow-fee {
    position: absolute !important;
    z-index: 9 !important;
    left: 0;
  }
  .width100-tab {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .hide-mob-tab {
    display: none !important;
  }
  .show-tab {
    display: block !important;
  }
  .mobile-h1 {
    width: 100% !important;
    text-align: center;
    line-height: 37px !important;
    font-size: 25px !important;
  }
  .margin-top-20-mob {
    margin-top: 20px !important;
  }
  .mob-padding-container {
    padding: 0 10px;
  }
  .mob-padding-container-leftsp {
    padding: 0 0 0 15px;
  }
  .height-auto-mob {
    height: auto !important;
  }
  .align-center-mob {
    align-items: center;
  }
  .welcomehelp-mob span {
    height: 150px !important;
  }
  .welcomehelp-mob img {
    height: 150px !important;
    min-height: 150px !important;
    object-fit: cover;
  }
  .pad-10-mob {
    padding: 10px !important;
  }
  .mbottom-0-mob {
    margin-bottom: 0 !important;
  }
  .cards-mob {
    flex-wrap: nowrap;
  }
  .no-row-gap-mob {
    width: 100% !important;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .font-12-mob {
    font-size: 12px !important;
  }
  .ant-notification-notice.ant-notification-notice.ant-notification-notice-warning.ant-notification-notice-closable {
    width: 320px !important;
    position: relative !important;
    min-width: 320px !important;
  }
  .suggestion-mob {
    flex-wrap: wrap;
    justify-content: flex-start !important;
  }
  .suggestion-mob > div {
    padding-right: 25px;
  }
  .cards-mob > div {
    width: 47% !important;
    height: auto !important;
  }
  .mtop0-mob {
    margin-top: 0 !important;
  }
  .mright0-mob {
    margin-right: 0 !important;
  }
  .logout-btn-mob {
    margin-top: 30px;
    border: 0;
    color: #3761c8 !important;
  }
  .jc-center-mob {
    justify-content: center;
  }
  .cards-mob > div:first-child {
    margin: 20px 15px 0px 0px !important;
  }
  .card-text {
    font-size: 14px;
    line-height: 18px;
    padding-top: 10px;
  }
  .interest-cardTemplate {
    width: calc(33% - 15px) !important;
  }
  .w25-tab {
    width: calc(25% - 15px) !important;
  }
  .preferences-container .cards-container {
    width: 540px !important;
    margin: auto;
  }
  .mt-10-tab {
    margin-top: 10px !important;
  }
  .adjust-post-mob {
    position: absolute;
    top: 50px;
    z-index: 9;
  }
  .shift-right-13 {
    position: relative;
    right: 13px;
  }
  .pr-20-tab-mob {
    padding-right: 20px;
  }
  span.clBtn {
    border: 0 !important;
    color: #3761c8 !important;
    width: 100%;
    text-align: center;
  }
  .pr-15-mob-tab {
    padding-right: 15px;
  }
  .risk-profile-state {
    position: relative;
    z-index: 2;
  }
  .risk-profile-container .rpResult {
    margin-top: 0px;
  }
  .rpResult h6 {
    text-align: center !important;
    margin-bottom: 60px !important;
  }
  .risk-profile-container h1.risk-profile-state {
    text-align: center !important;
    font-size: 32px !important;
  }
  .rpResult .low-risk {
    text-align: center !important;
  }
  .risk-profile-container p.low-risk span {
    font-size: 12px;
    padding: 4px 18px;
    font-weight: 700;
  }
}
@media (max-width: 767px) {
  .risk-profile-container .customCheckBox,
  .risk-profile-container .activeMAKING_INVESTMENTS,
  .risk-profile-container .activePURCHASE_OF_HOUSE,
  .risk-profile-container .activeFINANCE_EXPENSES,
  .risk-profile-container .activeHAVENT_BORROWED,
  .risk-profile-container .active0K_200K,
  .risk-profile-container .active0K_10M,
  .risk-profile-container .active0K_1M,
  .risk-profile-container .active200K_1M,
  .risk-profile-container .active10M_60M,
  .risk-profile-container .active1M_2M,
  .risk-profile-container .active60M_110M,
  .risk-profile-container .active6M_10M,
  .risk-profile-container .active2M_MORE,
  .risk-profile-container .active110M_MORE,
  .risk-profile-container .active10M_MORE,
  .risk-profile-container .active0K_150K,
  .risk-profile-container .active36k_72k,
  .risk-profile-container .active150K_360K,
  .risk-profile-container .active1M_2Mnew,
  .risk-profile-container .active54M_10725M,
  .risk-profile-container .active8M_16M,
  .risk-profile-container .active720K_143M,
  .risk-profile-container .active1M_6M {
    padding-left: 13px !important;
  }
  .ant-notification-notice-with-icon .ant-notification-notice-description {
    padding-right: 30px !important;
  }
  .login-container .btnGoogle {
    padding: 14px 0;
    justify-content: center !important;
  }
  .login-container .btnGoogle span img {
    margin-right: 3px !important;
  }
  .width-100-mob {
    width: 100% !important;
  }
  .risk-profile-state {
    position: relative;
    z-index: 2;
  }
  .pr-20-tab-mob {
    padding-right: 20px;
  }
  .ant-slider-mark-text {
    padding: 2px 4px !important;
    font-size: 12px !important;
  }
  .risk-profile-container .customCheckBox {
    padding-left: 10px;
  }
  .pr-15-mob-tab {
    padding-right: 15px;
  }
  .no-pr-tab-mob {
    padding-right: 5px !important;
  }
  .hide-mob-tab {
    display: none !important;
  }
  span.clBtn {
    border: 0 !important;
    color: #3761c8 !important;
    width: 100%;
    text-align: center;
  }
  .preferences-container {
    padding-top: 10px;
  }
  .adjust-post-mob {
    position: relative;
    top: 80px;
    z-index: 9;
  }
  .mt-10-tab {
    margin-top: 10px !important;
  }
  .mt-30-tab {
    margin-top: 30px !important;
  }
  .btngoogle-tab {
    padding: 10px !important;
    justify-content: center !important;
  }
  .btngoogle-tab img {
    margin-right: 5px !important;
    width: 20px !important;
    max-width: 20px !important;
  }
  .adjust-post-mob {
    position: relative;
    top: 20px;
    right: 55px;
  }
  .mob-fix-width {
    width: 9px !important;
    max-width: 9px !important;
    height: 17px !important;
    position: absolute;
    z-index: 9;
  }
  .btngoogle-tab span {
    margin-left: 5px !important;
    font-size: 23px;
  }
  .height-full-mobile {
    height: 100vh !important;
  }
  .mob-button-bottom {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
  }
  .mob-button-bottom-padding {
    position: absolute;
    bottom: 0px;
    left: 20px;
    right: 20px;
  }
  .hide-mobile {
    display: none !important;
  }
  .hide-only-mobile {
    display: none !important;
  }
  .show-mob {
    display: block !important;
  }
  .mobile-h1 {
    width: 100% !important;
    text-align: center;
    line-height: 30px !important;
    font-size: 20px !important;
  }
  .margin-top-20-mob {
    margin-top: 20px !important;
  }
  .mob-padding-container {
    padding: 0 10px;
  }
  .mob-padding-container-leftsp {
    padding: 0 0 0 15px;
  }
  .height-auto-mob {
    height: auto !important;
  }
  .align-center-mob {
    align-items: center;
  }
  .welcomehelp-mob span {
    height: 150px !important;
  }
  .welcomehelp-mob img {
    height: 150px !important;
    min-height: 150px !important;
    object-fit: cover;
  }
  .pad-10-mob {
    padding: 10px !important;
  }
  .mbottom-0-mob {
    margin-bottom: 0 !important;
  }
  .cards-mob {
    flex-wrap: nowrap;
    justify-content: center;
  }
  .display-block-mob {
    display: block !important;
  }
  .no-row-gap-mob {
    width: 100% !important;
    max-width: 100%;
    flex: 0 0 100%;
    min-width: 100% !important;
  }
  .mob-back-arrow-rp {
    position: absolute;
    left: -15px;
    top: 15px;
    z-index: 9 !important;
  }
  .mob-back-arrow-kyc {
    position: absolute;
    left: 15px;
    top: 55px;
    z-index: 9 !important;
  }
  .font-12-mob {
    font-size: 12px !important;
  }
  .mob-back-arrow {
    position: absolute;
    left: 25px;
    top: -7px;
    z-index: 9 !important;
  }
  .ant-notification-notice.ant-notification-notice.ant-notification-notice-warning.ant-notification-notice-closable {
    width: 320px !important;
    position: relative !important;
    min-width: 320px !important;
  }
  .suggestion-mob {
    flex-wrap: wrap;
    justify-content: flex-start !important;
  }
  .suggestion-mob > div {
    padding-right: 25px;
  }
  .cards-mob > div {
    width: 47% !important;
    height: auto !important;
  }
  .mtop0-mob {
    margin-top: 0 !important;
  }
  .mright0-mob {
    margin-right: 0 !important;
  }
  .logout-btn-mob {
    margin-top: 30px;
    border: 0;
    color: #3761c8 !important;
  }
  .jc-center-mob {
    justify-content: center;
  }
  .cards-mob > div:first-child {
    margin: 20px 15px 0px 0px !important;
  }
  .card-text {
    font-size: 14px;
    line-height: 18px;
    padding-top: 10px;
  }
  .interest-cardTemplate {
    width: calc(50% - 15px) !important;
  }
  .textcenter-mob {
    text-align: center !important;
  }
  .flagadj-mob {
    width: 280px !important;
    max-width: 280px !important;
    min-width: 280px !important;
    margin: auto;
    margin-bottom: 23px;
  }
  .flag-icon-mob {
    top: 52px !important;
    right: 45px !important;
  }
  .flag-txt-mob {
    top: 45px !important;
    right: 35px !important;
  }
  .risk-profile-container span.lossOfNetWorthBoxSpan {
    padding-left: 20px !important;
  }
  .risk-profile-container .selected4,
  .selected5,
  .selected1,
  .selected2,
  .selected3,
  .selected6,
  .selected8,
  .selected7,
  .selected9,
  .risk-profile-container .multi-select h6.exp-title {
    font-size: 14px !important;
    padding: 4px 10px !important;
  }
  .risk-profile-container .customCheckBoxExperience,
  .risk-profile-container .activeExperienceSIGNIFICANT_EXPERIENCE,
  .risk-profile-container .activeExperienceBASIC_EXPERIENCE,
  .risk-profile-container .activeExperienceLITTLE_OR_NO_EXPERIENCE {
    padding: 10px 20px !important;
    padding-bottom: 0 !important;
  }
  .risk-profile-container .customCheckBoxExperience,
  .risk-profile-container .activeExperienceSIGNIFICANT_EXPERIENCE,
  .risk-profile-container .activeExperienceBASIC_EXPERIENCE,
  .risk-profile-container .activeExperienceLITTLE_OR_NO_EXPERIENCE {
    height: 80px !important;
  }
  .risk-profile-container .btnCustomClickEnabled span {
    font-size: 18px;
    position: relative;
    line-height: 24px;
    font-family: "Aktiv-Bold";
  }
  h1.risk-profile-state {
    position: relative;
    z-index: 2;
  }
  ul.forAiPoints li {
    display: flex;
    align-items: baseline;
  }
  .resend-verification-code {
    font-size: 12px !important;
  }
  span.tick-bi {
    position: relative;
    top: 0px !important;
  }
  .react-otp-container {
    width: 100% !important;
  }
  .otp-modal-container .ant-modal-body {
    padding: 3px !important;
  }
  .otp-modal-container .ant-modal-content {
    padding: 13px !important;
  }
  .risk-profile-container .rpComplete button {
    width: 100% !important;
    font-size: 14px !important;
  }
  .mt-mob-0 {
    margin-top: 0 !important;
  }
  .plr-mob-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .risk-profile-container .rpResult {
    margin-top: 0px;
  }
  .rpResult h6 {
    text-align: center !important;
    margin-bottom: 60px !important;
  }
  .risk-profile-container h1.risk-profile-state {
    text-align: center !important;
    font-size: 32px !important;
  }
  .rpResult .low-risk {
    text-align: center !important;
  }
  .risk-profile-container p.low-risk span {
    font-size: 12px;
    padding: 4px 18px;
    font-weight: 700;
  }
}
@media (max-width: 370px) {
  span.ant-select-selection-item {
    font-size: 14px;
  }
  .condition-text-wrapper .condition-text {
    font-size: 9px;
  }
  .signup-container .fieldSection .ant-row input {
    padding: 10px 3px 10px 3px !important;
  }
  span.ant-select-selection-placeholder span {
    font-size: 13px !important;
  }
  .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
  .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
    padding-right: 5px;
  }
}
@media (max-width: 1023px) {
  .auth_left_pattern {
    display: none;
  }
}
@media (max-width: 1023px) {
  .auth_right_pattern {
    display: none;
  }
}
.auth_left_mobile_pattern {
  display: none;
}

@media (max-width: 1023px) {
  .auth_left_mobile_pattern {
    display: block;
  }
}
.auth_right_mobile_pattern {
  display: none;
}

@media (max-width: 1023px) {
  .auth_right_mobile_pattern {
    display: block;
  }
}
.auth_container {
  max-width: 530px;
  width: 100%;
}

.auth_container .auth_logo {
  margin-top: 142px;
}

@media (max-width: 1023px) {
  .auth_container .auth_logo {
    display: flex;
    justify-content: center;
    margin-top: 39px;
  }
}
@media (max-width: 767px) {
  .auth_container .auth_logo {
    display: flex;
    justify-content: center;
    margin-top: 39px;
  }
}
.auth_container .auth_mobile {
  display: none;
}

@media (max-width: 1023px) {
  .auth_container .auth_mobile {
    text-align: center;
    display: block;
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .auth_container .auth_mobile {
    display: block;
    margin-top: 70px;
  }
}
.auth_container .auth_title {
  font-size: 48px;
  line-height: 56px;
}

@media (max-width: 1023px) {
  .auth_container .auth_title {
    font-size: 38px;
    line-height: 40px;
    width: 431px;
    text-align: center;
    margin: 0px auto;
  }
}
@media (max-width: 767px) {
  .auth_container .auth_title {
    font-size: 32px;
    line-height: 38px;
    text-align: center;
  }
}
.auth_container .auth_sub_title {
  max-width: 431px;
  width: 100%;
}

@media (max-width: 1023px) {
  .auth_container .auth_sub_title {
    width: 431px;
    text-align: center;
    margin: 0px auto;
  }
}
@media (max-width: 767px) {
  .auth_container .auth_sub_title {
    width: 100%;
    text-align: center;
    margin: 0px auto;
  }
}
.auth_container .auth_sub_loader {
  margin-top: -400px;
}

@media (max-width: 1023px) {
  .auth_container .auth_sub_loader {
    width: 431px;
    text-align: center;
    margin: 0px auto;
    margin-top: -400px;
  }
}
@media (max-width: 767px) {
  .auth_container .auth_sub_loader {
    width: 100%;
    text-align: center;
    margin: 0px auto;
    margin-top: -450px;
  }
}
@media (max-width: 1023px) {
  .auth_container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 767px) {
  .auth_container {
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
  }
}
.trading_facility .selected_facility {
  box-shadow: 0px 5px 15px 0px rgba(66, 52, 36, 0.0901960784);
  background: #363636;
  margin-bottom: 16px;
  border-radius: 8px;
  cursor: pointer;
  padding-left: 40px;
  width: 380px;
  height: 64px;
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  cursor: default;
}

.trading_facility .not_selected_facility {
  box-shadow: 0px 5px 15px 0px rgba(66, 52, 36, 0.0901960784);
  background: #cccccc;
  margin-bottom: 16px;
  border-radius: 8px;
  cursor: pointer;
  padding-left: 40px;
  width: 380px;
  height: 64px;
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  cursor: default;
}

::placeholder {
  font-weight: 400 !important;
}

.signup-container ::placeholder {
  font-size: 16px;
  line-height: 22px;
  color: #999999;
  font-weight: 400 !important;
}

.signup-container .leftPattern {
  position: absolute;
  left: 0;
  height: 70px !important;
  width: 70px !important;
  top: -350px !important;
}

.signup-container .password_signup_wrong input.ant-input {
  color: #f44336 !important;
  margin-bottom: 1px;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: bold !important;
}

.signup-container .tick_sign_set {
  position: absolute;
  top: 20px !important;
  right: 20px !important;
}

.signup-container .tick_sign_set_signup {
  position: absolute;
  top: 45px !important;
  right: 20px !important;
}

.signup-container .referral-code {
  font-size: 16px !important;
  line-height: 22px !important;
  font-weight: bold !important;
}

.signup-container .about_referral {
  font-weight: 400 !important;
  font-style: italic !important;
}

.signup-container .password_signup_right input.ant-input {
  color: #000000 !important;
}

.signup-container .dot {
  margin: 0px 4px 2px 0px;
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #999999;
  border-radius: 50%;
}

.signup-container .condition-text-wrapper {
  margin-top: 5px;
  display: flex;
  justify-content: space-around;
  width: 406px;
}

@media (max-width: 767px) {
  .signup-container .condition-text-wrapper {
    width: 100%;
    margin-top: 0px;
  }
}
.signup-container .condition-text {
  position: static;
  width: 53px;
  height: 16px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #777777;
}

.signup-container h1.mainHeadingBig {
  margin-top: 80px;
  font-size: 32px;
  color: #3761c8;
  line-height: 40px;
  font-weight: 700;
}

.signup-container h6.topSmall {
  font-size: 14px;
  color: #777777;
  line-height: 20px;
}

.signup-container h6.topLarge {
  font-size: 14px;
  color: #638ae9;
  line-height: 20px;
  margin-left: 5px;
}

.signup-container h6.link {
  font-size: 16px;
  color: #3761c8 !important;
  line-height: 22px;
  margin-left: 5px;
  cursor: pointer;
}

.signup-container h6.bottomSmall {
  font-size: 14px;
  color: #777777;
}

.signup-container .mainHeading {
  margin-top: 45px;
}

.signup-container h1 {
  width: 400px;
  line-height: 35px;
  color: #1f1f1f;
}

.signup-container span.numberInt {
  font-size: 18px;
  font-weight: 700;
  margin-right: 7px;
}

.signup-container span.numberStr {
  position: relative;
  top: 5px;
  color: #999999;
  font-weight: 600;
}

.signup-container .btnCustom {
  text-align: center;
  background: white;
  padding: 20px;
  width: 93%;
  height: 70px;
  margin-top: 16px;
  border-radius: 8px;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  cursor: pointer;
}

.signup-container .btnCustomLarge {
  text-align: center;
  background: white;
  padding: 20px;
  width: 96%;
  height: 70px;
  margin-top: 16px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  cursor: pointer;
}

.signup-container .btnCustomClick {
  background: #cccccc !important;
  width: 96% !important;
  border-radius: 5px !important;
  text-align: center !important;
  color: white !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  padding: 16px !important;
  cursor: pointer !important;
  height: 60px !important;
  width: 100% !important;
}

.signup-container .backArrow .icon-span {
  margin-left: 50px;
  font-size: 20px;
  color: #3761c8;
}

.signup-container .backArrow .text-span {
  margin-left: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #3761c8;
}

.signup-container .backArrow {
  margin-left: 20px;
  margin-top: 45px;
  cursor: pointer;
}

.signup-container .active1,
.signup-container .active2,
.signup-container .active3,
.signup-container .active4,
.signup-container .activeNobody {
  background: #000000;
}

.signup-container .active1 .numberInt,
.signup-container .active2 .numberInt,
.signup-container .active3 .numberInt,
.signup-container .active4 .numberInt,
.signup-container .activeNobody .numberInt {
  color: #ffffff;
}

.signup-container .active1 .numberStr,
.signup-container .active2 .numberStr,
.signup-container .active3 .numberStr,
.signup-container .active4 .numberStr,
.signup-container .activeNobody .numberStr {
  color: #999999;
}

.signup-container .btnCustomClickEnabledSignup {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 72px;
  background: #1f1f1f !important;
  border-radius: 14px !important;
  color: white !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 28px !important;
  height: 56px !important;
  width: 100% !important;
  border: 2px solid #1f1f1f;
}

@media (max-width: 767px) {
  .signup-container .btnCustomClickEnabledSignup {
    width: 100% !important;
    font-size: 16px !important;
  }
}
.signup-container .btnCustomClickDisableSignup {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 72px;
  background: #cccccc !important;
  border-radius: 14px !important;
  color: #f0ede4 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 28px !important;
  height: 56px !important;
  width: 100% !important;
  border: 2px solid transparent;
  cursor: not-allowed !important;
}

@media (max-width: 767px) {
  .signup-container .btnCustomClickDisableSignup {
    width: 100% !important;
  }
}
.signup-container .not_received_btn {
  color: #999999 !important;
}

.signup-container .not_received_btn::hover {
  color: #999999 !important;
}

.signup-container .btnCustomClickEnabledEmailVerify {
  background: #000000 !important;
  border-radius: 15px !important;
  text-align: center !important;
  color: #f0ede4 !important;
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: 700 !important;
  padding: 16px !important;
  margin-top: 35px !important;
  height: 60px !important;
  width: 100% !important;
  border-color: #000000 !important;
}

.signup-container .btnCustomClickDisableEmailVerify {
  background: #cccccc !important;
  color: #f0ede4 !important;
  border-radius: 15px !important;
  text-align: center !important;
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: 700 !important;
  padding: 16px !important;
  margin-top: 35px !important;
  height: 60px !important;
  width: 100% !important;
  border-color: #cccccc !important;
}

.signup-container .skipbtn {
  background: transparent !important;
  border-radius: 15px !important;
  text-align: center !important;
  color: #040404 !important;
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: 700 !important;
  padding: 16px !important;
  border: 2px solid #040404 !important;
  height: 60px !important;
  width: 100% !important;
}

.signup-container .referral_border_wrong {
  border: 1px solid #f44336 !important;
}

.signup-container .referral-container {
  position: relative;
  width: 380px;
  height: 56px;
  top: 0px;
  background: #ffffff;
  border: 1px solid #3761c8;
  box-sizing: border-box;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 2px 0px;
}

.signup-container .referral-container .ant-input {
  width: 289px;
  height: 54px !important;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
}

.signup-container .referral-container .referral-check {
  position: absolute;
  width: 45px;
  height: 22px;
  right: 24px;
  top: calc(50% - 11px);
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: right;
}

.signup-container .wrongPassword {
  width: 253px;
  height: 20px;
  left: 0px;
  top: 0px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #f44336;
  flex: none;
  order: 0;
  flex-grow: 0;
}

.signup-container .btnCustomClickDisabled {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 72px;
  background: #cccccc !important;
  border-radius: 14px !important;
  color: white !important;
  font-size: 24px !important;
  line-height: 28px;
  font-weight: 700 !important;
  height: 56px !important;
  width: 100% !important;
}

.signup-container .btnGoogle {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  padding: 14px 40px;
  background: whitesmoke !important;
  border-radius: 14px !important;
  color: #1f1f1f !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  height: 56px !important;
  width: 100% !important;
  border: 2px solid black;
  font-size: 24px !important;
  line-height: 28px !important;
}

.signup-container .aboveCustomLine {
  width: 100%;
  text-align: center;
  z-index: 2;
  font-size: 14px;
  line-height: 20px;
  color: #777777 !important;
}

.signup-container .aboveCustomLine span {
  background-color: #f7f5f1;
  padding: 0px 5px;
}

.signup-container .customLine {
  width: 100%;
  border-bottom: 1px solid #999999;
  position: relative;
  top: -15px;
  z-index: 1;
}

.signup-container .customCheckBox {
  background: white;
  margin-bottom: 16px;
  padding: 20px;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  cursor: pointer;
  padding-left: 100px;
  padding-bottom: 16px;
}

.signup-container .activeINVESTMENTS,
.signup-container .activeBUYING_A_HOUSE,
.signup-container .activeFINANCIAL_EXPENSES,
.signup-container .activeNO_I_HAVE_NOT_BORROWED,
.signup-container .active0K_200K,
.signup-container .active200K_1M,
.signup-container .active1M_2M,
.signup-container .active2M_more {
  background: black;
  margin-bottom: 16px;
  padding: 20px;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  cursor: pointer;
  padding-left: 100px;
  padding-bottom: 16px;
}

.signup-container .activeINVESTMENTS span,
.signup-container .activeBUYING_A_HOUSE span,
.signup-container .activeFINANCIAL_EXPENSES span,
.signup-container .activeNO_I_HAVE_NOT_BORROWED span,
.signup-container .active2M_more span,
.signup-container .active1M_2M span,
.signup-container .active200K_1M span,
.signup-container .active0K_200K span {
  color: white;
}

.signup-container .borrowMoneyBoxSpan {
  position: relative;
  top: -19px;
  left: 7px;
  font-size: 15px;
  font-weight: 500;
}

.signup-container .liquidNetWorthBoxSpan {
  font-size: 15px;
  font-weight: 700;
}

.signup-container .liquidNetWorthBoxSpan-flag {
  float: right;
}

.signup-container .btnCol {
  text-align: center;
}

.signup-container .password_border_wrong .ant-input-password .referral_border_wrong {
  border: 1px solid #f44336 !important;
}

.signup-container .password_border_wrong_signup {
  border: 1px solid #f44336 !important;
}

.signup-container .password_border_right .ant-input-password {
  border: transparent !important;
}

.signup-container span.ant-input-suffix {
  position: absolute;
  right: 17px;
  top: 13px;
}

.signup-container .fieldSection {
  margin-top: 30px;
}

.signup-container .fieldSection .ant-row p {
  margin: 0px;
  margin-bottom: 5px;
  color: #999999;
}

.signup-container .fieldSection .ant-input-password {
  padding: 0px !important;
  color: #999999;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  border: 0px;
  height: 56px;
  position: relative;
}

@media (max-width: 767px) {
  .signup-container .fieldSection .ant-input-password {
    width: 100%;
  }
}
.signup-container .fieldSection .ant-input-password_error {
  padding: 0px !important;
  color: #999999;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  border: 0px;
  height: 58px;
  position: relative;
}

.signup-container .fieldSection .ant-row input {
  padding: 10px 10px 10px 20px;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  border: 0px;
  height: 54px;
}

.signup-container .fieldSection .ant-row .ant-select {
  display: block;
  padding: 12px 12px 12px 0px;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  border: 0px;
  height: 56px;
  width: 100%;
}

.signup-container .fieldSection .ant-select-selector {
  border: 0px !important;
}

.signup-container .fieldSection .changepass .ant-row {
  margin-bottom: 0px;
}

.signup-container .fieldSection .ant-row {
  margin-bottom: 30px;
  width: 380px;
}

@media (max-width: 1023px) {
  .signup-container .fieldSection .ant-row {
    width: 100%;
  }
}
.signup-container .changePassFieldSelection {
  margin-top: 30px;
}

.signup-container .changePassFieldSelection .ant-row p {
  margin: 0px;
  margin-bottom: 5px;
  color: #999999;
}

.signup-container .changePassFieldSelection .ant-input-password {
  padding: 0px !important;
  color: #999999;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  border: 0px;
  height: 56px;
  position: relative;
}

@media (max-width: 767px) {
  .signup-container .changePassFieldSelection .ant-input-password {
    width: 100%;
  }
}
.signup-container .changePassFieldSelection .ant-input-password_error {
  padding: 0px !important;
  color: #999999;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  border: 0px;
  height: 58px;
  position: relative;
}

.signup-container .changePassFieldSelection .ant-row input {
  padding: 10px 10px 10px 20px;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  border: 0px;
  height: 56px;
}

.signup-container .changePassFieldSelection .ant-row .ant-select {
  display: block;
  padding: 12px 12px 12px 0px;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  border: 0px;
  height: 56px;
  width: 100%;
}

.signup-container .changePassFieldSelection .ant-select-selector {
  border: 0px;
}

.signup-container .changePassFieldSelection .changepass .ant-row {
  margin-bottom: 0px;
}

.signup-container .changePassFieldSelection .ant-row {
  margin-bottom: 30px;
  width: 380px;
}

@media (max-width: 767px) {
  .signup-container .changePassFieldSelection .ant-row {
    width: 100%;
  }
}
.signup-container span.lossOfNetWorthBoxIcon {
  font-size: 19px;
  font-weight: 600;
  float: left;
}

.signup-container span.lossOfNetWorthBoxSpan {
  font-size: 15px;
  font-weight: 700;
  padding-left: 100px;
}

.signup-container .customCheckBoxForLossOfNetWorth,
.signup-container .customCheckBoxExperience {
  background: white;
  margin-bottom: 16px;
  padding: 20px;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  cursor: pointer;
  padding-bottom: 16px;
}

.signup-container .customCheckBoxExperience {
  height: 86px;
}

.signup-container .activeLossOfNetWorthNo_Little_loss,
.signup-container .activeLossOfNetWorth-10_to_20,
.signup-container .activeLossOfNetWorth-20-orMore,
.signup-container .activeExperienceSIGIFICANT,
.signup-container .activeExperienceLITTLE,
.signup-container .activeExperienceNO {
  background: black;
  margin-bottom: 16px;
  padding: 20px;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  cursor: pointer;
  padding-bottom: 16px;
}

.signup-container .activeLossOfNetWorth-20-orMore span.lossOfNetWorthBoxSubtext {
  color: #999999;
  font-size: 12px;
  margin-left: 7px;
  font-weight: 600;
}

.signup-container span.lossOfNetWorthBoxSubtext {
  color: #999999;
  font-size: 12px;
  margin-left: 7px;
  font-weight: 600;
}

.signup-container .activeExperienceSIGIFICANT,
.signup-container .activeExperienceLITTLE,
.signup-container .activeExperienceNO {
  height: 86px;
}

.signup-container .activeLossOfNetWorthNo_Little_loss span,
.signup-container .activeLossOfNetWorth-10_to_20 span,
.signup-container .activeLossOfNetWorth-20-orMore span {
  color: white;
}

.signup-container h6.exp-title {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 0px;
}

.signup-container p.exp-text {
  margin-bottom: 0px;
}

.signup-container p.exp-subtitle {
  color: #999999;
}

.signup-container .activeExperienceSIGIFICANT h6,
.signup-container .activeExperienceSIGIFICANT p,
.signup-container .activeExperienceLITTLE h6,
.signup-container .activeExperienceLITTLE p,
.signup-container .activeExperienceNO h6,
.signup-container .activeExperienceNO p {
  color: white;
}

.signup-container .multi-select h6.exp-title {
  float: left;
  margin-right: 12px;
  margin-bottom: 14px;
  padding: 10px 22px;
  background: white;
  border-radius: 34px;
  cursor: pointer;
}

.signup-container .selectedCOMMODITIES,
.signup-container .selectedDERIVATIVES,
.signup-container .selectedSTOCKS,
.signup-container .selectedETFS,
.signup-container .selectedBONDS,
.signup-container .selectedMUTUAL_FUNDS,
.signup-container .selectedFOREIGN_EXCHANGE,
.signup-container .selectedREITS,
.signup-container .selectedHEDGE_FUND,
.signup-container .selectedPRIVATE_EQUITY {
  float: left;
  margin-right: 12px;
  margin-bottom: 14px;
  padding: 10px 22px;
  background: black;
  border-radius: 34px;
  cursor: pointer;
  color: white;
  font-size: 15px;
  font-weight: 700;
}

.signup-container .termsandpolicy {
  color: #3761c8 !important;
  cursor: pointer;
}

.signup-container .risk-status-img-container {
  position: absolute;
  left: 60%;
  top: -18%;
}

.signup-container p.low-risk span {
  background: #c3efdc;
  color: #00b267;
  padding: 7px 20px;
  border-radius: 23px;
  font-size: 16px;
}

.signup-container p.low-risk {
  margin-top: 16px;
}

.signup-container h1.risk-profile-state {
  font-weight: 900;
  font-size: 40px;
}

.signup-container p.retake-rp {
  color: #3761c8;
  margin-top: 14px;
  font-size: 16px;
}

.signup-container .slider-container {
  margin-top: 100px;
}

.signup-container .slider-custom .ant-slider-step {
  background: black;
  height: 2px;
}

.signup-container .slider-custom .ant-slider-dot {
  background: black;
  border: 2px solid #000000;
  height: 14px;
  border-radius: 0px;
  width: 1px;
  top: -6px;
}

.signup-container .slider-custom .ant-slider-handle {
  border: 15px solid #000000 !important;
  height: 40px;
  width: 40px;
  top: -10px;
}

.signup-container .slider-custom .ant-slider-handle:focus {
  border-color: #000000;
  box-shadow: 0 0 0 5px rgba(3, 13, 22, 0.12);
}

.signup-container .slider-custom .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: #000000;
}

.signup-container .slider-custom .ant-slider-track {
  height: 0px;
}

.signup-container .otp-modal-container .ant-modal-header {
  border: 0px;
}

.signup-container .otp-modal-container .ant-modal-body {
  padding-top: 0px;
}

.signup-container .modal-container-text {
  color: #777777;
  margin-bottom: 32px;
  width: 88%;
}

.signup-container .otp-modal-container {
  width: 40% !important;
}

.signup-container .modal-container-text p {
  font-size: 16px;
}

.signup-container .otp-modal-container .ant-modal-title {
  font-size: 18px;
  font-family: "Aktiv-Bold" !important;
}

.signup-container .resend-verification-code {
  color: #3761c8;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

.signup-container .otp-modal-container .ant-modal-footer {
  border: 0px;
}

.signup-container .otp-modal-submit {
  background: #3761c8 !important;
  border-color: #3761c8 !important;
  border-radius: 8px !important;
  padding: 0px 22px !important;
  font-family: "Aktiv-Bold";
}

@media (max-width: 767px) {
  .signup-container .otp-modal-submit {
    padding: 0px 12px !important;
  }
}
.signup-container .opt-input-container {
  position: relative;
}

.signup-container .opt-input-container .loader-container {
  position: absolute;
  width: 100%;
  top: 90px;
  right: 0;
  left: 0;
  text-align: center;
}

.signup-container .react-otp-container {
  width: 100%;
  margin: 0 auto;
}

.signup-container .otp-field-container {
  margin-bottom: 16px;
}

.signup-container .otp-fiels-wrong input {
  padding: 10px;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  border: 1px solid red !important;
  height: 56px;
}

.signup-container .otp-fiels-right input {
  padding: 10px;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  border: 0px;
  height: 56px;
}

.signup-container .react-otp-input,
.signup-container .react-otp-input-error,
.signup-container .react-otp-input-verified {
  border: 1px solid rgba(196, 196, 196, 0.3);
  border-radius: 6px;
  width: 100% !important;
  margin: 5px;
  padding: 12px 0px;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
}

.signup-container .react-otp-input-error {
  border: 1px solid #d64e24 !important;
}

.signup-container .react-otp-input-verified {
  border: 1px solid #229c74;
}

.signup-container .verified-chip,
.signup-container .wrong-otp-chip {
  padding: 4px 8px;
  margin-top: 10px;
  color: #ffffff;
  font-weight: 500;
  border-radius: 25px;
}

.signup-container .verified-chip {
  background-color: #229c74;
}

.signup-container .wrong-otp-chip {
  background-color: #d64e24;
}

.signup-container .signup_view_container {
  width: 100%;
  margin: 0px auto;
  padding: 0px 32px;
}

.signup-container .signup_view_container.postkyc .slick-prev {
  transform: none !important;
  left: -10px;
}

.signup-container .signup_view_container.postkyc .slick-next {
  transform: none !important;
  right: -10px;
}

.signup-container .signup_view_container .slick-dots {
  padding: 0px 32px;
  bottom: -40px;
  justify-content: center;
  margin-left: 0px;
  margin-right: 0px;
}

.signup-container .signup_view_container .slick-dots li {
  margin-left: 0px;
  margin-right: 16px;
  display: block;
}

.signup-container .signup_view_container .slick-dots li.slick-active {
  margin-left: 0px;
  margin-right: 16px;
  width: fit-content;
}

.signup-container .signup_view_container .slick-dots li.slick-active button {
  width: 32px;
  height: 8px;
  background-color: #3761c8;
  opacity: 1;
  border-radius: 12px;
}

.signup-container .signup_view_container .slick-dots li button {
  width: 8px;
  height: 8px;
  background-color: #999;
  border-radius: 50%;
  height: 8px;
}

.signup-container .signup_view_container .onbording_container {
  height: 588px;
  max-width: 534px;
  width: 100%;
  background: #f0ede4;
  border-radius: 8px;
  padding: 58px;
  margin: 0px auto;
  position: relative;
}

.signup-container .signup_view_container .onbording_container .onbording_image_top_corner {
  position: absolute;
  top: 0;
  right: 0;
  height: 148.1px;
  border-radius: 0px 8px 0px 0px;
}

.signup-container .signup_view_container .onbording_container .onbording_image {
  margin: 0px auto;
  width: 332.27px;
  height: 266.65px;
}

.signup-container .signup_view_container .onbording_container .onbording_title {
  font-weight: 700;
  font-size: 40px;
  line-height: 46px;
}

.signup-container .signup_view_container .onbording_container .onbording_subtitle {
  font-weight: 400;
  font-size: 17.102px;
  line-height: 24px;
}

.signup-container .signup_country {
  display: flex;
  align-items: center;
}

.signup-container .signup_country .ant-select-selector {
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.signup-container .signup_country .country_dropdown_arrow {
  font-weight: 700;
}

.signup-container .referral_code {
  padding: 0px;
  margin-top: 20px;
}

.country_dropdown {
  height: 54px;
  background: #fff;
  border-radius: 10px;
}

.country_dropdown_menu {
  background: #ffffff !important;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15) !important;
  border-radius: 8px !important;
  padding-left: 8px;
}

.code_not_request_modal .resend_btn {
  padding: 3px !important;
}

.code_not_request_modal span.anticon.anticon-close.ant-modal-close-icon {
  font-size: 22px;
}

.code_not_request_modal .ant-modal-close {
  margin-top: 25px;
  color: #777777;
  margin-right: 20px;
}

.code_not_request_modal .ant-modal-content {
  border-radius: 20px;
}

.code_not_request_modal .ant-modal-body {
  padding: 40px;
  font-size: 14px;
  line-height: 1.5715;
  word-wrap: break-word;
}

@media (max-width: 767px) {
  .code_not_request_modal .ant-modal-body {
    padding: 20px;
  }
}
.refferal_request_modal .resend_btn {
  padding: 3px !important;
}

.refferal_request_modal span.anticon.anticon-close.ant-modal-close-icon {
  font-size: 22px;
}

.refferal_request_modal .ant-modal-close {
  margin-top: 25px;
  color: #777777;
  margin-right: 20px;
}

.refferal_request_modal .ant-modal-content {
  border-radius: 20px;
}

.refferal_request_modal .ant-modal-body {
  padding: 40px;
  font-size: 14px;
  line-height: 1.5715;
  word-wrap: break-word;
}

@media (max-width: 767px) {
  .refferal_request_modal .ant-modal-body {
    padding: 20px;
  }
}
.refferal_request_modal .referral_border_wrong {
  border: 1px solid #f44336 !important;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  height: 56px;
  background: #ffffff;
}

.refferal_request_modal .refferal_input {
  font-weight: 700;
  height: 56px;
  background: #ffffff;
  border: 1px solid #cccccc;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
}

.refferal_request_modal #loading {
  display: flex;
  margin: 0px auto;
  width: 40px;
  height: 40px;
  border: 5px solid rgba(55, 96, 200, 0.3);
  border-radius: 50%;
  border-top-color: #3760c8;
  animation: spin 1s linear infinite;
  -webkit-animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
.reset-password-container .tick_sign_set {
  position: absolute;
  top: 15px !important;
  right: 22px !important;
}

.show-mob,
.show-tab {
  display: none !important;
}

@media (min-width: 1023px) {
  .onlyDesktop {
    display: none !important;
  }
}
.nobreak {
  white-space: nowrap;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .ant-notification-notice-with-icon .ant-notification-notice-description {
    padding-right: 30px !important;
  }
  .hide-mobile {
    display: none !important;
  }
  .height-full-mobile {
    height: 100vh !important;
  }
  .preferences-container {
    padding-top: 10px;
  }
  .textcenter-tab {
    text-align: center !important;
  }
  .mt-30-tab {
    margin-top: 30px !important;
  }
  .btngoogle-tab {
    justify-content: center !important;
  }
  .btngoogle-tab img {
    margin-right: 5px !important;
  }
  .btngoogle-tab span {
    margin-left: 5px !important;
  }
  .tab-container {
    max-width: 500px;
    width: 500px;
    margin: auto;
  }
  .tab-container-imp {
    max-width: 500px !important;
    width: 500px !important;
    margin: auto;
  }
  .tab-back-arrow {
    position: absolute !important;
    z-index: 9 !important;
  }
  .tab-back-arrow-fee {
    position: absolute !important;
    z-index: 9 !important;
    left: 0;
  }
  .width100-tab {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .hide-mob-tab {
    display: none !important;
  }
  .show-tab {
    display: block !important;
  }
  .mobile-h1 {
    width: 100% !important;
    text-align: center;
    line-height: 37px !important;
    font-size: 25px !important;
  }
  .margin-top-20-mob {
    margin-top: 20px !important;
  }
  .mob-padding-container {
    padding: 0 10px;
  }
  .mob-padding-container-leftsp {
    padding: 0 0 0 15px;
  }
  .height-auto-mob {
    height: auto !important;
  }
  .align-center-mob {
    align-items: center;
  }
  .welcomehelp-mob span {
    height: 150px !important;
  }
  .welcomehelp-mob img {
    height: 150px !important;
    min-height: 150px !important;
    object-fit: cover;
  }
  .pad-10-mob {
    padding: 10px !important;
  }
  .mbottom-0-mob {
    margin-bottom: 0 !important;
  }
  .cards-mob {
    flex-wrap: nowrap;
  }
  .no-row-gap-mob {
    width: 100% !important;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .font-12-mob {
    font-size: 12px !important;
  }
  .ant-notification-notice.ant-notification-notice.ant-notification-notice-warning.ant-notification-notice-closable {
    width: 320px !important;
    position: relative !important;
    min-width: 320px !important;
  }
  .suggestion-mob {
    flex-wrap: wrap;
    justify-content: flex-start !important;
  }
  .suggestion-mob > div {
    padding-right: 25px;
  }
  .cards-mob > div {
    width: 47% !important;
    height: auto !important;
  }
  .mtop0-mob {
    margin-top: 0 !important;
  }
  .mright0-mob {
    margin-right: 0 !important;
  }
  .logout-btn-mob {
    margin-top: 30px;
    border: 0;
    color: #3761c8 !important;
  }
  .jc-center-mob {
    justify-content: center;
  }
  .cards-mob > div:first-child {
    margin: 20px 15px 0px 0px !important;
  }
  .card-text {
    font-size: 14px;
    line-height: 18px;
    padding-top: 10px;
  }
  .interest-cardTemplate {
    width: calc(33% - 15px) !important;
  }
  .w25-tab {
    width: calc(25% - 15px) !important;
  }
  .preferences-container .cards-container {
    width: 540px !important;
    margin: auto;
  }
  .mt-10-tab {
    margin-top: 10px !important;
  }
  .adjust-post-mob {
    position: absolute;
    top: 50px;
    z-index: 9;
  }
  .shift-right-13 {
    position: relative;
    right: 13px;
  }
  .pr-20-tab-mob {
    padding-right: 20px;
  }
  span.clBtn {
    border: 0 !important;
    color: #3761c8 !important;
    width: 100%;
    text-align: center;
  }
  .pr-15-mob-tab {
    padding-right: 15px;
  }
  .risk-profile-state {
    position: relative;
    z-index: 2;
  }
  .risk-profile-container .rpResult {
    margin-top: 0px;
  }
  .rpResult h6 {
    text-align: center !important;
    margin-bottom: 60px !important;
  }
  .risk-profile-container h1.risk-profile-state {
    text-align: center !important;
    font-size: 32px !important;
  }
  .rpResult .low-risk {
    text-align: center !important;
  }
  .risk-profile-container p.low-risk span {
    font-size: 12px;
    padding: 4px 18px;
    font-weight: 700;
  }
}
@media (max-width: 767px) {
  .risk-profile-container .customCheckBox,
  .risk-profile-container .activeMAKING_INVESTMENTS,
  .risk-profile-container .activePURCHASE_OF_HOUSE,
  .risk-profile-container .activeFINANCE_EXPENSES,
  .risk-profile-container .activeHAVENT_BORROWED,
  .risk-profile-container .active0K_200K,
  .risk-profile-container .active0K_10M,
  .risk-profile-container .active0K_1M,
  .risk-profile-container .active200K_1M,
  .risk-profile-container .active10M_60M,
  .risk-profile-container .active1M_2M,
  .risk-profile-container .active60M_110M,
  .risk-profile-container .active6M_10M,
  .risk-profile-container .active2M_MORE,
  .risk-profile-container .active110M_MORE,
  .risk-profile-container .active10M_MORE,
  .risk-profile-container .active0K_150K,
  .risk-profile-container .active36k_72k,
  .risk-profile-container .active150K_360K,
  .risk-profile-container .active1M_2Mnew,
  .risk-profile-container .active54M_10725M,
  .risk-profile-container .active8M_16M,
  .risk-profile-container .active720K_143M,
  .risk-profile-container .active1M_6M {
    padding-left: 13px !important;
  }
  .ant-notification-notice-with-icon .ant-notification-notice-description {
    padding-right: 30px !important;
  }
  .login-container .btnGoogle {
    padding: 14px 0;
    justify-content: center !important;
  }
  .login-container .btnGoogle span img {
    margin-right: 3px !important;
  }
  .width-100-mob {
    width: 100% !important;
  }
  .risk-profile-state {
    position: relative;
    z-index: 2;
  }
  .pr-20-tab-mob {
    padding-right: 20px;
  }
  .ant-slider-mark-text {
    padding: 2px 4px !important;
    font-size: 12px !important;
  }
  .risk-profile-container .customCheckBox {
    padding-left: 10px;
  }
  .pr-15-mob-tab {
    padding-right: 15px;
  }
  .no-pr-tab-mob {
    padding-right: 5px !important;
  }
  .hide-mob-tab {
    display: none !important;
  }
  span.clBtn {
    border: 0 !important;
    color: #3761c8 !important;
    width: 100%;
    text-align: center;
  }
  .preferences-container {
    padding-top: 10px;
  }
  .adjust-post-mob {
    position: relative;
    top: 80px;
    z-index: 9;
  }
  .mt-10-tab {
    margin-top: 10px !important;
  }
  .mt-30-tab {
    margin-top: 30px !important;
  }
  .btngoogle-tab {
    padding: 10px !important;
    justify-content: center !important;
  }
  .btngoogle-tab img {
    margin-right: 5px !important;
    width: 20px !important;
    max-width: 20px !important;
  }
  .adjust-post-mob {
    position: relative;
    top: 20px;
    right: 55px;
  }
  .mob-fix-width {
    width: 9px !important;
    max-width: 9px !important;
    height: 17px !important;
    position: absolute;
    z-index: 9;
  }
  .btngoogle-tab span {
    margin-left: 5px !important;
    font-size: 23px;
  }
  .height-full-mobile {
    height: 100vh !important;
  }
  .mob-button-bottom {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
  }
  .mob-button-bottom-padding {
    position: absolute;
    bottom: 0px;
    left: 20px;
    right: 20px;
  }
  .hide-mobile {
    display: none !important;
  }
  .hide-only-mobile {
    display: none !important;
  }
  .show-mob {
    display: block !important;
  }
  .mobile-h1 {
    width: 100% !important;
    text-align: center;
    line-height: 30px !important;
    font-size: 20px !important;
  }
  .margin-top-20-mob {
    margin-top: 20px !important;
  }
  .mob-padding-container {
    padding: 0 10px;
  }
  .mob-padding-container-leftsp {
    padding: 0 0 0 15px;
  }
  .height-auto-mob {
    height: auto !important;
  }
  .align-center-mob {
    align-items: center;
  }
  .welcomehelp-mob span {
    height: 150px !important;
  }
  .welcomehelp-mob img {
    height: 150px !important;
    min-height: 150px !important;
    object-fit: cover;
  }
  .pad-10-mob {
    padding: 10px !important;
  }
  .mbottom-0-mob {
    margin-bottom: 0 !important;
  }
  .cards-mob {
    flex-wrap: nowrap;
    justify-content: center;
  }
  .display-block-mob {
    display: block !important;
  }
  .no-row-gap-mob {
    width: 100% !important;
    max-width: 100%;
    flex: 0 0 100%;
    min-width: 100% !important;
  }
  .mob-back-arrow-rp {
    position: absolute;
    left: -15px;
    top: 15px;
    z-index: 9 !important;
  }
  .mob-back-arrow-kyc {
    position: absolute;
    left: 15px;
    top: 55px;
    z-index: 9 !important;
  }
  .font-12-mob {
    font-size: 12px !important;
  }
  .mob-back-arrow {
    position: absolute;
    left: 25px;
    top: -7px;
    z-index: 9 !important;
  }
  .ant-notification-notice.ant-notification-notice.ant-notification-notice-warning.ant-notification-notice-closable {
    width: 320px !important;
    position: relative !important;
    min-width: 320px !important;
  }
  .suggestion-mob {
    flex-wrap: wrap;
    justify-content: flex-start !important;
  }
  .suggestion-mob > div {
    padding-right: 25px;
  }
  .cards-mob > div {
    width: 47% !important;
    height: auto !important;
  }
  .mtop0-mob {
    margin-top: 0 !important;
  }
  .mright0-mob {
    margin-right: 0 !important;
  }
  .logout-btn-mob {
    margin-top: 30px;
    border: 0;
    color: #3761c8 !important;
  }
  .jc-center-mob {
    justify-content: center;
  }
  .cards-mob > div:first-child {
    margin: 20px 15px 0px 0px !important;
  }
  .card-text {
    font-size: 14px;
    line-height: 18px;
    padding-top: 10px;
  }
  .interest-cardTemplate {
    width: calc(50% - 15px) !important;
  }
  .textcenter-mob {
    text-align: center !important;
  }
  .flagadj-mob {
    width: 280px !important;
    max-width: 280px !important;
    min-width: 280px !important;
    margin: auto;
    margin-bottom: 23px;
  }
  .flag-icon-mob {
    top: 52px !important;
    right: 45px !important;
  }
  .flag-txt-mob {
    top: 45px !important;
    right: 35px !important;
  }
  .risk-profile-container span.lossOfNetWorthBoxSpan {
    padding-left: 20px !important;
  }
  .risk-profile-container .selected4,
  .selected5,
  .selected1,
  .selected2,
  .selected3,
  .selected6,
  .selected8,
  .selected7,
  .selected9,
  .risk-profile-container .multi-select h6.exp-title {
    font-size: 14px !important;
    padding: 4px 10px !important;
  }
  .risk-profile-container .customCheckBoxExperience,
  .risk-profile-container .activeExperienceSIGNIFICANT_EXPERIENCE,
  .risk-profile-container .activeExperienceBASIC_EXPERIENCE,
  .risk-profile-container .activeExperienceLITTLE_OR_NO_EXPERIENCE {
    padding: 10px 20px !important;
    padding-bottom: 0 !important;
  }
  .risk-profile-container .customCheckBoxExperience,
  .risk-profile-container .activeExperienceSIGNIFICANT_EXPERIENCE,
  .risk-profile-container .activeExperienceBASIC_EXPERIENCE,
  .risk-profile-container .activeExperienceLITTLE_OR_NO_EXPERIENCE {
    height: 80px !important;
  }
  .risk-profile-container .btnCustomClickEnabled span {
    font-size: 18px;
    position: relative;
    line-height: 24px;
    font-family: "Aktiv-Bold";
  }
  h1.risk-profile-state {
    position: relative;
    z-index: 2;
  }
  ul.forAiPoints li {
    display: flex;
    align-items: baseline;
  }
  .resend-verification-code {
    font-size: 12px !important;
  }
  span.tick-bi {
    position: relative;
    top: 0px !important;
  }
  .react-otp-container {
    width: 100% !important;
  }
  .otp-modal-container .ant-modal-body {
    padding: 3px !important;
  }
  .otp-modal-container .ant-modal-content {
    padding: 13px !important;
  }
  .risk-profile-container .rpComplete button {
    width: 100% !important;
    font-size: 14px !important;
  }
  .mt-mob-0 {
    margin-top: 0 !important;
  }
  .plr-mob-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .risk-profile-container .rpResult {
    margin-top: 0px;
  }
  .rpResult h6 {
    text-align: center !important;
    margin-bottom: 20px !important;
  }
  .risk-profile-container h1.risk-profile-state {
    text-align: center !important;
    font-size: 24px !important;
  }
  .rpResult .low-risk {
    text-align: center !important;
  }
  .risk-profile-container p.low-risk span {
    font-size: 12px;
    padding: 4px 18px;
    font-weight: 700;
  }
}
@media (max-width: 370px) {
  span.ant-select-selection-item {
    font-size: 14px;
  }
  .condition-text-wrapper .condition-text {
    font-size: 9px;
  }
  .signup-container .fieldSection .ant-row input {
    padding: 10px 3px 10px 3px !important;
  }
  span.ant-select-selection-placeholder span {
    font-size: 13px !important;
  }
  .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
  .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
    padding-right: 5px;
  }
}
@media (max-width: 1023px) {
  .auth_left_pattern {
    display: none;
  }
}
@media (max-width: 1023px) {
  .auth_right_pattern {
    display: none;
  }
}
.auth_left_mobile_pattern {
  display: none;
}

@media (max-width: 1023px) {
  .auth_left_mobile_pattern {
    display: block;
  }
}
.auth_right_mobile_pattern {
  display: none;
}

@media (max-width: 1023px) {
  .auth_right_mobile_pattern {
    display: block;
  }
}
.auth_container {
  max-width: 530px;
  width: 100%;
}

.auth_container .auth_logo {
  margin-top: 142px;
}

@media (max-width: 1023px) {
  .auth_container .auth_logo {
    display: flex;
    justify-content: center;
    margin-top: 39px;
  }
}
@media (max-width: 767px) {
  .auth_container .auth_logo {
    display: flex;
    justify-content: center;
    margin-top: 39px;
  }
}
.auth_container .auth_mobile {
  display: none;
}

@media (max-width: 1023px) {
  .auth_container .auth_mobile {
    text-align: center;
    display: block;
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .auth_container .auth_mobile {
    display: block;
    margin-top: 70px;
  }
}
.auth_container .auth_title {
  font-size: 48px;
  line-height: 56px;
}

@media (max-width: 1023px) {
  .auth_container .auth_title {
    font-size: 38px;
    line-height: 40px;
    width: 431px;
    text-align: center;
    margin: 0px auto;
  }
}
@media (max-width: 767px) {
  .auth_container .auth_title {
    font-size: 32px;
    line-height: 38px;
    text-align: center;
  }
}
.auth_container .auth_sub_title {
  max-width: 431px;
  width: 100%;
}

@media (max-width: 1023px) {
  .auth_container .auth_sub_title {
    width: 431px;
    text-align: center;
    margin: 0px auto;
  }
}
@media (max-width: 767px) {
  .auth_container .auth_sub_title {
    width: 100%;
    text-align: center;
    margin: 0px auto;
  }
}
.auth_container .auth_sub_loader {
  margin-top: -400px;
}

@media (max-width: 1023px) {
  .auth_container .auth_sub_loader {
    width: 431px;
    text-align: center;
    margin: 0px auto;
    margin-top: -400px;
  }
}
@media (max-width: 767px) {
  .auth_container .auth_sub_loader {
    width: 100%;
    text-align: center;
    margin: 0px auto;
    margin-top: -450px;
  }
}
@media (max-width: 1023px) {
  .auth_container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 767px) {
  .auth_container {
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
  }
}
.trading_facility .selected_facility {
  box-shadow: 0px 5px 15px 0px rgba(66, 52, 36, 0.0901960784);
  background: #363636;
  margin-bottom: 16px;
  border-radius: 8px;
  cursor: pointer;
  padding-left: 40px;
  width: 380px;
  height: 64px;
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  cursor: default;
}

.trading_facility .not_selected_facility {
  box-shadow: 0px 5px 15px 0px rgba(66, 52, 36, 0.0901960784);
  background: #cccccc;
  margin-bottom: 16px;
  border-radius: 8px;
  cursor: pointer;
  padding-left: 40px;
  width: 380px;
  height: 64px;
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  cursor: default;
}

.subscription-flow {
  background-color: #f7f5f2;
}

@media (max-width: 767px) {
  .subscription-flow {
    padding: 0px 16px;
  }
}
.subscription-flow .subscription-datepicker input {
  margin-left: 24px;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.subscription-flow .add-funds {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px 24px;
  background: #3761c8;
  border-radius: 10px;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  font-weight: bold;
  height: 40px;
  color: #f0ede4;
}

.subscription-flow .action-wrapper .custom-tab {
  border: 1px solid #1f1f1f;
  border-radius: 14px;
}

.subscription-flow .action-wrapper .custom-tab .action-type {
  border-radius: 14px;
  padding: 17px 24px;
}

.subscription-flow .details-wrapper .details {
  background-color: #f0ede4;
  border-radius: 16px;
  padding: 24px 24px 10px 24px;
}

.subscription-flow .ant-picker {
  width: 100%;
  height: 56px;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border: 1px solid #ffffff;
  padding-left: 24px;
}

.subscription-flow .ant-picker .ant-picker-input input {
  color: #1f1f1f;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}

.subscription-flow .ant-picker .ant-picker-input .ant-picker-suffix {
  padding-right: 16px;
  color: #1f1f1f;
  font-size: 18px;
}

.subscription-flow .ant-picker .ant-picker-input .ant-picker-clear {
  padding-right: 16px;
  color: #1f1f1f;
  font-size: 18px;
}

.custom-input-prefix {
  border: 1px solid #fff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px 0px 0px 10px;
  background-color: #fff;
  padding: 17px 0px 17px 10px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #1f1f1f;
}

.custom-input {
  border: 1px solid #fff !important;
  width: 100% !important;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03) !important;
  border-radius: 10px !important;
  padding: 17px 24px 17px 20px !important;
  font-size: 16px !important;
  line-height: 22px !important;
  color: #1f1f1f !important;
  font-weight: 700 !important;
  background-color: #fff !important;
  letter-spacing: 0.1em !important;
}

.custom-input input.ant-input {
  font-size: 16px !important;
  line-height: 22px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  color: #1f1f1f !important;
}

.custom-input-amount {
  border: 1px solid #fff;
  width: 100%;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 0px 0px 0px 0px;
  padding: 17px 24px 17px 20px;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
  font-weight: 700;
  background-color: #fff;
  letter-spacing: 0.1em;
}

.custom-input-amount input.ant-input {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #1f1f1f;
}

.custom-input-suffix {
  border: 1px solid #fff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 0px 10px 10px 0px;
  background-color: #fff;
  padding: 17px 10px 17px 10px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #3761c8;
}

.note-box {
  background-color: #fff;
  border-radius: 10px;
  padding: 30px 0px 10px 0px;
}

@media (max-width: 767px) {
  .note-box {
    padding: 30px 16px 10px 16px !important;
  }
}
.save-btn {
  background-color: #1f1f1f;
  border-radius: 14px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 0px;
  width: 100%;
  font-family: "Aktiv-Bold";
  font-weight: bold;
  cursor: pointer;
  font-size: 23px;
  line-height: 28px;
  text-align: center;
  color: #f0ede4;
}

.save-btn i {
  background-color: #fff;
}

.save-btn.not-allowed {
  cursor: not-allowed;
}

.cancel-btn {
  border: 2px solid #1f1f1f;
  border-radius: 14px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background-color: #f7f5f2;
  align-items: center;
  padding: 12px 0px;
  width: 100%;
  font-family: "Aktiv-Bold";
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  cursor: pointer;
  text-align: center;
  color: #1f1f1f;
}

.cancel-btn i {
  background-color: #fff;
}

.cancel-btn.not-allowed {
  cursor: not-allowed;
}

.ant-picker-panel {
  width: 100%;
}

.otp-modal {
  font-family: "Aktiv";
}

.otp-modal .verify {
  padding: 10px 35px !important;
  background-color: #3761c8 !important;
  border-radius: 10px !important;
  border: 1px solid #3761c8 !important;
  font-size: 16px !important;
  line-height: 16px !important;
  height: 36px !important;
  color: #ffffff !important;
  font-family: "Aktiv-Bold" !important;
}

.otp-modal .verify i {
  background-color: #fff !important;
}

.otp-modal .explore_modal_btn {
  padding: 14px 72px;
  background-color: #3761c8;
  border-radius: 14px;
  height: 56px !important;
  border: 1px solid #3761c8;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #f0ede4;
  font-family: "Aktiv-Bold";
}

.otp-modal .react-otp-container {
  width: 53%;
  margin: 0 auto;
}

.otp-modal .react-otp-input,
.otp-modal .react-otp-input-error,
.otp-modal .react-otp-input-verified {
  border: 1px solid rgba(196, 196, 196, 0.3);
  border-radius: 6px;
  height: 56px !important;
  width: 40px !important;
  margin: 5px;
  padding: 12px;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  font-size: 24px;
  font-family: "Aktiv-Bold";
}

.order-otp-modal .ant-modal-content {
  border-radius: 16px !important;
  padding: 20px;
}

@media (max-width: 768px) {
  .order-otp-modal .ant-modal-content {
    padding: 0px;
  }
}
.notification-wrapper {
  background: #ffd9d6;
  box-shadow: 0px 10px 30px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  margin-top: 100px;
  width: 350px;
  padding: 15px 20px 10px 20px;
  position: fixed;
  z-index: 999;
}

.notification-wrapper1 {
  background: #ffd9d6;
  box-shadow: 0px 10px 30px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  margin-top: 250px;
  width: 350px;
  padding: 15px 20px 10px 20px;
  position: fixed;
  z-index: 999;
}

.order-popover {
  border-radius: 50px;
  width: 350px;
}

.order-popover .ant-popover-inner {
  border-radius: 10px;
}

.order-popover .ant-popover-arrow {
  background-color: transparent !important;
}

.order-popover .ant-popover-arrow .ant-popover-arrow-content::before {
  background: unset !important;
}

.newportal-popover {
  border-radius: 50px;
}

.newportal-popover .ant-popover-inner {
  border-radius: 10px;
}

.newportal-popover .ant-popover-arrow {
  background-color: transparent !important;
}

.newportal-popover .ant-popover-arrow .ant-popover-arrow-content::before {
  background: unset !important;
}

.fund-notify-popover {
  border-radius: 2px;
  width: 204px;
  text-align: center;
}

.fund-notify-popover .ant-popover-inner {
  border-radius: 2px;
}

.fund-notify-popover .ant-popover-inner .ant-popover-inner-content {
  padding: 4px;
}

.fund-notify-popover .ant-popover-arrow {
  background-color: transparent !important;
}

.fund-notify-popover .ant-popover-arrow .ant-popover-arrow-content::before {
  background: unset !important;
}

.order_popover_vc_fund {
  border-radius: 50px;
  width: 200px;
}

.order_popover_vc_fund .ant-popover-inner {
  border-radius: 10px;
}

.action-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 54px;
  background: #f7f5f2 !important;
  border-radius: 10px;
  cursor: pointer;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  text-align: center;
  color: #1f1f1f;
  border: 1px solid #f7f5f2;
}

.action-btn i {
  background-color: #fff;
}

.action-btn.not-allowed {
  cursor: not-allowed;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .action-btn {
    padding: 8px 39px;
  }
}
.action-btn-mobile {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 72px;
  background: #1f1f1f !important;
  border-radius: 10px;
  cursor: pointer;
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  text-align: center;
  color: #f0ede4;
  border: 1px solid #f7f5f2;
}

.action-btn-mobile i {
  background-color: #fff;
}

.action-btn-mobile.not-allowed {
  cursor: not-allowed;
}

@media (max-width: 767px) {
  .action-btn-mobile {
    width: 100%;
    margin: 0px auto;
  }
}
.action-btn-model {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px 54px !important;
  height: 40px !important;
  background: #f7f5f2 !important;
  border-radius: 10px;
  cursor: pointer;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  text-align: center;
  color: #1f1f1f !important;
  border: 1px solid #f7f5f2 !important;
}

.action-btn-model i {
  background-color: #fff;
}

.action-btn-model.not-allowed {
  cursor: not-allowed;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .action-btn-model {
    padding: 8px 39px;
  }
}
.action-btn-mobile-model {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px 72px !important;
  height: 46px !important;
  background: #1f1f1f !important;
  border-radius: 10px;
  cursor: pointer;
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  text-align: center;
  color: #f0ede4 !important;
  border: 1px solid #f7f5f2 !important;
}

.action-btn-mobile-model i {
  background-color: #fff;
}

.action-btn-mobile-model.not-allowed {
  cursor: not-allowed;
}

@media (max-width: 767px) {
  .action-btn-mobile-model {
    width: 100%;
    margin: 0px auto;
  }
}
.action-btn-invest-reedem {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -70px;
}

.action-cancel-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 46px;
  background: #f7f5f2 !important;
  border-radius: 10px;
  cursor: pointer;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  text-align: center;
  color: #1f1f1f;
  border: 1px solid #f7f5f2;
}

.action-cancel-btn i {
  background-color: #fff;
}

.action-cancel-btn.not-allowed {
  cursor: not-allowed;
}

.custom-disabled {
  border: 1px solid rgba(204, 204, 204, 0.4);
  border-radius: 10px;
  padding: 17px 24px 17px 20px;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
  font-weight: 700;
  background-color: rgba(204, 204, 204, 0.4);
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  letter-spacing: 0.1em;
}

.custom-disabled input.ant-input {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #1f1f1f;
}

.bond-invest-redeem-details {
  background-color: #f0ede4;
  padding: 16px 32px;
  border-radius: 8px;
}

.application-id-box {
  padding: 24px 16px;
  border-radius: 16px;
  background: #f0ede4;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  color: #1f1f1f;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 92px;
}

.estimated-date-box {
  padding: 24px 16px;
  border-radius: 16px;
  background: #f0ede4;
  font-size: 14px;
  font-style: normal;
  line-height: 18px;
  color: #565656;
}

.self-direct-checkbox .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #3761c8 !important;
  border-color: #3761c8 !important;
}

.add-funds {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px 24px;
  background: #3761c8;
  border-radius: 10px;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  font-weight: bold;
  height: 40px;
  color: #f0ede4;
}

.kpm-subscription-flow {
  background-color: #f7f5f2;
}

.kpm-subscription-flow .details_video_show {
  height: 255px;
  width: 93%;
  border-radius: 8px;
}

.kpm-subscription-flow .verify {
  padding: 10px 35px !important;
  background-color: #3761c8 !important;
  border-radius: 10px !important;
  border: 1px solid #3761c8 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 36px !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

.kpm-subscription-flow .verify i {
  background-color: #fff !important;
}

.kpm-subscription-flow .action-wrapper .custom-tab {
  border: 1px solid #1f1f1f;
  border-radius: 14px;
}

.kpm-subscription-flow .action-wrapper .custom-tab .action-type {
  border-radius: 14px;
  padding: 17px 24px;
}

.kpm-subscription-flow .details-wrapper .details {
  background-color: #f0ede4;
  border-radius: 16px;
  padding: 24px 24px 10px 24px;
}

.kpm-subscription-flow .ant-picker {
  width: 100%;
  height: 56px;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border: 1px solid #ffffff;
  padding-left: 24px;
}

.kpm-subscription-flow .ant-picker .ant-picker-input input {
  color: #1f1f1f;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}

.kpm-subscription-flow .ant-picker .ant-picker-input .ant-picker-suffix {
  padding-right: 16px;
  color: #1f1f1f;
  font-size: 18px;
}

.kpm-subscription-flow .ant-picker .ant-picker-input .ant-picker-clear {
  padding-right: 16px;
  color: #1f1f1f;
  font-size: 18px;
}

.kpm-subscription-flow .ant-picker-panel {
  width: 100%;
}

.custom-input-prefix {
  border: 1px solid #fff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px 0px 0px 10px;
  background-color: #fff;
  padding: 17px 0px 17px 10px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #1f1f1f;
}

.custom-input {
  border: 1px solid #fff;
  width: 100%;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  padding: 17px 24px 17px 20px;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
  font-weight: 700;
  background-color: #fff;
  letter-spacing: 0.1em;
}

.custom-input input.ant-input {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #1f1f1f;
}

.custom-input-amount {
  border: 1px solid #fff;
  width: 100%;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 0px 0px 0px 0px;
  padding: 17px 24px 17px 20px;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
  font-weight: 700;
  background-color: #fff;
  letter-spacing: 0.1em;
}

.custom-input-amount input.ant-input {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #1f1f1f;
}

.custom-input-suffix {
  border: 1px solid #fff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 0px 10px 10px 0px;
  background-color: #fff;
  padding: 17px 10px 17px 10px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #3761c8;
}

.note-box {
  background-color: #fff;
  border-radius: 10px;
  padding: 30px 0px 10px 0px;
}

.save-btn {
  background-color: #1f1f1f;
  border-radius: 14px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 0px;
  width: 100%;
  font-family: "Aktiv-Bold";
  font-weight: bold;
  cursor: pointer;
  font-size: 23px;
  line-height: 28px;
  text-align: center;
  color: #f0ede4;
}

.save-btn i {
  background-color: #fff;
}

.save-btn.not-allowed {
  cursor: not-allowed;
}

.cancel-btn {
  border: 2px solid #1f1f1f;
  border-radius: 14px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background-color: #f7f5f2;
  align-items: center;
  padding: 12px 0px;
  width: 100%;
  font-family: "Aktiv-Bold";
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  cursor: pointer;
  text-align: center;
  color: #1f1f1f;
}

.cancel-btn i {
  background-color: #fff;
}

.cancel-btn.not-allowed {
  cursor: not-allowed;
}

.ant-statistic-content-value {
  color: red;
  font-family: "Aktiv-Bold";
  font-size: 12px;
}

.kristal-details {
  background-color: #ffffff;
}

.kristal-details .details_video_show {
  height: 255px;
  width: 93%;
  border-radius: 8px;
}

.kristal-details .kristal-details-header {
  background: #1f1f1f;
  border-radius: 0px 0px 32px 32px;
  height: auto;
}

.kristal-details .kristal-details-header i {
  background-color: #ffffff;
}

.kristal-details .kristal-details-header .ant-statistic-content-value {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  margin-top: -10px;
}

@media (max-width: 1024px) {
  .kristal-details .kristal-details-header .unit_price_col {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .kristal-details .kristal-details-header .unit_price_col .ant-col-lg-18 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .kristal-details .kristal-details-header .unit_price_row {
    width: 100%;
    max-width: 500px;
  }
}
.kristal-details .kristal-details-header .image-container {
  height: 80px;
  width: 80px;
  background-color: #f0ede4;
  border: 2px solid #f0ede4;
  border-radius: 16px;
}

@media (max-width: 767px) {
  .kristal-details .slick-track {
    display: flex;
    overflow: scroll;
  }
}
@media (max-width: 767px) {
  .kristal-details .slick-track::-webkit-scrollbar {
    display: none;
  }
}
.kristal-details .ant-row.about_main > div {
  flex-grow: 1;
}

.kristal-details .about_main {
  position: relative;
}

.kristal-details .about_main .about_child {
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #3761c8;
  padding-top: 80px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.6) 89.7%, rgba(255, 255, 255, 0) 100%);
  backdrop-filter: blur(4px);
  z-index: 1;
  -webkit-backdrop-filter: saturate(180%) blur(4px);
}

.kristal-details .about_main .about_child_text {
  position: sticky;
  top: 80px;
  left: 0;
}

.kristal-tag {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2px 17px;
  background: #d2ddf9;
  border-radius: 24px;
}

.selected-detail-tab {
  background: #f7f5f2;
  border-radius: 10px;
  padding: 9px 16px;
}

.not-selected {
  background: #ffffff;
  border-radius: 10px;
  padding: 9px 16px;
  cursor: pointer;
}

.listed-assets .return-percent {
  background: #f7f5f2;
  border-radius: 16px;
  padding: 6% 0%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .listed-assets .return-percent {
    padding: 3% 0%;
  }
}
@media (max-width: 767px) {
  .listed-assets .return-percent {
    padding: 3% 0%;
  }
}
.listed-assets .high-low {
  background: #f7f5f2;
  border-radius: 16px;
  padding: 10% 0%;
}

.listed-assets ol {
  padding-left: 15px !important;
}

.parameter-wrapper {
  background: #f7f5f2;
  border-radius: 16px;
}

.parameter-wrapper .align-right-value {
  text-align: right;
}

.parameter-wrapper-white {
  background: #fff;
  border-radius: 16px;
}

.parameter-wrapper-white .align-right-value {
  text-align: right;
}

@media (max-width: 767px) {
  .highcharts-container {
    justify-content: center;
    display: contents;
  }
  .highcharts-root {
    width: 100%;
  }
}
.factsheet-download {
  background: #ffffff;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  padding: 25px;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .factsheet-download {
    padding: 16px;
  }
}
@media (max-width: 767px) {
  .factsheet-download {
    padding: 16px;
  }
}
.scroll_tabs {
  overflow-x: auto;
  flex-wrap: nowrap;
  overflow-y: hidden;
  scroll-behavior: smooth;
}

.scroll_tabs::-webkit-scrollbar {
  display: none;
}

.scroll_tabs_kpm {
  overflow-x: auto;
  flex-wrap: nowrap;
  overflow-y: hidden;
  scroll-behavior: smooth;
}

#company-information b {
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #999;
}

#company-information li {
  margin-top: 15px;
}

#company-information li b {
  font-size: 16px;
  line-height: 20px;
  color: #777;
  letter-spacing: normal;
  text-transform: none;
}

#kristal-portfolios-about b {
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #999;
  margin-bottom: -20px;
}

#kristal-portfolios-about li {
  margin-top: 15px;
}

#kristal-portfolios-about li b {
  font-size: 16px;
  line-height: 20px;
  color: #777;
  letter-spacing: normal;
  text-transform: none;
}

#reits-about b {
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #999;
}

#reits-about li {
  margin-top: 15px;
}

#reits-about li b {
  font-size: 16px;
  line-height: 20px;
  color: #777;
  letter-spacing: normal;
  text-transform: none;
}

#kpm-description b {
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #999;
}

#kpm-description li {
  margin-top: 15px;
}

#kpm-description li b {
  font-size: 16px;
  line-height: 20px;
  color: #777;
  letter-spacing: normal;
  text-transform: none;
}

#rreits-dealing-information b {
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #999;
}

#rreits-dealing-information li {
  margin-top: 15px;
}

#rreits-dealing-information li b {
  font-size: 16px;
  line-height: 20px;
  color: #777;
  letter-spacing: normal;
  text-transform: none;
}

#thematic-kristal-about b {
  font-size: 10px;
  line-height: 45px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #999;
  margin-top: 24px;
}

.dealing-information-wrapper {
  display: flex;
  flex-direction: column;
  padding: 24px 24px 12px 24px;
  background: #f7f5f2;
  border-radius: 16px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .dealing-information-wrapper {
    padding: 16px;
  }
}
@media (max-width: 767px) {
  .dealing-information-wrapper {
    padding: 16px;
  }
}
.simiar-kristal-wrapper {
  background: #ffffff;
  box-shadow: 0px 5px 20px rgba(66, 52, 36, 0.12);
  border-radius: 8px;
  margin-top: 24px;
  padding: 24px 24px 24px 10px;
}

.verify {
  padding: 10px 35px !important;
  background-color: #3761c8 !important;
  border-radius: 10px !important;
  border: 1px solid #3761c8 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 36px !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

.verify i {
  background-color: #fff !important;
}

.chart_btn {
  border: 1px solid #1f1f1f;
  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.chart_btn:hover {
  cursor: pointer;
}

.chart_popup_btn {
  border: 2px solid #3761c8;
  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #3761c8;
  font-weight: 600;
}

.chart_popup_btn:hover {
  cursor: pointer;
}

.live-indicator {
  display: inline-block;
  background-color: #00b267;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 8px;
}

.kristal-tag-name {
  font-size: 12px;
  line-height: 18px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .kristal-details .kristal-details-header {
    height: auto;
  }
  .kristal-details .kristal-details-header .image-container {
    height: 46px;
    width: 46px;
    border-radius: 8px;
  }
  .kristal-tag {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1px 9px 2px;
    background: #d2ddf9;
    border-radius: 24px;
    margin-bottom: 5px !important;
  }
  .kristal-tag-name {
    font-size: 7px;
    line-height: 10px;
  }
}
@media (max-width: 767px) {
  .kristal-details .kristal-details-header {
    height: auto;
  }
  .kristal-details .kristal-details-header .image-container {
    height: 48px;
    width: 48px;
    border-radius: 8px;
  }
}
.kristal-details-header-scroll {
  display: none;
  position: relative;
}

.backTop {
  display: none !important;
}

.goTop {
  position: fixed;
  bottom: 0;
  right: 22%;
  z-index: 9999;
  cursor: pointer;
  display: block !important;
}

.unloackFeature {
  position: fixed;
  bottom: 200px;
  left: 30%;
  z-index: 9;
  cursor: pointer;
  display: block !important;
}

.scrolled .floating-tab {
  margin: 20px 0 !important;
}

.scrolled .kd-new-heading3 {
  font-size: 18px !important;
  line-height: 28px !important;
  color: #1f1f1f !important;
  text-transform: capitalize !important;
  margin-bottom: 0px !important;
  letter-spacing: 0 !important;
}

.scrolled .fixed-on-scroll {
  position: relative;
  top: 0;
  width: 100%;
}

.scrolled .fixed-on-scroll3 {
  position: fixed;
  top: 150px;
  width: 420px;
}

.scrolled .hide-on-scroll {
  display: none;
}

.scrolled .kristal-details-header {
  transition: all 0.3s ease-in-out;
}

.scrolled .kristal-details-header-scroll {
  opacity: 1 !important;
  position: fixed;
  max-height: 160px;
  min-height: 160px;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  transition: all 0.3s ease-in-out;
  top: 0;
  z-index: 90;
  margin: auto;
  padding-top: 30px !important;
}

.floating-tabs .ant-card-bordered,
.floating-tabs .ant-tabs-top > .ant-tabs-nav::before {
  border: 0 !important;
}

.floating-tabs .ant-tabs-nav-list .ant-tabs-tab {
  margin: 0 0 0 80px !important;
}

.floating-tabs .ant-tabs-nav-list .ant-tabs-tab:first-child {
  margin: 0 0 0 0px !important;
}

.floating-container.shadow.no-hover .ant-tabs-nav-list {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  background: white;
}

.floating-container .ant-tabs-ink-bar {
  background: transparent;
}

.floating-container .ant-tabs-tab.ant-tabs-tab-active > div {
  background: #3761c8;
  padding: 9px 16px;
  border-radius: 10px;
  color: white !important;
  font-size: 16px;
  font-weight: 700;
}

.floating-container .ant-tabs-tab > div {
  font-size: 16px;
  color: #999999;
}

.floating-container .ant-tabs-tab-btn:active {
  color: #999;
}

.kd-new-heading,
#kristal-portfolios-about b {
  font-size: 24px !important;
  line-height: 28px !important;
  color: #1f1f1f !important;
  text-transform: capitalize !important;
  margin-bottom: 15px !important;
  letter-spacing: 0 !important;
}

#kristal-portfolios-about b {
  margin-bottom: 0px !important;
  display: block;
}

#kpm-description b {
  font-size: 24px !important;
  display: block;
  line-height: 28px !important;
  color: #363636 !important;
  text-transform: capitalize !important;
  margin-bottom: 0px !important;
  letter-spacing: 0 !important;
}

.yeartabs .ant-tabs-tab {
  font-size: 16px;
  color: #999999;
}

.yeartabs {
  margin: auto;
  margin-bottom: 30px;
}

.yeartabs .ant-tabs-tab.ant-tabs-tab-active {
  background: #3761c8;
  padding: 9px 16px;
  border-radius: 10px;
  color: white !important;
  font-size: 16px;
  font-weight: 700;
}

.yeartabs .ant-tabs-tab.ant-tabs-tab-active > div {
  color: white !important;
}

.yeartabs .ant-tabs-ink-bar.ant-tabs-ink-bar-animated {
  width: 0 !important;
}

.floating-tabs .text-16-details {
  line-height: 24px !important;
}

.kristal-F0EDE4 {
  color: #f0ede4;
}

.view-all2 {
  font-size: 12px !important;
}

.kd-new-heading .live-indicator {
  position: relative;
  top: -3px;
}

.kd-new-heading-2 {
  font-size: 18px !important;
  line-height: 28px !important;
  color: #1f1f1f !important;
  text-transform: capitalize !important;
  margin-bottom: 5px !important;
  letter-spacing: 0 !important;
  margin-top: 0px;
}

.pw-dc {
  background: #363636 !important;
}

.text-fffimp {
  color: #fff !important;
}

.view-btn2 {
  background: #3761c8;
  display: inline-block;
  padding: 4px 20px;
  text-align: center;
  font-size: 14px !important;
  font-weight: 400;
  border-radius: 20px;
}

.pw-dc {
  background: #363636 !important;
  box-shadow: 6px 7px 24px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}

.text-fffimp {
  color: #fff !important;
}

.view-btn2 {
  background: #3761c8;
  display: inline-block;
  padding: 4px 20px;
  text-align: center;
  font-size: 14px !important;
  font-weight: 400;
  border-radius: 20px;
}

.pw-dc {
  background: #363636 !important;
  box-shadow: 6px 7px 24px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}

.attributesTag-container {
  display: flex;
  flex-wrap: wrap;
}

.attributesTag-container > p {
  font-weight: 700;
  color: white;
  background: black;
  border-radius: 24px;
  padding: 13px 32px;
  margin-right: 10px;
}

.mb-50 {
  margin-bottom: -30px !important;
}

#DocumentSection .fixed-on-scroll2 {
  position: relative;
  top: 0;
  width: 100%;
}

.scrolled .factsheet-download:last-child {
  margin-bottom: 25px !important;
}

.scrolled .factsheet-download-documents:last-child {
  margin-bottom: 0px !important;
}

#DocumentSection .w420d {
  height: unset;
}

.floating-tabs .ant-tabs-nav-list {
  padding-left: 16px;
  padding-right: 16px;
  overflow: auto;
}

.pdtd {
  padding-left: 30px;
}

@media (max-width: 768px) {
  .kd-new-heading,
  #kristal-portfolios-about b {
    font-size: 22px !important;
    line-height: 26px !important;
  }
  .pdtd {
    padding-left: 0px;
  }
  .goTop {
    position: fixed;
    bottom: 80px;
    right: 0px;
    z-index: 9999;
    cursor: pointer;
    display: block !important;
  }
  .fcrm {
    flex-direction: column-reverse;
    margin-top: 0 !important;
  }
  .mtm40 {
    margin-top: 20px;
  }
  .dbm {
    display: block !important;
  }
  .plrm {
    margin-left: 16px;
    margin-right: 16px;
  }
  button#rc-tabs-0-more {
    background: white;
  }
  .plr0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .plr16m {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
.floating-tabs .ant-tabs-nav-list::-webkit-scrollbar {
  display: none;
}

.mb20px {
  margin-bottom: 20px !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.rcc .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #3761c8 !important;
  border-color: #3761c8 !important;
}

.kristalCutoffClock {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  font-weight: 900;
  color: "white";
  height: 20px;
  width: 20px;
}

@media (max-width: 767px) {
  .fxrv {
    flex-direction: column-reverse;
  }
  .mob-mb {
    margin-bottom: 50px;
  }
  .pplr {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.st-wrapper > div {
  display: flex;
  flex-wrap: nowrap;
}

.st-wrapper > div > p:first-child {
  width: 40%;
}

.st-wrapper > div > p:last-child {
  width: 60%;
  text-align: right;
}

.ant-row.al-footer .ant-row {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.limit2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .text-16-details {
    font-size: 16px;
    line-height: 24px !important;
  }
  .plrm {
    margin-left: 16px;
    margin-right: 16px;
  }
  .pr000 {
    padding-right: 0 !important;
  }
  .plr155 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
.kristal_match_container {
  background-color: #fffbe6;
  border: 1px solid #faad14;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 48px;
}

.cut-off-date .slick-next {
  top: 5px !important;
  right: 0;
}

.cut-off-date .slick-next::before {
  content: "";
  transform: rotate(180deg);
  display: block;
  opacity: 1;
  background-image: url("https://cdn.kristal.ai/portal/images/only_arrow_back.svg");
  background-size: 24px 17px;
  display: inline-block;
  width: 24px;
  height: 17px;
}

.cut-off-date .slick-prev {
  top: 15px !important;
}

.cut-off-date .slick-prev::before {
  content: "";
  opacity: 1;
  background-image: url("https://cdn.kristal.ai/portal/images/only_arrow_back.svg");
  background-size: 24px 17px;
  display: inline-block;
  width: 24px;
  height: 17px;
}

.kristal-blue-3761C8 {
  color: #3761c8;
}

.ant-col.backArrowInsight {
  color: #3761c8;
  display: flex;
  align-items: center;
  font-weight: 700;
  cursor: pointer;
}

.backArrowInsight span.bold {
  font-size: 16px;
  line-height: 16px;
}

.pr10r {
  margin-right: 10px !important;
}

.backArrowInsight > span {
  overflow: visible !important;
}

.insight-bx {
  background: white;
  margin: 40px 10px;
  border-radius: 16px;
  overflow: hidden;
}

.headersection-insight {
  padding: 50px 30px;
  display: flex;
  justify-content: space-between;
}

p.insight-heading {
  font-weight: 700;
  color: #3761c8;
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 20px;
}

.headersection-insight h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  color: #1f1f1f;
  margin-top: 30px;
  margin-bottom: 8px;
}

h3.mob-head-insight {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  position: relative;
  left: -10px;
}

.backBtn-mob-black {
  min-width: 9px !important;
  min-height: 18px !important;
}

p.insight-subhead {
  color: #777777;
  font-size: 14px;
  margin-top: 10px;
  line-height: 20px;
  font-weight: 400;
}

p.insight-date {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-weight: 400;
  text-align: right;
  margin-bottom: 0;
}

.insight-table td,
.insight-table th {
  padding: 30px !important;
}

.insight-table th {
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 700 !important;
  color: #999999 !important;
  letter-spacing: 0.1em;
  background: white !important;
  border-top: 1px solid #f0ede4;
}

.insight-table td,
table th {
  border: 0.5px solid #f0ede4;
}

.insight-table tr:last-child td {
  border-bottom: 0;
}

.insight-table tr td:first-child,
.insight-table tr th:first-child {
  border-left: 0;
}

.insight-table tr td:last-child,
.insight-table tr th:last-child {
  border-right: 0;
}

.insight-table td {
  font-size: 14px;
  font-weight: 700;
  color: #363636;
  line-height: 20px;
}

.insight-feedback-modal .ant-modal-content {
  border-radius: 8px !important;
  overflow: hidden;
}

.insight-feedback-modal .ant-modal-header {
  border-bottom: 0;
}

.insights-popup-content {
  width: 70%;
  margin: auto;
  text-align: center;
}

.insights-popup-content textarea {
  border: 1px solid #cccccc;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 14px;
  padding: 15px 30px;
}

.insights-popup-content button {
  background: #3761c8;
  color: white;
  font-size: 24px;
  border-radius: 14px;
  padding: 7px 72px;
  margin-top: 30px;
  height: unset;
  font-weight: 700;
  margin-bottom: 20px;
}

.insights-popup-content button:hover {
  color: #3761c8 !important;
  border-color: #3761c8 !important;
}

.ant-modal.insight-feedback-modal {
  width: 620px !important;
}

.insights-popup-content h3 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #1f1f1f;
}

.tooltip-insight .ant-popover-arrow-content {
  --antd-arrow-background-color: #f7f5f2 !important;
}

.tooltip-insight div.ant-popover-arrow {
  background: transparent !important;
}

.headersection-insight > div:nth-child(2) {
  width: 30%;
}

.feedback-position {
  display: flex;
  gap: 1rem;
  margin-top: 10px;
  justify-content: flex-end;
}

.hide-mob-insights {
  display: none;
}

@media (max-width: 767px) {
  .subscription-flow {
    padding: 0;
  }
  .feedback-wrapper .ant-modal-wrap {
    z-index: 9999;
  }
  .insight-bx {
    margin: 20px 0px;
    background: transparent;
  }
  .hide-desktop-insights {
    display: none;
  }
  .headersection-insight {
    padding: 10px 0;
  }
  .insight-bx table th {
    background: #363636 !important;
    color: #f0ede4 !important;
    font-size: 10px !important;
    letter-spacing: 1px !important;
  }
  .headersection-insight h2 {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #1f1f1f;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .insight-bx {
    margin-top: 0;
    border-radius: 0px;
  }
  .ant-table-container table > thead > tr:first-child th:first-child {
    border-top-left-radius: 8px !important;
  }
  .ant-table-container table > thead > tr:first-child th:last-child {
    border-top-right-radius: 8px !important;
  }
  .insight-table td,
  .insight-table th {
    padding: 20px 15px !important;
  }
  .insight-table td {
    font-size: 12px;
    font-weight: 400;
    color: #363636;
    line-height: 20px;
  }
  .insight-table td,
  table th {
    border: 0px solid #f0ede4;
  }
  .hide-mob-insights p.insight-date {
    text-align: center;
    margin-bottom: 0;
  }
  .feedback-position {
    display: flex;
    gap: 1rem;
    margin-top: 10px;
    justify-content: center;
  }
  .hide-mob-insights {
    display: block;
  }
  .hide-mob-insights p.insight-date {
    text-align: center !important;
  }
  h2.help-text {
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    margin-top: 55px;
  }
  .tooltip-insight {
    z-index: 999 !important;
  }
  .insights-popup-content {
    width: 100%;
    margin: auto;
    text-align: center;
  }
}
.assetAllocationConainer {
  background-color: #ffffff;
  padding: 20px 10px;
  border-radius: 16px;
}

.assetAllocationConainer .assetAllocationDetails_chart {
  width: 100%;
}

.assetAllocationConainer .assetAllocationDetails_chart .icon {
  width: 18px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 16px;
}

.assetAllocationConainer .assetAllocationDetails_chart .icon_circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 4px;
}

.assetAllocationConainer .assetAllocationDetails {
  width: 100%;
  background: rgba(248, 248, 248, 0.6);
  border: 1px solid rgba(204, 204, 204, 0.4);
  border-radius: 8px;
  padding: 10px 20px;
  margin-top: 16px;
}

.assetAllocationConainer .assetAllocationDetails .icon {
  width: 18px;
  height: 6px;
  border-radius: 3px;
  display: inline-block;
  margin-right: 16px;
}

.assetAllocationConainer .assetAllocationDetails .icon_circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 16px;
}

.assetAllocationConainer .emptyGraph {
  height: 500px;
}

.assetAllocationConainerAUM0 {
  filter: blur(1.5px) !important;
  pointer-events: none;
  height: 500px;
}

.explore-container {
  width: 100% !important;
  overflow-x: hidden !important;
  width: 90%;
  margin: auto;
}

.explore-container .ant-card-body {
  padding: 0px !important;
}

.explore-container .ant-input-affix-wrapper {
  border: 0px !important;
}

.explore-container .fund {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 286px;
  height: 144px;
  left: 89px;
  top: 964px;
  margin-right: 16px;
  background: #ffffff;
  border-radius: 8px;
}

.explore-container .fund text:nth-child(1) {
  position: relative;
  width: 136px;
  height: 18px;
  display: inline-flex;
  left: 15.5px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #999999;
  background: fixed;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 4px 0px;
}

.explore-container .text-2 {
  width: 136px;
  height: 66px;
  left: 16px;
  background: transparent;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  margin-left: 15.5px;
  color: #1f1f1f;
  flex: none;
  flex-grow: 0;
  margin: 4px 10px;
}

.explore-container .image {
  left: 32px;
  top: 3px;
  background: transparent;
  border-radius: 8px;
}

.explore-container .licard {
  width: 375px;
  height: 220px;
  left: 88px;
  top: 567px;
  padding: 12px;
  margin-right: 16px;
  background: #ffffff;
  border-radius: 8px;
}

.explore-container .li-footer {
  display: flex;
  background-color: #ffffff;
}

.explore-container .box {
  position: static;
  width: 64px;
  height: 64px;
  left: 0px;
  top: 0px;
  background: #1f1f1f;
  border: 2px solid #1f1f1f;
  box-sizing: border-box;
  border-radius: 8px;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 0px 16px;
}

.explore-container .box-header {
  width: 256px;
  height: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: fixed;
}

.explore-container .status {
  position: relative;
  width: 265px;
  height: 20px;
  left: 0px;
  top: 0px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #3761c8;
  background: fixed;
  order: 0;
  flex-grow: 0;
  margin: 2px 0px;
  flex-grow: 0;
  margin: 2px 0px;
}

.explore-container .title {
  margin-top: 0px;
  width: 265px;
  height: 24px;
  left: 0px;
  top: 22px;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  color: #1f1f1f;
  background: fixed;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 2px 0px;
}

.explore-container .bank {
  display: flex;
  justify-content: baseline;
  align-items: center;
  background: fixed;
  margin-top: 20px;
  margin-left: 12px;
  background-color: #ffffff;
  flex-wrap: wrap;
}

.explore-container .mbanking {
  padding: 1px 16px 3px;
  font-style: normal;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #1f1f1f;
  background: #f0ede4;
  border-radius: 24px;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin-left: 48px;
  margin: 2px 5px;
  font-weight: 400;
}

.explore-container .dates {
  display: flex;
  flex-direction: column;
  left: 0px;
  top: 0px;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  background-color: #ffffff;
  order: 0;
  flex-grow: 0;
}

.explore-container .foot > text {
  padding: 10px;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
  background: fixed;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 2px 0px;
}

.explore-container .dates > text {
  width: 109px;
  height: 20px;
  left: 0px;
  top: 24px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #999999;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 2px 0px;
}

.explore-container .foot {
  display: flex;
  flex-direction: column;
  background: white;
  font-size: 14px;
  line-height: 20px;
  color: #999999;
  padding-left: 20px;
  background-color: #ffffff;
  flex-grow: 0;
}

.explore-container .al-foot > text {
  padding: 10px;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
  background: fixed;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 2px 0px;
}

.explore-container .foot h6 {
  position: static;
  width: 109px;
  height: 20px;
  left: 0px;
  top: 24px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #999999;
  flex: none;
  background: fixed;
  flex-grow: 0;
  margin: 2px 0px;
}

.explore-container .al-foot {
  display: flex;
  flex-direction: column;
  background: white;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #999999;
  background-color: #ffffff;
  flex-grow: 0;
}

.explore-container .al-foot > h6 {
  position: static;
  width: 109px;
  height: 20px;
  left: 0px;
  top: 24px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #999999;
  flex: none;
  background: fixed;
  flex-grow: 0;
  margin: 1px 0px;
}

.explore-container .li-footer > button > Image {
  width: 16px;
  height: 8px;
  left: calc(50% - 8px + 5px);
  top: calc(50% - 4px + 12px);
}

.explore-container .li-footer > button {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  background-color: #ffffff;
  flex: 1 0 auto;
}

.explore-container .al-footer > button > Image {
  width: 16px;
  height: 8px;
  left: calc(50% - 8px + 5px);
  top: calc(50% - 4px + 12px);
}

.explore-container .al-footer > button {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  background-color: #ffffff;
  flex: 1 0 auto;
}

.explore-container .font {
  position: static;
  width: 343px;
  height: 24px;
  left: calc(50% - 171.5px - 460.5px);
  top: 474px;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #1f1f1f;
}

.explore-container .about {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  margin-right: 16px;
  color: #777777;
}

.explore-container .data {
  display: flex;
  justify-content: baseline;
  align-items: stretch;
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: auto;
  row-gap: 0px;
  flex-wrap: nowrap;
  margin-top: 8px;
  border-radius: 8px;
}

.explore-container .data::-webkit-scrollbar {
  display: none;
}

.explore-container .cards {
  display: flex;
  flex-direction: column;
  margin-top: 3rem;
}

.explore-container .ant-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.explore-container .next {
  width: 51px;
  height: 22px;
  left: 0px;
  top: 0px;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #3761c8;
  margin: auto;
  margin-right: 16px;
}

.explore-container .fun {
  display: flex;
  justify-content: flex-start;
  flex: 1 0 auto;
  margin-bottom: 10px;
}

.explore-container * {
  box-sizing: border-box;
  border: none;
  margin: 0;
  padding: 0;
}

@media (min-width) {
  .explore-container * {
    width: 375px;
  }
}
.explore-container .ant-btn-text:hover {
  background: transparent;
}

.explore-container .searchbar {
  position: relative;
  width: 100%;
  border-radius: 16px;
  background-color: #f0ede4;
}

@media (max-width: 1023px) {
  .explore-container .searchbar {
    margin-top: 32px;
  }
}
.explore-container .content {
  z-index: 1;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #777777;
  margin-top: 36px;
  background: transparent;
}

@media (max-width: 1023px) {
  .explore-container .content {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 44px;
    margin-top: 8px;
  }
}
.explore-container .pm {
  position: absolute;
  width: 51px;
  height: 22px;
  left: 0px;
  top: 0px;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  text-align: right;
  color: #3761c8;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 0px 16px;
}

.explore-container .advi {
  position: absolute;
  width: 620px;
  height: 367px;
  left: 88px;
  background: #f0ede4;
  border-radius: 8px;
}

.explore-container .build {
  position: relative;
  width: 620px;
  height: 367px;
  left: 650px;
  background: #f0ede4;
  border-radius: 8px;
}

.explore-container .bp {
  position: static;
  width: 524px;
  height: 60px;
  left: 0px;
  top: 32px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  background: transparent;
  color: #1f1f1f;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 8px 0px;
}

.explore-container .ab {
  position: static;
  width: 385px;
  height: 24px;
  left: 0px;
  top: 0px;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  background: transparent;
  color: #3761c8;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 8px 0px;
}

.explore-container .ah {
  position: static;
  width: 385px;
  height: 24px;
  left: 0px;
  top: 0px;
  background: transparent;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  color: #3761c8;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 8px 0px;
}

.explore-container .bh {
  position: static;
  width: 385px;
  height: 24px;
  left: 0px;
  top: 0px;
  background: transparent;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  color: #3761c8;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 8px 0px;
}

.explore-container .pcards {
  position: relative;
  display: flex;
  flex-direction: column;
  border-color: black;
}

.explore-container .footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: center;
  margin-top: 56px;
}

.explore-container .footer > img {
  position: absolute;
  left: 0%;
  right: 34.68%;
  top: 49.86%;
  bottom: 0%;
  background: #f0ede4;
  border-radius: 8px;
}

.explore-container .foot-btn {
  position: relative;
  width: 16px;
  height: 8px;
  left: 160px;
  bottom: 10px;
  background: transparent;
}

.explore-container .ap {
  position: static;
  width: 524px;
  height: 100px;
  left: 0px;
  top: 32px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #1f1f1f;
  background: transparent;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 8px 0px;
}

.explore-container form > input,
.explore-container button {
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
}

.explore-container ._0da775bb {
  letter-spacing: 0.3px;
  font-weight: bold;
  background-color: #231f20;
  border-radius: 10px;
}

.explore-container .f6 {
  font-size: 0.875rem;
}

.explore-container .ph4 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.explore-container .pv2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.explore-container .white {
  color: #fff;
}

.explore-container .bn {
  border-style: none;
  border-width: 0;
}

.explore-container [type=button],
.explore-container [type=reset],
.explore-container [type=submit],
.explore-container button {
  -webkit-appearance: button;
}

.explore-container button,
.explore-container select {
  text-transform: none;
}

.explore-container button,
.explore-container input {
  overflow: visible;
}

.explore-container button,
.explore-container input,
.explore-container optgroup,
.explore-container select,
.explore-container textarea {
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

.explore-container *,
.explore-container *:before,
.explore-container *:after {
  box-sizing: border-box;
}

.explore-container button,
.explore-container input {
  overflow: visible;
}

.explore-container button,
.explore-container input,
.explore-container optgroup,
.explore-container select,
.explore-container textarea {
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

.explore-container ._390acbc5 {
  background: none;
  font-size: 16px;
  letter-spacing: 0px;
  border: none;
  outline: unset;
  height: 40px;
  padding-left: 10px;
  border-radius: 0;
  width: calc(100% - 10px);
  -webkit-appearance: none;
}

.explore-container .f5 {
  font-size: 1rem;
}

.explore-container .black {
  color: #000;
}

.explore-container .relative {
  position: relative;
}

.explore-container .fw3 {
  font-weight: 300;
}

.explore-container .nowrap {
  white-space: nowrap;
}

.explore-container ._581ebd89 {
  color: #000;
}

.explore-container .d68c66a8 {
  min-height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.explore-container ._581ebd89 {
  color: #000;
}

.explore-container .d68c66a8 {
  min-height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.explore-container .bg-transparent {
  background-color: transparent;
}

.explore-container .relative {
  position: relative;
}

.explore-container .flex {
  display: flex;
}

.explore-container .b--black-10 {
  border-color: rgba(0, 0, 0, 0.1);
}

.explore-container .bt {
  border-top-style: solid;
  border-top-width: 1px;
}

.explore-container ._581ebd89 {
  color: #000;
}

.explore-container .d68c66a8 {
  min-height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.explore-container .ph3 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.explore-container .ph2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.explore-container .pv2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.explore-container #search {
  position: absolute;
  width: 100%;
  height: 56px;
  z-index: 999;
  margin-top: 85px;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
}

.explore-container ._2f299eeb {
  padding: 5px;
  width: 710px;
  background: #f2f2f2;
}

.explore-container .nowrap {
  white-space: nowrap;
}

.explore-container .flex {
  display: flex;
}

.explore-container ._705cdf4f {
  padding-top: 10px;
}

.explore-container .pr1 {
  padding-right: 0.25rem;
}

.explore-container .pl3 {
  padding-left: 1rem;
}

.explore-container .fl,
.explore-container .fr {
  _display: inline;
}

.explore-container .fl {
  float: left;
}

.explore-container .db {
  display: block;
}

.explore-container .foot-2 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  background-color: transparent;
}

.explore-container .b-1 {
  display: flex;
  flex-direction: column;
  margin: 1rem;
  background-color: transparent;
}

.explore-container .dollar {
  position: absolute;
  left: 75.49%;
  right: 13.7%;
  top: 4.2%;
  bottom: 91.86%;
  mix-blend-mode: darken;
}

.explore-container ._0123 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1 1 auto;
  padding-top: 8px;
  padding-bottom: 21px;
}

.explore-container .magni {
  position: absolute;
  left: 79.33%;
  right: 8.3%;
  top: -25px;
  bottom: 93.68%;
  mix-blend-mode: darken;
}

.explore-container .al-footer {
  margin-top: 20px;
  display: flex;
  justify-content: flex-start;
  background-color: #ffffff;
}

.explore-container .contact {
  display: flex;
  flex-direction: row;
  padding: 2px 16px;
}

@media (min-width: 1024px) {
  .explore-container .contact {
    margin-left: 18px;
  }
}
@media (max-width: 1023px) {
  .explore-container .contact {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}
.explore-container #contact-id {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #1f1f1f;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 8px 0px;
}

.explore-container #contact-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 11px 24px;
  color: #ffffff;
  background: #1f1f1f;
  border-radius: 10px;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 20px 0px;
}

@media (max-width: 767px) {
  .explore-container #contact-btn {
    margin: 20px 0px;
  }
}
.explore-container .f-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: transparent;
}

.explore-container .f-text text {
  margin-left: 15.5px;
  margin-right: -10px;
}

.explore-container button.foot-2-btn {
  position: relative;
  right: 44px;
  bottom: 44px;
}

.explore-container .vector-3 {
  position: absolute;
  width: 50.89px;
  height: 50.89px;
  left: calc(50% - 25.445px + 538.98px);
  top: 222.88px;
  background: linear-gradient(45deg, white, transparent);
  border-radius: 12.7214px;
  transform: rotate(74.69deg);
}

.explore-container .vector-4 {
  position: absolute;
  width: 67.7px;
  height: 67.7px;
  left: calc(50% - 33.85px + 650.35px);
  top: 130px;
  display: flow-root;
  background: linear-gradient(55deg, #ffffff 10%, transparent);
  border-radius: 15.4171px;
  transform: rotate(20.76deg);
}

.explore-container .vector-5 {
  position: absolute;
  width: 16px;
  height: 4px;
  left: 1025.9px;
  top: 200.54px;
  background: #1f1f1f;
  transform: matrix(-0.72, 0.69, 0.69, 0.72, 0, 0);
}

.explore-container .redeem_search_btn {
  background: none !important;
  background: transparent !important;
  font-size: 14px !important;
  color: #fff;
  padding: 8px 16px !important;
  margin-right: 2px !important;
  border-radius: 10px;
  cursor: pointer;
}

.explore-container .redeem_search_btn .ant-btn:hover,
.explore-container .redeem_search_btn .ant-btn:focus,
.explore-container .redeem_search_btn .ant-btn:active {
  text-decoration: none !important;
  background: none !important;
}

.explore-container .redeem_search_btn .ant-btn:hover,
.explore-container .redeem_search_btn .ant-btn:focus {
  color: #fff !important;
  background: none !important;
}

.explore-container .invest_search_btn {
  background-color: #3761c8;
  font-size: 14px !important;
  color: #fff;
  padding: 8px 16px !important;
  margin-left: 2px !important;
  border-radius: 10px;
  cursor: pointer;
}

.explore-container .invest_search_btn .ant-btn:hover,
.explore-container .invest_search_btn .ant-btn:focus,
.explore-container .invest_search_btn .ant-btn:active {
  text-decoration: none !important;
  background-color: #3761c8 !important;
}

.explore-container .invest_search_btn .ant-btn:hover,
.explore-container .invest_search_btn .ant-btn:focus {
  color: #fff !important;
  border-color: #3761c8 !important;
  background-color: #3761c8 !important;
}

.LeftOutlined {
  visibility: hidden;
}

.header {
  width: 100%;
  margin: 0 0 1.4rem;
  font-weight: bold;
  padding: 0 5rem;
}

.ant-divider {
  font-weight: bold;
  color: #999999 !important;
  width: 10pt !important;
  border-radius: 1em !important;
}

.grid {
  margin: auto;
}

.bookmarks__tabs {
  display: flex;
  flex-direction: row;
  font-weight: bold;
}

.bookmarks__tab {
  background-color: inherit !important;
  font-size: medium;
  margin: 0 0.3em !important;
  border: 3px solid transparent;
  padding: 0.2em 0.7em;
  size: 10px;
}

.bookmarks__tab:hover {
  color: #3761c8 !important;
  border-color: #3761c8 !important;
  border-radius: 5em;
  cursor: pointer;
}

.bookmarks__tab.active {
  background-color: inherit !important;
  font-size: medium;
  margin: 0 0.3em !important;
  padding: 0.2em 0.7em;
  border: 3px solid transparent;
  color: #3761c8 !important;
  border-color: #3761c8 !important;
  border-radius: 5em;
}

.bookmarks__tab:disabled {
  color: #a0a0a0 !important;
}

.bookmarks__tab:disabled:hover {
  color: #a0a0a0 !important;
  border-color: transparent !important;
  cursor: not-allowed;
}

.Card__antd {
  border-radius: 8px !important;
  max-width: 6;
  height: 12rem;
  width: 28rem;
}

.Avatar__antd {
  height: 64px !important;
  width: 64px !important;
  box-sizing: border-box !important;
  border-radius: 8px !important;
  margin: 0px 4px !important;
}

.item__tags {
  display: flex;
  flex-flow: row wrap;
}

.item__label {
  background-color: #e5e5e5;
  border-radius: 20px;
  padding: 1px 10px 1px !important;
  margin: 2px 4px 2px;
  max-height: 20px !important;
}

@media (max-width: 480px) {
  .header {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    padding: 2em 2em;
    margin: 0;
  }
  .LeftOutlined {
    visibility: visible;
    position: absolute;
    left: calc(50% - 8em);
    top: calc(50% - 0.5em);
    font-size: x-large;
  }
  .heading {
    font-size: 1.5em;
    font-weight: bold;
    flex-grow: 9;
    text-align: center;
    margin: 0;
  }
  .explore-container .ant-divider {
    visibility: hidden;
  }
  .Col__antd {
    margin: 0 auto;
  }
}
.data .card-item {
  min-width: 400px;
  max-height: 220px;
  left: 88px;
  padding: 12px;
  margin-right: 16px;
  background: #ffffff;
  border-radius: 8px;
}

@media (max-width: 767px) {
  .data .card-item {
    min-width: 343px;
  }
}
@media (max-width: 1024px) {
  .data .header {
    padding: 0 3.5rem;
  }
}
.data .card-item .ant-card-body {
  padding: 0px !important;
}

.advisory-retail-card {
  margin-top: 20px;
  padding: 24px;
  border-radius: 8px;
  background-repeat: no-repeat !important;
  background-size: 1% auto;
  background-color: #f0ede4 !important;
  width: 98% !important;
  z-index: 0 !important;
}

.advisory-retail-card-tiitle {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #3761c8;
}

.advisory-retail-card-content {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #1f1f1f;
}

.advisory-retail-card-btn {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #f0ede4;
  background: #3761c8;
  border-radius: 10px;
  padding: 8px 17.5px;
  border: 1px solid #3761c8 !important;
}

.advisory-retail-card-btn:hover {
  background-color: #f0ede4 !important;
  color: #3761c8 !important;
  border: 1px solid #3761c8 !important;
  cursor: pointer;
}

.see-all-title-btn {
  font-style: normal !important;
  font-weight: bold !important;
  font-size: 16px !important;
  line-height: 22px;
  color: #3761c8;
  margin-right: 16px;
}

.see-all-title-btn:hover {
  background-color: transparent;
}

.search-image-top {
  position: absolute;
  display: inline-block;
  top: -15% !important;
  right: 48px;
  z-index: 999 !important;
}

@media (max-width: 1023px) {
  .search-image-top {
    position: unset;
    width: 120px;
    margin: 21px 0px;
  }
}
.search-image-bottom {
  position: absolute;
  display: inline-block;
  bottom: 0px;
  right: 0px;
  z-index: 999 !important;
}

@media (max-width: 1023px) {
  .search-image-bottom {
    top: 0px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .search-image-bottom {
    max-height: 191px;
  }
}
@media (max-width: 1023px) {
  .search-image-bottom {
    max-height: 191px;
  }
}
.search-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  text-align: center;
}

@media (max-width: 767px) {
  .fundCard {
    width: 50%;
  }
}
.ant-tabs-tab-active {
  border: 0px !important;
}

@media (max-width: 767px) {
  .report-detail-wrap {
    padding: 14px 16px;
  }
}
.holdingTabsCustom label.ant-radio-button-wrapper.ant-radio-button-wrapper {
  background: transparent !important;
  border: 0px !important;
}

.explore_container_carousel {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.explore_container_carousel.postHover [class~=slick-arrow]::before {
  display: none;
}

.explore_container_carousel .slick-list {
  position: relative;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.explore_container_carousel .slick-list .slick-track {
  display: flex;
  z-index: -1;
  margin: 0px !important;
}

.explore_container_carousel .slick-list .slick-track .slick-slide {
  pointer-events: auto;
  margin-right: 16px;
}

.explore_container_carousel .slick-list .slick-track .slick-slide:last-child {
  margin-right: 0px;
}

.explore_container_carousel .slick-list .slick-track .slick-slide.slick-active {
  margin-right: 16px;
}

.explore_container_carousel .slick-list .slick-track .slick-slide.slick-active:last-child {
  margin-right: 0px !important;
}

.explore_container_carousel .slick-list::-webkit-scrollbar {
  display: none;
}

.explore_container_carousel .slick-dots {
  display: none;
}

.explore_container_carousel .slick-prev {
  transform: none !important;
  z-index: 1 !important;
  left: 0px !important;
  top: 0px !important;
  margin-top: 0 !important;
  color: transparent !important;
  width: 64px !important;
  height: 100% !important;
  filter: drop-shadow(0px -4px -6px rgba(0, 0, 0, 0.12)) !important;
  background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0) 58.96%) !important;
}

.explore_container_carousel .slick-prev::before {
  position: absolute !important;
  left: 0px !important;
  transform: translate(-50%, -50%) !important;
  content: url("https://cdn.kristal.ai/portal/images/left%20arrow.svg") !important;
}

.explore_container_carousel .slick-next {
  transform: none !important;
  right: 0px !important;
  top: 0px !important;
  margin-top: 0 !important;
  color: transparent !important;
  width: 64px !important;
  height: 100% !important;
  filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.12)) !important;
  background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0) 58.96%) !important;
}

.explore_container_carousel .slick-next::before {
  position: absolute !important;
  right: 0px !important;
  transform: translate(50%, -50%) !important;
  content: url("https://cdn.kristal.ai/portal/images/right%20arrow.svg") !important;
}

.explore_container_carousel .slick-disabled {
  opacity: 0.25;
  display: none !important;
}

@media (max-width: 767px) {
  .explore_container_carousel {
    width: 90%;
  }
}
.enableLeft .slick-list {
  position: relative;
  filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.12));
  overflow: hidden;
}

.enableLeft .slick-list::after {
  clear: both;
  content: "";
  display: block;
}

.componentHide {
  height: 0 !important;
  display: none;
}

.componentShow {
  height: auto;
}

.privatemarket-container * {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  box-sizing: border-box;
}

.privatemarket-container .filter {
  display: flex;
  justify-content: space-between;
}

.privatemarket-container .bookmarks__tabs {
  display: flex;
  flex-direction: row;
  font-weight: bold;
}

.privatemarket-container .bookmarks__tab {
  background-color: inherit !important;
  font-size: medium;
  color: black;
  margin: 0 0.3em !important;
  border: 3px solid transparent;
  padding: 0.2em 0.7em;
  size: 10px;
}

.privatemarket-container .ant-tabs {
  margin: 39px !important;
}

.privatemarket-container .table-h6 {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  color: #777777;
}

.privatemarket-container .table-content {
  margin: 16px;
}

.privatemarket-container .table-name {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.privatemarket-container .sidebar {
  position: absolute;
  left: 88px;
  top: 122px;
}

.privatemarket-container .sidebar ul {
  display: block;
}

.privatemarket-container .sidebar li {
  display: flex;
  justify-content: center;
  width: 166px;
  height: 72px;
  left: 88px;
  top: 122px;
  background: #faf9f6;
  border: 2px solid #f0ede4;
}

.privatemarket-container .sidebar li a {
  width: 98px;
  height: 22px;
  left: 121px;
  top: 295px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #999999;
}

.privatemarket-container .qe {
  display: flex;
  justify-content: flex-start;
  position: absolute;
  left: -45px;
  top: -50px;
}

.privatemarket-container .selectAccountPopup .ant-modal-header {
  border: 0px;
  border-radius: 7px !important;
  padding: 40px 40px 16px 40px;
}

.privatemarket-container .selectAccountPopup .ant-modal-body {
  padding: 24px 40px;
}

.privatemarket-container .selectAccountPopup button.ant-btn {
  border: 0px;
  color: #3761c8;
  font-weight: 700;
}

.privatemarket-container .selectAccountPopup button.ant-btn-primary {
  background: #3761c8;
  border-color: #3761c8;
  border-radius: 7px;
  color: white;
}

.privatemarket-container .selectAccountPopup .ant-modal-footer {
  border: 0px;
  padding: 0px 40px 40px 40px;
}

.privatemarket-container .ant-modal.selectAccountPopup .ant-modal-content {
  border-radius: 7px !important;
}

.privatemarket-container .intro {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
}

.privatemarket-container header {
  display: flex;
  position: absolute;
  top: 100px;
}

.privatemarket-container header span {
  width: 63.78px;
  height: 63.78px;
  left: -21.46px;
  top: 45.89px;
  background: #f0ede4;
  border-radius: 16px;
  transform: rotate(-30deg);
}

.privatemarket-container header button {
  position: static;
  width: 38px;
  height: 22px;
  left: 48px;
  top: 5px;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #3761c8;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 0px 16px;
}

.privatemarket-container .tx {
  margin-right: 10px;
  font-weight: bold;
  font-size: 32px;
  line-height: 38px;
  color: #1f1f1f;
}

.privatemarket-container .pm-content {
  width: 536px;
  height: 60px;
  margin-top: 10px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #777777;
}

.privatemarket-container Button {
  border-radius: 20px;
  border-color: #3761c8;
  color: #3761c8;
}

.privatemarket-container .pm-sidebar {
  width: 166px;
  height: 72px;
  left: 88px;
}

.privatemarket-container .pm-sidebar a {
  width: 121px;
  height: 22px;
  left: 111px;
  top: 147px;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #3761c8;
}

.privatemarket-container .pm-01 {
  width: 254px;
  height: 20px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #777777;
}

.privatemarket-container .pm-02 {
  width: 254px;
  height: 20px;
  left: 294px;
  top: 286px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #777777;
}

.privatemarket-container .container-pm {
  display: flex;
  position: absolute;
  top: 200px;
}

.privatemarket-container .pm-content {
  width: 536px;
  height: 60px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #777777;
}

.privatemarket-container .pm-01 {
  position: absolute;
  width: 254px;
  height: 20px;
  left: 294px;
  top: 286px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #777777;
}

.privatemarket-container .pm-02 {
  position: absolute;
  width: 36px;
  height: 20px;
  left: 557px;
  top: 286px;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  color: #3761c8;
}

.privatemarket-container .pm-04 {
  display: flex;
  flex-wrap: wrap;
  width: 322px;
  height: 40px;
  left: 921px;
  top: 186px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #777777;
}

.privatemarket-container .pm-03 {
  position: relative;
  width: 425px;
  height: 170px;
  left: 603px;
  padding: 10px;
  top: -100px;
  background: #faf9f6;
  box-shadow: 0px 6px 20px rgba(66, 52, 36, 0.03);
  border-radius: 12px;
}

.privatemarket-container .pm-03 Image {
  position: absolute;
  width: 85px;
  height: 85px;
  left: 887px;
  top: 247px;
  background: #faf9f6;
  border-radius: 10.625px;
}

.privatemarket-container .text_header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.privatemarket-container .details {
  margin-top: 0px;
  background-color: #ffffff !important;
}

.privatemarket-container .pm-06 {
  width: 95%;
  margin-top: 20px;
  box-sizing: border-box;
  border-radius: 4px;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  color: #3761c8;
  flex: none;
  order: 0;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  text-decoration: none;
}

.privatemarket-container .pm-06 ul {
  display: flex;
}

.privatemarket-container .pm-06 li {
  display: inline-block;
  padding: 0px 20px;
}

.privatemarket-container .pm-06 li a {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  color: #1f1f1f;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 0px 0px;
  transition: all 0.3s ease 0s;
}

.privatemarket-container .pm-06 li a:hover {
  color: #008890;
}

.privatemarket-container .pm_table {
  margin-top: 50px;
  width: 1098px;
  margin-left: -25px !important;
  justify-content: space-between;
  align-items: center;
}

.privatemarket-container .pm_table th:nth-child(1) {
  width: 500px;
}

.privatemarket-container .pm_table th {
  width: 200px;
}

.privatemarket-container #name {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 300px;
}

.privatemarket-container .btn-s {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: auto;
  width: 106px;
  height: 20px;
  left: 1182px;
  top: 278px;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  color: #3761c8;
}

.privatemarket-container .pm-submit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}

.privatemarket-container .box {
  position: absolute;
  left: 19.31%;
  right: 76.25%;
  top: 30.29%;
  bottom: 66.37%;
  background: #363636;
  border-radius: 8px;
}

.privatemarket-container .table-01 {
  display: flex;
  width: 25%;
}

.privatemarket-container .pm_01 {
  position: relative;
  width: 1098px;
  height: 0px;
  transform: rotate(180deg);
}

.privatemarket-container .name-txt-01 {
  position: absolute;
  width: 170px;
  height: 22px;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #1f1f1f;
}

.privatemarket-container .name-txt-02 {
  position: absolute;
  width: 157px;
  height: 18px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  display: flex;
  align-items: center;
  color: #777777;
}

.privatemarket-container .rect {
  padding: 24px;
}

.privatemarket-container .header {
  padding: 24px;
}

.privatemarket-container #header-2 {
  width: 186px;
}

.privatemarket-container #header-3 {
  width: 200px;
}

.privatemarket-container #header-4 {
  width: 207px;
}

.privatemarket-container #header-5 {
  width: 184px;
}

.privatemarket-container .reports-wrap {
  padding: 40px;
  max-width: 1400px;
  margin: 0 auto;
}

.privatemarket-container .reports-wrap p {
  color: #999999;
  margin: 0px;
}

.privatemarket-container .reports-wrap h6 {
  font-size: 18px;
}

.privatemarket-container .reports-wrap .report-box {
  background: #ffffff;
  padding: 22px;
  margin-right: 25px;
  margin-bottom: 20px;
  position: relative;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  cursor: pointer;
}

.privatemarket-container .reports-wrap .report-box p {
  width: 100%;
  height: 70px;
}

.block {
  display: block;
}

.kristal-category-desc {
  display: block;
  font-size: 14px;
  color: #777777;
  line-height: 20px;
  white-space: normal;
}

@media (max-width: 767px) {
  .kristal-category-desc {
    font-size: 8px;
    line-height: 12px;
  }
}
.faqs {
  font-size: 14px;
  line-height: 20px;
  color: #3761c8;
}

@media (max-width: 767px) {
  .faqs {
    font-size: 8px;
    line-height: 12px;
  }
}
.submit-intrest-div {
  background: #faf9f6;
  background: #faf9f6;
  border-radius: 8px;
  box-shadow: 0px 6px 20px rgba(66, 52, 36, 0.03);
  padding: 20px;
  height: 100%;
}

@media (max-width: 767px) {
  .submit-intrest-div {
    padding: 20px 20px;
  }
}
.submit-intrest-button {
  font-size: 14px;
  color: #faf9f6;
  background: #1f1f1f;
  border: 2px solid #040404;
  border-radius: 10px;
}

@media (max-width: 767px) {
  .submit-intrest-button {
    font-size: 10px;
    line-height: 14px;
  }
}
.submit-intrest-button:hover {
  border: 2px solid #040404;
}

.request-info-button {
  font-size: 14px;
  color: #1f1f1f;
  background: #faf9f6;
  border: 2px solid #040404;
  border-radius: 10px;
}

@media (max-width: 767px) {
  .request-info-button {
    font-size: 10px;
    line-height: 14px;
  }
}
.request-info-button:hover {
  border: 2px solid #040404;
  color: #faf9f6;
  background: #1f1f1f;
}

.submit-intrest-input {
  height: 72px;
  font-size: 24px;
  background: #ffffff;
  border: 2px solid #f7f5f2;
  box-sizing: border-box;
  border-radius: 8px;
  text-align: center;
  color: #1f1f1f;
}

.kristal-category-title {
  display: flex;
  align-items: center;
}

.kristal-category-filter-button {
  background: #f7f5f2;
  border: 1px solid #f0ede4;
  box-sizing: border-box;
  border-radius: 4px;
}

.kristal-category-table {
  min-width: 100%;
}

.kristal-category-table td {
  font-size: 12px;
  line-height: 18px;
  color: #1f1f1f;
}

.kristal-category-table th:nth-child(1) {
  text-align: left !important;
}

.kristal-category-table th {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #999999 !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.filter-popup-blue-btn {
  background: #3761c8 !important;
  border-radius: 10px !important;
  color: #f0ede4 !important;
  border-color: #3761c8 !important;
}

.filter-popup-blue-btn:hover {
  color: #3761c8;
  border-color: #3761c8;
}

.fund-strategy-ui {
  margin-left: 16px;
}

.fund-strategy-li {
  font-size: 14px;
  line-height: 20px;
  color: #777777;
}

.iframe-popup-modal .ant-modal-body {
  padding: 5px !important;
}

.width-70 {
  width: 70%;
}

.seeAllTableContent .ant-pagination-item {
  border: 1px solid #cccccc;
  border-radius: 4px;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 4px;
}

.seeAllTableContent .ant-pagination-item a {
  color: #1f1f1f;
  font-size: 16px;
  line-height: 22px;
}

.seeAllTableContent .ant-pagination-item-active {
  border: 1px solid #2761c8 !important;
  border-radius: 4px;
  background: #d2ddf9;
  display: flex;
  justify-content: center;
  align-items: center;
}

.seeAllTableContent .ant-pagination-item-active a {
  color: #3761c8;
  font-size: 16px;
  line-height: 22px;
}

.seeAllTableContent .ant-pagination-total-text {
  margin-right: auto;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center;
}

.seeAllTableContent .ant-pagination {
  margin-top: 32px !important;
  color: #363636;
}

.seeAllTableContent .ant-pagination-prev,
.seeAllTableContent .ant-pagination-next {
  display: flex;
  align-items: center;
}

.seeAllTableContent .ant-pagination-next {
  margin-left: 8px;
}

.seeAllTableContent .ant-pagination-disabled {
  display: none;
}

.portal_cash_transfer {
  max-width: 100vw;
}

.portal_cash_transfer .text-3761C8 {
  color: #3761c8 !important;
}

.portal_cash_transfer .container {
  background: #ffffff;
  border-radius: 16px;
  padding: 32px;
}

@media (max-width: 1024px) {
  .portal_cash_transfer .container {
    padding: 16px;
  }
}
.portal_cash_transfer .view-all-request-btn {
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.05em;
  color: #3761c8;
}

.portal_cash_transfer .view-all-request-btn:hover {
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.05em;
  color: #3761c8;
}

.portal_cash_transfer .recents_list {
  background: linear-gradient(91.06deg, rgba(210, 221, 249, 0.3) -70.03%, rgba(240, 237, 228, 0.3) 113.41%);
  border: 1px solid #f0ede4;
  border-radius: 10px;
  padding: 16px 24px;
  margin-top: 24px;
  height: 300px;
}

.portal_cash_transfer .recents_list.no_show_deposits {
  height: 60px;
}
@media (max-width: 768px) {
  .portal_cash_transfer .recents_list.no_show_deposits {
    height: 80px;
  }
}

.portal_cash_transfer .recents_list .recents_list_collapse {
  padding: 2px 12px;
  background: #3761c8;
  box-shadow: 1px 4px 7px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.portal_cash_transfer .recents_list .single {
  background: #ffffff;
  border-radius: 8px;
  padding: 16px;
  border: 1px solid #f0ede4;
  margin-top: 10px;
  cursor: pointer;
}

@media (max-width: 1024px) {
  .portal_cash_transfer .recents_list {
    margin-bottom: 140px;
  }
}
@media (max-width: 768px) {
  .portal_cash_transfer .recents_list {
    margin-bottom: 30px;
  }
}
.portal_cash_transfer .request_note_box {
  background: linear-gradient(91.06deg, rgba(210, 221, 249, 0.3) -70.03%, rgba(240, 237, 228, 0.3) 113.41%);
  border: 1px solid #f0ede4;
  border-radius: 10px;
  padding: 16px 24px 32px 24px;
  margin-top: 24px;
}

.portal_cash_transfer .rCompleted {
  background: #1990ff;
  width: 100%;
  border-radius: 12px;
}

.portal_cash_transfer .rCreated {
  background: #00b267;
  width: 30%;
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
}

.portal_cash_transfer .rCancelled {
  background: #777777;
  width: 100%;
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
}

.portal_cash_transfer .right {
  background: linear-gradient(91.06deg, rgba(210, 221, 249, 0.3) -70.03%, rgba(240, 237, 228, 0.3) 113.41%);
  border: 2px solid #ffffff;
  border-radius: 16px;
  padding: 24px;
  height: 100%;
  height: 700px;
}
@media (max-width: 768px) {
  .portal_cash_transfer .right {
    height: auto;
  }
}

.portal_cash_transfer .right.no_bottom_padding {
  padding: 24px 24px 0px 24px;
}

@media (max-width: 1024px) {
  .portal_cash_transfer .right.no_bottom_padding {
    padding: 24px 24px;
  }
}
@media (max-width: 768px) {
  .portal_cash_transfer .right.no_bottom_padding {
    padding: 0px;
  }
}
.portal_cash_transfer .right .deposit-currency-selection .ant-select-selector {
  border: none !important;
  background: transparent !important;
  text-decoration: none;
  font-weight: 500;
  font-size: 22px;
  line-height: 38px;
  color: #363636;
  width: fit-content;
  display: flex;
  align-items: center;
}

.portal_cash_transfer .right .deposit-currency-selection .ant-select-selector .ant-select-selection-item {
  font-weight: 500;
}

@media (max-width: 767px) {
  .portal_cash_transfer .right .deposit-currency-selection .ant-select-selector .ant-select-selection-item {
    font-weight: 500;
  }
}
.portal_cash_transfer .right .deposit-currency-selection .ant-select-arrow {
  font-size: 26px;
  color: black;
  right: 4px;
}

.portal_cash_transfer .right .deposit-currency-selection-normal {
  font-weight: 700;
  font-size: 22px;
  line-height: 38px;
  color: #363636;
  width: fit-content;
}

.portal_cash_transfer .right .deposit-more-info-select {
  width: 100%;
}

.portal_cash_transfer .right .deposit-more-info-select .ant-select-selector {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding-left: 20px;
  border-radius: 14px;
  font-size: 16px;
  color: black !important;
  font-family: "Aktiv-Bold";
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03) !important;
  border: none;
  background-color: #fff !important;
}

.portal_cash_transfer .right .deposit-more-info-select .ant-select-arrow {
  font-size: 26px;
  color: black;
  right: 4px;
}

.portal_cash_transfer .amount_top {
  background: #ffffff;
  border-radius: 16px 16px 0px 0px;
}

.portal_cash_transfer .amount_top .ant-input-number-input {
  text-align: center;
}

.portal_cash_transfer .amount_bottom {
  background: #363636;
  border-radius: 0px 0px 16px 16px;
  padding: 4px 0px;
}

.portal_cash_transfer .amount-option-wrapper {
  padding: 0px 0px 21px 0px;
  display: flex;
  justify-content: space-around;
}

.portal_cash_transfer .amount-option-wrapper .amount-option {
  border: none;
  height: 24px;
  padding: 4px 10px;
  background: #f0ede4;
  border-radius: 24px;
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  color: #1f1f1f;
}

.portal_cash_transfer .amount-option-wrapper .amount-option span {
  line-height: 0px;
}

.portal_cash_transfer .custom-input-funds {
  border: 1px solid #fff;
  width: 100%;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 10px;
  padding: 17px 24px 17px 20px;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
  font-weight: 700;
  background-color: #fff;
}

.portal_cash_transfer .custom-input-funds input.ant-input {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: #1f1f1f;
}

.portal_cash_transfer .ant-input-suffix .suffix-value-remarks {
  color: #999;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  padding-left: 10px;
}

.portal_cash_transfer .ant-input-suffix .suffix-value-remarks-error {
  color: #f44336;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  padding-left: 10px;
}

.portal_cash_transfer .next-btn {
  background-color: #1f1f1f;
  border-radius: 14px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 0px;
  width: 100%;
  font-family: "Aktiv-Bold";
  font-weight: bold;
  cursor: pointer;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #f0ede4;
}
@media (max-width: 768px) {
  .portal_cash_transfer .next-btn {
    font-size: 16px;
  }
}

.portal_cash_transfer .next-btn i {
  background-color: #fff;
}

.portal_cash_transfer .next-btn.not-allowed {
  cursor: not-allowed;
  background-color: #ccc;
  border: none;
  padding: 14px 0px;
}

.portal_cash_transfer .reject-btn {
  background-color: transparent;
  border-radius: 14px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 0px;
  width: 100%;
  font-family: "Aktiv-Bold";
  font-weight: bold;
  cursor: pointer;
  font-size: 23px;
  line-height: 28px;
  text-align: center;
  color: #1f1f1f;
  border: 2px solid #1f1f1f;
}

.portal_cash_transfer .reject-btn.not-allowed {
  cursor: not-allowed;
}

@media (max-width: 767px) {
  .portal_cash_transfer .reject-btn {
    margin-top: 16px;
  }
}
.portal_cash_transfer .amount-usd-selected-error {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #f44336;
}

.portal_cash_transfer .custom-tab {
  border: 1px solid #1f1f1f;
  border-radius: 14px;
}

.portal_cash_transfer .custom-tab .action-type {
  border-radius: 14px;
  padding: 17px 24px;
}
@media (max-width: 768px) {
  .portal_cash_transfer .custom-tab .action-type {
    padding: 12px 24px;
  }
}

.portal_cash_transfer .deposit-card-wrapper-active {
  background: #1f1f1f;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  padding: 16px 25px;
  display: flex;
  margin-top: 16px;
}

.portal_cash_transfer .deposit-card-wrapper-active .deposit-image {
  width: 72px;
  height: 72px;
  background: #f0ede4;
  border-radius: 4px;
}

.portal_cash_transfer .deposit-card-wrapper-active .selected-card-title {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  margin: 0px;
}

.portal_cash_transfer .deposit-card-wrapper-active .selected-card-title-wrapper {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  margin-top: 6px;
}

.portal_cash_transfer .deposit-card-wrapper-active .selected-card-title-wrapper .offer-text {
  display: inline;
}

.portal_cash_transfer .deposit-card-wrapper-active .selected-card-title-wrapper .offer-text .offer-price {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: 700;
  color: #00b267;
}

.portal_cash_transfer .deposit-card-wrapper-active .selected-card-title-wrapper .offer-text .hidden {
  display: none;
}

.portal_cash_transfer .deposit-card-wrapper-active .selected-card-title-wrapper .offer-know-more {
  color: #3761c8 !important;
  display: inline-block;
}

.portal_cash_transfer .deposit-card-wrapper {
  background: #ffffff;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  padding: 16px 25px;
  display: flex;
  margin-top: 16px;
}

.portal_cash_transfer .deposit-card-wrapper .deposit-image {
  width: 72px;
  height: 72px;
  background: #f0ede4;
  border-radius: 4px;
}

.portal_cash_transfer .deposit-card-wrapper .selected-card-title {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  margin: 0px;
}

.portal_cash_transfer .deposit-card-wrapper .selected-card-title-wrapper {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 6px;
}

.portal_cash_transfer .deposit-card-wrapper .selected-card-title-wrapper .offer-text {
  display: inline;
}

.portal_cash_transfer .deposit-card-wrapper .selected-card-title-wrapper .offer-text .offer-price {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: 700;
  color: #00b267;
}

.portal_cash_transfer .deposit-card-wrapper .selected-card-title-wrapper .offer-text .hidden {
  display: none;
}

.portal_cash_transfer .deposit-card-wrapper .selected-card-title-wrapper .offer-know-more {
  color: #002d9c !important;
  display: inline-block;
}

.portal_cash_transfer .deposit-ifsc-input {
  margin: 24px 0px 24px 0px;
}

.portal_cash_transfer .deposit-ifsc-input .ifsc-deposit {
  width: 100%;
  height: 56px;
  border-radius: 14px;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border: none;
}

.portal_cash_transfer .deposit-ifsc-input .ant-input {
  border: none;
}

.portal_cash_transfer .deposit-ifsc-input .ifsc-deposit-select {
  width: 100%;
  height: 56px;
  border-radius: 14px;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  background: rgba(204, 204, 204, 0.4);
}

.portal_cash_transfer .deposit-ifsc-input .title {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #999999;
  margin: 0px 0px 5px 0px;
}

.portal_cash_transfer .deposit-ifsc-input .pointer {
  width: 406px;
  position: absolute;
  z-index: 1050;
}

.portal_cash_transfer .deposit-ifsc-input .ant-select-selector .ant-select-selection-item {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
}

.portal_cash_transfer .deposit-ifsc-input .ant-row {
  margin-bottom: 0px;
}

.portal_cash_transfer .deposit-ifsc-input .ant-input {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
  padding-left: 15px;
  border: none;
}

.portal_cash_transfer .deposit-ifsc-input #ifsc {
  text-transform: uppercase;
}

.portal_cash_transfer .deposit-ifsc-input ::placeholder {
  text-transform: capitalize;
  letter-spacing: 0.1em;
}

.portal_cash_transfer .deposit-ifsc-input .validate {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #3761c8;
  padding-right: 8px;
  cursor: pointer;
  border: none;
  box-shadow: none;
  background: transparent;
}

.portal_cash_transfer .deposit-ifsc-input .ant-select-selector {
  height: 56px;
  border-radius: 14px;
  background-color: #ffffff;
  align-items: center;
  padding: 0px 0px 0px 20px;
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
  border: none;
}

.portal_cash_transfer .deposit-ifsc-input .ant-select-disabled .ant-select-selector {
  background: rgba(204, 204, 204, 0.4);
}

.portal_cash_transfer .deposit-ifsc-input .ant-select-arrow {
  display: none;
}

.portal_cash_transfer .deposit-ifsc-input .description-option {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
}

.portal_cash_transfer .deposit-ifsc-input .multipal-select-field {
  max-width: 406px;
  width: 100%;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
}

.portal_cash_transfer .deposit-ifsc-input .ant-btn {
  box-shadow: none;
}

.portal_cash_transfer .deposit-ifsc-input .ant-input-affix-wrapper {
  border: none !important;
}

.portal_cash_transfer .deposit-ifsc-input .ant-input-affix-wrapper-focused {
  border: none !important;
}

.portal_cash_transfer .request-multiple-input-wrapper {
  padding: 40px 0px 0px 0px;
}

.portal_cash_transfer .request-multiple-input-wrapper .request-input {
  margin: 0px 0px 26px 0px;
  border: none;
}

.portal_cash_transfer .request-multiple-input-wrapper .request-input .title {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #999999;
  margin: 0px 0px 5px 0px;
}

.portal_cash_transfer .request-multiple-input-wrapper .request-input .ant-picker-input > input {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 22px !important;
  color: #1f1f1f;
}

.portal_cash_transfer .request-multiple-input-wrapper .request-input .ant-input {
  border: none;
}

.portal_cash_transfer .request-multiple-input-wrapper .request-input .ant-picker-input {
  padding: 0px 0px 0px 20px;
}

.portal_cash_transfer .request-multiple-input-wrapper .request-input #pastHistory_0_ifsc {
  text-transform: uppercase;
}

.portal_cash_transfer .request-multiple-input-wrapper .request-input #pastHistory_1_ifsc {
  text-transform: uppercase;
}

.portal_cash_transfer .request-multiple-input-wrapper .request-input #pastHistory_2_ifsc {
  text-transform: uppercase;
}

.portal_cash_transfer .request-multiple-input-wrapper .request-input ::placeholder {
  text-transform: capitalize;
  font-size: 16px !important;
  line-height: 22px !important;
  font-weight: bold;
  letter-spacing: 0.1em;
}

.portal_cash_transfer .request-multiple-input-wrapper .request-input .ant-input-number-input {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
  padding-top: 3px;
  border: none;
}

.portal_cash_transfer .request-multiple-input-wrapper .request-input .ant-form-item {
  margin-bottom: 0px;
}

.portal_cash_transfer .request-multiple-input-wrapper .request-input .ant-input {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
  padding-left: 10px;
}

.portal_cash_transfer .request-multiple-input-wrapper .request-input .validate {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #3761c8;
  cursor: pointer;
  padding-right: 10px;
  border: none;
  box-shadow: none;
  background: transparent;
}

.portal_cash_transfer .request-multiple-input-wrapper .request-input .ant-select-selector {
  height: 56px;
  border-radius: 14px;
  background: #ffffff;
}

.portal_cash_transfer .request-multiple-input-wrapper .request-input .ant-select-selector .ant-select-selection-item {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
}

.portal_cash_transfer .request-multiple-input-wrapper .request-input .ant-select-disabled .ant-select-selector {
  background: rgba(204, 204, 204, 0.4);
}

.portal_cash_transfer .request-multiple-input-wrapper .request-input .ant-select-selector {
  border: none;
  height: 56px;
  border-radius: 14px;
  background-color: #ffffff;
  align-items: center;
  padding: 0px 0px 0px 20px;
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
}

.portal_cash_transfer .request-multiple-input-wrapper .request-input .ant-select-arrow {
  display: none;
}

.portal_cash_transfer .request-multiple-input-wrapper .request-input .description-option {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
}

.portal_cash_transfer .request-multiple-input-wrapper .request-input .ant-input-number-handler-wrap {
  display: none;
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
}

.portal_cash_transfer .request-multiple-input-wrapper .request-input .ant-input-number-input-wrap {
  padding: 5px 0px 0px 10px;
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
}

.portal_cash_transfer .request-multiple-input-wrapper .request-input .ant-picker-input > input {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
}

.portal_cash_transfer .request-multiple-input-wrapper .request-input .ant-picker-suffix {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
}

.portal_cash_transfer .request-multiple-input-wrapper .request-input .multipal-input-field {
  width: 100%;
  height: 56px;
  border-radius: 14px;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
}

.portal_cash_transfer .request-multiple-input-wrapper .request-input .ifsc-deposit-select {
  width: 100%;
  height: 56px;
  border-radius: 14px;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  background: rgba(204, 204, 204, 0.4);
}

.portal_cash_transfer .fund-transfer-title {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  color: #1f1f1f;
  margin: 0px 0px 8px 0px;
}

.portal_cash_transfer .before-fund-title {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #777777;
}

.portal_cash_transfer .deposit-image-wrapper .deposit-card-logo {
  margin: 40px 0px 45px 0px;
  border-radius: 8px;
  width: 320px;
  height: 63px;
}

.portal_cash_transfer .deposit-image-wrapper .deposit-card-logo .ant-card-body {
  display: flex;
  justify-content: center;
  padding: 10px;
  border-radius: 8px;
}

.portal_cash_transfer .deposit-image-wrapper .deposit-steps-wrapper {
  margin-bottom: 50px;
  width: 470px;
}

.portal_cash_transfer .deposit-image-wrapper .deposit-steps-wrapper .steps-wrapper .step-title-wrap {
  width: 340px;
  display: flex;
  justify-content: "space-between";
}

.portal_cash_transfer .deposit-image-wrapper .deposit-steps-wrapper .steps-wrapper .step-title-wrap .deposit-step-description {
  width: 257px;
  font-family: "Aktiv";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.6);
}

.portal_cash_transfer .deposit-image-wrapper .deposit-steps-wrapper .steps-wrapper .step-title-wrap .step-title {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.87);
}

.portal_cash_transfer .deposit-image-wrapper .deposit-steps-wrapper .steps-wrapper .step-title-wrap .step-description {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.6);
  text-decoration: line-through;
}

.portal_cash_transfer .deposit-image-wrapper .deposit-steps-wrapper .steps-wrapper .step-title-wrap .step-description-wrap {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #777777;
}

.portal_cash_transfer .deposit-image-wrapper .deposit-steps-wrapper .steps-wrapper .step-title-wrap .step-description-color {
  margin-left: 4px;
  color: #487db7;
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1.5px solid #487db7;
  cursor: pointer;
}

.portal_cash_transfer .deposit-image-wrapper .deposit-steps-wrapper .steps-wrapper .step-title-wrap .step-description-color .select-outlined {
  transform: rotate(270deg);
}

.portal_cash_transfer .deposit-image-wrapper .deposit-steps-wrapper .steps-wrapper .ant-steps-item-icon {
  background-color: #f7f5f2;
  border: none;
}

.portal_cash_transfer .deposit-image-wrapper .deposit-steps-wrapper .steps-wrapper .ant-steps-item-tail {
  height: 0px;
}

.portal_cash_transfer .deposit-image-wrapper .deposit-steps-wrapper .steps-wrapper .ant-steps-icon {
  color: #000000;
  font-size: 15px;
}

.portal_cash_transfer .deposit-image-wrapper .deposit-steps-wrapper .deposit-charges {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #638ae9;
}

.portal_cash_transfer .deposit-image-wrapper .deposit-steps-wrapper .deposit-charges-transaction {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #00b267;
  display: flex;
  margin-left: 10px;
}

.portal_cash_transfer .deposit-image-wrapper .deposit-steps-wrapper .deposit-charges-transaction .hidden {
  display: none;
}

.portal_cash_transfer .deposit-image-wrapper .deposit-steps-wrapper .deposit-charges-transaction .amount-bold {
  font-weight: 700;
}

.portal_cash_transfer .deposit-image-wrapper .deposit-steps-wrapper .deposit-saving-wrapper {
  width: 480px;
  padding: 20px;
  background: #f0ede4;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.portal_cash_transfer .deposit-image-wrapper .deposit-steps-wrapper .deposit-saving-wrapper .deposit-saving-sub-title {
  font-family: "Aktiv";
  font-style: italic;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #999999;
  margin: 0px;
}

.portal_cash_transfer .deposit-image-wrapper .deposit-steps-wrapper .steps-wrapper-number {
  display: flex;
  align-items: center;
}

.portal_cash_transfer .deposit-image-wrapper .deposit-steps-wrapper .steps-wrapper-number .step-title-wrap-number .deposit-number {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 41.6px;
  line-height: 62px;
  color: #1f1f1f;
  position: relative;
  z-index: 2;
}

.portal_cash_transfer .deposit-image-wrapper .deposit-steps-wrapper .steps-wrapper-number .step-title-wrap-number .model-image {
  position: absolute;
  z-index: 1;
  width: 48px;
  height: 48px;
  top: -92px;
  right: -38px;
}

.portal_cash_transfer .deposit-image-wrapper .deposit-steps-wrapper .steps-wrapper-number .step-title-wrap {
  padding-left: 34px;
  width: 340px;
  position: relative;
}

.portal_cash_transfer .deposit-image-wrapper .deposit-steps-wrapper .steps-wrapper-number .step-title-wrap .step-title {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  margin: 0px;
  top: -30px;
  position: absolute;
}

.portal_cash_transfer .deposit-image-wrapper .deposit-steps-wrapper .steps-wrapper-number .step-title-wrap .description-title {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.6);
}

.portal_cash_transfer .deposit-image-wrapper .deposit-steps-wrapper .deposit-redirecting-number {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #638ae9;
}

.portal_cash_transfer .deposit-image-wrapper .deposit-steps-wrapper .unordered-wrapper {
  margin: 5px 0px 41px 48px;
}

.portal_cash_transfer .deposit-image-wrapper .deposit-steps-wrapper .unordered-wrapper .deposit-address-proof {
  margin-right: 20px;
}

.portal_cash_transfer .deposit-image-wrapper .deposit-steps-wrapper .unordered-wrapper .title {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.6);
  margin: 0px 0px 12px 0px;
}

.portal_cash_transfer .deposit-image-wrapper .deposit-steps-wrapper .unordered-wrapper .title .proof-icon-checked {
  margin: 0px 12px 0px 12px;
  color: #000000;
}

.portal_cash_transfer .deposit-image-wrapper .sbm-account-details-wrapper {
  max-width: 406px;
}

.portal_cash_transfer .deposit-image-wrapper .sbm-account-details-wrapper .sbm-box-wrapper .date-select-wrapper {
  margin-bottom: 24px;
}

.portal_cash_transfer .deposit-image-wrapper .sbm-account-details-wrapper .sbm-box-wrapper .date-select-wrapper .date-title {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #999999;
  margin-bottom: 5px;
}

.portal_cash_transfer .deposit-image-wrapper .sbm-account-details-wrapper .sbm-box-wrapper .date-select-wrapper .ant-input {
  border: none;
}

.portal_cash_transfer .deposit-image-wrapper .sbm-account-details-wrapper .sbm-box-wrapper .date-select-wrapper .ant-form-item {
  margin: 0px;
}

.portal_cash_transfer .deposit-image-wrapper .sbm-account-details-wrapper .sbm-box-wrapper .date-select-wrapper .ant-form-item .ant-picker-input > input {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold !important;
  font-size: 16px !important;
  line-height: 22px !important;
  padding-left: 16px !important;
  color: #1f1f1f;
}

.portal_cash_transfer .deposit-image-wrapper .sbm-account-details-wrapper .sbm-box-wrapper .date-select-wrapper .ant-form-item .date-picker-wrapper-sbm {
  width: 100%;
  height: 56px;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 14px;
  border: none;
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
}

.portal_cash_transfer .deposit-image-wrapper .sbm-account-details-wrapper .sbm-box-wrapper .date-select-wrapper .ant-form-item .date-picker {
  width: 100%;
  height: 56px;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 14px;
  margin-bottom: 24px;
  border: none;
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
}

.portal_cash_transfer .deposit-image-wrapper .sbm-account-details-wrapper .sbm-box-wrapper .date-select-wrapper .ant-form-item .date-picker .ant-picker-suffix {
  color: #1f1f1f;
  font-size: 16px;
}

.portal_cash_transfer .deposit-image-wrapper .sbm-account-details-wrapper .sbm-box-wrapper .date-select-wrapper .ant-input-disabled {
  background: rgba(204, 204, 204, 0.4) !important;
}

.portal_cash_transfer .deposit-image-wrapper .sbm-account-details-wrapper .sbm-box-wrapper .date-select-wrapper .sbm-select-input {
  max-width: 406px;
  width: 100%;
  height: 56px;
  border-radius: 14px;
  padding-left: 15px;
}

.portal_cash_transfer .deposit-image-wrapper .sbm-account-details-wrapper .sbm-box-wrapper .check-box-title {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.6);
  width: 306px;
  align-items: center;
  margin-bottom: 24px;
}

.portal_cash_transfer .deposit-image-wrapper .sbm-account-details-wrapper .sbm-box-wrapper .check-box-title .ant-checkbox {
  margin-right: 15px;
}

.portal_cash_transfer .deposit-image-wrapper .sbm-account-details-wrapper .sbm-box-wrapper .check-box-title .ant-checkbox .ant-checkbox-inner {
  height: 22px;
  width: 22px;
}

.portal_cash_transfer .deposit-image-wrapper .sbm-account-details-wrapper .sbm-box-wrapper .horizontal-line {
  margin: 15px 0px 26px 0px;
  height: 2px;
  background-color: #f0ede4;
}

.portal_cash_transfer .deposit-image-wrapper .sbm-account-details-wrapper .sbm-box-wrapper .confirm-button-add-account {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #f0ede4;
  width: 406px;
  height: 56px;
  background: #1f1f1f;
  border-radius: 14px;
}

.portal_cash_transfer .amount-proceed {
  align-items: center;
  width: 406px;
  height: 56px;
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #f0ede4;
  background: #1f1f1f;
  border-radius: 14px;
  display: block;
}

.portal_cash_transfer .amount-proceed.disabled {
  cursor: not-allowed;
  background: #737373;
}

@media (max-width: 567px) {
  .portal_cash_transfer .amount-proceed {
    width: 100%;
  }
}
.portal_cash_transfer .back-button {
  align-items: center;
  padding: 14px 72px;
  margin-top: 16px;
  width: 406px;
  height: 56px;
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #040404;
  border: 2px solid #040404;
  border-radius: 14px;
  background: transparent;
}

@media (max-width: 567px) {
  .portal_cash_transfer .back-button {
    width: 100%;
  }
}
.portal_cash_transfer .deposit-axis-bank-account-wrapper .deposit-axis-bank-image .axis-bank-image {
  background: #f7f5f2;
  border-radius: 8px;
  width: 351px;
  height: 206px;
  margin: 100px 0px 0px 0px;
}

.portal_cash_transfer .deposit-axis-bank-account-wrapper .deposit-axis-bank-image .deposit-axis-bank-title-wrap {
  margin: 46px 0px 0px 0px;
  width: 380px;
}

.portal_cash_transfer .deposit-axis-bank-account-wrapper .deposit-axis-bank-image .deposit-axis-bank-title-wrap .deposit-axis-title {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #3761c8;
  margin: 0px;
}

.portal_cash_transfer .deposit-axis-bank-account-wrapper .deposit-axis-bank-image .deposit-axis-bank-title-wrap .deposit-axis-subtitle {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #999999;
}

.portal_cash_transfer .deposit-axis-bank-account-wrapper .axis-bank-button-wrapper {
  margin-top: 62px;
}

.portal_cash_transfer .deposit-axis-bank-account-wrapper .axis-bank-button-wrapper .axis-button-other {
  width: 406px;
  height: 56px;
  background: #1f1f1f;
  border-radius: 14px;
  font-family: "Aktiv";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #f0ede4;
  display: block;
  margin-bottom: 20px;
}

.portal_cash_transfer .deposit-axis-bank-account-wrapper .axis-bank-button-wrapper .axis-bank-button-open {
  width: 406px;
  height: 56px;
  background: inherit;
  border-radius: 14px;
  font-family: "Aktiv";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #040404;
  display: block;
  border: 2px solid #040404;
}

.ant-modal-confirm .ant-modal-content {
  border-radius: 14px;
}

.ant-modal-confirm .ant-modal-content .ant-btn {
  border: none;
  box-shadow: none;
  font-family: "Aktiv";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #3761c8;
}

.ant-modal-confirm .ant-modal-content .ant-btn-primary {
  border-radius: 10px;
  font-family: "Aktiv";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #f0ede4;
  background: #3761c8;
}

.portalCashtransferWrap {
  width: 100% !important;
  max-width: 1150px !important;
  margin: 0 auto !important;
  padding: 20px !important;
}

.fundTransferReceiptImg {
  display: flex;
  flex-direction: column;
}

@keyframes slideInFromTop {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
.render_ifsc_success_modal .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-list-items .ant-list-item .left {
  text-align: left !important;
}

.render_ifsc_success_modal .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-list-items .ant-list-item .right {
  text-align: right !important;
}

.receiptContent {
  background: white;
  height: 600px !important;
  width: 83%;
  margin: 0 auto;
  position: relative;
  top: -21px;
  padding: 20px 20px 0px 20px;
  overflow-x: scroll;
  animation: slideInFromTop 0.5s ease-in-out;
  border-radius: 0px 0px 8px 8px;
}
@media (max-width: 768px) {
  .receiptContent {
    width: 100%;
    height: auto !important;
    top: 0px;
  }
}

.receiptContent h2 {
  text-align: center;
  padding: 20px;
  font-weight: 500;
  margin: 0px;
}

.receiptContent.padding {
  padding: 20px;
}

.receiptContent.no-animation {
  animation: none;
}

.receiptContent.no-padding {
  padding: 10px 16px;
}

span.basicInfoOnTopLabel {
  color: #999999;
  font-weight: 700;
  font-size: 10px;
}

span.basicInfoOnTopValue {
  color: #1f1f1f;
  font-weight: 700;
  font-size: 14px;
}

.basicInfoOnTopAmt p,
.basicInfoOnTopAppId p {
  margin-bottom: 0px;
}

.requestConfirmation .rightColBackgorund {
  justify-content: flex-start;
}

.scrollToBottomWrap {
  position: absolute;
  bottom: 10px;
  width: 100%;
  display: flex;
  align-items: flex-end;
  margin-left: -16px;
  margin-bottom: -8px;
}

.scrollToBottomWrap.fullwidth {
  margin-left: -24px;
  margin-bottom: 0px;
}

.scrollToBottomWrap .scrollToBottom {
  display: flex !important;
  justify-content: center !important;
  font-weight: 700;
  font-size: 12px;
  border-radius: 20px;
  width: 60%;
  margin-left: 20%;
  color: #ffffff;
  padding: 8px 16px;
  box-shadow: 2px 4px 24px rgba(0, 0, 0, 0.29);
  background: #638ae9;
  border: 2px solid #d2ddf9;
  cursor: pointer;
}

.scrollToBottomWrap .scrollToBottom.fullwidth {
  width: 50%;
  margin-left: 25%;
}

.cwProcessTitle {
  text-align: center;
  border-bottom: 1px dashed #cccccc;
}

.cwProcessTitle span {
  color: #999999;
  font-weight: 700;
  font-size: 10px;
  position: relative;
  top: 9px;
  padding: 0px 10px;
  background: white;
}

.fundTransferDepositSteps {
  margin-top: 35px;
}

.fundTransferDepositSteps .step-description h2 {
  text-align: left !important;
  padding: 0px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  margin-bottom: 5px !important;
}

.fundTransferDepositSteps .ant-steps-item-icon {
  border-radius: 7px;
  transform: rotate(45deg);
  border: 2px solid #363636;
  background: white;
  position: relative;
  top: 30px;
}

.fundTransferDepositSteps .ant-steps-item-icon span {
  transform: rotate(-45deg) !important;
  display: inline-block;
  color: #363636 !important;
}

.fundTransferDepositSteps .ant-steps-item-tail {
  background-color: black;
  height: 52% !important;
  top: 76px !important;
  width: 2px !important;
}

.fundTransferDepositSteps .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: black;
}

p.receiptBellowNote {
  color: #999999;
  line-height: 20px;
}

p.receiptBellowNote svg {
  color: #3761c8;
}

.SuccessDeposit p.dottedLineForCollapse {
  position: absolute;
  top: 38px;
  left: 170px;
  width: 45%;
  border: 1px dashed #cccccc;
  z-index: 1;
  display: block;
}

.SuccessDeposit .leftColInfo p {
  color: #777777;
  margin-bottom: 3px;
}

.receiptWithTabs .ant-collapse-content-box {
  padding: 0px !important;
}

.receiptWithTabs .ant-collapse .singleRequest {
  background: white;
}

.receiptWithTabs .singleRequest {
  margin-bottom: 10px;
  padding: 10px;
  border: 2px solid #f0ede4;
  border-radius: 8px;
}

.receiptWithTabs .singleRequest div {
  display: flex;
  justify-content: space-between;
}

.receiptWithTabs .singleRequest div span.leftShift {
  font-weight: 700;
  color: #363636;
}

.receiptWithTabs .singleRequest div span.rightShift {
  font-weight: 700;
  color: #777777;
}

.receiptWithTabs .singleRequest p.defalutLine {
  height: 5px;
  background: #f0ede4;
  border-radius: 12px;
  margin: 3px 0px 3px 0px;
}

.receiptWithTabs .singleRequest p.statusLine {
  /* position: relative; */
  height: 5px;
  z-index: 999;
  /* top: -8px; */
  margin-top: -8px;
  margin-bottom: 3px;
}

.receiptWithTabs .singleRequest .rCompleted {
  background: #1990ff;
  width: 100%;
  border-radius: 12px;
}

.receiptWithTabs .singleRequest .rCreated {
  background: #00b267;
  width: 30%;
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
}

.receiptWithTabs .ant-collapse-expand-icon {
  order: 2;
  position: relative;
  left: 16px;
}

.receiptWithTabs p.dottedLineForCollapse {
  position: absolute;
  top: 44px;
  left: 202px;
  width: 42%;
  border: 1px dashed #cccccc;
  z-index: 1;
  display: block;
}

.receiptWithTabs .ant-collapse {
  background: none;
}

.receiptWithTabs .ant-collapse-header {
  padding-left: 0px !important;
}

.receiptWithTabs .ant-collapse-header span.ant-collapse-header-text {
  color: #999999;
  font-weight: 700;
  text-transform: uppercase;
}

.receiptWithTabs .SuccessDeposit p.dottedLineForCollapse {
  position: absolute;
  top: 38px;
  left: 182px;
  width: 31% !important;
  border: 1px dashed #cccccc;
  z-index: 1;
  display: block;
}

.receiptWithTabs .SuccessDeposit .leftColInfo p {
  color: #777777;
  margin-bottom: 3px;
}

.receiptWithTabs .ant-radio-button-wrapper:hover {
  color: #1990ff;
}

.receiptWithTabs .successFdModalButton {
  padding: 14px 72px;
  background: #1f1f1f;
  border-radius: 14px;
  width: 320px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}

.receiptWithTabs .downloadInstructions {
  background: #ffffff;
  color: #1990ff;
  border: 1px solid #1990ff;
  margin-right: 22px;
}

.successFdModal .text-3761C8 {
  color: #3761c8 !important;
}

.successFdModal .ribbon-setup {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999999;
}

.successFdModal .ant-modal-content {
  border-radius: 16px !important;
  padding: 20px;
}

@media (max-width: 1100px) {
  .successFdModal .ant-modal-content {
    padding: 20px 8px;
  }
}
@media (max-width: 1100px) {
  .successFdModal .ant-modal-content .ant-modal-body {
    padding: 24px 8px;
  }
}
.successFdModal .ant-modal-content .request_details_container {
  background-color: #fff;
  border: 1px solid #f0ede4;
  border-radius: 4px;
  height: 295px;
}
@media (max-width: 768px) {
  .successFdModal .ant-modal-content .request_details_container {
    height: auto;
  }
}

.successFdModal .ant-modal-content .request_details_container.no-border {
  border: 0px;
}

.successFdModal .ant-modal-content .request_details_container .request_details_pane {
  background: #faf9f6;
  padding: 8px;
  border: 1px solid #f0ede4;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
}

.successFdModal .ant-modal-content .request_details_container .request_details_pane.double-border {
  border-top: 2px solid #f0ede4;
  border-left: 2px solid #f0ede4;
  border-right: 2px solid #f0ede4;
  border-bottom: 1px solid #f0ede4;
}

.successFdModal .ant-modal-content .request_details_container .request_details_info {
  padding: 10px 12px;
  background: #fcfcfb;
  border: 1px solid #f0ede4;
  border-radius: 4px;
  margin: 16px;
}

.successFdModal .ant-modal-content .summary_details_container {
  background-color: #fff;
  border: 1px solid #f0ede4;
  border-radius: 4px;
}

.successFdModal .ant-modal-content .summary_details_container.no-border {
  border: 0px;
}

.successFdModal .ant-modal-content .summary_details_container .depositStatus {
  padding: 12px 16px;
}

.successFdModal .ant-modal-content .summary_details_container .depositStatus .withdrawCanceledStep .step-description h2 {
  text-align: left !important;
  padding: 0px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  margin-bottom: 5px !important;
}

.successFdModal .ant-modal-content .summary_details_container .depositStatus .withdrawCanceledStep .ant-steps-item-container {
  margin-bottom: 20px !important;
}

.successFdModal .ant-modal-content .summary_details_container .depositStatus .withdrawCanceledStep .ant-steps-item-icon {
  background: #ffd9d6;
  border: 2px solid #ffd9d6;
  border-radius: 7px;
  transform: rotate(45deg);
  position: relative;
  top: 20px;
  top: 20px;
  height: 28px;
  width: 28px;
  left: 2px;
}

.successFdModal .ant-modal-content .summary_details_container .depositStatus .withdrawCanceledStep .ant-steps-item-icon span {
  transform: rotate(-45deg) !important;
  display: inline-block;
  color: #f44336 !important;
  margin-left: 1px;
  margin-top: 1px;
  left: 1px;
  bottom: 2px;
  top: -7px;
  left: -6.5px;
}

.successFdModal .ant-modal-content .summary_details_container .depositStatus .withdrawCanceledStep .ant-steps-item-tail {
  background: #363636 !important;
  height: 42% !important;
  top: 63px !important;
  width: 2px !important;
}

.successFdModal .ant-modal-content .summary_details_container .depositStatus .withdrawCanceledStep .ant-steps-item-tail::after {
  background-color: black;
}

.successFdModal .ant-modal-content .summary_details_container .depositStatus .withdrawCanceledStep .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: black;
}

.successFdModal .ant-modal-content .summary_details_container .depositStatus .withdrawSuccessActiveStep .step-description h2 {
  text-align: left !important;
  padding: 0px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  margin-bottom: 5px !important;
}

.successFdModal .ant-modal-content .summary_details_container .depositStatus .withdrawSuccessActiveStep .ant-steps-item-container {
  margin-bottom: 20px !important;
}

.successFdModal .ant-modal-content .summary_details_container .depositStatus .withdrawSuccessActiveStep .ant-steps-item-icon {
  background: #1f1f1f;
  border: 2px solid #1f1f1f;
  border-radius: 7px;
  transform: rotate(45deg);
  position: relative;
  top: 20px;
  height: 28px;
  width: 28px;
  left: 2px;
}

.successFdModal .ant-modal-content .summary_details_container .depositStatus .withdrawSuccessActiveStep .ant-steps-item-icon span {
  transform: rotate(-45deg) !important;
  display: inline-block;
  color: #ffffff !important;
  margin-left: 1px;
  margin-top: 1px;
  top: -5px;
  left: -4.5px;
}

.successFdModal .ant-modal-content .summary_details_container .depositStatus .withdrawSuccessActiveStep .ant-steps-item-tail {
  background: #363636 !important;
  height: 42% !important;
  top: 63px !important;
  width: 2px !important;
}

.successFdModal .ant-modal-content .summary_details_container .depositStatus .withdrawSuccessActiveStep .ant-steps-item-tail::after {
  background-color: black;
}

.successFdModal .ant-modal-content .summary_details_container .depositStatus .withdrawSuccessActiveStep .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: black;
}

.successFdModal .ant-modal-content .summary_details_container .depositStatus .withdrawSuccessDeActiveStep .step-description h2 {
  text-align: left !important;
  padding: 0px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  margin-bottom: 5px !important;
}

.successFdModal .ant-modal-content .summary_details_container .depositStatus .withdrawSuccessDeActiveStep .ant-steps-item-container {
  margin-bottom: 20px !important;
}

.successFdModal .ant-modal-content .summary_details_container .depositStatus .withdrawSuccessDeActiveStep .ant-steps-item-icon {
  background: #999999;
  border: 2px solid #999999;
  border-radius: 7px;
  transform: rotate(45deg);
  position: relative;
  top: 20px;
  height: 28px;
  width: 28px;
  left: 2px;
}

.successFdModal .ant-modal-content .summary_details_container .depositStatus .withdrawSuccessDeActiveStep .ant-steps-item-icon span {
  transform: rotate(-45deg) !important;
  display: inline-block;
  color: #ffffff !important;
  margin-left: 1px;
  margin-top: 1px;
  top: -5px;
  left: -4.5px;
}

.successFdModal .ant-modal-content .summary_details_container .depositStatus .withdrawSuccessDeActiveStep .ant-steps-item-tail {
  background: #999999 !important;
  height: 42% !important;
  top: 63px !important;
  width: 2px !important;
}

.successFdModal .ant-modal-content .summary_details_container .depositStatus .withdrawSuccessDeActiveStep .ant-steps-item-tail::after {
  background-color: #999999;
}

.successFdModal .ant-modal-content .summary_details_container .depositStatus .withdrawSuccessDeActiveStep .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #999999;
}

.successFdModal .ant-modal-content .summary_details_container .request_details_pane {
  background: #faf9f6;
  padding: 8px;
  border: 1px solid #f0ede4;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
}

.successFdModal .ant-modal-content .summary_details_container .request_details_pane.double-border {
  border-top: 2px solid #f0ede4;
  border-left: 2px solid #f0ede4;
  border-right: 2px solid #f0ede4;
  border-bottom: 1px solid #f0ede4;
}

.successFdModal .ant-modal-content .summary_details_container .request_details_info {
  padding: 10px 12px;
  background: #fcfcfb;
  border: 1px solid #f0ede4;
  border-radius: 4px;
  margin: 16px;
}

@media (max-width: 1024px) {
  .successFdModal .ant-modal-content .summary_details_container {
    margin-top: 16px;
  }
}
.successFdModal .ant-modal-content .right {
  background: linear-gradient(91.06deg, rgba(210, 221, 249, 0.3) -70.03%, rgba(240, 237, 228, 0.3) 113.41%);
  border: 2px solid #ffffff;
  border-radius: 16px;
  padding: 24px;
  height: 100%;
  height: 700px;
}
@media (max-width: 768px) {
  .successFdModal .ant-modal-content .right {
    padding: 0px;
  }
}

.successFdModal .ant-modal-content .right.no_bottom_padding {
  padding: 24px 24px 0px 24px;
}

.successFdModal .ant-modal-content .right .details_info {
  background: #fcfcfb;
  border: 1px solid #f0ede4;
  border-radius: 4px;
  padding: 10px 12px;
  margin-top: 8px;
}

.successFdModal .ant-modal-content .right .p.scrollToBottomWrap {
  text-align: center;
}

.successFdModal .ant-modal-content .right .p.scrollToBottomWrap span.scrollToBottom {
  font-weight: 700;
  font-size: 12px;
  border-radius: 20px;
  color: #ffffff;
  padding: 8px 16px;
  box-shadow: 2px 4px 24px rgba(0, 0, 0, 0.29);
  background: #638ae9;
  border: 2px solid #d2ddf9;
  position: relative;
  top: -20px;
  cursor: pointer;
}

@media (max-width: 1024px) {
  .successFdModal .ant-modal-content .right {
    height: 100% !important;
    margin-top: 24px;
  }
}
.successFdModal .ant-modal-content .blank_button {
  background: #fff;
  border-radius: 14px;
  padding: 12px 40px;
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #1f1f1f;
  border: 2px solid #1f1f1f;
  cursor: pointer;
  margin-right: 8px;
}
@media (max-width: 768px) {
  .successFdModal .ant-modal-content .blank_button {
    font-size: 16px;
  }
}

@media (max-width: 1024px) {
  .successFdModal .ant-modal-content .blank_button {
    width: 100%;
    margin-right: 0px;
  }
}
.successFdModal .ant-modal-content .text_button {
  background: #fff;
  border-radius: 14px;
  padding: 12px 40px;
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #1f1f1f;
  border: 0px;
  cursor: pointer;
}

@media (max-width: 1024px) {
  .successFdModal .ant-modal-content .text_button {
    width: 100%;
    margin-top: 16px;
  }
}
.successFdModal .ant-modal-content .filled_button {
  background: #1f1f1f;
  border-radius: 14px;
  padding: 12px 100px;
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #ffffff;
  border: 2px solid #1f1f1f;
  cursor: pointer;
  margin-left: 8px;
  width: 406px;
}
@media (max-width: 768px) {
  .successFdModal .ant-modal-content .filled_button {
    font-size: 16px;
  }
}

@media (max-width: 1024px) {
  .successFdModal .ant-modal-content .filled_button {
    margin-top: 24px;
    width: 100%;
    margin-left: 0px;
  }
}
.successFdModal .ant-modal-content .summary_filled_button {
  background: #1f1f1f;
  border-radius: 14px;
  padding: 12px 0px;
  width: 406px;
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #ffffff;
  border: 2px solid #1f1f1f;
  cursor: pointer;
}

@media (max-width: 1024px) {
  .successFdModal .ant-modal-content .summary_filled_button {
    width: 100% !important;
    margin-top: 24px;
  }
}
.successFdModal .ant-modal-content .success_deposit_tab {
  cursor: pointer;
  border: 2px solid #fff;
  border-radius: 16px;
  padding: 5px 10px;
}

.successFdModal .ant-modal-content .success_deposit_tab.active {
  border: 2px solid #3761c8;
}

@media (max-width: 768px) {
  .successFdModal .ant-modal-content {
    padding: 0px;
  }
}
.successScreenButton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.paynowScannerWrap p {
  color: #999999;
  text-align: center;
}

.paynowScannerWrap p .paynowScanner {
  width: 200px;
  background: pink;
  height: 200px;
  margin: 20px auto;
}

.transferChargeModal .ant-modal-header {
  margin-bottom: 25px;
}

.transferChargeModal .ant-table-container {
  margin-top: 12px;
}

.transferChargeModal .noteSection {
  background: #faf9f6;
  margin-top: 22px;
  padding: 12px;
  border: 1px solid #f0ede4;
  border-radius: 8px;
}

.transferChargeModal th {
  background: #faf9f6;
}

.SuccessDeposit .ant-collapse-expand-icon {
  background: none !important;
  box-shadow: unset !important;
}

.SuccessDeposit .ant-collapse-expand-icon svg {
  color: rgb(119, 119, 119);
}

.withdrawBtn {
  border-color: #4096ff;
  color: #4096ff;
}

.profile-wrap {
  margin-top: 65px;
}

.profile-wrap .ant-tabs-nav-operations {
  display: none !important;
}

.profile-wrap span.pastInterestList:last-child span {
  display: none;
}

@media (max-width: 767px) {
  .profile-wrap {
    margin-top: 0px;
    padding-top: 20px;
    background: #ffffff;
  }
}
.profile-wrap h1 {
  font-weight: 700;
}

.profile-wrap .profileHeader {
  background: #ede8d8;
  position: relative;
  width: 95%;
  margin: 0 auto;
  padding: 31px 48px !important;
  border-radius: 16px;
}

.profile-wrap .profileHeader span.p-flag {
  position: absolute;
  top: 5px;
}

.profile-wrap .profileHeader span.tick-icon {
  color: #1f1f1f;
  background: #d2ddf9;
  padding: 3px;
  border-radius: 13px;
  margin: 0px 8px;
}

.profile-wrap .profileHeader span.tick-icon-edit {
  color: #3761c8;
}

.profile-wrap .profileHeader .header-frame {
  position: absolute;
  right: 0px;
  top: 0px;
}

.profile-wrap .profileHeader .header-frame img {
  height: 180px !important;
  width: 400px;
}

.profile-wrap .profileHeader .angle-circle {
  position: absolute;
  right: 50px;
  top: -30px;
}

.profile-wrap .profileHeader .angle-circle img {
  width: 116px !important;
}

.profile-wrap .profile-detail-content .tabs-wrap .ant-tabs-tab.ant-tabs-tab-active div {
  font-weight: 700;
}

.profile-wrap .tabs-wrap .ant-tabs-tab div {
  color: #999999;
  font-size: 16px;
}

.profile-wrap .tabs-wrap .ant-tabs-nav .ant-tabs-tab {
  padding: 22px;
  border-right: 2px solid white;
  z-index: 2;
}

.profile-wrap .kyc-detail-tabs label.ant-radio-button-wrapper {
  color: black !important;
}

.profile-wrap .kyc-detail-tabs label.ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
  background: white !important;
  border-radius: 21px !important;
}

.profile-wrap .kyc-detail-tabs {
  margin: 0 auto;
}

.profile-wrap .PersonalInfo,
.profile-wrap .AdditionalInfoComp,
.profile-wrap .TaxWealthDetail,
.profile-wrap .KYCDocuments,
.profile-wrap .SignedAgreements {
  margin: 0 auto;
  border-top: 1px solid #f0ede4;
  padding: 20px;
  margin-top: 20px;
  width: 100%;
}

.profile-wrap .PersonalInfo input.ant-input,
.profile-wrap .AdditionalInfoComp input.ant-input,
.profile-wrap .TaxWealthDetail input.ant-input,
.profile-wrap .KYCDocuments input.ant-input,
.profile-wrap .SignedAgreements input.ant-input {
  border: 0px;
  -webkit-box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  width: 80%;
  padding: 10px;
  color: #cccccc;
}

.profile-wrap .PersonalInfo p,
.profile-wrap .AdditionalInfoComp p,
.profile-wrap .TaxWealthDetail p,
.profile-wrap .KYCDocuments p,
.profile-wrap .SignedAgreements p {
  color: #999999;
  font-size: 16px;
  font-weight: 800;
}

.profile-wrap .PersonalInfo .ant-row,
.profile-wrap .AdditionalInfoComp .ant-row,
.profile-wrap .TaxWealthDetail .ant-row,
.profile-wrap .KYCDocuments .ant-row,
.profile-wrap .SignedAgreements .ant-row {
  margin-bottom: 60px;
}

.profile-wrap .PersonalInfo p span,
.profile-wrap .AdditionalInfoComp p span,
.profile-wrap .TaxWealthDetail p span,
.profile-wrap .KYCDocuments p span,
.profile-wrap .SignedAgreements p span {
  font-size: 16;
  font-size: 11px;
  text-transform: uppercase;
}

.profile-wrap .bnc-wrp {
  margin: 0 auto;
  padding: 50px;
}

.profile-wrap button.ant-btn.bnc-next {
  background: #3761c8;
  color: #ffffff;
  border: 1px solid #3761c8;
  border-radius: 5px;
  padding: 0px 20px 0px 20px;
}

.profile-wrap button.ant-btn.bnc-back {
  background: #ffffff;
  color: #3761c8;
  border: 1px solid #3761c8;
  border-radius: 5px;
  padding: 0px 20px 0px 20px;
  margin-right: 22px;
}

.profile-wrap .totalWealthSelected {
  background: #f7f5f2;
  width: 100%;
  border-radius: 7px;
  padding: 20px 0px;
}

.profile-wrap .totalWealthSelected h6 {
  color: black;
  font-size: 20px;
  text-align: center;
  margin-bottom: 4px;
}

.profile-wrap .totalWealthSelected p {
  text-align: center;
  margin-bottom: 0px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}

.profile-wrap .sowyi {
  padding: 25px;
  background: #f7f5f2;
  border-radius: 7px;
}

.profile-wrap .sowyi .ant-row {
  margin-bottom: 13px !important;
}

.profile-wrap .sowyi-category {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}

.profile-wrap .sowyi-value {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: right;
}

.profile-wrap h6.sowyi-value {
  text-align: right;
  font-size: 14px;
  font-weight: 600;
}

.profile-wrap h6.sowyi-category {
  font-size: 14px;
  font-weight: 600;
}

.profile-wrap .twd-bottom-text {
  width: 600px;
}

.profile-wrap .KYCDocuments,
.profile-wrap .SignedAgreements {
  margin: 0 auto;
}

.profile-wrap .kyc-documents-list p {
  color: black !important;
  margin-bottom: 0px;
  font-size: 12px;
  word-break: break-all;
}

.profile-wrap .kyc-documents-list .ant-row {
  margin-bottom: 0px !important;
  border-bottom: 1px solid #f0ede4;
  padding: 10px 0px;
}

.profile-wrap .kyc-documents-list .ant-row:last-child {
  border: 0px;
}

.profile-wrap .kyc-documents-list .download-doc-click {
  float: right;
  text-transform: uppercase;
  color: #3761c8 !important;
  cursor: pointer;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 700;
  padding: 0px !important;
  height: 16px;
}

.profile-wrap .disabled-select {
  width: 80%;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  padding: 10px;
  color: #cccccc;
  border: 0px;
}

.profile-wrap .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  color: rgba(0, 0, 0, 0.25);
  background: white;
  cursor: not-allowed;
  border: 0px;
  height: 23px;
}

.profile-wrap .general_container {
  background-color: #ffffff;
  border-radius: 0px 16px 16px 16px;
  padding: 30px 20px 60px 20px;
}

.profile-wrap .general_container .remove-padding {
  padding: 0px;
}

.profile-wrap .general_container .riskProfileView {
  padding: 0px 40px !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .profile-wrap .general_container .riskProfileView {
    padding: 0px 0px !important;
  }
}
@media (max-width: 767px) {
  .profile-wrap .general_container .riskProfileView {
    padding: 0px 0px !important;
  }
}
.profile-wrap .general_container .setting_text_btn {
  color: #3761c8 !important;
}

.profile-wrap .general_container .setting_text_btn :hover {
  color: #3761c8 !important;
}

@media (max-width: 767px) {
  .profile-wrap .general_container {
    padding: 20px 16px 20px 16px !important;
  }
}
.profile-wrap .ant-switch-checked {
  background-color: transparent !important;
  border: 1px solid #000000 !important;
}

.profile-wrap .general_container {
  background-color: #ffffff;
  border-radius: 0px 16px 16px 16px;
  padding: 30px 20px 60px 20px;
}

.profile-wrap .ant-switch-checked {
  background-color: transparent !important;
  border: 1px solid #000000 !important;
}

.profile-wrap .ant-switch-checked .ant-switch-handle::before {
  background-color: #000000 !important;
  height: 10px !important;
  width: 10px !important;
}

.profile-wrap .ant-switch {
  background-color: transparent;
  border: 1px solid #777777;
}

.profile-wrap .ant-switch .ant-switch-handle::before {
  background-color: #777777;
  height: 10px;
  width: 10px;
}

.profile-wrap span.tick-icon-settings {
  color: #1f1f1f;
  font-size: 10px !important;
  font-weight: bold !important;
  background: #d2ddf9;
  border-radius: 13px;
  padding: 2px 4px 0px;
  margin: 7px 8px;
}

.profile-wrap .rightSignProfile {
  margin-left: 8px !important;
}

.profile-wrap .wrongSignProfile {
  margin-left: 8px !important;
  margin-top: 0px !important;
}

.profile-wrap .rightSign {
  margin-top: 5px !important;
}

.profile-wrap .wrongSign {
  margin-top: 2px !important;
}

.profile-wrap .cursor-pointer {
  cursor: pointer;
}

.profile-wrap .text-normal {
  font-style: normal;
}

.profile-wrap .border-divider {
  border: 1px solid #f0ede4;
}

.profile-wrap .box-radius {
  border-radius: 10px;
}

.profile-wrap .upgrade-request {
  background: #f7f5f2;
  border-radius: 16px;
  margin-left: -2rem;
}

.profile-wrap .raise_btn {
  display: flex;
  color: #f7f5f2 !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 72px;
  background: #1f1f1f !important;
  border-radius: 14px !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  margin-top: 25px !important;
  height: 56px !important;
  width: 100% !important;
  border: 2px solid #1f1f1f;
}
@media (max-width: 400px) {
  .profile-wrap .raise_btn {
    width: auto !important;
    padding: 14px 9px;
  }
}

@media (max-width: 1024px) {
  .profile-wrap .upgrade-request {
    margin-left: 0rem;
  }
}
.profile-wrap .contact_us_container {
  border-radius: 16px;
}

.profile-wrap .contact_us_rm {
  background-color: #ffffff;
  padding-top: 6rem;
  padding-bottom: 10rem;
  border-radius: 16px 16px 16px 16px;
}

.profile-wrap .contact_us_rm .contact_us_title {
  font-size: 2rem;
}

.profile-wrap .contact_us_rm .contact_us_rm_image {
  margin-left: 8rem;
}

.profile-wrap .contact_us_rm .paper_image {
  margin-left: -13rem;
  margin-top: 2.5rem;
}

.profile-wrap .contact_us_rm .megnify_image {
  margin-left: -4rem;
  margin-top: 5rem;
}

.profile-wrap .profile_mobile {
  display: none;
}

@media (max-width: 1024px) {
  .profile-wrap .contact_us_rm {
    border-radius: 16px;
  }
  .profile-wrap .contact_us_rm .contact_us_title {
    font-size: 2.2rem;
  }
  .profile-wrap .contact_us_rm .contact_details_center {
    margin: 0px 2rem;
  }
  .profile-wrap .contact_us_rm .contact_us_rm_image {
    margin-left: 8rem;
  }
  .profile-wrap .contact_us_rm .paper_image {
    margin-left: -13rem;
    margin-top: 2.8rem;
  }
  .profile-wrap .contact_us_rm .megnify_image {
    margin-left: -4.5rem;
    margin-top: 5.5rem;
  }
  .profile-wrap .referral_container {
    border-radius: 0px 16px 16px 16px !important;
    padding: 3px 20px !important;
    background: #ffffff;
  }
}
@media (max-width: 767px) {
  .profile-wrap .contact_us_rm {
    border-radius: 16px;
    box-shadow: 0px 5px 20px rgba(66, 52, 36, 0.12);
    border-radius: 8px;
    padding: 37px 24px 40px;
    margin: 0px 16px;
  }
  .profile-wrap .contact_us_rm .contact_us_title {
    font-size: 1.7rem;
  }
  .profile-wrap .contact_us_rm .contact_details_center {
    margin: 0px;
  }
  .profile-wrap .contact_us_rm .contact_us_rm_image {
    margin-left: 8rem;
  }
  .profile-wrap .contact_us_rm .paper_image {
    margin-left: -10rem;
    margin-top: 2.5rem;
  }
  .profile-wrap .contact_us_rm .megnify_image {
    margin-left: -3rem;
    margin-top: 3.5rem;
  }
  .profile-wrap .referral_container {
    border-radius: 0px 16px 16px 16px;
    padding: 3px 16px !important;
    background: #ffffff;
  }
  .profile-wrap .profileHeader {
    padding: 30px 16px 26px !important;
    margin: 20px 16px !important;
    width: auto !important;
    box-shadow: 0px 10px 30px rgba(66, 52, 36, 0.12);
    border-radius: 8px;
  }
  .profile-wrap .profile_mobile {
    display: block;
  }
  .profile-wrap .profile_mobile .mobile_divider {
    height: 2px;
    border: 1px solid #f7f5f2;
    margin: 20px 0px;
  }
  .profile-wrap .profile_mobile .divider_section {
    width: 100%;
    height: 12px !important;
    background: #f7f5f2;
    margin: 34px 0px;
  }
  .profile-wrap .profile_mobile .riskprofile_mobile_container {
    padding: 0px 16px;
    position: relative;
  }
  .profile-wrap .profile_mobile .riskprofile_mobile_container .riskprofile_mobile-left {
    position: absolute;
    top: 0;
    left: 0px;
  }
  .profile-wrap .profile_mobile .riskprofile_mobile_container .riskprofile_mobile-right {
    position: absolute;
    top: 0;
    right: 0px;
  }
  .profile-wrap .profile_mobile .riskprofile_mobile_container .riskprofile_mobile-description {
    max-width: 343px;
    padding: 0px 25px;
  }
  .profile-wrap .profile_mobile .kyc_header {
    box-shadow: 0px 5px 20px rgba(66, 52, 36, 0.12);
    border-radius: 8px;
    padding: 32px 34px 40px;
    margin: 0px 16px;
  }
  .profile-wrap .profile_mobile .kyc_header .kyc_header-subtitle {
    width: 88px;
  }
  .profile-wrap .profile_mobile .kyc_card {
    height: 158px;
    border: 1px solid #d2ddf9;
    border-radius: 8px;
    margin-bottom: 18px;
  }
  .profile-wrap .profile_mobile .kyc_card .kyc_card_title {
    height: 40px;
  }
  .profile-wrap .profile_mobile .documnet_container {
    box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
    border-radius: 8px;
    height: 75px;
  }
  .profile-wrap .profile_mobile .ant-card-body {
    padding: 0px !important;
  }
  .profile-wrap .profile_mobile .about_container {
    position: relative;
  }
  .profile-wrap .profile_mobile .about_container .about_kristal {
    margin-top: 143px;
    height: 150px;
  }
  .profile-wrap .profile_mobile .about_container .about_top_right {
    position: absolute;
    top: 30px;
    right: 0px;
  }
  .profile-wrap .profile_mobile .about_container .about_top_left {
    position: absolute;
    top: 30px;
    left: 0px;
  }
  .profile-wrap .profile_mobile .about_container .about_bottom_left {
    position: absolute;
    top: 518px;
    left: 0px;
  }
  .profile-wrap .profile_mobile .about_container .about_bottom_left_one {
    position: absolute;
    top: 568px;
    left: 10px;
  }
  .profile-wrap .profile_mobile .about_container .about_bottom_right {
    position: absolute;
    top: 597px;
    right: 0px;
  }
}
.profile-wrap .referral_container {
  border-radius: 0px 16px 16px 16px;
  padding: 3px 40px;
  background: #ffffff;
}

.profile-wrap hr {
  border: 1px solid #f0ede4;
  margin-top: 12px;
  width: 574px !important;
  margin-left: 0px !important;
}

.profile-wrap .referral_details {
  margin-top: 24px;
  padding: 0px !important;
}

.profile-wrap .referral_link_details {
  border: 1px solid #f0ede4;
  box-sizing: border-box;
  border-radius: 4px;
  width: 100%;
}

.profile-wrap .referral_link {
  padding: 13px 23px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .profile-wrap .referral_link {
    padding: 6px 10px;
  }
}
@media (max-width: 767px) {
  .profile-wrap .referral_link {
    padding: 6px 10px;
  }
}
.profile-wrap .referral_copy {
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #f0ede4;
  box-sizing: border-box;
  text-align: center;
  padding: 0.4em;
  cursor: pointer;
}

.profile-wrap .referral_box {
  background: #f0ede4;
  border-radius: 4px;
  text-align: center;
  width: 68px !important;
  height: 68px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 767px) {
  .profile-wrap .referral_box {
    width: 50px !important;
    height: 50px !important;
  }
}
.profile-wrap .referral_text {
  margin: 0px;
}

.profile-wrap .referral_tag {
  padding: 0px !important;
}

@media (min-width: 767px) and (max-width: 1023px) {
  .profile-wrap .referral_tag {
    padding: 0px 0px 0px 8px !important;
  }
}
.profile-wrap .referral_btn {
  background: #f0ede4;
  border-radius: 24px;
  padding: 1px 16px 3px;
  width: 145px;
  border-color: transparent;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .profile-wrap .referral_btn {
    padding: 1px 8px 3px;
  }
}
@media (max-width: 767px) {
  .profile-wrap .referral_btn {
    padding: 1px 5px 3px;
  }
}
.profile-wrap .referral_data {
  height: 390px !important;
  overflow-y: scroll;
}

.profile-wrap .referral_data::-webkit-scrollbar {
  display: none;
}

.profile-wrap .service_request {
  padding: 5px 40px !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .profile-wrap .service_request {
    padding: 5px 20px !important;
  }
}
@media (max-width: 767px) {
  .profile-wrap .service_request {
    padding: 5px 10px !important;
  }
}
.profile-wrap .service_request_left_30 {
  margin-left: -30px;
}

.profile-wrap .service_request_radius {
  border-radius: 16px;
  position: absolute;
  right: 0;
  width: 85px !important;
}

.profile-wrap .service_request_btn {
  font-size: 16px;
}

.profile-wrap .service_request_btn:hover {
  background: #ffffff !important;
}

.profile-wrap .service_request_filter {
  height: 40px;
  width: 40px;
  border-radius: 4px;
  box-sizing: border-box;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .profile-wrap .service_request_filter {
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .profile-wrap .service_request_filter {
    height: 40px;
    width: 40px;
  }
}
.profile-wrap .back_btn_progile_message {
  color: #3761c8;
  cursor: pointer;
  stroke-width: 50px;
  stroke: #3761c8;
}

.profile-wrap .chat_radius {
  border-radius: 16px 16px 0px 0px;
}

.profile-wrap .chat_card {
  width: 350px;
  border-radius: 8px;
  padding: 10px;
}

.profile-wrap .chat_card .ant-card-body {
  overflow-wrap: break-word;
  word-break: break-all;
}

.profile-wrap .chat_card_left {
  background-color: #1f1f1f;
}

.profile-wrap .chat_card_right {
  background-color: #f0ede4;
}

.profile-wrap .scroll_message {
  height: 50vh;
  overflow-y: scroll;
  background-color: #f7f5f2;
  padding: 30px;
}

@media (max-width: 767px) {
  .profile-wrap .scroll_message {
    height: 50vh;
    padding: 10px;
  }
}
.profile-wrap .scroll_message::-webkit-scrollbar {
  display: none;
}

.profile-wrap .scroll_request {
  height: 60vh;
  overflow-y: scroll;
}

.profile-wrap .scroll_request::-webkit-scrollbar {
  display: none;
}

.profile-wrap .request_message_content_body {
  background-color: #f7f5f2 !important;
  box-shadow: 0px -10px 30px rgba(66, 52, 36, 0.06) !important;
}

.profile-wrap .request_message_input {
  border: none;
  border-radius: 5px;
  height: 40px;
}

.profile-wrap .request_message_btn {
  border: none;
  background: transparent;
}

.profile-wrap .request_message_send_btn {
  font-size: 18px;
  margin-top: 8px;
  margin-left: -13px;
  margin-top: -7px;
}

.profile-wrap .request_message_send_btn_rotate {
  transform: rotate(-45deg);
}

.profile-wrap .request_message_file {
  font-size: 20px;
  color: #999999;
}

.profile-wrap .request_message_filelist {
  background-color: #f0ede4 !important;
}

.profile-wrap .service_message_error {
  margin-left: 51px;
  color: #f44336;
  font-size: 14px;
  line-height: 20px;
}

.profile-wrap .risk_profile_tag {
  border-radius: 24px;
  border: none;
}

.profile-wrap .risk_profile_tag_low_risk {
  background: #c3efdc;
}

.profile-wrap .risk_profile_tag_medium_risk {
  background: #d2ddf9;
}

.profile-wrap .risk_profile_tag_high_risk {
  background: #ffe1bd;
  color: #cc8100;
}

.profile-wrap .risk_profile_tag_very_high_risk {
  background: #ffd9d6;
  color: #f44336;
}

.profile-wrap .risk_profile_card {
  border: none;
  margin-left: -20px;
}

@media (max-width: 767px) {
  .profile-wrap .risk_profile_card {
    margin-left: 0px;
  }
}
.profile-wrap .risk_profile_width_300 {
  width: 300px;
}

.profile-wrap .risk_profile_width_500 {
  width: 500px;
}

.profile-wrap .risk_profile_redirect_btn {
  border-radius: 16px;
  border-color: #040404;
  height: 50px;
  width: 360px;
  border: 2px solid #040404;
  font-weight: 700 !important;
}

.profile-wrap .risk_profile_redirect_btn:hover {
  color: #040404 !important;
}

.profile-wrap .mobile_temp_header {
  display: none;
}

@media (max-width: 767px) {
  .profile-wrap .mobile_temp_header {
    display: block;
    display: flex;
    padding: 14px 16px;
    background: #f7f5f2;
  }
  .profile-wrap .mobile_temp_header .header_center {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #777777;
  }
  .profile-wrap .mobile_temp_header .header_right {
    text-align: end;
  }
}
.profile-wrap .fees-details-container {
  padding: 0px 44px 35px 45px;
}

.profile-wrap .fees-details-container .ant-table-thead > tr > th {
  background: #faf9f6;
}

.profile-wrap .fees-details-container .ant-pagination {
  display: none;
}

.profile-wrap .fees-details-container .fees-details-content {
  height: 642px;
  overflow: scroll;
}

.profile-wrap .fees-details-container .fees-details-content::-webkit-scrollbar {
  display: none;
}

.profile-wrap .fees-details-container button.ant-btn.ant-btn-text {
  padding: 0;
}

@media (max-width: 767px) {
  .profile-wrap .fees-details-container {
    padding: 0px 16px;
  }
}
.mobile_container .arrow_fix {
  position: absolute;
  bottom: calc(50% - 10px);
  right: 10px;
}

.mobile_container span.ant-select-selection-search {
  height: 40px !important;
}

.mobile_container .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  cursor: text;
  height: 47px !important;
}

.mobile_container .ant-select-selector {
  height: 30px !important;
}

.mobile_container input#rc_select_11 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 18px !important;
  font-size: 16px !important;
  line-height: 24px !important;
  margin-top: 6px !important;
  font-weight: bold !important;
}

.mobile_container .ant-form-item-explain-error {
  margin-top: 5px;
}

.notes_container {
  border: 1px solid #cccccc;
  border-radius: 10px;
}

.otp-modal-container.cant_update_rp .ant-modal-footer {
  display: none;
}

.otp-modal-container.cant_update_rp .rpCheckClose {
  text-align: center;
}

.otp-modal-container.cant_update_rp .rpCheckClose button {
  color: #3761c8;
  font-family: "Aktiv-Bold";
  border: 0px;
  box-shadow: none;
}

.otp-modal-container.cant_update_rp .ant-modal-body {
  padding: 0px 25px;
  font-size: 14px;
  line-height: 1.5715;
  word-wrap: break-word;
}

.otp-setting-modal .react-otp-input {
  color: black;
  width: 43px !important;
}

.otp-setting-modal .otp-subtitle-settings {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}

.otp-setting-modal .otp-subtitletwo-settings {
  font-size: 14px;
  color: #777777;
  margin-top: 0px;
}

.otp-setting-modal .react-otp-container {
  display: flex !important;
  justify-content: center !important;
}

.otp-setting-modal .successModalbtn {
  width: 88px;
  height: 40px;
  background: #3761c8;
  border-radius: 10px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #f0ede4;
}

.service_request_modal .modal_request_type {
  display: flex;
  background: #3761c8;
  height: 40px;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  color: #f0ede4;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  margin: 0px 10px;
  padding: 9px 24px;
  cursor: pointer;
}

@media (max-width: 767px) {
  .service_request_modal .modal_request_type {
    margin: 0px 0px;
    padding: 9px 14px;
  }
}
.service_request_modal .modal_currncy_type {
  display: flex;
  background: #3761c8;
  height: 40px;
  border-radius: 10px;
  justify-content: right;
  align-items: right;
  color: #f0ede4;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  padding: 9px 24px;
  cursor: pointer;
}

.service_request_modal .ant-row.ant-form-item {
  margin-bottom: 0px !important;
}

.service_request_modal .modal_cancel {
  height: 40px;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: #3761c8;
  margin: 0px 16px;
  cursor: pointer;
}

.service_request_modal .modal_ok {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: #3761c8;
  cursor: pointer;
  margin: 0px auto;
}

.service_request_modal .modal_input {
  margin-top: 16px;
  border-radius: 8px;
  box-sizing: border-box;
  border: 2px solid #f7f5f2;
  height: 50px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.service_request_modal .modal_currency {
  margin-top: 40px;
  border-radius: 8px;
  box-sizing: border-box;
  border: 2px solid #f7f5f2;
  font-weight: 700;
  text-align: center;
}

.service_request_modal span.anticon.anticon-down.ant-select-suffix {
  width: 24px !important;
  height: 12px !important;
}

.service_request_modal .ant-select-selector {
  height: 56px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.service_request_modal .ant-select-selector {
  border: transparent !important;
  border-color: transparent !important;
}

.service_request_modal .ant-select-open {
  border: 0px !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

.service_request_modal .ant-modal-content {
  border-radius: 20px;
}

.service_request_modal .ant-modal-body {
  padding: 40px;
  font-size: 14px;
  line-height: 1.5715;
  word-wrap: break-word;
}

@media (max-width: 767px) {
  .service_request_modal .ant-modal-body {
    padding: 20px;
  }
}
.setting_currency_modal .ant-select-arrow {
  color: #1f1f1f !important;
  font-size: 16px !important;
  width: 30px !important;
}

.maintance_btn_blogs {
  background: #1f1f1f;
  width: 406px !important;
  height: 56px !important;
  border-radius: 14px;
  color: #f0ede4;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  border: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.maintance_btn_blogs:hover {
  background: #1f1f1f;
  color: #f0ede4;
  border: none;
}

.maintance_page_m {
  padding-top: 9rem;
  width: 100% !important;
}

.maintance_page_m .maintance_description {
  width: 406px !important;
}

@media (max-width: 767px) {
  .maintance_page_m .maintance_description {
    width: 343px !important;
  }
}
.maintance_page_m .maintance_bigGraySquare {
  margin-right: 10px;
  margin-top: -40px;
}

.maintance_page_m .maintance_smallBlueSquare {
  margin-top: -90px;
  margin-right: -22px;
}

.maintance_page_m .maintance_allSquare {
  margin-top: 130px;
  margin-right: 60px;
}

.docusign_dashboard_redirect .docusign_redirect_container {
  margin: 10px auto;
  border-radius: 15px;
  padding: 70px 0px;
  box-shadow: 0 0 0 2px transparent, 0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
}

@media (max-width: 600px) {
  .docusign_dashboard_redirect .docusign_redirect_container {
    padding: 40px 10px;
  }
}
.docusign_dashboard_redirect .docusign_dashboard_redirect_btn {
  background: #1f1f1f;
  width: 406px !important;
  height: 56px !important;
  border-radius: 14px;
  border: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.docusign_dashboard_redirect .docusign_dashboard_redirect_btn:hover {
  background: #1f1f1f;
  color: #f0ede4;
}

.docusign_dashboard_redirect .text_docusign_redirect {
  width: 380px !important;
  margin: 0 auto;
}

@media (max-width: 600px) {
  .docusign_dashboard_redirect .text_docusign_redirect {
    width: 100% !important;
  }
}
.docusign_dashboard_redirect .text_docusign_redirect_icon {
  height: 80px;
  width: 80px;
  margin: 0 auto;
  background-color: #1f1f1f;
  color: #f0ede4;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
}

.mobile_container .ant-select-selector {
  border-width: 2px !important;
  border-style: solid !important;
  border-radius: 8px !important;
}

.request_message_content_body .ant-input:placeholder-shown {
  text-overflow: ellipsis;
  text-align: center;
}

.saved_sig_wrapper {
  display: flex;
  justify-content: center;
}

.saved_sig_wrapper .saved_sig_img_wrapper {
  margin-top: 10%;
}

.saved_sig_wrapper .saved_sig_img_wrapper .saved_sig_img {
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 150px;
  width: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 767px) {
  .profile-wrap .profile_email {
    display: flex !important;
    justify-content: flex-end;
    display: contents;
  }
}
.proposed-order-flow {
  font-family: "Aktiv";
  margin: 24px auto 24px auto;
}

.align-right-value {
  text-align: right;
}

.selected-fund-opt {
  border-radius: 14px;
  border: 2px solid #3761c8;
  margin-top: 30px;
  padding: 24px;
}

.not-selected-fund-opt {
  border-radius: 14px;
  border: 2px solid #1f1f1f;
  margin-top: 30px;
  padding: 24px;
}

.subscribe-orders {
  background-color: #ffffff;
  border-radius: 8px;
  margin-top: 30px;
  padding: 24px;
}

.messageCenterWrap .ant-tabs-tab {
  margin: 0 0 10px 0;
}

@media (max-width: 767px) {
  .messageCenterWrap .ant-tabs-tab {
    margin: 16px -14px 10px 10px;
  }
}
.messageCenterWrap .ant-tabs-top > .ant-tabs-nav::before {
  margin-top: 20px;
  border-bottom: 4px solid #f0ede4;
}

.messageCenterWrap .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  padding: 5px 15px;
  color: #3761c8;
  text-shadow: 0 0 0.25px currentcolor;
  border-radius: 25px;
  border: 2px solid #3761c8;
  text-transform: capitalize;
}

.messageCenterWrap .ant-tabs-tab-btn {
  padding: 5px 15px;
  color: black;
  font-weight: 700 !important;
  border: 0px;
  border-radius: 25px;
  text-transform: capitalize;
}

.messageCenterWrap .ant-tabs-ink-bar {
  display: none;
}

.messageCenterWrap .messageList_layout {
  height: 40%;
  overflow: hidden;
  background-color: white;
}

@media (min-width: 767px) {
  .messageCenterWrap .messageList_layout {
    padding: 20px 20px !important;
  }
}
.messageCenterWrap .messageList_layout_child {
  overflow: scroll;
  padding: 0px 20px 20px 20px;
  background-color: white;
}

.messageCenterWrap .messageList_layout_child::-webkit-scrollbar {
  display: none;
}

@media (max-width: 767px) {
  .messageCenterWrap .messageList_layout_child {
    padding: 0px 30px 20px 30px;
  }
}
.messageCenterWrap .messageList_layout_scroll {
  margin-top: -30px;
}

.messageCenterWrap .message_color_item {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.messageCenterWrap .text_color_00b267 {
  color: #00b267;
}

.messageCenterWrap .text_color_2EB8D7 {
  color: #2eb8d7;
}

.messageCenterWrap .text_color_E49940 {
  color: #e49940;
}

.messageCenterWrap .text_color_5C59DC {
  color: #5c59dc;
}

.messageCenterWrap .text_color_FFD339 {
  color: #ffd339;
}

.messageCenterWrap .text_color_FE8A7D {
  color: #fe8a7d;
}

.messageCenterWrap .bg_color_00b267 {
  background: #00b267;
}

.messageCenterWrap .bg_color_2EB8D7 {
  background: #2eb8d7;
}

.messageCenterWrap .bg_color_E49940 {
  background: #e49940;
}

.messageCenterWrap .bg_color_5C59DC {
  background: #5c59dc;
}

.messageCenterWrap .bg_color_FFD339 {
  background: #ffd339;
}

.messageCenterWrap .bg_color_FE8A7D {
  background: #fe8a7d;
}

.messageCenterWrap .message_checkbox {
  border: 1px solid #cccccc;
  border-radius: 15px;
  margin-right: 12px;
  padding: 7px 8px;
  text-align: center;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.messageCenterWrap .message_checkbox .messageUnreadBadgeNotification {
  position: absolute;
  height: 12px;
  width: 12px;
  background-color: #f44336;
  border-radius: 50%;
  top: -5px;
  right: 5px;
}

.messageCenterWrap div.exp-title {
  font-weight: 500;
  font-size: 10px;
  line-height: 14px;
  color: #040404;
}

.messageCenterWrap .selected0,
.messageCenterWrap .selected4,
.messageCenterWrap .selected5,
.messageCenterWrap .selected1,
.messageCenterWrap .selected2,
.messageCenterWrap .selected3,
.messageCenterWrap .selected6,
.messageCenterWrap .selected8,
.messageCenterWrap .selected7,
.messageCenterWrap .selected9 {
  border-radius: 34px;
  border: 1px solid #3761c8;
  font-weight: 500;
  font-size: 10px !important;
  line-height: 14px;
  background: rgba(55, 97, 200, 0.1);
}

.messageCenterWrap .accountColor {
  width: 4px;
  height: 100%;
  left: 14px;
  top: 21px;
  border-radius: 4px;
}

.messageCenterWrap .message_card {
  border: 0.4px solid #cccccc;
  border-radius: 16px;
  background: #ffffff;
}

.messageCenterWrap .message_card .ant-card-body {
  padding: 16px !important;
}

.messageCenterWrap .message_card p {
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  color: #1f1f1f;
  margin-bottom: 0px;
}

@media (max-width: 767px) {
  .messageCenterWrap .message_card p table {
    width: 100% !important;
  }
}
.messageCenterWrap .account_list_btn {
  border-radius: 8px;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff !important;
  padding: 10px;
  border: none;
  cursor: pointer;
}

.messageCenterWrap .message_clear_filters {
  color: #f44336;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}

.messageCenterWrap .message_clear_filters:hover {
  color: #f44336;
  background: transparent;
}

.messageCenterWrap .message_clear_filters:disabled {
  color: #999999;
  background: transparent;
}

.messageCenterWrap .message_apply_filters {
  color: #3761c8;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  border: 1px solid #3761c8;
  border-radius: 15px;
  background: transparent;
}

.messageCenterWrap .message_apply_filters:hover {
  color: #3761c8;
  border: 1px solid #3761c8;
  background: transparent;
}

.messageCenterWrap .collapse-button {
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.05em;
  color: #3761c8;
}

.messageCenterWrap .btnCustom_small {
  background: #000000 !important;
  border-radius: 10px !important;
  text-align: center !important;
  color: white !important;
  font-weight: 600 !important;
  margin-top: 35px !important;
  cursor: pointer !important;
  border-color: #000000 !important;
}

.messageCenterWrap .messageUnreadBadge {
  height: 12px;
  width: 12px;
  background-color: #3761c8;
  border-radius: 50%;
  display: inline-block;
  margin-left: 2px;
  margin-bottom: 5px;
}

@media (max-width: 767px) {
  .messageCenterWrap .ant-tabs-nav-wrap {
    background-color: #f7f5f2;
  }
}
.messageDetailsModel .ant-modal {
  margin: 20px;
}

.messageDetailsModel .ant-modal-body {
  background-color: #f7f5f2;
}

.messageDetailsModel .ant-modal-header {
  background-color: #f7f5f2 !important;
  padding: 25px 25px;
  border-bottom: 4px solid #f0ede4;
}

.messageDetailsModel .ant-modal-title {
  font-size: 14px;
  line-height: 20px;
  font-family: "Aktiv-Bold";
  margin: 5px;
}

.messageCenterHeaderCompWrap .ant-tabs-tab {
  margin: 0 0 10px 0;
}

@media (max-width: 767px) {
  .messageCenterHeaderCompWrap .ant-tabs-tab {
    margin: 16px -14px 10px 10px;
  }
}
.messageCenterHeaderCompWrap .ant-tabs-top > .ant-tabs-nav::before {
  margin-top: 20px;
  border-bottom: 4px solid #f0ede4;
}

.messageCenterHeaderCompWrap .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  padding: 5px 15px;
  color: #3761c8;
  text-shadow: 0 0 0.25px currentcolor;
  border-radius: 25px;
  border: 2px solid #3761c8;
  text-transform: capitalize;
}

.messageCenterHeaderCompWrap .ant-tabs-tab-btn {
  padding: 5px 15px;
  color: black;
  font-weight: 700 !important;
  border: 0px;
  border-radius: 25px;
  text-transform: capitalize;
}

.messageCenterHeaderCompWrap .ant-tabs-ink-bar {
  display: none;
}

.messageCenterHeaderCompWrap .messageList_layout {
  height: 40%;
  overflow: hidden;
  background-color: white;
}

.messageCenterHeaderCompWrap .messageList_layout_child {
  overflow: scroll;
  padding: 0px 20px 20px 20px;
  background-color: white;
}

.messageCenterHeaderCompWrap .messageList_layout_child::-webkit-scrollbar {
  display: none;
}

@media (max-width: 767px) {
  .messageCenterHeaderCompWrap .messageList_layout_child {
    padding: 0px 30px 20px 30px;
  }
}
.messageCenterHeaderCompWrap .messageList_layout_scroll {
  margin-top: -30px;
}

.messageCenterHeaderCompWrap .message_color_item {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.messageCenterHeaderCompWrap .text_color_00b267 {
  color: #00b267;
}

.messageCenterHeaderCompWrap .text_color_2EB8D7 {
  color: #2eb8d7;
}

.messageCenterHeaderCompWrap .text_color_E49940 {
  color: #e49940;
}

.messageCenterHeaderCompWrap .text_color_5C59DC {
  color: #5c59dc;
}

.messageCenterHeaderCompWrap .text_color_FFD339 {
  color: #ffd339;
}

.messageCenterHeaderCompWrap .text_color_FE8A7D {
  color: #fe8a7d;
}

.messageCenterHeaderCompWrap .bg_color_00b267 {
  background: #00b267;
}

.messageCenterHeaderCompWrap .bg_color_2EB8D7 {
  background: #2eb8d7;
}

.messageCenterHeaderCompWrap .bg_color_E49940 {
  background: #e49940;
}

.messageCenterHeaderCompWrap .bg_color_5C59DC {
  background: #5c59dc;
}

.messageCenterHeaderCompWrap .bg_color_FFD339 {
  background: #ffd339;
}

.messageCenterHeaderCompWrap .bg_color_FE8A7D {
  background: #fe8a7d;
}

.messageCenterHeaderCompWrap .message_checkbox {
  border: 1px solid #cccccc;
  border-radius: 15px;
  margin-right: 12px;
  padding: 7px 8px;
  text-align: center;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.messageCenterHeaderCompWrap .message_checkbox .messageUnreadBadgeNotification {
  position: absolute;
  height: 12px;
  width: 12px;
  background-color: #f44336;
  border-radius: 50%;
  top: -5px;
  right: 5px;
}

.messageCenterHeaderCompWrap div.exp-title {
  font-weight: 500;
  font-size: 10px;
  line-height: 14px;
  color: #040404;
}

.messageCenterHeaderCompWrap .selected0,
.messageCenterHeaderCompWrap .selected4,
.messageCenterHeaderCompWrap .selected5,
.messageCenterHeaderCompWrap .selected1,
.messageCenterHeaderCompWrap .selected2,
.messageCenterHeaderCompWrap .selected3,
.messageCenterHeaderCompWrap .selected6,
.messageCenterHeaderCompWrap .selected8,
.messageCenterHeaderCompWrap .selected7,
.messageCenterHeaderCompWrap .selected9 {
  border-radius: 34px;
  border: 1px solid #3761c8;
  font-weight: 500;
  font-size: 10px !important;
  line-height: 14px;
  background: rgba(55, 97, 200, 0.1);
}

.messageCenterHeaderCompWrap .accountColor {
  width: 4px;
  height: 100%;
  left: 14px;
  top: 21px;
  border-radius: 4px;
}

.messageCenterHeaderCompWrap .message_card {
  border: 0.4px solid #cccccc;
  border-radius: 16px;
  background: #ffffff;
}

.messageCenterHeaderCompWrap .message_card .ant-card-body {
  padding: 16px !important;
}

.messageCenterHeaderCompWrap .message_card p {
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  color: #1f1f1f;
  margin-bottom: 0px;
}

@media (max-width: 767px) {
  .messageCenterHeaderCompWrap .message_card p table {
    width: 100% !important;
  }
}
.messageCenterHeaderCompWrap .account_list_btn {
  border-radius: 8px;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff !important;
  padding: 10px;
  border: none;
  cursor: pointer;
}

.messageCenterHeaderCompWrap .message_clear_filters {
  color: #f44336;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}

.messageCenterHeaderCompWrap .message_clear_filters:hover {
  color: #f44336;
  background: transparent;
}

.messageCenterHeaderCompWrap .message_clear_filters:disabled {
  color: #999999;
  background: transparent;
}

.messageCenterHeaderCompWrap .message_apply_filters {
  color: #3761c8;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  border: 1px solid #3761c8;
  border-radius: 15px;
  background: transparent;
}

.messageCenterHeaderCompWrap .message_apply_filters:hover {
  color: #3761c8;
  border: 1px solid #3761c8;
  background: transparent;
}

.messageCenterHeaderCompWrap .collapse-button {
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.05em;
  color: #3761c8;
}

.messageCenterHeaderCompWrap .btnCustom_small {
  background: #000000 !important;
  border-radius: 10px !important;
  text-align: center !important;
  color: white !important;
  font-weight: 600 !important;
  margin-top: 35px !important;
  cursor: pointer !important;
  border-color: #000000 !important;
}

.messageCenterHeaderCompWrap .messageUnreadBadge {
  height: 12px;
  width: 12px;
  background-color: #3761c8;
  border-radius: 50%;
  display: inline-block;
  margin-left: 2px;
  margin-bottom: 5px;
}

@media (max-width: 767px) {
  .messageCenterHeaderCompWrap .ant-tabs-nav-wrap {
    background-color: #f7f5f2;
  }
}
.messageDetailsModel .ant-modal {
  margin: 20px;
}

.messageDetailsModel .ant-modal-body {
  background-color: #f7f5f2;
}

.messageDetailsModel .ant-modal-header {
  background-color: #f7f5f2 !important;
  padding: 25px 25px;
  border-bottom: 4px solid #f0ede4;
}

.messageDetailsModel .ant-modal-title {
  font-size: 14px;
  line-height: 20px;
  font-family: "Aktiv-Bold";
  margin: 5px;
}

.view_all_messages {
  width: 188px;
  height: 42px;
  padding: 8px, 24px, 8px, 24px;
  border-radius: 10px;
  background: #3761c8;
  color: #fff;
  cursor: pointer;
  font-weight: 700;
  border: 1px solid #3761c8;
  font-size: 16px;
}

.message_container {
  background: linear-gradient(0deg, #f0ede4, #f0ede4), linear-gradient(0deg, #faf9f6, #faf9f6);
  border: 1px solid #f0ede4;
  padding: 16px, 5px, 16.49px, 16px;
  border-radius: 8px;
}

.message_container:hover {
  box-shadow: 0px 4px 26px 0px rgba(0, 0, 0, 0.1490196078);
}

.documentsListPage {
  margin-top: 100px;
  background: white;
  padding: 30px;
  border-radius: 14px;
  width: 95%;
  margin: 60px auto;
}

.documentsListPage .report-list .docNameInList {
  color: #363636;
  font-size: 14px;
  margin-bottom: 0px;
  cursor: pointer;
}

.documentsListPage .docTypeInList {
  margin-bottom: 0px;
  cursor: pointer;
}

.documentsListPage .docTypeInList span {
  display: inline-block;
  margin-right: 20px;
  color: #999999;
  font-size: 12px;
  letter-spacing: 1px;
}

.documentsListPage .report-list {
  border-bottom: 1px solid #f0ede4;
  width: 100%;
  padding: 16px 0px;
}

.documentsListPage .ant-row:last-child .ant-col .report-list {
  border: 0px;
}

.documentsListPage .pagination-wrap {
  width: 100%;
  text-align: right;
  position: relative;
  top: 75px;
}

.documentsListPage .detail-head-right.detail-head-right-non-account {
  background: #f7f5f2;
  height: 1000px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}

.documentsListPage .detail-head-left.detail-head-left-non-account {
  margin-right: 20px;
}

.documentsListPage li.ant-pagination-total-text {
  float: left;
}

.documentsListPage .ant-pagination-item-active a {
  color: #3761c8;
  background: #d2ddf9;
  border-radius: 5px;
}

.documentsListPage .ant-pagination-item-active {
  border-color: #3761c8;
  border-radius: 5px;
}

.documentsListPage li.ant-pagination-item {
  border-radius: 5px;
}

.documentsListPage .ant-pagination-next .ant-pagination-item-link {
  border-radius: 5px;
}

.documentsListPage .ant-pagination-disabled .ant-pagination-item-link {
  display: none;
}

.leftPattern {
  position: absolute;
  left: 0;
}

.rightPattern {
  position: absolute;
  right: 0;
}

span.rightPattern img,
span.leftPattern img {
  height: 800px !important;
}

.divide_tag_fees div {
  margin-top: 5px;
}

.fees_heading {
  letter-spacing: 0.1em !important;
}

.divide_tag_agreement div {
  display: flex;
  align-items: center;
  margin-top: 5px;
}

.docusignAgreement .signature_input_agreement {
  border-radius: 10px;
  background: #ffffff;
  padding: 12px 20px;
  border: none;
  width: 406px !important;
  height: 56px !important;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
}

.docusignAgreement .agreement_acnowlagement {
  background: #ffffff;
  padding: 20px 0px;
  border-radius: 10px;
  width: 406px !important;
}

.docusignAgreement .sign_agreement_text .ant-col {
  width: 350px !important;
}

.docusignAgreement .ben_form_preview_checkbox {
  width: 406px !important;
}

.docusignAgreement .docusign_ticksign {
  position: absolute;
  right: 21px;
  top: -2px;
}

.docusignAgreement .leftPattern {
  position: absolute;
  left: 0;
  height: 70px !important;
  width: 70px !important;
  top: -350px !important;
}

.docusignAgreement .backArrowHeight {
  height: 20px !important;
}

.fees_btn_parent .btnFeesDisable {
  background-color: #cccccc !important;
  width: 96% !important;
  border-radius: 15px !important;
  text-align: center !important;
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: 600 !important;
  padding: 16px !important;
  margin-top: 35px !important;
  cursor: not-allowed !important;
  height: 56px !important;
  width: 406px !important;
  border: none !important;
  border-color: none !important;
  color: #f0ede4 !important;
}

.fees_btn_parent .btnFeesEnable {
  background: #000000 !important;
  width: 96% !important;
  border-radius: 15px !important;
  text-align: center !important;
  color: #f0ede4 !important;
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: 600 !important;
  padding: 16px !important;
  margin-top: 35px !important;
  cursor: pointer !important;
  height: 56px !important;
  width: 406px !important;
  border-color: #000000 !important;
}

.fees_checkbox_value .ant-checkbox-checked .ant-checkbox-inner {
  background: #3761c8;
  border-color: #3761c8;
}

.docusignAgreement .iframe-scroll-hide {
  height: 400px !important;
}

.docusignAgreement .iframe-scroll-hide iframe {
  height: 100% !important;
}

.docusignAgreement .agreement_docusign_iframe {
  width: 100% !important;
  height: 600px !important;
}

.docusignAgreement .back_button_agreement {
  margin-left: -35px;
}

.docusignAgreement .sign_agreement_ant {
  width: 406px !important;
}

@media (max-width: 1023px) {
  .docusignAgreement .signature_input_agreement,
  .docusignAgreement .agreement_acnowlagement,
  .fees_btn_parent .btnFeesDisable,
  .fees_btn_parent .btnFeesEnable {
    width: 100% !important;
  }
}
.export-btn-class {
  padding: 1px 20px !important;
  background: #1f1f1f !important;
  border-radius: 10px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 22px !important;
  text-align: center !important;
  color: #f0ede4 !important;
}

.export-btn-class:hover {
  background: #f0ede4;
  color: #1f1f1f;
  border-color: 1f1f1f !important;
}

.vcc_funds_container .holdingTabs label.ant-radio-button-wrapper {
  margin-right: 0px;
  border-radius: 22px;
  padding: 0px 24px;
  border-width: 2px !important;
  border-color: white;
  white-space: nowrap;
}

.vcc_funds_container .holdingTabs label.ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
  border-color: #3761c8 !important;
  border-width: 2px;
  background: white !important;
  border-radius: 18px !important;
}

.vcc_funds_container .holdingTabs label.ant-radio-button-wrapper.ant-radio-button-wrapper-checked span {
  color: #3761c8 !important;
  font-weight: 600;
}

.vcc_funds_container .holdingTabs label.ant-radio-button-wrapper span {
  text-transform: capitalize;
  color: black;
  font-family: "Aktiv-Bold";
}

.vcc_funds_container .holdingTabs .ant-radio-button-wrapper:not(:first-child)::before {
  content: none;
}

.vcc_funds_container .holdingTabs .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.vcc_funds_container .holdingTabs .ant-radio-button-wrapper:hover {
  color: #3761c8;
}

.vcc_funds_container .kyc-detail-tabs label.ant-radio-button-wrapper {
  color: black !important;
}

.vcc_funds_container .kyc-detail-tabs label.ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
  background: white !important;
  border-radius: 21px !important;
}

.vcc_funds_container .kyc-detail-tabs {
  margin: 0 auto;
}

.vcc_funds_container .scroll_tabs {
  overflow-x: auto;
  flex-wrap: nowrap;
}

.vcc_funds_container .scroll_tabs::-webkit-scrollbar {
  display: none;
}

.portfolioNew .portfolioCard {
  background-color: #1f1f1f;
  border-radius: 16px;
  height: 140px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .portfolioNew .portfolioCard {
    height: 90px;
  }
}
@media (max-width: 767px) {
  .portfolioNew .portfolioCard {
    height: 310px !important;
  }
}
.portfolioNew .portfolioCard .portfolioCardLabel {
  color: #ffffff;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  opacity: 0.6;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .portfolioNew .portfolioCard .portfolioCardLabel {
    font-size: 10px;
    line-height: 12px;
  }
}
.portfolioNew .portfolioCard .customDivider {
  width: 2px !important;
  height: 100px !important;
  background-image: linear-gradient(rgba(240, 237, 228, 0), rgb(240, 237, 228), rgba(240, 237, 228, 0)) !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .portfolioNew .portfolioCard .customDivider {
    height: 70px !important;
  }
}
.portfolioNew .portfolioCard .cashtransferButton {
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  background-color: #3761c8 !important;
  border-color: #3761c8 !important;
  color: #ffffff !important;
  border-radius: 6.33703px !important;
  cursor: pointer !important;
  width: 180px !important;
  height: 35px !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .portfolioNew .portfolioCard .cashtransferButton {
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    background-color: #3761c8 !important;
    border-color: #3761c8 !important;
    color: #ffffff !important;
    border-radius: 6.33703px !important;
    cursor: pointer !important;
    width: 120px !important;
    height: 25px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .portfolioNew .portfolioCard .cashtransferButton {
    width: 100% !important;
    height: 35px !important;
    font-weight: 700;
    line-height: 12px;
    line-height: 12px;
    background-color: #3761c8 !important;
    border-color: #3761c8 !important;
    color: #ffffff !important;
    border-radius: 6.33703px !important;
    cursor: pointer !important;
  }
}
.portfolioNew .portfolioCard .view-btn {
  background-color: transparent;
  color: #fcfcfb !important;
  box-shadow: none;
  outline: none;
  border: none;
  border-radius: 10px;
}

.portfolioNew .portfolioCard .view-btn:hover {
  color: #c9c9c8;
}

.portfolioNew .portfolioCard .view-btn:active {
  color: #c9c9c8;
}

.portfolioNew .graphConainer {
  background-color: #ffffff;
  padding: 20px 10px;
  border-radius: 10.1519px;
  margin-top: 20px;
}

.portfolioNew .graphConainer .assetAllocationDetails {
  width: 100%;
  background: rgba(248, 248, 248, 0.6);
  border: 1px solid rgba(204, 204, 204, 0.4);
  border-radius: 4px;
  padding: 10px 20px;
  overflow-x: auto !important;
}

@media (min-width: 1023px) {
  .portfolioNew .graphConainer .assetAllocationDetails {
    height: 200px !important;
  }
}
.portfolioNew .graphConainer .assetAllocationDetails::-webkit-scrollbar {
  width: 5px !important;
  background: rgba(248, 248, 248, 0.6);
  border-radius: 50px !important;
}

.portfolioNew .graphConainer .assetAllocationDetails::-webkit-scrollbar-thumb {
  background: rgb(54, 54, 54) !important;
  border-radius: 50px !important;
  max-height: 1rem !important;
}

.portfolioNew .graphConainer .assetAllocationDetails::-webkit-scrollbar-thumb:hover {
  background: rgb(54, 54, 54) !important;
  border-radius: 50px !important;
  max-height: 5% !important;
}

.portfolioNew .graphConainer .assetAllocationDetails .icon {
  width: 18px;
  height: 6px;
  border-radius: 3px;
  display: inline-block;
  margin-right: 16px;
}

.portfolioNew .graphConainer .emptyGraph {
  height: 500px;
}

.portfolioNew .graphConainerAUM0 {
  filter: blur(1.5px) !important;
  pointer-events: none;
}

.portfolioNew .start_investing_modal {
  position: absolute;
  margin: auto;
  float: left;
  z-index: 1;
  height: 300px;
  width: 350px;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 34px 24px;
  background: #ffffff;
  box-shadow: 4px 4px 55px rgba(0, 0, 0, 0.16);
  border-radius: 8px;
}

@media (max-width: 767px) {
  .portfolioNew .start_investing_modal {
    bottom: 500px !important;
  }
}
.portfolioNew .porfolioHealthContainer {
  background: #faf9f6;
  border-radius: 8px;
  height: 120px;
  margin-top: 30px;
}

.portfolioNew .viewPorfolioHealthButton {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  background-color: #3761c8 !important;
  border-color: #3761c8 !important;
  color: #f0ede4 !important;
  border-radius: 14px !important;
  cursor: pointer !important;
  width: 321px;
  height: 56px;
  border-radius: 14px !important;
}

@media (max-width: 767px) {
  .portfolioNew .viewPorfolioHealthButton {
    font-size: 18px;
    width: 280px;
    height: 46px;
  }
}
.gbc-banner-main,
.gbc-banner-main-new {
  width: 100%;
  background: #1f1f1f;
  border-radius: 8px;
  margin-top: 16px;
  position: relative;
  height: 98px;
  overflow: hidden;
}

.gbc-banner-main .blue-blur-effect,
.gbc-banner-main-new .blue-blur-effect {
  position: absolute;
  border-radius: 440px;
  background: var(--kristal-blue-60, #638ae9);
  filter: blur(132px);
  top: 0;
  left: 0;
  height: 38px;
  width: 50%;
}

.gbc-banner-main .blue-blur-effect1,
.gbc-banner-main-new .blue-blur-effect1 {
  position: absolute;
  border-radius: 440px;
  background: var(--kristal-blue-60, #638ae9);
  -webkit-filter: blur(132px);
  filter: blur(132px);
  top: 0;
  left: 26%;
  height: 44px;
  width: 50%;
}

.gbc-banner-main .gbc-banner-image-new,
.gbc-banner-main-new .gbc-banner-image-new {
  position: absolute;
  top: 0;
  left: 20px;
}

.gbc-banner-main .gbc-banner-image-new-flag,
.gbc-banner-main-new .gbc-banner-image-new-flag {
  position: absolute;
  top: 0;
  right: 15%;
}

.gbc-banner-main .gbc-banner-image-men,
.gbc-banner-main-new .gbc-banner-image-men {
  position: absolute;
  right: 0;
  padding-right: 16px;
  bottom: -4px;
}

.gbc-banner-main .gtc-banner-content,
.gbc-banner-main-new .gtc-banner-content {
  margin: auto auto;
}

.gbc-banner-main .gtc-banner-content .gtc-banner-text,
.gbc-banner-main-new .gtc-banner-content .gtc-banner-text {
  width: 90%;
}

.gbc-banner-main .gtc-banner-content-flag,
.gbc-banner-main-new .gtc-banner-content-flag {
  margin: auto 0px auto 16px;
}

.gbc-banner-main .gtc-banner-content-flag .gtc-banner-text,
.gbc-banner-main-new .gtc-banner-content-flag .gtc-banner-text {
  width: 90%;
}

.gbc-banner-main .gtc-banner-btn-main,
.gbc-banner-main-new .gtc-banner-btn-main {
  display: flex;
  justify-content: center;
  align-items: center;
}

.gbc-banner-main .gtc-banner-btn-main .gbc-banner-btn,
.gbc-banner-main-new .gtc-banner-btn-main .gbc-banner-btn {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #ffffff;
  background: #3761c8;
  border-radius: 10px;
  border: none;
  height: 38px;
}

.gbc-banner-main .gtc-banner-btn-main .gbc-banner-btn:hover,
.gbc-banner-main-new .gtc-banner-btn-main .gbc-banner-btn:hover {
  background: #3761c8 !important;
  color: #ffffff !important;
}

@media (max-width: 767px) {
  .gbc-banner-main,
  .gbc-banner-main-new {
    height: 295px;
  }
  .gbc-banner-main .gbc-banner-image-new,
  .gbc-banner-main-new .gbc-banner-image-new {
    display: none;
  }
  .gbc-banner-main .gbc-banner-image-men,
  .gbc-banner-main-new .gbc-banner-image-men {
    position: absolute;
    right: 0px;
    bottom: 0;
    padding-right: 0;
    bottom: -32px;
    display: block;
    height: 191px;
    width: 151px;
  }
  .gbc-banner-main .gtc-banner-content,
  .gbc-banner-main-new .gtc-banner-content {
    margin: 0%;
    padding: 24px 16px;
  }
  .gbc-banner-main .gtc-banner-content .gtc-banner-text,
  .gbc-banner-main-new .gtc-banner-content .gtc-banner-text {
    width: 300px;
  }
  .gbc-banner-main .gtc-banner-content .gtc-banner-btn-main,
  .gbc-banner-main-new .gtc-banner-content .gtc-banner-btn-main {
    display: block;
    margin-top: 82px;
  }
  .gbc-banner-main .blue-blur-effect,
  .gbc-banner-main-new .blue-blur-effect {
    position: absolute;
    border-radius: 440px;
    background: var(--kristal-blue-60, #638ae9);
    -webkit-filter: blur(132px);
    filter: blur(132px);
    /* bottom: 0px; */
    height: 50%;
    width: 50%;
    left: 70%;
    top: 46%;
  }
  .gbc-banner-main .blue-blur-effect1,
  .gbc-banner-main-new .blue-blur-effect1 {
    position: absolute;
    border-radius: 440px;
    background: var(--kristal-blue-60, #638ae9);
    -webkit-filter: blur(132px);
    filter: blur(132px);
    /* bottom: 0px; */
    height: 50%;
    width: 50%;
    left: 70%;
    top: 46%;
  }
}
.gbc-banner-main-new {
  background: radial-gradient(72.45% 3515.74% at 64.85% 100%, rgba(55, 97, 200, 0.2) 0%, rgba(55, 97, 200, 0) 100%), #1f1f1f !important;
}

.graph-switch .ant-switch {
  border: 1px solid #3761c8;
  background: transparent;
}

.graph-switch .ant-switch-checked {
  border: 1px solid #3761c8;
  background: transparent;
}

.graph-switch .ant-switch-handle::before {
  background-color: #3761c8 !important;
  height: 10px;
  width: 10px;
}

.blackCard {
  width: 95%;
  height: 100%;
  background: #1f1f1f;
  box-shadow: 10px 9px 14px rgba(0, 0, 0, 0.14);
  border-radius: 8px;
  color: #f0ede4;
  padding: 25px;
}

@media (max-width: 767px) {
  .blackCard {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .blackCard {
    padding: 15px;
  }
}
.portfolio-card-radio-buttons .ant-radio {
  display: none !important;
}

.portfolio-card-radio-buttons label.ant-radio-button-wrapper {
  background: transparent;
  color: #999999;
  border: 2px solid transparent !important;
  border-radius: 10px !important;
  margin: 1px !important;
}

.portfolio-card-radio-buttons label.ant-radio-button-wrapper::before {
  display: none !important;
}

.portfolio-card-radio-buttons label.ant-radio-button-wrapper:hover {
  border-color: #f0ede4 !important;
}

.portfolio-card-radio-buttons label.ant-radio-button-wrapper-checked {
  background-color: #f0ede4 !important;
  z-index: 0 !important;
  border-radius: 10px !important;
  color: #1f1f1f !important;
  transition: 1s ease-out !important;
  box-shadow: none !important;
  font-weight: 700 !important;
}

.portfolio-card-radio-buttons label.ant-radio-wrapper {
  background: transparent;
  color: #999999;
  border: 2px solid transparent !important;
  border-radius: 10px !important;
  margin: 1px !important;
}

.portfolio-card-radio-buttons label.ant-radio-wrapper::before {
  display: none !important;
}

.portfolio-card-radio-buttons label.ant-radio-wrapper:hover {
  border-color: #f0ede4 !important;
}

.portfolio-card-radio-buttons label.ant-radio-wrapper-checked {
  background-color: #f0ede4 !important;
  z-index: 0 !important;
  border-radius: 10px !important;
  color: #1f1f1f !important;
  transition: 1s ease-out !important;
  box-shadow: none !important;
  font-weight: 700 !important;
}

.portfolio-card-col {
  padding: 0 0 !important;
}

.add-btn {
  font-weight: 700;
  line-height: 28px;
  background-color: #3761c8 !important;
  border-color: #3761c8 !important;
  color: #f0ede4 !important;
  border-radius: 10px !important;
  cursor: pointer !important;
}

.view-btn {
  background-color: transparent;
  color: #fcfcfb !important;
  box-shadow: none;
  outline: none;
  border: none;
  border-radius: 10px;
  margin-left: -10px;
}

.view-btn:hover {
  color: #c9c9c8;
}

.view-btn:active {
  color: #c9c9c8;
}

.view-btn-new {
  background-color: transparent;
  color: #ffffff !important;
  border: 2px solid #ffffff;
  box-shadow: none;
  outline: none;
  border-radius: 8px;
}

.view-btn-new:hover {
  background-color: transparent;
  color: #ffffff !important;
  border: 2px solid #ffffff;
  box-shadow: none;
  outline: none;
  border-radius: 8px;
}

.view-btn-new:active {
  background-color: transparent;
  color: #ffffff !important;
  border: 2px solid #ffffff;
  box-shadow: none;
  outline: none;
  border-radius: 8px;
}

.chartsCard {
  border-radius: 16px !important;
}

@media (max-width: 767px) {
  .chartsCard {
    margin: 10px 0 0 !important;
    border-radius: 16px !important;
    background-color: #ffffff;
  }
}
.anaytics-modal .ant-modal-body {
  background-color: #f7f5f2 !important;
}

.portfolioCard {
  background-color: #1f1f1f;
  border-radius: 16px;
  height: 140px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .portfolioCard {
    height: 90px;
  }
}
@media (max-width: 767px) {
  .portfolioCard {
    height: 310px !important;
  }
}
.portfolioCard .portfolioCardLabel {
  color: #ffffff;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  opacity: 0.6;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .portfolioCard .portfolioCardLabel {
    font-size: 10px;
    line-height: 12px;
  }
}
.portfolioCard .customDivider {
  width: 2px !important;
  height: 70px !important;
  background-image: linear-gradient(rgba(240, 237, 228, 0), rgb(240, 237, 228), rgba(240, 237, 228, 0)) !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .portfolioCard .customDivider {
    height: 70px !important;
  }
}
.portfolioCard .cashtransferButton {
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  background-color: #3761c8 !important;
  border-color: #3761c8 !important;
  color: #ffffff !important;
  border-radius: 6.33703px !important;
  cursor: pointer !important;
  width: 180px !important;
  height: 35px !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .portfolioCard .cashtransferButton {
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    background-color: #3761c8 !important;
    border-color: #3761c8 !important;
    color: #ffffff !important;
    border-radius: 6.33703px !important;
    cursor: pointer !important;
    width: 120px !important;
    height: 25px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .portfolioCard .cashtransferButton {
    width: 100% !important;
    height: 35px !important;
    font-weight: 700;
    line-height: 12px;
    line-height: 12px;
    background-color: #3761c8 !important;
    border-color: #3761c8 !important;
    color: #ffffff !important;
    border-radius: 6.33703px !important;
    cursor: pointer !important;
  }
}
.portfolioCard .view-btn-new-transfer {
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  background-color: transparent;
  color: #ffffff !important;
  border: 2px solid #ffffff;
  box-shadow: none;
  outline: none;
  border-radius: 6.33703px !important;
  cursor: pointer !important;
  width: 180px !important;
  height: 35px !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .portfolioCard .view-btn-new-transfer {
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    background-color: transparent;
    color: #ffffff !important;
    border: 2px solid #ffffff;
    box-shadow: none;
    outline: none;
    border-radius: 6.33703px !important;
    cursor: pointer !important;
    width: 100% !important;
    height: 35px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .portfolioCard .view-btn-new-transfer {
    width: 100% !important;
    height: 35px !important;
    font-weight: 700;
    line-height: 12px;
    line-height: 12px;
    background-color: transparent;
    color: #ffffff !important;
    border: 2px solid #ffffff;
    box-shadow: none;
    outline: none;
    border-radius: 6.33703px !important;
    cursor: pointer !important;
  }
}
.portfolioCard .view-btn {
  background-color: transparent;
  color: #fcfcfb !important;
  box-shadow: none;
  outline: none;
  border: none;
  border-radius: 10px;
  border: 2px solid #cccccc;
  width: 170px !important;
  height: 35px !important;
}

.portfolioCard .view-btn:hover {
  color: #c9c9c8;
}

.portfolioCard .view-btn:active {
  color: #c9c9c8;
}

.xirr-download-btn {
  z-index: 10;
  font-size: 20px;
  background-color: #3761c8 !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  height: 33px !important;
  width: 33px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .xirr-download-btn {
    height: 28px !important;
    width: 28px !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .xirr-download-btn {
    height: 33px !important;
    width: 33px !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.xirr-download-btn-mobile {
  color: #3761c8 !important;
}

.xirr-download-btn-mobile.ant-btn-loading::before {
  display: none !important;
}

.portfolioCardDesktop {
  background-color: #1f1f1f;
  border-radius: 16px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 320px;
  padding: 10px;
  height: 100%;
}

.portfolioCardDesktop .xirr-btn-dashboard {
  position: absolute;
  right: 15px;
  top: 42px;
}

.portfolioCardDesktop .portfolioCardLabel {
  color: #ffffff;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  opacity: 0.6;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .portfolioCardDesktop .portfolioCardLabel {
    font-size: 10px;
    line-height: 12px;
  }
}
.portfolioCardDesktop .customDivider {
  width: 2px !important;
  height: 70px !important;
  background-image: linear-gradient(rgba(240, 237, 228, 0), rgb(240, 237, 228), rgba(240, 237, 228, 0)) !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .portfolioCardDesktop .customDivider {
    height: 70px !important;
  }
}
.portfolioCardDesktop .cashtransferButton {
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  background-color: #3761c8 !important;
  border-color: #3761c8 !important;
  color: #ffffff !important;
  border-radius: 6.33703px !important;
  cursor: pointer !important;
  width: 180px !important;
  height: 35px !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .portfolioCardDesktop .cashtransferButton {
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    background-color: #3761c8 !important;
    border-color: #3761c8 !important;
    color: #ffffff !important;
    border-radius: 6.33703px !important;
    cursor: pointer !important;
    width: 120px !important;
    height: 25px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .portfolioCardDesktop .cashtransferButton {
    width: 100% !important;
    height: 35px !important;
    font-weight: 700;
    line-height: 12px;
    line-height: 12px;
    background-color: #3761c8 !important;
    border-color: #3761c8 !important;
    color: #ffffff !important;
    border-radius: 6.33703px !important;
    cursor: pointer !important;
  }
}
.portfolioCardDesktop .view-btn-new-transfer {
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  background-color: transparent;
  color: #ffffff !important;
  border: 2px solid #ffffff;
  box-shadow: none;
  outline: none;
  border-radius: 6.33703px !important;
  cursor: pointer !important;
  width: 180px !important;
  height: 35px !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .portfolioCardDesktop .view-btn-new-transfer {
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    background-color: transparent;
    color: #ffffff !important;
    border: 2px solid #ffffff;
    box-shadow: none;
    outline: none;
    border-radius: 6.33703px !important;
    cursor: pointer !important;
    width: 100% !important;
    height: 35px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .portfolioCardDesktop .view-btn-new-transfer {
    width: 100% !important;
    height: 35px !important;
    font-weight: 700;
    line-height: 12px;
    line-height: 12px;
    background-color: transparent;
    color: #ffffff !important;
    border: 2px solid #ffffff;
    box-shadow: none;
    outline: none;
    border-radius: 6.33703px !important;
    cursor: pointer !important;
  }
}
.portfolioCardDesktop .view-btn {
  background-color: transparent;
  color: #fcfcfb !important;
  box-shadow: none;
  outline: none;
  border: none;
  border-radius: 10px;
  border: 2px solid #cccccc;
  width: 170px !important;
  height: 35px !important;
}

.portfolioCardDesktop .view-btn:hover {
  color: #c9c9c8;
}

.portfolioCardDesktop .view-btn:active {
  color: #c9c9c8;
}

.app_id_container .ant-radio-checked .ant-radio-inner {
  border-color: #1f1f1f !important;
}

.app_id_container .ant-radio-checked .ant-radio-inner::after {
  background-color: #1f1f1f !important;
}

.withdraw_cash_portfolio_dashboard {
  background: #fff;
  border-radius: 10px;
  padding: 9px 0px;
  width: 165px;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #1f1f1f;
  border: 2px solid #1f1f1f;
  cursor: pointer;
}

.deposit_cash_portfolio_dashboard {
  background: #1f1f1f;
  border-radius: 10px;
  padding: 9px 0px;
  width: 165px;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #ffffff;
  border: 2px solid #1f1f1f;
  cursor: pointer;
}

.dashboardRadioBtn {
  background: #000000 !important;
  border-radius: 10px !important;
  text-align: center !important;
  color: white !important;
  cursor: pointer !important;
  height: 30px !important;
  border-color: #000000 !important;
}

.account-summary-table {
  white-space: normal;
}

.account-summary-table tr {
  cursor: pointer;
  height: 66px;
}

.account-summary-table th {
  color: #999999 !important;
  font-size: 12px !important;
  background: white;
  border-bottom: 1px solid #f0ede4 !important;
  border-top: 1px solid #f0ede4 !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.cursor {
  cursor: pointer;
}

.account-summary-table td {
  color: #363636 !important;
  font-weight: normal;
  font-size: 14px !important;
  height: 50px;
  background-color: white;
  text-align: center;
  padding: 10px;
  border: 1px solid #f0ede4;
  font-style: normal;
  font-weight: 400;
}

.account-summary-table th:before {
  display: none;
}

.account-summary-table .ant-table-tbody > tr > td {
  border-right: 1px solid #f0ede4;
}

.account-summary-table-ft th {
  width: 300px;
}

.currency-block .currency-value {
  margin-left: 5px;
}

.currency-block .currency {
  opacity: 0.6;
  font-size: 0.8em;
}

.view-all-accounts {
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(0deg, rgba(247, 245, 242, 0.64) 37.7%, rgba(247, 245, 242, 0) 100%);
}

.view-all-accounts-btn {
  background: #f0ede4;
  box-shadow: 0px 10px 30px rgba(66, 52, 36, 0.12);
  border-radius: 24px;
}

.view-all-accounts-btn:hover {
  background: #f0ede4;
  color: #000000 !important;
  border-color: #000000 !important;
}

.info_banner_dashboard_conainer {
  max-width: 96% !important;
}

.info_banner_dashboard_conainer .info_banner_dashboard {
  background-color: #d2ddf9 !important;
  border-radius: 12px !important;
  border: none !important;
  padding: 20px !important;
  text-align: center;
}

.dashboard-container .singPassButton {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: static;
  max-width: 374px;
  width: 100%;
  height: 60px;
  background: #1f1f1f;
  border-radius: 14px;
  margin: 32px 0px;
}

.dashboard-container .singPassButton .text {
  position: static;
  width: 269px;
  left: calc(50% - 134.5px + 20px);
  top: calc(50% - 14px);
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #f0ede4;
}

@media (max-width: 767px) {
  .dashboard-container .singPassButton {
    width: 100%;
  }
  .dashboard-container .singPassButton .text {
    font-size: 22px;
    line-height: 24px;
  }
}
.dashboard-container .aboveCustomLine {
  width: 100%;
  text-align: center;
  z-index: 2;
}

.dashboard-container .aboveCustomLine span {
  background-color: #f7f5f1;
  padding: 0px 5px;
}

.dashboard-container .are_ckyc_link {
  width: 347px;
  display: flex;
  justify-content: center;
}

.dashboard-container .customLine {
  width: 90%;
  border-bottom: 1px solid #cccccc;
  position: relative;
  top: -23px;
  z-index: 1;
}

.dashboard-container .singPassCard {
  display: flex;
  padding: 32px 16px;
  width: 406px;
  height: 312px;
  background: #ffffff;
  border-radius: 8px;
  margin: 32px 0px;
}

@media (max-width: 767px) {
  .dashboard-container .singPassCard {
    width: 100%;
  }
}
.dashboard-container .stageCardOpen {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 16px;
  position: static;
  width: 406px;
  left: calc(50% - 256px);
  top: 0px;
  background: #ffffff;
  box-shadow: 0px 5px 20px rgba(66, 52, 36, 0.12);
  border-radius: 8px;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .dashboard-container .stageCardOpen {
    padding: 16px;
    width: 100%;
    left: 0px;
    top: 0px;
  }
  .dashboard-container .stageCardOpen .ant-row {
    width: 100%;
  }
}
.dashboard-container .stageCardTitle {
  position: static;
  width: 384px;
  height: 22px;
  left: 0px;
  top: 0px;
  margin: 4px 0px;
}

.dashboard-container .stageCardStep {
  position: static;
  width: 376px;
  height: 36px;
  top: 0px;
  font-size: 12px;
  line-height: 18px;
  color: #1f1f1f;
  margin: 4px 0px;
}

.dashboard-container .stageCardClose {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 16px;
  position: static;
  width: 406px;
  left: calc(50% - 256px);
  top: 294px;
  background: rgba(204, 204, 204, 0.3);
  box-shadow: 0px 5px 20px rgba(66, 52, 36, 0.12);
  border-radius: 8px;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .dashboard-container .stageCardClose {
    padding: 16px;
    width: 100%;
    left: 0px;
    top: 0px;
  }
  .dashboard-container .stageCardClose .ant-row {
    width: 100%;
  }
}
.dashboard-container .backArrow .icon-span {
  font-size: 20px;
  color: #3761c8;
}

.dashboard-container .backArrow .text-span {
  margin-left: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #3761c8;
}

.dashboard-container .backArrow {
  margin-left: 20px;
  margin-top: 45px;
  cursor: pointer;
}

.dashboard-container .step3title {
  position: static;
  width: 537px;
  height: 40px;
  left: 0px;
  top: 0px;
  font-weight: bold;
  font-size: 32px;
  line-height: 40px;
  color: #1f1f1f;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 8px 0px;
}

@media (max-width: 767px) {
  .dashboard-container .step3title {
    width: 100%;
    font-size: 22px;
  }
}
.dashboard-container .step3subtitle {
  width: 100%;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 8px 0px;
}

@media (max-width: 767px) {
  .dashboard-container .step3subtitle {
    font-size: 12px;
  }
}
.dashboard-container .progressHeadContainer {
  margin: 0px auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #f0ede4;
  box-shadow: 0px 10px 30px rgba(66, 52, 36, 0.12);
  border-radius: 16px;
}

.dashboard-container .progressHeadContainer .progress-head-img-left {
  position: absolute;
  left: 0px;
  top: 0px;
}

.dashboard-container .progressHeadContainer .progress-head-img-right {
  position: absolute;
  right: 0px;
  top: 0px;
}

.dashboard-container .progressHeadContainer .buttonForward {
  padding: 10px 30px;
  height: 56px;
  background: #3761c8;
  border-radius: 14px;
}

@media (max-width: 767px) {
  .dashboard-container .progressHeadContainer .buttonForward {
    padding: 16px;
    margin: 0px auto;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .dashboard-container .progressHeadContainer .buttonForward {
    padding: 10px !important;
    height: 50px;
    margin-right: 30px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .dashboard-container .progressHeadContainer .buttonForward {
    padding: 10px 10px !important;
    height: 50px;
    margin-right: 30px;
  }
}
.dashboard-container .progressHeadContainer .buttonTextForward {
  font-weight: 700;
  font-size: 24px;
  color: #f0ede4;
}

@media (max-width: 768px) {
  .dashboard-container .progressHeadContainer .buttonTextForward {
    font-size: 18px;
    line-height: 22px;
    height: auto;
  }
}
@media (min-width: 1023px) and (max-width: 1280px) {
  .dashboard-container .progressHeadContainer .buttonTextForward {
    font-size: 18px;
    line-height: 22px;
    margin-top: 5px !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dashboard-container .progressHeadContainer .buttonTextForward {
    font-size: 18px;
    line-height: 22px;
    margin-top: 5px !important;
  }
}
.dashboard-container .progressHeadContainer .title {
  position: static;
  width: 455px;
  left: calc(50% - 227.5px);
  top: 0px;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #1f1f1f;
  margin: 4px 0px;
}

@media (max-width: 767px) {
  .dashboard-container .progressHeadContainer .title {
    width: 100% !important;
  }
}
.dashboard-container .progressHeadContainer .subTitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #777777;
  margin: 4px 0px;
}

@media (max-width: 767px) {
  .dashboard-container .progressHeadContainer .subTitle {
    margin: 0px 0px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .dashboard-container .progressHeadContainer {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  .dashboard-container .progressHeadContainer {
    width: 100% !important;
  }
}
.dashboard-container h1.mainHeadingBig {
  margin-top: 15%;
  font-size: 48px;
  color: #1f1f1f;
  line-height: 56px;
  font-weight: 700;
  width: 100%;
}

.dashboard-container .topSecondHeading {
  position: static;
  width: 431px;
  height: 66px;
  left: 0px;
  top: 64px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
}

.dashboard-container .no-margin-top {
  margin-top: 0px !important;
}

.dashboard-container .backArrow .icon-span {
  margin-left: 50px;
  font-size: 20px;
  color: #3761c8;
}

.dashboard-container .backArrow .text-span {
  margin-left: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #3761c8;
}

.dashboard-container .backArrow {
  cursor: pointer;
}

.dashboard-container .active1,
.dashboard-container .active2,
.dashboard-container .active3,
.dashboard-container .active4,
.dashboard-container .activeNobody {
  background: #000000;
}

.dashboard-container .images-for-welcome-bg .image-right-welcome {
  position: absolute;
  right: 0px;
  top: 0px;
}

.dashboard-container .images-for-welcome-bg .image-left-welcome {
  position: absolute;
  left: 0px;
  top: 289px;
}

.dashboard-container .images-for-welcome-bg .image-left-welcome-mobile {
  position: absolute;
  left: 0px;
  top: 57px;
}

.dashboard-container .account-setup-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 72px;
  margin-top: 60px !important;
  width: 406px;
  height: 56px;
  background: #3761c8;
  border-radius: 14px;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 16px 0px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 72px;
  margin-top: 80px;
  width: 406px;
  height: 56px;
  left: 0px;
  top: 0px;
  background: #3761c8;
  border-radius: 14px;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 16px 0px;
}

@media (max-width: 767px) {
  .dashboard-container .account-setup-btn {
    width: 343px;
  }
}
.dashboard-container .button-text {
  position: static;
  width: 319px;
  height: 28px;
  left: calc(50% - 159.5px);
  top: calc(50% - 14px);
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #f0ede4;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 0px 10px;
}

@media (max-width: 767px) {
  .dashboard-container .button-text {
    font-size: 18px;
    line-height: 22px;
    height: auto;
  }
}
.dashboard-container .curatedCard {
  width: 98%;
  height: 206px;
  left: 0px;
  top: 0px;
  background: #ffffff;
  border-radius: 8px;
}

.dashboard-container .curatedCard .curatedImage {
  position: relative;
  width: 64px;
  height: 64px;
  left: 20px;
  top: 3px;
  background: #1f1f1f;
  border: 2px solid #1f1f1f;
  box-sizing: border-box;
  border-radius: 8px;
  margin: 0px 16px;
}

.dashboard-container .curatedCard .curatedDescription {
  width: 265px;
  height: 48px;
  left: 0px;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  margin-top: 2px !important;
  color: #1f1f1f !important;
  margin: 2px 0px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .dashboard-container .curatedCard {
    width: 97% !important;
  }
  .dashboard-container .curatedCard .curatedDescription {
    padding-left: 10px;
  }
}
@media (max-width: 767px) {
  .dashboard-container .curatedCard {
    width: 93%;
  }
  .dashboard-container .curatedCard .curatedImage {
    width: 46px;
    height: 46px;
    left: 0px;
  }
}
.dashboard-container .curatedServicesCard {
  position: static;
  max-width: 409px;
  width: 98%;
  height: 124px;
  left: 0px;
  top: 0px;
  margin-right: 20px;
  background: #ffffff;
  border-radius: 8px;
}

.dashboard-container .curatedServicesCard .dashboard_services_img {
  border-radius: 8px 0px 0px 8px !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .dashboard-container .curatedServicesCard {
    width: 97% !important;
  }
}
@media (max-width: 767px) {
  .dashboard-container .curatedServicesCard {
    width: 93% !important;
    height: 144px !important;
  }
  .dashboard-container .curatedServicesCard .dashboard_services_img {
    border-radius: 8px 0px 0px 8px !important;
    height: 40px !important;
    width: 40px !important;
    margin-left: 4px !important;
  }
}
.dashboard-container .interest-cardTemplate-container:hover {
  cursor: pointer;
}

.dashboard-container .interest-cardTemplate {
  margin-top: 10px;
  position: relative;
  width: 409px !important;
  height: 112px;
  left: 0px;
  top: 0px;
  background: #ffffff !important;
  border-radius: 8px;
}

.dashboard-container .interest-cardTemplate .int-card-title {
  position: absolute;
  width: 232px;
  height: 48px;
  left: 48px;
  top: calc(50% - 24px);
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #1f1f1f;
}

.dashboard-container .interest-cardTemplate .int-card-img {
  position: absolute;
  width: 104px;
  height: 104px;
  right: 0px;
  bottom: 0px;
  background: #ffffff;
  border-radius: 8px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .dashboard-container .interest-cardTemplate {
    width: 363px !important;
  }
}
@media (max-width: 767px) {
  .dashboard-container .interest-cardTemplate {
    width: 45% !important;
    height: 144px !important;
  }
  .dashboard-container .interest-cardTemplate .int-card-title {
    left: 16px !important;
    width: 100% !important;
    top: 16px !important;
  }
  .dashboard-container .interest-cardTemplate .int-card-img {
    width: 72px !important;
    height: 72px !important;
  }
}
@media (max-width: 767px) {
  .dashboard-container .interest-cardTemplate {
    width: 45% !important;
    height: 144px !important;
  }
  .dashboard-container .interest-cardTemplate .int-card-title {
    left: 16px !important;
    width: 100px !important;
    top: 16px !important;
  }
  .dashboard-container .interest-cardTemplate .int-card-img {
    width: 72px !important;
    height: 72px !important;
  }
}
.dashboard-container .singPassButton {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: static;
  width: 374px;
  height: 60px;
  background: #1f1f1f;
  border-radius: 14px;
  margin: 32px 0px;
}

.dashboard-container .singPassButton .text {
  position: static;
  width: 269px;
  left: calc(50% - 134.5px + 20px);
  top: calc(50% - 14px);
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #f0ede4;
}

@media (max-width: 767px) {
  .dashboard-container .singPassButton {
    width: 100%;
  }
  .dashboard-container .singPassButton .text {
    font-size: 22px;
    line-height: 24px;
  }
}
.dashboard-container .aboveCustomLine {
  width: 100%;
  text-align: center;
  z-index: 2;
}

.dashboard-container .aboveCustomLine span {
  background-color: #f7f5f1;
  padding: 0px 5px;
}

.dashboard-container .customLine {
  width: 90%;
  border-bottom: 1px solid #cccccc;
  position: relative;
  top: -23px;
  z-index: 1;
}

.dashboard-container .singPassCard {
  display: flex;
  padding: 32px 16px;
  width: 406px;
  height: 312px;
  background: #ffffff;
  border-radius: 8px;
  margin: 32px 0px;
}

@media (max-width: 767px) {
  .dashboard-container .singPassCard {
    width: 100%;
  }
}
.dashboard-container .stageCardOpen {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 16px;
  position: static;
  width: 406px;
  left: calc(50% - 256px);
  top: 0px;
  background: #ffffff;
  box-shadow: 0px 5px 20px rgba(66, 52, 36, 0.12);
  border-radius: 8px;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .dashboard-container .stageCardOpen {
    padding: 16px;
    width: 100%;
    left: 0px;
    top: 0px;
  }
  .dashboard-container .stageCardOpen .ant-row {
    width: 100%;
  }
}
.dashboard-container .stageCardTitle {
  position: static;
  width: 384px;
  height: 22px;
  left: 0px;
  top: 0px;
  margin: 4px 0px;
}

.dashboard-container .stageCardStep {
  position: static;
  width: 376px;
  height: 36px;
  top: 0px;
  font-size: 12px;
  line-height: 18px;
  color: #1f1f1f;
  margin: 4px 0px;
}

.dashboard-container .stageCardClose {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 16px;
  position: static;
  width: 406px;
  left: calc(50% - 256px);
  top: 294px;
  background: rgba(204, 204, 204, 0.3);
  box-shadow: 0px 5px 20px rgba(66, 52, 36, 0.12);
  border-radius: 8px;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .dashboard-container .stageCardClose {
    padding: 16px;
    width: 100%;
    left: 0px;
    top: 0px;
  }
  .dashboard-container .stageCardClose .ant-row {
    width: 100%;
  }
}
.dashboard-container .backArrow .icon-span {
  font-size: 20px;
  color: #3761c8;
}

.dashboard-container .backArrow .text-span {
  margin-left: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #3761c8;
}

.dashboard-container .backArrow {
  margin-left: 20px;
  margin-top: 45px;
  cursor: pointer;
}

.dashboard-container .step3title {
  position: static;
  width: 537px;
  height: 40px;
  left: 0px;
  top: 0px;
  font-weight: bold;
  font-size: 32px;
  line-height: 40px;
  color: #1f1f1f;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 8px 0px;
}

@media (max-width: 767px) {
  .dashboard-container .step3title {
    width: 100%;
    font-size: 22px;
  }
}
.dashboard-container .step3subtitle {
  width: 100%;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 8px 0px;
}

@media (max-width: 767px) {
  .dashboard-container .step3subtitle {
    font-size: 12px;
  }
}
.dashboard-container .progressHeadContainer-ext {
  top: 34px !important;
}

.dashboard-container .progressHeadContainer {
  background: #f0ede4;
  box-shadow: 0px 10px 30px rgba(66, 52, 36, 0.12);
  border-radius: 16px;
}

.dashboard-container .progressHeadContainer .buttonForward {
  padding: 10px 30px;
  height: 56px;
  background: #3761c8;
  border-radius: 14px;
}

@media (max-width: 767px) {
  .dashboard-container .progressHeadContainer .buttonForward {
    padding: 16px;
    margin: 0px auto;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .dashboard-container .progressHeadContainer .buttonForward {
    padding: 10px !important;
    height: 50px;
    margin-right: 0px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .dashboard-container .progressHeadContainer .buttonForward {
    padding: 10px 10px !important;
    height: 50px;
    margin-right: 30px;
  }
}
.dashboard-container .progressHeadContainer .buttonTextForward {
  font-weight: 700;
  font-size: 24px;
  color: #f0ede4;
  margin: 0px 10px;
}

@media (max-width: 768px) {
  .dashboard-container .progressHeadContainer .buttonTextForward {
    font-size: 18px;
    line-height: 22px;
    height: auto;
  }
}
@media (min-width: 1023px) and (max-width: 1280px) {
  .dashboard-container .progressHeadContainer .buttonTextForward {
    font-size: 18px;
    line-height: 22px;
    margin-top: 5px !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dashboard-container .progressHeadContainer .buttonTextForward {
    font-size: 18px;
    line-height: 22px;
    margin-top: 5px !important;
  }
}
.dashboard-container .progressHeadContainer .title {
  position: static;
  width: 455px;
  left: calc(50% - 227.5px);
  top: 0px;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #1f1f1f;
  margin: 4px 0px;
}

.dashboard-container .progressHeadContainer .subTitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #777777;
  margin: 4px 0px;
}

@media (max-width: 767px) {
  .dashboard-container .progressHeadContainer .subTitle {
    margin: 0px 0px;
  }
}
.dashboard-container h1.mainHeadingBig {
  margin-top: 15%;
  font-size: 48px;
  color: #1f1f1f;
  line-height: 56px;
  font-weight: 700;
  width: 100%;
}

.dashboard-container .topSecondHeading {
  position: static;
  width: 431px;
  height: 66px;
  left: 0px;
  top: 64px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
}

.dashboard-container .no-margin-top {
  margin-top: 0px !important;
}

.dashboard-container .backArrow .icon-span {
  margin-left: 50px;
  font-size: 20px;
  color: #3761c8;
}

.dashboard-container .backArrow .text-span {
  margin-left: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #3761c8;
}

.dashboard-container .backArrow {
  cursor: pointer;
}

.dashboard-container .active1,
.dashboard-container .active2,
.dashboard-container .active3,
.dashboard-container .active4,
.dashboard-container .activeNobody {
  background: #000000;
}

.dashboard-container .account-setup-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 72px;
  margin-top: 60px !important;
  width: 406px;
  height: 56px;
  background: #3761c8;
  border-radius: 14px;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 16px 0px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 72px;
  margin-top: 80px;
  width: 406px;
  height: 56px;
  left: 0px;
  top: 0px;
  background: #3761c8;
  border-radius: 14px;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 16px 0px;
}

@media (max-width: 767px) {
  .dashboard-container .account-setup-btn {
    width: 343px;
  }
}
.dashboard-container .button-text {
  position: static;
  width: 319px;
  height: 28px;
  left: calc(50% - 159.5px);
  top: calc(50% - 14px);
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #f0ede4;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 0px 10px;
}

@media (max-width: 767px) {
  .dashboard-container .button-text {
    font-size: 18px;
    line-height: 22px;
    height: auto;
  }
}
.dashboard-container .curatedCard {
  position: static;
  height: 206px;
  left: 0px;
  top: 0px;
  background: #ffffff;
  border-radius: 8px;
}

.dashboard-container .curatedCard .curatedImage {
  position: relative;
  width: 64px;
  height: 64px;
  left: 20px;
  top: 3px;
  background: #1f1f1f;
  border: 2px solid #1f1f1f;
  box-sizing: border-box;
  border-radius: 8px;
  margin: 0px 16px;
}

.dashboard-container .curatedCard .curatedDescription {
  position: static;
  width: 265px;
  height: 48px;
  left: 0px;
  top: 22px;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  margin-top: 2px !important;
  color: #1f1f1f !important;
  margin: 2px 0px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .dashboard-container .curatedCard {
    width: 97% !important;
  }
  .dashboard-container .curatedCard .curatedDescription {
    padding-left: 10px;
  }
}
@media (max-width: 767px) {
  .dashboard-container .curatedCard {
    width: 93%;
  }
  .dashboard-container .curatedCard .curatedImage {
    width: 46px;
    height: 46px;
    left: 0px;
  }
}
.dashboard-container .curatedServicesCard {
  position: static;
  width: 409px;
  height: 124px;
  left: 0px;
  top: 0px;
  background: #ffffff;
  border-radius: 8px;
}

.dashboard-container .curatedServicesCard .dashboard_services_img {
  border-radius: 8px 0px 0px 8px !important;
}

.dashboard-container .interest-cardTemplate-container:hover {
  cursor: pointer;
}

.dashboard-container .interest-cardTemplate {
  margin-top: 10px;
  position: relative;
  width: 409px;
  height: 112px;
  left: 0px;
  top: 0px;
  background: #ffffff !important;
  border-radius: 8px;
}

.dashboard-container .interest-cardTemplate .int-card-title {
  position: absolute;
  width: 232px;
  height: 48px;
  left: 48px;
  top: calc(50% - 24px);
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #1f1f1f;
}

.dashboard-container .interest-cardTemplate .int-card-img {
  position: absolute;
  width: 104px;
  height: 104px;
  right: 0px;
  bottom: 0px;
  background: #ffffff;
  border-radius: 8px;
}

.dashboard-container .proceed_btn_step {
  width: 406px;
  height: 56px;
  background: #1f1f1f;
  border-radius: 14px;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #f0ede4;
  cursor: pointer;
}

@media (max-width: 767px) {
  .dashboard-container .proceed_btn_step {
    width: 100%;
  }
}
.dashboard-container .explore_btn_step {
  width: 406px;
  color: #3761c8;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}

@media (max-width: 767px) {
  .dashboard-container .explore_btn_step {
    width: 100%;
  }
}
.trans {
  transform: rotate(45deg);
}

.reverseTrans {
  transform: rotate(315deg);
}

.chat-now-image {
  position: fixed;
  top: 50vh;
  right: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.chat-now-image .chat-now-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px 43px;
  background: #1f1f1f;
  border-radius: 10px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 20px 0px;
  color: #f0ede4;
  cursor: pointer;
}

.questions_modal .onbording_question_main {
  overflow-x: scroll;
  height: 400px;
  background: #f7f5f2;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  padding: 24px;
  margin-top: 8px;
}

.questions_modal .onbording_question_main::-webkit-scrollbar {
  display: none;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_question {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #1f1f1f;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options .onbording_option {
  min-width: 106.33px;
  height: 32px;
  background: #ffffff;
  border-radius: 36px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 18px;
  margin-right: 12px;
  margin-top: 12px;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #1f1f1f;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options .onbording_option_selected {
  background: #1f1f1f;
  color: #f0ede4;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options .onbording_option_deselected {
  background: #ffffff;
  color: #1f1f1f;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options .ant-checkbox {
  display: none !important;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options .ant-checkbox-group {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options label.ant-checkbox-wrapper.ant-checkbox-wrapper-checked.ant-checkbox-group-item {
  background: #1f1f1f !important;
  color: #ffffff !important;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options label.ant-checkbox-wrapper.ant-checkbox-group-item {
  height: 32px !important;
  border-radius: 36px !important;
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 8px 18px !important;
  margin-right: 12px !important;
  margin-top: 12px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  border: none !important;
  position: relative;
  background: #ffffff !important;
  color: #1f1f1f !important;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options label.ant-checkbox-wrapper.ant-checkbox-group-item::before {
  content: "+";
  background: transparent;
  color: #1f1f1f;
  font-size: 20px;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options label.ant-checkbox-wrapper.ant-checkbox-wrapper-checked.ant-checkbox-group-item::before {
  content: "✓";
  background: transparent !important;
  color: #ffffff !important;
  font-size: 14px;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options .ant-checkbox-checked .ant-checkbox-inner {
  background: #1f1f1f !important;
  color: #1f1f1f !important;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options .ant-checkbox-checked .ant-checkbox-inner::after {
  border: 2px solid #1f1f1f !important;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options .ant-radio-group {
  display: flex !important;
  flex-wrap: wrap !important;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options .ant-radio-group .ant-radio-button-wrapper:not(:first-child)::before {
  display: none !important;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options .ant-radio-group .ant-radio-button-wrapper {
  min-width: 106.33px !important;
  height: 32px !important;
  border-radius: 36px !important;
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 8px 18px !important;
  margin-right: 12px !important;
  margin-top: 12px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  border: none !important;
  color: #1f1f1f;
  background: #ffffff;
}

@media (max-width: 767px) {
  .questions_modal .onbording_question_main .onbording_question_container .onbording_options .ant-radio-group .ant-radio-button-wrapper {
    height: 40px !important;
  }
}
.questions_modal .onbording_question_main .onbording_question_container .onbording_options .ant-radio-group .ant-radio-button-wrapper-checked {
  background: #1f1f1f !important;
  color: #f0ede4 !important;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options .ant-radio-group .ant-radio-button-checked {
  background: #1f1f1f !important;
  color: #f0ede4 !important;
  border-radius: 36px !important;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options .ant-radio-group .ant-radio-button-wrapper-disabled {
  background: #ffffff !important;
  color: #1f1f1f !important;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options .ant-radio-group .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background: #ffffff !important;
  color: #1f1f1f !important;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options label {
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 19px !important;
  padding: 0px !important;
}

.questions_modal .question_progress_container .ant-progress-bg {
  background: #3761c8 !important;
  height: 4px !important;
  border-radius: 2px;
}

.questions_modal .question_progress_container .ant-progress-inner {
  height: 4px !important;
  border-radius: 2px;
  background: #d9d9d9 !important;
}

.questions_modal .onbording_btn_container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.questions_modal .onbording_btn_container .onbording_btn {
  max-width: 406px;
  width: 100%;
  height: 56px;
  background: #1f1f1f;
  border-radius: 14px;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #f0ede4;
  margin: 15px auto 0px;
}

.questions_modal .onbording_btn_container .onbording_btn:hover {
  background: #1f1f1f !important;
  color: #f0ede4 !important;
}

.questions_modal .onbording_btn_container .onbording_btn:disabled {
  background: #cccccc !important;
  max-width: 406px;
  width: 100%;
  border-radius: 14px !important;
  color: #ffffff !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  height: 56px !important;
}

.questions_modal .onbording_btn_container .onbording_btn_link {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #3761c8;
}

.questions_modal .onbording_btn_container .onbording_btn_link:disabled {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: rgb(153, 153, 153);
}

.questions_modal .ant-modal-body {
  background: #f7f5f2 !important;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25) !important;
  border-radius: 20px !important;
  height: 600px !important;
  padding: 36px 64px !important;
}

@media (max-width: 767px) {
  .questions_modal .ant-modal-body {
    padding: 16px !important;
    height: 630px !important;
  }
}
.questions_modal .ant-modal-content {
  background: #f7f5f2 !important;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25) !important;
  border-radius: 20px !important;
  height: 600px !important;
}

.questions_modal .ant-modal-close-x {
  display: none;
}

.custom-tour-class1 {
  background: #f0ede4 !important;
  box-shadow: 10px 14px 24px rgba(0, 0, 0, 0.35) !important;
  border-radius: 10px !important;
  max-width: 535px !important;
  width: 535px !important;
  padding: 24px 46px 0px 56px !important;
  overflow: hidden !important;
}

@media (max-width: 767px) {
  .custom-tour-class1 {
    width: 95% !important;
    max-width: 95% !important;
    min-width: 95% !important;
    margin: 0px auto !important;
    transform: none !important;
    padding: 16px 46px 0px 46px !important;
  }
}
.custom-tour-class2 {
  background: #f0ede4 !important;
  box-shadow: 10px 14px 24px rgba(0, 0, 0, 0.35) !important;
  border-radius: 10px !important;
  max-width: 535px !important;
  width: 535px !important;
  padding: 24px 46px 0px 56px !important;
  left: 50% !important;
  overflow: hidden !important;
}

.custom-tour-class3 {
  background: #f0ede4 !important;
  box-shadow: 10px 14px 24px rgba(0, 0, 0, 0.35) !important;
  border-radius: 10px !important;
  max-width: 535px !important;
  width: 535px !important;
  padding: 24px 46px 0px 56px !important;
  left: 30% !important;
  overflow: hidden !important;
}

.custom-tour-class4 {
  background: #f0ede4 !important;
  box-shadow: 10px 14px 24px rgba(0, 0, 0, 0.35) !important;
  border-radius: 10px !important;
  max-width: 535px !important;
  width: 535px !important;
  padding: 24px 46px 0px 56px !important;
  left: 30% !important;
  overflow: hidden !important;
}

.custom-tour-class1 span:nth-child(2) {
  display: none;
}

.custom-tour-class1 button:nth-child(4) {
  display: none;
}

.custom-tour-class1 nav {
  display: none;
}

@media (max-width: 767px) {
  .custom-tour-class1 div:nth-child(3) {
    margin-top: 16px !important;
  }
}
.custom-tour-class1 div > button:nth-child(1) {
  color: #fff !important;
  margin-right: 24px !important;
  width: 30px !important;
  height: 30px !important;
  -webkit-flex: 0 0 16px !important;
  -ms-flex: 0 0 16px !important;
  flex: 0 0 16px !important;
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: #3761c8 !important;
  border-radius: 50% !important;
  padding: 9px !important;
}

.custom-tour-class1 button:nth-child(3) {
  color: #fff !important;
  margin-left: 24px !important;
  width: 30px !important;
  height: 30px !important;
  -webkit-flex: 0 0 16px !important;
  -ms-flex: 0 0 16px !important;
  flex: 0 0 16px !important;
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: #3761c8 !important;
  border-radius: 50% !important;
  padding: 9px !important;
}

.showTour {
  position: absolute !important;
  background: #363636;
  border-radius: 50%;
  right: -55px !important;
  top: -37px !important;
  height: 56px !important;
  width: 56px !important;
  text-align: center !important;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  padding-right: 3px;
  padding-top: 5px;
}

@media (max-width: 767px) {
  .showTour {
    top: -32px;
  }
}
.skip_tutorial {
  border: 2px solid #1f1f1f;
  border-radius: 10px;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.05em;
  color: #1f1f1f;
  padding: 10px;
  height: 100%;
  background: transparent;
  cursor: pointer;
}

@media (max-width: 767px) {
  .skip_tutorial {
    padding: 6px 16px;
    font-size: 12px;
    line-height: 18px;
  }
}
.skip_tutorial:hover {
  border: 2px solid #1f1f1f !important;
  color: #1f1f1f !important;
  background: transparent !important;
}

.launcherpointWrapper .launcherPoint .ant-card-body {
  padding: 0px;
}

.launcherpointWrapper .launcher {
  width: 150%;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: auto;
  row-gap: 0px;
  flex-wrap: nowrap;
}

.launcherpointWrapper .launcher::-webkit-scrollbar {
  display: none;
}

.launcherpointWrapper .launcherPoint {
  width: 343px;
  padding: 15px;
  border-radius: 8px;
  border: 0px !important;
}

.launcherpointWrapper .launcherPoint .card-tag {
  padding: 1px 16px 3px 16px;
}

@media (max-width: 400px) {
  .launcherpointWrapper .launcherPoint {
    width: 100% !important;
  }
}
.launcherpointWrapper .card-img-cover {
  position: relative;
  max-width: 315px;
  height: 170px;
  border-radius: 6px;
  margin-bottom: 16px;
}

.launcherpointWrapper .logo {
  position: absolute;
  top: 15px;
  left: 12px;
  border-radius: 8px;
}

.launcherpointWrapper .ant-card-body .launcherPoint .paneTwo {
  width: 343px;
  padding: 5px;
  margin: 10px;
  border-radius: 8px;
  height: 159px;
  border: 0px !important;
}

.launcherpointWrapper .advisoryModalPaneOneLaunchPointCard .launcherPoint {
  padding: 0px;
  margin: 10px;
}

.launcherpointWrapper .carousel-width {
  width: 92%;
  margin-left: auto !important;
  margin-right: auto !important;
}

.launcherpointWrapper .carousel-width.inner-cards {
  width: 98%;
}

@media (max-width: 1024px) {
  .launcherpointWrapper .carousel-width {
    width: 90%;
  }
}
@media (max-width: 560px) {
  .launcherpointWrapper .carousel-width {
    width: 86%;
  }
}
.launcherpointWrapper .paneThreeLaunchPointCard .painThreeContainer {
  background-color: #f0ede4;
  border-radius: 8px;
}

.launcherpointWrapper .paneThreeLaunchPointCard .painThreeContainer.ant-col {
  padding-left: 0px;
  padding-right: 0px;
}

.launcherpointWrapper.advisoryInfoModal .ant-modal-body {
  background-color: #f7f5f2;
}

@media (max-width: 767px) {
  .launcherpointWrapper.advisoryInfoModal .ant-modal-body {
    padding: 12px;
  }
}
.launcherpointWrapper.advisoryInfoModal .ant-modal-header {
  background-color: #f7f5f2 !important;
  padding: 25px 25px;
  border-bottom: 4px solid #f0ede4;
}

.launcherpointWrapper.advisoryInfoModal .ant-modal-title {
  font-size: 24px;
  font-family: "Aktiv-Bold" !important;
}

.launcherpointWrapper .ant-row .launcherTitleRow {
  width: 100%;
}

.launcherpointWrapper .ant-skeleton .ant-skeleton-active .launcherPoint {
  width: 350px;
  padding: 15px;
  margin: 10px;
  border-radius: 8px;
  cursor: pointer;
  background-color: #f0ede4;
}

.launcherpointWrapper .ant-skeleton .ant-skeleton-active .paneTwo {
  width: 350px;
  padding: 5px;
  margin: 10px;
  border-radius: 8px;
  background-color: #f0ede4;
}

.launcherpointWrapper .ant-skeleton .ant-skeleton-active .paneThreeLaunchPointCard {
  width: 98%;
  padding: 15px;
  margin: 10px !important;
  background-color: #f0ede4;
  border-radius: 8px;
}

.launcherpointWrapper.externalpopup .ant-modal {
  margin: 20px;
}

.launcherpointWrapper.externalpopup .ant-modal-body {
  background-color: #f7f5f2;
}

.launcherpointWrapper.externalpopup .ant-modal-header {
  background-color: #f7f5f2 !important;
  padding: 25px 25px;
}

.launcherpointWrapper.externalpopup .ant-modal-title {
  font-size: 24px;
  font-family: "Aktiv-Bold" !important;
}

.launcherpointWrapper.launcher-iframe {
  width: 100%;
  height: 100%;
}

.launcherpointWrapper.full-view-popup .full-view .medium-editor-element {
  max-height: 100vh;
  height: calc(100vh - 240px);
}

.launcherpointWrapper.external .ant-modal-content .ant-modal-body {
  padding: 0;
  z-index: 0;
  height: 80vh;
}

@media (max-width: 768px) {
  .launcherpointWrapper.external .ant-modal-content .ant-modal-body {
    padding: 50px 0px 0px;
  }
}
.launcherpointWrapper.external .ant-modal-content .ant-modal-body .launcher-iframe {
  margin-left: 0px;
}

.launcherpointWrapper.external .ant-modal-close-x {
  z-index: 1;
}

.launcherpointWrapper.external .ant-modal-close-x .anticon {
  padding: 4px;
  border-radius: 10px;
  background: black;
  color: white;
}

.launcherpointWrapper.launcher-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 600px) {
  .launcherpointWrapper.launcher-footer {
    flex-direction: column;
  }
}
.launcherpointWrapper.cta_button {
  background: #000000 !important;
  border-radius: 10px !important;
  text-align: center !important;
  color: white !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  height: 35px !important;
  border-color: #000000 !important;
}

.reports-table .ant-table-container {
  overflow: scroll;
}

.other_reports_container_pane1 {
  width: 100%;
  margin: 0px auto;
}

.other_reports_container_pane1.postkyc .slick-prev {
  transform: none !important;
  left: -15px;
}

.other_reports_container_pane1.postkyc .slick-next {
  transform: none !important;
  right: -15px;
}

.other_reports_container_pane1 .slick-track {
  margin: 0px !important;
}

.other_reports_container_pane1 .slick-dots {
  padding: 0px 32px !important;
  bottom: -45px !important;
  justify-content: center !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-bottom: 5px !important;
  padding-left: 0px !important;
  overflow: auto !important;
  white-space: nowrap !important;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

@media (max-width: 767px) {
  .other_reports_container_pane1 .slick-dots {
    justify-content: flex-start;
  }
}
.other_reports_container_pane1 .slick-dots::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

.other_reports_container_pane1 .slick-dots li {
  margin-left: 0px;
  margin-right: 16px;
  display: block;
}

.other_reports_container_pane1 .slick-dots li.slick-active {
  margin-left: 0px;
  margin-right: 16px;
  width: fit-content;
}

.other_reports_container_pane1 .slick-dots li.slick-active button {
  width: 32px !important;
  height: 8px !important;
  background-color: #3761c8 !important;
  opacity: 1 !important;
  border-radius: 12px !important;
}

.other_reports_container_pane1 .slick-dots li :first-child {
  margin-left: 0px;
}

.other_reports_container_pane1 .slick-dots li button {
  width: 8px !important;
  height: 8px !important;
  background-color: #999 !important;
  border-radius: 50% !important;
  height: 8px !important;
}

.other_reports_container_pane1 .slick-prev {
  transform: none !important;
  left: -40px;
  z-index: 999;
}

.other_reports_container_pane1 .slick-prev::before {
  content: "" !important;
  border-right: 10px solid #000000;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 1 !important;
}

@media (prefers-color-scheme: dark) {
  .other_reports_container_pane1 .slick-prev::before {
    border-right: 10px solid #ffffff;
  }
}
.other_reports_container_pane1 .slick-prev::after {
  content: "" !important;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid #638ae9;
  border-bottom: 10px solid transparent;
  position: absolute;
  right: 8px;
  top: 7px;
}

.other_reports_container_pane1 .slick-next {
  transform: none !important;
  right: -40px;
}

.other_reports_container_pane1 .slick-next::before {
  content: "" !important;
  border-left: 10px solid #000000;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 1 !important;
}

@media (prefers-color-scheme: dark) {
  .other_reports_container_pane1 .slick-next::before {
    border-left: 10px solid #ffffff;
  }
}
.other_reports_container_pane1 .slick-next::after {
  content: "" !important;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid #638ae9;
  border-bottom: 10px solid transparent;
  position: absolute;
  left: 8px;
  top: 7px;
}

.other_reports_container_pane1 .slick-prev,
.other_reports_container_pane1 .slick-next {
  transform: none !important;
  top: 50% !important;
  width: 34px !important;
  height: 34px !important;
  margin-top: 0 !important;
  color: red !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background: #638ae9 !important;
  border: 0 !important;
  outline: none !important;
  border-radius: 50% !important;
  justify-content: center;
}

.other_reports_container_pane1 .slick-disabled {
  opacity: 0.25;
  display: none !important;
}

@media (max-width: 375px) {
  .other_reports_container_pane1 {
    padding: 0px !important;
    width: 343px;
    margin-left: -8px;
  }
}
@media (min-width: 375px) and (max-width: 550px) {
  .other_reports_container_pane1 {
    padding: 0px !important;
    width: 100%;
    margin-left: 0px;
  }
}
.other_reports_container_pane2 {
  width: 100%;
  margin: 0px auto;
}

.other_reports_container_pane2.postkyc .slick-prev {
  transform: none !important;
  left: -15px;
}

.other_reports_container_pane2.postkyc .slick-next {
  transform: none !important;
  right: -15px;
}

.other_reports_container_pane2 .slick-dots {
  padding: 0px 32px;
  bottom: -45px;
  justify-content: center;
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom: 5px;
  padding-left: 0px;
  overflow: auto;
  white-space: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

@media (max-width: 767px) {
  .other_reports_container_pane2 .slick-dots {
    justify-content: flex-start;
  }
}
.other_reports_container_pane2 .slick-dots li {
  margin-left: 0px;
  margin-right: 16px;
  display: block;
}

.other_reports_container_pane2 .slick-dots li.slick-active {
  margin-left: 0px;
  margin-right: 16px;
  width: fit-content;
}

.other_reports_container_pane2 .slick-dots li.slick-active button {
  width: 32px;
  height: 8px;
  background-color: #3761c8;
  opacity: 1;
  border-radius: 12px;
}

.other_reports_container_pane2 .slick-dots li :first-child {
  margin-left: 0px;
}

.other_reports_container_pane2 .slick-dots li button {
  width: 8px;
  height: 8px;
  background-color: #999;
  border-radius: 50%;
  height: 8px;
}

.other_reports_container_pane2 .slick-prev {
  transform: none !important;
  left: -40px;
  z-index: 999;
}

.other_reports_container_pane2 .slick-prev::before {
  content: "" !important;
  border-right: 10px solid #000000;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 1 !important;
}

@media (prefers-color-scheme: dark) {
  .other_reports_container_pane2 .slick-prev::before {
    border-right: 10px solid #ffffff;
  }
}
.other_reports_container_pane2 .slick-prev::after {
  content: "" !important;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid #638ae9;
  border-bottom: 10px solid transparent;
  position: absolute;
  right: 8px;
  top: 7px;
}

.other_reports_container_pane2 .slick-next {
  transform: none !important;
  right: -40px;
}

.other_reports_container_pane2 .slick-next::before {
  content: "" !important;
  border-left: 10px solid #000000;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 1 !important;
}

@media (prefers-color-scheme: dark) {
  .other_reports_container_pane2 .slick-next::before {
    border-left: 10px solid #ffffff;
  }
}
.other_reports_container_pane2 .slick-next::after {
  content: "" !important;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid #638ae9;
  border-bottom: 10px solid transparent;
  position: absolute;
  left: 8px;
  top: 7px;
}

.other_reports_container_pane2 .slick-prev,
.other_reports_container_pane2 .slick-next {
  transform: none !important;
  top: 50% !important;
  width: 34px !important;
  height: 34px !important;
  margin-top: 0 !important;
  color: red !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background: #638ae9 !important;
  border: 0 !important;
  outline: none !important;
  border-radius: 50% !important;
  justify-content: center;
}

.other_reports_container_pane2 .slick-disabled {
  opacity: 0.25;
  display: none !important;
}

@media (max-width: 375px) {
  .other_reports_container_pane2 {
    padding: 0px !important;
    width: 343px;
    margin-left: -8px;
  }
}
@media (min-width: 375px) and (max-width: 550px) {
  .other_reports_container_pane2 {
    padding: 0px !important;
    width: 100%;
    margin-left: 0px;
  }
}
.other_reports_container_advisory {
  width: 100%;
  margin: 0px auto;
}

.other_reports_container_advisory.postkyc .slick-prev {
  transform: none !important;
  left: -15px;
}

.other_reports_container_advisory.postkyc .slick-next {
  transform: none !important;
  right: -15px;
}

.other_reports_container_advisory .slick-dots {
  padding: 0px 32px !important;
  bottom: -30px !important;
  justify-content: center !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.other_reports_container_advisory .slick-dots li {
  margin-left: 0px;
  margin-right: 16px;
  display: block;
}

.other_reports_container_advisory .slick-dots li.slick-active {
  margin-left: 0px;
  margin-right: 16px;
  width: fit-content;
}

.other_reports_container_advisory .slick-dots li.slick-active button {
  width: 32px !important;
  height: 8px !important;
  background-color: #3761c8 !important;
  opacity: 1 !important;
  border-radius: 12px !important;
}

.other_reports_container_advisory .slick-dots li button {
  width: 8px !important;
  height: 8px !important;
  background-color: #999 !important;
  border-radius: 50% !important;
  height: 8px !important;
}

.other_reports_container_advisory .slick-prev {
  transform: none !important;
  left: -40px;
  z-index: 999;
}

.other_reports_container_advisory .slick-prev::before {
  content: "" !important;
  border-right: 10px solid #000000;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 1 !important;
}

@media (prefers-color-scheme: dark) {
  .other_reports_container_advisory .slick-prev::before {
    border-right: 10px solid #ffffff;
  }
}
.other_reports_container_advisory .slick-prev::after {
  content: "" !important;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid #638ae9;
  border-bottom: 10px solid transparent;
  position: absolute;
  right: 8px;
  top: 7px;
}

.other_reports_container_advisory .slick-next {
  transform: none !important;
  right: -40px;
}

.other_reports_container_advisory .slick-next::before {
  content: "" !important;
  border-left: 10px solid #000000;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 1 !important;
}

@media (prefers-color-scheme: dark) {
  .other_reports_container_advisory .slick-next::before {
    border-left: 10px solid #ffffff;
  }
}
.other_reports_container_advisory .slick-next::after {
  content: "" !important;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid #638ae9;
  border-bottom: 10px solid transparent;
  position: absolute;
  left: 8px;
  top: 7px;
}

.other_reports_container_advisory .slick-prev,
.other_reports_container_advisory .slick-next {
  transform: none !important;
  top: 50% !important;
  width: 34px !important;
  height: 34px !important;
  margin-top: 0 !important;
  color: red !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background: #638ae9 !important;
  border: 0 !important;
  outline: none !important;
  border-radius: 50% !important;
  justify-content: center;
}

.other_reports_container_advisory .slick-disabled {
  opacity: 0.25;
  display: none !important;
}

@media (max-width: 767px) {
  .other_reports_container_advisory {
    padding: 0px !important;
    width: 100%;
  }
}
.pending_tasks_container_carousel {
  width: 100%;
  margin: 0px auto;
}

.pending_tasks_container_carousel.postkyc .slick-prev {
  transform: none !important;
  left: -15px;
}

.pending_tasks_container_carousel.postkyc .slick-next {
  transform: none !important;
  right: -15px;
}

.pending_tasks_container_carousel .slick-dots {
  padding: 0px 32px !important;
  bottom: -30px !important;
  justify-content: center !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.pending_tasks_container_carousel .slick-dots li {
  margin-left: 0px;
  margin-right: 16px;
  display: block;
}

.pending_tasks_container_carousel .slick-dots li.slick-active {
  margin-left: 0px;
  margin-right: 16px;
  width: fit-content;
}

.pending_tasks_container_carousel .slick-dots li.slick-active button {
  width: 32px !important;
  height: 8px !important;
  background-color: #3761c8 !important;
  opacity: 1 !important;
  border-radius: 12px !important;
}

.pending_tasks_container_carousel .slick-dots li button {
  width: 8px !important;
  height: 8px !important;
  background-color: #999 !important;
  border-radius: 50% !important;
  height: 8px !important;
}

.pending_tasks_container_carousel .slick-prev {
  transform: none !important;
  left: -40px;
  z-index: 999;
}

.pending_tasks_container_carousel .slick-prev::before {
  content: "" !important;
  border-right: 10px solid #000000;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 1 !important;
}

@media (prefers-color-scheme: dark) {
  .pending_tasks_container_carousel .slick-prev::before {
    border-right: 10px solid #ffffff;
  }
}
.pending_tasks_container_carousel .slick-prev::after {
  content: "" !important;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid #638ae9;
  border-bottom: 10px solid transparent;
  position: absolute;
  right: 8px;
  top: 7px;
}

.pending_tasks_container_carousel .slick-next {
  transform: none !important;
  right: -40px;
}

.pending_tasks_container_carousel .slick-next::before {
  content: "" !important;
  border-left: 10px solid #000000;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 1 !important;
}

@media (prefers-color-scheme: dark) {
  .pending_tasks_container_carousel .slick-next::before {
    border-left: 10px solid #ffffff;
  }
}
.pending_tasks_container_carousel .slick-next::after {
  content: "" !important;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid #638ae9;
  border-bottom: 10px solid transparent;
  position: absolute;
  left: 8px;
  top: 7px;
}

.pending_tasks_container_carousel .slick-prev,
.pending_tasks_container_carousel .slick-next {
  transform: none !important;
  top: 25% !important;
  width: 34px !important;
  height: 34px !important;
  margin-top: 0 !important;
  color: red !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background: #638ae9 !important;
  border: 0 !important;
  outline: none !important;
  border-radius: 50% !important;
  justify-content: center;
}

.pending_tasks_container_carousel .slick-disabled {
  opacity: 0.25;
  display: none !important;
}

@media (max-width: 767px) {
  .pending_tasks_container_carousel {
    padding: 0px !important;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .pending-tasks-wrapper .pending_task {
    height: 130px;
  }
}
.pending-tasks-wrapper .pending-task-accept {
  color: #3761c8;
  cursor: pointer;
  padding: 1px 16px;
  border-radius: 24px;
  background: #d2ddf9;
  border: 2px solid #3761c8;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  margin-bottom: 0px;
  height: 24px;
}

.pending-tasks-wrapper .pending-task-header {
  word-wrap: break-word;
}

.pending-tasks-wrapper .pending-task-sub-header {
  word-wrap: break-word;
}

@media (max-width: 767px) {
  .pending-tasks-wrapper .pending-task {
    height: 100%;
  }
  .pending-tasks-wrapper .panding-luncher {
    overflow: hidden;
  }
}
.pending_task_request_modal .modal_request_type_accept {
  display: flex;
  background: #3761c8;
  height: 40px;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  color: #f0ede4;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  margin: 0px 10px;
  padding: 9px 24px;
  cursor: pointer;
}

@media (max-width: 767px) {
  .pending_task_request_modal .modal_request_type_accept {
    margin: 0px 0px;
    padding: 9px 14px;
  }
}
.pending_task_request_modal .modal_request_type_reject {
  display: flex;
  color: #3761c8;
  height: 40px;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  margin: 0px 10px;
  padding: 9px 0px;
  cursor: pointer;
  border: none;
}

@media (max-width: 767px) {
  .pending_task_request_modal .modal_request_type_reject {
    margin: 0px 0px;
    padding: 9px 14px;
  }
}
.pending_task_request_modal .modal_currncy_type {
  display: flex;
  background: #3761c8;
  height: 40px;
  border-radius: 10px;
  justify-content: right;
  align-items: right;
  color: #f0ede4;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  padding: 9px 24px;
  cursor: pointer;
}

.pending_task_request_modal .ant-row.ant-form-item {
  margin-bottom: 0px !important;
}

.pending_task_request_modal .modal_cancel {
  height: 40px;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: #3761c8;
  margin: 0px 16px;
  cursor: pointer;
}

.pending_task_request_modal .modal_ok {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: #3761c8;
  cursor: pointer;
  margin: 0px auto;
}

.pending_task_request_modal .ant-select-selector {
  border: transparent !important;
  border-color: transparent !important;
}

.pending_task_request_modal .ant-select-open {
  border: 0px !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

.pending_task_request_modal .ant-modal-content {
  border-radius: 20px;
}

.pending_task_request_modal .ant-modal-body {
  padding: 30px 20px 20px 30px;
  font-size: 14px;
  line-height: 1.5715;
  word-wrap: break-word;
}

@media (max-width: 767px) {
  .pending_task_request_modal .ant-modal-body {
    padding: 20px;
  }
}
.view-task-action {
  padding: 4px 16px;
  background: #363636;
  box-shadow: 2px 4px 18px rgba(0, 0, 0, 0.35);
  border-radius: 48px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
}

@media (max-width: 1023px) {
  .view-task-action {
    padding: 6px 12px;
    font-size: 12px;
  }
}
.top-investments {
  width: 100%;
  height: 100%;
  min-height: 218px;
}

.top-investments .section .inner {
  border-radius: 14px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.top-investments .section:last-child {
  padding-right: 0 !important;
}

.top-investments .section:first-child {
  padding-left: 0 !important;
}

.top-investments .header {
  font-weight: 700;
  font-size: 19.8671px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #363636;
  text-align: center;
  margin-bottom: 0px;
  padding: 0px;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .top-investments .header {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .top-investments .header {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .top-investments .header {
    font-size: 14px;
    display: flex;
    justify-content: center;
  }
}
.top-investments .kristal-block {
  background: #363636;
  border-radius: 5.46346px;
  height: 60px;
  width: 60px;
}

.top-investments .kristal-name {
  font-weight: 700;
  font-size: 13.907px;
  line-height: 20px;
  color: #363636;
  margin-bottom: 0px;
  margin-top: 5px;
  width: 110px;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .top-investments .kristal-name {
    font-size: 11px;
    line-height: 14px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .top-investments .kristal-name {
    font-size: 9px;
    line-height: 11px;
    width: 100%;
  }
}
.portfolioNewA2 .all_accounts_dropdown_section {
  background-color: #1f1f1f;
  height: 80px;
  margin: 0px -16px 0px -16px;
  position: fixed;
  width: 100%;
  z-index: 999;
}

.portfolioNewA2 .portfolioCard {
  background-color: #1f1f1f;
  border-radius: 16px;
  color: #ffffff;
  height: 200px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .portfolioNewA2 .portfolioCard {
    height: 200px !important;
  }
}
@media (max-width: 767px) {
  .portfolioNewA2 .portfolioCard {
    height: 200px !important;
  }
}
.portfolioNewA2 .portfolioCard .portfolioCardLabel {
  color: #ffffff;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  opacity: 0.6;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .portfolioNewA2 .portfolioCard .portfolioCardLabel {
    font-size: 10px;
    line-height: 12px;
  }
}
.portfolioNewA2 .portfolioCard .customDivider {
  width: 2px !important;
  height: 70px !important;
  background-image: linear-gradient(rgba(240, 237, 228, 0), rgb(240, 237, 228), rgba(240, 237, 228, 0)) !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .portfolioNewA2 .portfolioCard .customDivider {
    height: 70px !important;
  }
}
.portfolioNewA2 .portfolioCard .cashtransferButton {
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  background-color: #3761c8 !important;
  border-color: #3761c8 !important;
  color: #ffffff !important;
  border-radius: 6.33703px !important;
  cursor: pointer !important;
  width: 180px !important;
  height: 35px !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .portfolioNewA2 .portfolioCard .cashtransferButton {
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    background-color: #3761c8 !important;
    border-color: #3761c8 !important;
    color: #ffffff !important;
    border-radius: 6.33703px !important;
    cursor: pointer !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .portfolioNewA2 .portfolioCard .cashtransferButton {
    width: 120px !important;
    height: 35px !important;
    font-weight: 700;
    line-height: 12px;
    line-height: 12px;
    background-color: #3761c8 !important;
    border-color: #3761c8 !important;
    color: #ffffff !important;
    border-radius: 6.33703px !important;
    cursor: pointer !important;
  }
}
.portfolioNewA2 .portfolioCard .view-btn {
  background-color: transparent;
  color: #fcfcfb !important;
  box-shadow: none;
  outline: none;
  border: none;
  border-radius: 10px;
}

.portfolioNewA2 .portfolioCard .view-btn:hover {
  color: #c9c9c8;
}

.portfolioNewA2 .portfolioCard .view-btn:active {
  color: #c9c9c8;
}

.portfolioNewA2 .returnsCard {
  position: relative;
  background-color: #1f1f1f;
  border-radius: 16px;
  height: 140px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .portfolioNewA2 .returnsCard {
    height: 90px;
  }
}
@media (max-width: 767px) {
  .portfolioNewA2 .returnsCard {
    height: 120px !important;
    padding: 16px 0px;
  }
}
.portfolioNewA2 .returnsCard .xirr-btn-dashboard {
  position: absolute;
  right: 10px;
  top: 10px;
}

.portfolioNewA2 .returnsCard .xirr-btn-portfolio {
  position: absolute;
  right: 0;
  top: 5px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .portfolioNewA2 .returnsCard .xirr-btn-portfolio {
    top: -5px !important;
  }
}
.portfolioNewA2 .returnsCard .portfolioCardLabel {
  color: #ffffff;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  opacity: 0.6;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .portfolioNewA2 .returnsCard .portfolioCardLabel {
    font-size: 12px;
    line-height: 12px;
  }
}
.portfolioNewA2 .returnsCard .customDivider {
  width: 2px !important;
  height: 100px !important;
  background-image: linear-gradient(rgba(240, 237, 228, 0), rgb(240, 237, 228), rgba(240, 237, 228, 0)) !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .portfolioNewA2 .returnsCard .customDivider {
    height: 70px !important;
  }
}
.portfolioNewA2 .returnsCard .cashtransferButton {
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  background-color: #3761c8 !important;
  border-color: #3761c8 !important;
  color: #ffffff !important;
  border-radius: 6.33703px !important;
  cursor: pointer !important;
  width: 180px !important;
  height: 35px !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .portfolioNewA2 .returnsCard .cashtransferButton {
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    background-color: #3761c8 !important;
    border-color: #3761c8 !important;
    color: #ffffff !important;
    border-radius: 6.33703px !important;
    cursor: pointer !important;
    width: 120px !important;
    height: 25px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .portfolioNewA2 .returnsCard .cashtransferButton {
    width: 100% !important;
    height: 35px !important;
    font-weight: 700;
    line-height: 12px;
    line-height: 12px;
    background-color: #3761c8 !important;
    border-color: #3761c8 !important;
    color: #ffffff !important;
    border-radius: 6.33703px !important;
    cursor: pointer !important;
  }
}
.portfolioNewA2 .returnsCard .view-btn {
  background-color: transparent;
  color: #fcfcfb !important;
  box-shadow: none;
  outline: none;
  border: none;
  border-radius: 10px;
}

.portfolioNewA2 .returnsCard .view-btn:hover {
  color: #c9c9c8;
}

.portfolioNewA2 .returnsCard .view-btn:active {
  color: #c9c9c8;
}

.portfolioNewA2 .graphConainer {
  background-color: #ffffff;
  padding: 20px 10px;
  border-radius: 16px;
}

.portfolioNewA2 .graphConainer .assetAllocationDetails_chart {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.portfolioNewA2 .graphConainer .assetAllocationDetails_chart .icon {
  width: 18px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 16px;
}

.portfolioNewA2 .graphConainer .assetAllocationDetails_chart .icon_circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 4px;
}

.portfolioNewA2 .graphConainer .assetAllocationDetails {
  width: 100%;
  background: rgba(248, 248, 248, 0.6);
  border: 1px solid rgba(204, 204, 204, 0.4);
  border-radius: 8px;
  padding: 10px 20px;
  margin-top: 32px;
}

.portfolioNewA2 .graphConainer .assetAllocationDetails .icon {
  width: 18px;
  height: 6px;
  border-radius: 3px;
  display: inline-block;
  margin-right: 16px;
}

.portfolioNewA2 .graphConainer .assetAllocationDetails .icon_circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 16px;
}

.portfolioNewA2 .graphConainer .emptyGraph {
  height: 400px;
}

.portfolioNewA2 .graphConainer .model-comparison {
  height: 100px;
  background-color: #faf9f6;
  border: 2px solid #f0ede4;
  border-radius: 16px;
}

.portfolioNewA2 .graphConainerAUM0 {
  filter: blur(1.5px) !important;
  pointer-events: none;
}

.portfolioNewA2 .assetAllocationConainer {
  background-color: #ffffff;
  padding: 20px 10px;
  border-radius: 16px;
  height: 500px;
}

.portfolioNewA2 .assetAllocationConainer .assetAllocationDetails_chart {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.portfolioNewA2 .assetAllocationConainer .assetAllocationDetails_chart .icon {
  width: 18px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 16px;
}

.portfolioNewA2 .assetAllocationConainer .assetAllocationDetails_chart .icon_circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 4px;
}

.portfolioNewA2 .assetAllocationConainer .assetAllocationDetails {
  width: 100%;
  background: rgba(248, 248, 248, 0.6);
  border: 1px solid rgba(204, 204, 204, 0.4);
  border-radius: 8px;
  padding: 10px 20px;
  margin-top: 16px;
  max-height: 355px;
  overflow-y: scroll !important;
}

.portfolioNewA2 .assetAllocationConainer .assetAllocationDetails .icon {
  width: 18px;
  height: 6px;
  border-radius: 3px;
  display: inline-block;
  margin-right: 16px;
}

.portfolioNewA2 .assetAllocationConainer .assetAllocationDetails .icon_circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 16px;
}

.portfolioNewA2 .assetAllocationConainer .emptyGraph {
  height: 500px;
}

@media (max-width: 768px) {
  .portfolioNewA2 .assetAllocationConainer {
    margin-bottom: 100px;
  }
}
.portfolioNewA2 .assetAllocationConainerAUM0 {
  filter: blur(1.5px) !important;
  pointer-events: none;
  height: 500px;
}

.portfolioNewA2 .start_investing_modal {
  position: absolute;
  margin: auto;
  float: left;
  z-index: 1;
  height: 300px;
  width: 350px;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 34px 24px;
  background: #ffffff;
  box-shadow: 4px 4px 55px rgba(0, 0, 0, 0.16);
  border-radius: 8px;
}

@media (max-width: 767px) {
  .portfolioNewA2 .start_investing_modal {
    bottom: 500px !important;
    top: 340px;
  }
}
.portfolioNewA2 .porfolioHealthContainer {
  background: #faf9f6;
  border-radius: 8px;
  height: 120px;
  margin-top: 30px;
}

.portfolioNewA2 .viewPorfolioHealthButton {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  background-color: #3761c8 !important;
  border-color: #3761c8 !important;
  color: #f0ede4 !important;
  border-radius: 14px !important;
  cursor: pointer !important;
  width: 321px;
  height: 56px;
  border-radius: 14px !important;
}

@media (max-width: 767px) {
  .portfolioNewA2 .viewPorfolioHealthButton {
    font-size: 18px;
    width: 280px;
    height: 46px;
  }
}
.portfolioNewA2 .portfolio-holdings {
  background-color: #ffffff;
  padding: 24px 16px;
  margin-top: 24px;
  border: 1px solid #cccccc;
}

.portfolioNewA2 .portfolio-holdings-tab {
  border-radius: 0px 16px 16px 16px;
}

.portfolioNewA2 .portfolio-pending-orders-tab {
  border-radius: 16px !important;
}

.portfolioNewA2 .portfolio-holdings-header .ant-tabs-nav {
  margin: 0px !important;
  position: absolute !important;
  top: -50px !important;
}

.portfolioNewA2 .portfolio-holdings-header .ant-tabs-tab-btn {
  font-size: 16px !important;
  line-height: 18px !important;
  font-weight: bold !important;
  color: #363636 !important;
  text-shadow: none !important;
}

.portfolioNewA2 .portfolio-holdings-header .ant-tabs-tab {
  background: transparent !important;
  border-color: transparent !important;
  border-radius: 16px 16px 0px 0px !important;
  padding: 16px 33px !important;
}

.portfolioNewA2 .portfolio-holdings-header .ant-tabs-tab-active {
  background: #ffffff !important;
  border-top: 1px solid #cccccc !important;
  border-left: 1px solid #cccccc !important;
  border-right: 1px solid #cccccc !important;
  border-bottom: 1px solid #ffffff !important;
}

.portfolioNewA2 .portfolio-holdings-header .ant-tabs-nav-more {
  display: none !important;
}

@media (max-width: 768px) {
  .portfolioNewA2 .portfolio-holdings-header .ant-tabs-nav-more {
    display: block !important;
  }
  .portfolioNewA2 .portfolio-holdings-header .ant-tabs-nav {
    width: 100% !important;
  }
}
.portfolioNewA2 .portfolioHoldingsExport {
  position: absolute;
  right: 0;
  align-items: center;
  top: -39px;
}

@media (max-width: 768px) {
  .portfolioNewA2 .portfolioHoldingsExport {
    top: -80px;
  }
}
.portfolioNewA2 .trade-type {
  color: #ffffff;
  padding: 2px 8px;
  border-radius: 4px;
  margin-bottom: 4px;
}

.portfolioNewA2 .invest-trade-type-color {
  background-color: #00b267;
}

.portfolioNewA2 .redeem-trade-type-color {
  background-color: #fe8a7d;
}

.portfolioNewA2 .default-trade-type-color {
  background-color: #cccccc;
}

.portfolioExportModal .ant-modal-content {
  border-radius: 16px !important;
}

.radio-blue-btn {
  background: #3761c8 !important;
  border-radius: 10px;
  color: #f0ede4 !important;
  padding: 9px 16px;
  height: 100%;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
}

.radio-blue-btn:hover {
  color: #3761c8;
  border-color: #3761c8;
}

.holdingsNewRadioGroup .ant-radio-checked {
  color: #777777 !important;
}

.holdingsNewRadioGroup .ant-radio-inner {
  border: 2px solid #777777;
}

.holdingsNewRadioGroup .ant-radio-checked .ant-radio-inner {
  border-color: #3761c8 !important;
  border-width: 2px;
}

.holdingsNewRadioGroup .ant-radio-checked .ant-radio-inner::after {
  background-color: #3761c8 !important;
}

.available-cash-details {
  border-radius: 8px;
  background: #f0ede4;
  font-size: 18px;
  line-height: 32px;
  margin: 24px 0px;
  padding: 20px 0px;
  color: #777777;
}

.view-progress-modal .ant-modal-body {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.disclaimer {
  font-weight: 400;
  font-size: 9.0625px;
  line-height: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #999999;
}

.available-cash .available-cash-application-header {
  background: #f7f5f2;
  border-radius: 8px 8px 0px 0px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.available-cash .available-cash-application-data {
  border-radius: 8px 8px 0px 0px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.cash-breakup-modal .ant-modal-content {
  border-radius: 16px !important;
}

.cash-breakup-modal .ant-modal-content .date-box {
  width: 100%;
  margin-top: 16px;
  background-color: #f7f5f1;
  border-radius: 8px;
  padding: 16px;
  text-align: center;
}

.cash-breakup-modal .ant-modal-content .date-box .date-box-value {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  color: #000;
  margin-bottom: 0px;
}

.cash-breakup-modal .ant-modal-content .date-box .date-box-title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #000;
  margin-bottom: 0px;
  margin-top: 8px;
}

@media (max-width: 768px) {
  .cash-breakup-modal .ant-modal-content {
    padding: 0px;
  }
}
.orderHistoryModal .ant-modal-body {
  padding: 0px !important;
}

.orderHistoryModal .orderActivitySip {
  padding: 0px 24px;
}

.new-broadcast-message {
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  color: #ffffff;
  background-color: #638ae9;
  position: fixed;
  padding: 0px 16px;
  top: 72px;
  left: 0;
  right: 0;
  z-index: 1000;
  width: 100%;
}

@media (min-width: 767px) {
  .new-broadcast-message {
    height: 50px;
  }
}
.top-section-cards {
  min-height: 320px;
  background: #1f1f1f;
  border-radius: 12.5366px;
  padding: 20px 0px;
  width: 100%;
  height: 100%;
}

.top-section-cards .slick-active {
  padding-right: 10px !important;
}

.draft-vide-info {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 18.72px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
  width: 230px;
}

.new-advisory-update-cards {
  width: 80%;
  box-shadow: 3.16139px 3.16139px 16.5973px rgba(0, 0, 0, 0.12) !important;
  border-radius: 16px !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  height: 275px;
}

.new-advisory-update-cards .ant-card-body {
  padding: 24px 12px 0px 24px;
}

.new-advisory-update-cards .advisory-brief {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.1em;
  color: #3761c8;
  text-transform: capitalize;
}

.new-advisory-update-cards .advisory-title {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #363636;
}

.new-advisory-update-cards .advisory-desc {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #777777;
}

.new-advisory-update-cards .advisory-know-more {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  color: #3761c8;
}

.new-top-investment-card {
  background-color: transparent !important;
  border-radius: 16px !important;
}

.new-top-investment-card .ant-card-body {
  padding: 0px;
}

.new-top-investment-card .new-kristal-title {
  font-style: normal;
  font-weight: 700;
  font-size: 14px !important;
  line-height: 20px;
  color: #363636;
}

.new-top-investment-card .new-kristal-type {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  color: #363636;
}

.new-top-investment-selected-tab {
  border: 2px solid #ffffff;
  border-radius: 25px;
  padding: 5px 10px;
  cursor: pointer;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  color: #ffffff;
  width: fit-content;
}

@media (max-width: 767px) {
  .new-top-investment-selected-tab {
    font-size: 10px;
    padding: 5px 5px;
  }
}
.new-top-investment-tab {
  border: 0px solid #ffffff;
  border-radius: 25px;
  padding: 6px 10px;
  cursor: pointer;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  color: #ffffff;
  width: fit-content;
}

@media (max-width: 767px) {
  .new-top-investment-tab {
    font-size: 10px;
    padding: 6px 6px;
  }
}
.top-section-top-investment-tab-cards {
  min-height: 320px;
  background: #ffffff;
  border-radius: 16px !important;
  padding: 0px;
  height: 100%;
}

.new-top-investment-tabs {
  background: #1f1f1f;
  padding: 10px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.new-account-card {
  background-color: transparent !important;
  border: 0px solid transparent;
  padding: 0px 10px;
}

.new-account-card .time-type {
  font-style: normal;
  font-weight: 700;
  font-size: 9.39873px;
  line-height: 11px;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #ffffff;
}

.new-account-card .primary-button {
  background: #3761c8;
  border-radius: 7.83228px;
}

.new-account-card .dark-button {
  background-color: transparent !important;
  border-radius: 7.83228px;
  border: 1px solid #ffffff;
  color: #ffffff;
}

.new-account-card .updated-date-span {
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #999999;
}

.new-account-card .label {
  font-weight: 400;
  font-size: 10px;
  text-transform: uppercase;
  color: #ffffff;
  opacity: 0.6;
}

.new-account-card .value {
  font-style: normal;
  font-weight: 700;
  font-size: 14.0981px;
  line-height: 16px;
  color: #37c88b;
}

.new-account-card .header-label {
  font-style: normal;
  font-weight: 400;
  font-size: 9.39873px;
  line-height: 16px;
  text-transform: uppercase;
  color: #ffffff;
  opacity: 0.6;
}

.new-account-card .header-value {
  font-style: normal;
  font-weight: 700;
  font-size: 18.7975px;
  line-height: 22px;
  color: #ffffff;
}

.new-account-card .right-border {
  border-right: 1px solid white !important;
}

.new-account-card .left-border {
  border-left: 1px solid white !important;
}

.new-pending-task .title {
  font-style: normal;
  font-weight: 700;
  font-size: 12.5316px;
  line-height: 16px;
  display: flex;
  align-items: center;
  letter-spacing: -0.04em;
  color: #ffffff;
}

.new-pending-task .description {
  font-style: normal;
  font-weight: 400;
  font-size: 9.39873px;
  line-height: 11px;
  display: flex;
  align-items: center;
  letter-spacing: -0.04em;
  color: #d2ddf9;
}

.new-broadcast-message {
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  color: #ffffff;
}

.new-top-advisory-update-launcher .slick-dots {
  padding: 0px 32px !important;
  bottom: -40px !important;
  justify-content: center !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.new-top-advisory-update-launcher .slick-dots li {
  margin-left: 0px;
  display: block;
}

.new-top-advisory-update-launcher .slick-dots li.slick-active {
  margin-left: 0px;
  width: fit-content;
}

.new-top-advisory-update-launcher .slick-dots li.slick-active button {
  width: 32px !important;
  height: 8px !important;
  background-color: #ffffff !important;
  opacity: 1 !important;
  border-radius: 12px !important;
}

.new-top-advisory-update-launcher .slick-dots li button {
  width: 8px !important;
  height: 8px !important;
  background-color: #999999 !important;
  border-radius: 50% !important;
  height: 8px !important;
}

.new-top-advisory-update-launcher .slick-prev {
  transform: none !important;
  z-index: 1 !important;
  background: linear-gradient(90deg, #1f1f1f 0%, rgba(31, 31, 31, 0) 100%) !important;
  transform: matrix(-1, 0, 0, 1, 0, 0) !important;
}

.new-top-advisory-update-launcher .slick-prev::before {
  border-right: 10px solid transparent !important;
}

.new-top-advisory-update-launcher .slick-next {
  transform: none !important;
  background: linear-gradient(270deg, #1f1f1f 0%, rgba(31, 31, 31, 0) 100%) !important;
}

.new-top-advisory-update-launcher .slick-next::before {
  border-left: 10px solid transparent !important;
}

.new-top-advisory-update-launcher .slick-prev {
  transform: none !important;
  width: 10% !important;
  height: 100% !important;
  position: absolute !important;
  top: 4% !important;
  left: 0% !important;
}

.new-top-advisory-update-launcher .slick-next {
  transform: none !important;
  width: 10% !important;
  height: 100% !important;
  position: absolute !important;
  top: 4% !important;
  right: 0% !important;
}

.withdrawalCantainer {
  position: relative;
}

.withdrawalCantainer .withdrawal-bg-white {
  width: 100%;
  height: 100%;
  background: #ffffff;
  padding: 32px;
  border-radius: 16px;
}

@media (max-width: 1023px) {
  .withdrawalCantainer .withdrawal-bg-white {
    background: transparent;
    padding: 0px;
    border-radius: 0px;
  }
}
.withdrawalCantainer .handlePrevious .backTextPortal {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #3761c8;
}

.withdrawalCantainer .withdrwalForInstructionWrap {
  height: 404px;
}

.withdrawalCantainer .withdrawalTransferContainer .cashTransferTitlePortal {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -0.04em;
  color: #1f1f1f;
  margin-top: 16px;
}

.withdrawalCantainer .withdrawalTransferContainer .cashTransferSubTitlePortal {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #777777;
  margin-top: 8px;
}

.withdrawalCantainer .withdrawalTransferContainer .addBankInstructionPortal {
  background: linear-gradient(91.06deg, rgba(210, 221, 249, 0.3) -70.03%, rgba(240, 237, 228, 0.3) 113.41%);
  border: 1px solid #f0ede4;
  border-radius: 10px;
  padding: 16px;
  margin-top: 27px;
  display: flex;
}

@media (max-width: 1023px) {
  .withdrawalCantainer .withdrawalTransferContainer .addBankInstructionPortal {
    width: 100%;
    margin-bottom: 140px;
  }
}
.withdrawalCantainer .withdrawalTransferContainer .addBankInstructionPortal .instructionTitle {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #3761c8;
}

.withdrawalCantainer .withdrawalTransferContainer .addBankInstructionPortal .instructionSubtitle {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #363636;
  margin-top: 4px;
}

.withdrawalCantainer .rightBackGround {
  position: relative;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending {
  background: linear-gradient(91.06deg, rgba(210, 221, 249, 0.3) -70.03%, rgba(240, 237, 228, 0.3) 113.41%);
  height: 700px;
  padding: 24px;
  border-radius: 16px;
  overflow: auto;
  position: relative;
}

@media (max-width: 1023px) {
  .withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal,
  .withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending {
    height: 100%;
  }
}
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal.no_bottom_padding,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending.no_bottom_padding {
  padding: 24px 24px 0px 24px;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .rightTitle,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .rightTitle {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .scrollToBottomWrapBG,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .scrollToBottomWrapBG {
  text-align: center !important;
  transform: rotate(-180deg);
  position: absolute;
  bottom: -14px;
  left: 0;
  width: 100%;
  height: 100px;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .scrollToBottomWrapBG .scrollToBottom,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .scrollToBottomWrapBG .scrollToBottom {
  font-weight: 700;
  font-size: 12px;
  border-radius: 20px;
  color: #ffffff;
  padding: 8px 16px;
  box-shadow: 2px 4px 24px rgba(0, 0, 0, 0.29);
  background: #638ae9;
  display: flex;
  width: fit-content;
  justify-content: center;
  cursor: pointer;
  transform: rotate(180deg) !important;
  margin: 10px auto;
  border: 2px solid #d2ddf9;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .addBankAccountContainer,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .addBankAccountContainer {
  background: #ffffff;
  box-shadow: 0px 3.98325px 15.933px rgba(66, 52, 36, 0.12);
  border-radius: 6.37321px;
  padding: 24px;
  margin-top: 16px;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .addBankAccountContainer .radioGroupMain::-webkit-scrollbar,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .addBankAccountContainer .radioGroupMain::-webkit-scrollbar {
  display: none;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .addBankAccountContainer .radioGroupMain,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .addBankAccountContainer .radioGroupMain {
  width: 100%;
  overflow: scroll;
  min-height: 54px;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .addBankAccountContainer .radioGroupMain .spaceMain,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .addBankAccountContainer .radioGroupMain .spaceMain {
  width: 100%;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .addBankAccountContainer .radioGroupMain .spaceMain .radioButtonContainer,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .addBankAccountContainer .radioGroupMain .spaceMain .radioButtonContainer {
  width: 100%;
  display: flex;
  align-items: center;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .addBankAccountContainer .radioGroupMain .spaceMain .radioButtonContainer .ant-radio-inner,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .addBankAccountContainer .radioGroupMain .spaceMain .radioButtonContainer .ant-radio-inner {
  border-color: #cccccc !important;
  border: 2px solid #cccccc;
  height: 17px;
  width: 17px;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .addBankAccountContainer .radioGroupMain .spaceMain .radioButtonContainer .ant-radio-checked .ant-radio-inner::after,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .addBankAccountContainer .radioGroupMain .spaceMain .radioButtonContainer .ant-radio-checked .ant-radio-inner::after {
  background-color: #1f1f1f !important;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .addBankAccountContainer .radioGroupMain .spaceMain .radioButtonContainer .ant-radio-checked::after,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .addBankAccountContainer .radioGroupMain .spaceMain .radioButtonContainer .ant-radio-checked::after {
  border: none !important;
  text-decoration: none !important;
  animation: none !important;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .addBankAccountContainer .radioGroupMain .spaceMain .radioButtonContainer > span:nth-child(2),
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .addBankAccountContainer .radioGroupMain .spaceMain .radioButtonContainer > span:nth-child(2) {
  width: 100%;
  padding-right: 0px !important;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .addBankAccountContainer .radioGroupMain .spaceMain .radioButtonContainer > span:nth-child(2) .radioButtonContents,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .addBankAccountContainer .radioGroupMain .spaceMain .radioButtonContainer > span:nth-child(2) .radioButtonContents {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .addBankAccountContainer .radioGroupMain .spaceMain .radioButtonContainer > span:nth-child(2) .radioButtonContents .bankName,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .addBankAccountContainer .radioGroupMain .spaceMain .radioButtonContainer > span:nth-child(2) .radioButtonContents .bankName {
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #999999;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .addBankAccountContainer .radioGroupMain .spaceMain .radioButtonContainer > span:nth-child(2) .radioButtonContents .bankAccountNumber,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .addBankAccountContainer .radioGroupMain .spaceMain .radioButtonContainer > span:nth-child(2) .radioButtonContents .bankAccountNumber {
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  color: #1f1f1f;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .addBankAccountContainer .radioGroupMain .spaceMain .radioButtonContainer > span:nth-child(2) .radioButtonContents .accountStatusVerifed,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .addBankAccountContainer .radioGroupMain .spaceMain .radioButtonContainer > span:nth-child(2) .radioButtonContents .accountStatusVerifed {
  background: #c3efdc;
  border-radius: 19.1196px;
  font-weight: 400;
  font-size: 11.1531px;
  line-height: 16px;
  text-align: center;
  color: #363636;
  padding: 2px 12px;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .addBankAccountContainer .radioGroupMain .spaceMain .radioButtonContainer > span:nth-child(2) .radioButtonContents .accountStatusPanding,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .addBankAccountContainer .radioGroupMain .spaceMain .radioButtonContainer > span:nth-child(2) .radioButtonContents .accountStatusPanding {
  background: #f0ede4;
  border-radius: 19.1196px;
  font-weight: 400;
  font-size: 11.1531px;
  line-height: 16px;
  text-align: center;
  color: #1f1f1f;
  padding: 2px 12px;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .addBankAccountContainer .btnContainer .removeBtn,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .addBankAccountContainer .btnContainer .removeBtn {
  font-weight: 700;
  font-size: 11.1531px;
  line-height: 18px;
  color: #777777;
  padding: 0px !important;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .addBankAccountContainer .btnContainer .addBankBtn,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .addBankAccountContainer .btnContainer .addBankBtn {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  color: #3761c8;
  padding: 0px !important;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .addBankForm .ant-radio-inner,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .addBankForm .ant-radio-inner {
  border-radius: 1px;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .addBankForm .form-label,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .addBankForm .form-label {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #999999;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .addBankForm .form-select .ant-select-selector,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .addBankForm .form-select .ant-select-selector {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  border-radius: 14px;
  font-size: 14px;
  color: black !important;
  font-family: "Aktiv-Bold";
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .addBankForm .form-input,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .addBankForm .form-input {
  height: 56px;
  border-radius: 14px;
  font-size: 14px;
  color: black !important;
  font-family: "Aktiv-Bold";
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .addBankForm .form-upload,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .addBankForm .form-upload {
  background: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 8px;
  padding: 24px 19px;
  height: 100%;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .addBankForm .form-upload .upload-title,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .addBankForm .form-upload .upload-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .addBankForm .form-upload .upload-note,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .addBankForm .form-upload .upload-note {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #777777;
  margin-top: 4px;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .addBankForm .form-upload .upload-btn,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .addBankForm .form-upload .upload-btn {
  background: #1f1f1f;
  border-radius: 10px;
  border: none;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #f0ede4;
  padding: 11px 17px;
  height: 100%;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .pending-review-for-cash,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .pending-review-for-cash {
  background: #ffffff;
  box-shadow: 0px 3.98325px 15.933px rgba(66, 52, 36, 0.12);
  border-radius: 6.37321px;
  padding: 16px 24px;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .pending-review-for-cash .pending-review-title,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .pending-review-for-cash .pending-review-title {
  font-weight: 700;
  font-size: 7.96651px;
  line-height: 13px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #999999;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .pending-review-for-cash .pending-review-value,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .pending-review-for-cash .pending-review-value {
  font-weight: 700;
  font-size: 12.7464px;
  line-height: 18px;
  color: #1f1f1f;
  margin-top: 3px;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .pending-review-for-cash .pending-review-btn,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .pending-review-for-cash .pending-review-btn {
  padding: 4px 12px;
  background: #3761c8;
  border-radius: 19.1196px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #ffffff;
  height: 100%;
  display: flex;
  border: none;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .receipt-box-container,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .receipt-box-container {
  background: #1f1f1f;
  position: relative;
  width: 92%;
  z-index: 12;
  height: 36px;
  border-radius: 4px;
  margin: 0px auto;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .receipt-box-container .receipt-sub-container,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .receipt-box-container .receipt-sub-container {
  position: absolute;
  background: #363636;
  width: 97%;
  height: 26px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 4px;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .pending-review-titel,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .pending-review-titel {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #040404;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .pending-review-details,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .pending-review-details {
  padding: 24px;
  background: #ffffff;
  border-radius: 16px;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .pending-review-details .pending-review-detail,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .pending-review-details .pending-review-detail {
  display: flex;
  justify-content: space-between;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .pending-review-details .pending-review-detail .pending-detail-title,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .pending-review-details .pending-review-detail .pending-detail-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .pending-review-details .pending-review-detail .pending-detail-value,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .pending-review-details .pending-review-detail .pending-detail-value {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: right;
  color: #1f1f1f;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .pending-review-actions-container,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .pending-review-actions-container {
  background: linear-gradient(91.06deg, rgba(210, 221, 249, 0.3) -70.03%, rgba(240, 237, 228, 0.3) 113.41%);
  border: 2px solid #ffffff;
  border-radius: 8px;
  padding: 35px 22px;
}

@media (max-width: 767px) {
  .withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .pending-review-actions-container,
  .withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .pending-review-actions-container {
    background: transparent;
    padding: 0px;
    border: none;
    border-radius: 0px;
  }
}
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .pending-review-actions-container .pending-review-view-btn,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .pending-review-actions-container .pending-review-view-btn {
  padding: 4px 16px;
  background: #ffffff;
  border: 1px solid #3761c8;
  border-radius: 8px;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.05em;
  color: #3761c8;
}

.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawal .pending-review-actions-container .pending-review-download-btn,
.withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending .pending-review-actions-container .pending-review-download-btn {
  padding: 4px 16px;
  background: #3761c8;
  border-radius: 8px;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.05em;
  color: #ffffff;
}

@media (max-width: 767px) {
  .withdrawalCantainer .rightBackGround .rightBackGroundForWithdrawalPending {
    background: transparent;
    padding: 0px;
    border-radius: 0px;
  }
}
.withdrawalCantainer .rightBackGround .scroll-for-more-info {
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(0deg, #f8f8f9 24.1%, rgba(247, 248, 249, 0) 100%);
  height: 83px;
  width: 100%;
}

.withdrawalCantainer .rightBackGround .scroll-for-more-info .scroll-form-more-info-btn {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #638ae9;
  border: 2px solid #d2ddf9;
  box-shadow: 2px 4px 24px rgba(0, 0, 0, 0.29);
  border-radius: 20px;
  font-weight: 700;
  font-size: 10px;
  line-height: 18px;
  color: #ffffff;
  text-transform: uppercase;
}

.withdrawalCantainer .rightBackGroundForWithdrawalCash {
  background: linear-gradient(91.06deg, rgba(210, 221, 249, 0.3) -70.03%, rgba(240, 237, 228, 0.3) 113.41%);
  height: 700px;
  padding: 24px;
  border-radius: 16px;
  display: block;
}

@media (max-width: 1023px) {
  .withdrawalCantainer .rightBackGroundForWithdrawalCash {
    height: 100%;
  }
}
.withdrawalCantainer .rightBackGroundForWithdrawalCash .available-cash-display {
  background: linear-gradient(106.84deg, #d2ddf9 -97.13%, #f0ede4 74.7%);
  border: 2px solid #ffffff;
  box-shadow: 0px 4px 9px rgba(255, 255, 255, 0.35);
  border-radius: 10px;
  padding: 16px;
  position: relative;
  height: fit-content;
}

.withdrawalCantainer .rightBackGroundForWithdrawalCash .available-cash-display .kristal-logo-for-cash {
  position: absolute;
  top: 0;
  right: 0;
}

.withdrawalCantainer .rightBackGroundForWithdrawalCash .available-cash-display .available-cash-title {
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  color: #363636;
}

.withdrawalCantainer .rightBackGroundForWithdrawalCash .available-cash-display .available-cash-value {
  display: flex;
  align-items: baseline;
  margin-top: 4px;
}

.withdrawalCantainer .rightBackGroundForWithdrawalCash .available-cash-display .available-cash-value .cash-currency {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #363636;
}

.withdrawalCantainer .rightBackGroundForWithdrawalCash .available-cash-display .available-cash-value .cash-value {
  font-weight: 700;
  font-size: 28px;
  line-height: 33px;
  color: #363636;
}

.withdrawalCantainer .rightBackGroundForWithdrawalCash .available-cash-display .available-cash-value .cash-info {
  color: #777777;
  font-size: 20px;
}

.withdrawalCantainer .rightBackGroundForWithdrawalCash .available-cash-display .horizontole-line {
  width: 100%;
  border: 1px solid #ffffff;
  margin-top: 8px;
  margin-bottom: 8px;
}

.withdrawalCantainer .rightBackGroundForWithdrawalCash .available-cash-display .user-details {
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  color: #363636;
  margin-top: 8px;
}

.withdrawalCantainer .rightBackGroundForWithdrawalCash .withdraw-balance {
  padding: 16px 35px 16px;
  background: #ffffff;
  border-radius: 16px;
  margin-top: 24px;
  position: relative;
}

@media (max-width: 767px) {
  .withdrawalCantainer .rightBackGroundForWithdrawalCash .withdraw-balance {
    padding: 12px;
  }
}
.withdrawalCantainer .rightBackGroundForWithdrawalCash .withdraw-balance .withdraw-input-form {
  display: flex;
  align-items: center;
}

.withdrawalCantainer .rightBackGroundForWithdrawalCash .withdraw-balance .withdraw-input-form .withdraw-currency-selection .ant-select-selector {
  border: none !important;
  background: transparent !important;
  text-decoration: none;
  font-weight: 700;
  font-size: 22px;
  line-height: 38px;
  color: #363636;
  width: fit-content;
}

.withdrawalCantainer .rightBackGroundForWithdrawalCash .withdraw-balance .withdraw-input-form .withdraw-currency-selection .ant-select-selector .ant-select-selection-item {
  font-weight: 700;
}

@media (max-width: 767px) {
  .withdrawalCantainer .rightBackGroundForWithdrawalCash .withdraw-balance .withdraw-input-form .withdraw-currency-selection .ant-select-selector .ant-select-selection-item {
    font-weight: 500;
  }
}
.withdrawalCantainer .rightBackGroundForWithdrawalCash .withdraw-balance .withdraw-input-form .withdraw-currency-selection .ant-select-arrow {
  font-size: 16px;
  color: black;
  right: 6px;
}

.withdrawalCantainer .rightBackGroundForWithdrawalCash .withdraw-balance .withdraw-input-form .withdraw-currency-selection-normal {
  font-weight: 700;
  font-size: 22px;
  line-height: 38px;
  color: #363636;
  width: fit-content;
}

.withdrawalCantainer .rightBackGroundForWithdrawalCash .withdraw-balance .withdraw-input-form .withdraw-currency-input {
  border: none;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -2px;
  color: #363636;
  width: fit-content;
}

.withdrawalCantainer .rightBackGroundForWithdrawalCash .withdraw-balance .withdraw-input-form .withdraw-currency-input .ant-input-number-input {
  text-align: center;
}

.withdrawalCantainer .rightBackGroundForWithdrawalCash .withdraw-balance .withdraw-input-form .withdraw-currency-input:focus {
  border: none !important;
  border-color: transparent !important;
}

.withdrawalCantainer .rightBackGroundForWithdrawalCash .withdraw-balance .withdraw-fixed-amounts {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 10px;
}

.withdrawalCantainer .rightBackGroundForWithdrawalCash .withdraw-balance .withdraw-fixed-amounts .fixed-amount {
  padding: 4px 10px;
  background: #f7f5f2;
  border-radius: 30px;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  color: #363636;
  cursor: pointer;
}

.withdrawalCantainer .rightBackGroundForWithdrawalCash .withdraw-balance .equivalent-amount {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #363636;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: #f0ede4;
  border-radius: 0px 0px 10px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 0px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
}

.withdrawalCantainer .rightBackGroundForWithdrawalCash .withdraw-more-info .more-info-label {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #999999;
  margin-top: 24px;
}

.withdrawalCantainer .rightBackGroundForWithdrawalCash .withdraw-more-info .more-info-select {
  width: 100%;
}

.withdrawalCantainer .rightBackGroundForWithdrawalCash .withdraw-more-info .more-info-select .ant-select-selector {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding-left: 20px;
  border-radius: 14px;
  font-size: 16px;
  color: black !important;
  font-family: "Aktiv-Bold";
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border: none;
}

.withdrawalCantainer .rightBackGroundForWithdrawalCash .withdraw-more-info .more-info-input {
  border: none;
  height: 56px;
  padding-left: 20px;
  border-radius: 14px;
  font-size: 16px;
  color: black !important;
  font-family: "Aktiv-Bold";
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
}

.withdrawalCantainer .rightBackGroundForWithdrawalCash .withdraw-more-info .more-info-input-disable {
  background: rgba(204, 204, 204, 0.4);
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 14px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #777777;
  height: 56px;
  padding: 0px 24px;
  margin-top: 8px;
  border: none;
  cursor: not-allowed;
}

@media (max-width: 1023px) {
  .withdrawalCantainer .btn-sticky-in-bottom {
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 100%;
    padding: 40px 0px;
    background: white;
    margin: 0px;
    border-radius: 8px;
  }
}
@media (max-width: 767px) {
  .withdrawalCantainer .btn-sticky-in-bottom {
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 100%;
    padding: 20px 0px;
    background: white;
    margin: 0px;
    border-radius: 8px;
  }
}
.common_modal_portal {
  position: relative;
}

.common_modal_portal .ant-modal-body {
  font-family: "Aktiv";
}

.common_modal_portal .table {
  border-radius: 10px; /* Border radius for the table */
  overflow: hidden;
  border: 2px solid #f7f5f2;
}

.common_modal_portal .row {
  display: flex;
}

.common_modal_portal .row .column-item-charges {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #3761c8;
}

.common_modal_portal .row .column-item-remarks {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #3761c8;
  width: 101px;
}

.common_modal_portal .row .column-item-remarks-deposit {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #3761c8;
  width: 101px;
}

.common_modal_portal .header {
  background-color: #f7f5f2;
  padding: 0px;
  margin: 0px;
}

.common_modal_portal .header .header-item {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #1f1f1f;
}

.common_modal_portal .column {
  flex: 1;
  padding: 10px;
  border-right: 2px solid #f7f5f2;
}

.common_modal_portal .column-wide {
  flex: 2; /* Twice the width of the other columns */
  padding: 10px;
  border: 0px;
}

.common_modal_portal .ant-modal-content {
  border-radius: 16px !important;
}

.common_modal_portal .ant-modal-body {
  padding: 40px !important;
}

.common_modal_portal .bank_title {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #1f1f1f;
}

.common_modal_portal .bank_subtitle {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: -0.078px;
  margin-top: 24px;
  color: #000000;
}

.common_modal_portal .bank-subtile-info {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin-top: 24px;
}

.common_modal_portal .bank_btns {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 24px;
}

.common_modal_portal .bank_btns .btn_link {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: right;
  color: #3761c8;
  height: 100%;
}

.common_modal_portal .bank_btns .btn_enable {
  padding: 9px 24px;
  background: #3761c8;
  border-radius: 10px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #f0ede4;
  height: 100%;
}

.common_modal_portal .bank_btns-info {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
}

.common_modal_portal .bank_btns-info .btn_link {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: right;
  color: #3761c8;
  height: 100%;
}

.common_modal_portal .bank_btns-info .btn_enable {
  padding: 9px 24px;
  background: #3761c8;
  border-radius: 10px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #f0ede4;
  height: 100%;
}

.common_modal_portal .withdrawal-modal-info-table {
  margin-top: 24px;
}

.common_modal_portal .info-note {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  background: #faf9f6;
  border: 1px solid #f0ede4;
  border-radius: 8px;
  padding: 10px;
  margin-top: 16px;
}

.common_modal_portal .otp-modal-main .modal-container-text {
  color: #777777;
  margin-bottom: 32px;
  width: 88%;
}

.common_modal_portal .otp-modal-main .otp-modal-container {
  width: 40% !important;
}

.common_modal_portal .otp-modal-main .ant-modal.otp-modal-container .ant-modal-content {
  padding: 28px;
  border-radius: 16px;
}

.common_modal_portal .otp-modal-main .modal-container-text p {
  font-size: 16px;
}

.common_modal_portal .next-link {
  color: #040404;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}
@media (max-width: 768px) {
  .common_modal_portal .next-link {
    font-size: 16px;
  }
}

@media (max-width: 1024px) {
  .common_modal_portal .next-link {
    width: 100% !important;
    margin-top: 16px;
  }
}
.common_modal_portal .next-link:hover {
  color: #040404;
}

.common_modal_portal .next-btn {
  background-color: #1f1f1f;
  border-radius: 14px;
  padding: 12px 0px;
  height: 100%;
  width: 406px;
  font-family: "Aktiv-Bold";
  font-weight: bold;
  cursor: pointer;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #f0ede4;
  border: #1f1f1f;
}
@media (max-width: 768px) {
  .common_modal_portal .next-btn {
    font-size: 16px;
  }
}

.common_modal_portal .next-btn i {
  background-color: #fff;
}

.common_modal_portal .next-btn.not-allowed {
  cursor: not-allowed;
  background-color: #ccc;
  border: none;
}

@media (max-width: 1024px) {
  .common_modal_portal .next-btn {
    width: 100% !important;
  }
}
.common_modal_portal .next-btn:hover {
  border: #1f1f1f;
}

.common_modal_portal .ribbin-setup {
  position: absolute;
  right: 0;
  top: 0;
}

.common_modal_portal .request_details_container {
  padding-bottom: 0px !important;
  position: relative;
}

.common_modal_portal .request_details_container .request_withdraw_container {
  height: 302px;
  overflow: auto;
  position: relative;
}

.common_modal_portal .request_details_container .scroll_for_more_setup {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(180deg, #f8f8f9 24.1%, rgba(247, 248, 249, 0) 100%);
  transform: rotate(-180deg);
  height: 83px;
  display: flex;
  justify-content: center;
}

.common_modal_portal .request_details_container .scroll_for_more_setup .scroll_for_more_btn {
  transform: rotate(-180deg);
  cursor: pointer;
}

.common_modal_portal .request_details_container .cashDepositProcess {
  padding: 24px 24px 0px 24px;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawCanceledStep .step-description h2 {
  text-align: left !important;
  padding: 0px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  margin-bottom: 5px !important;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawCanceledStep .ant-steps-item-container {
  margin-bottom: 20px !important;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawCanceledStep .ant-steps-item-icon {
  background: #ffd9d6;
  border: 2px solid #ffd9d6;
  border-radius: 7px;
  transform: rotate(45deg);
  position: relative;
  top: 20px;
  top: 20px;
  height: 28px;
  width: 28px;
  left: 2px;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawCanceledStep .ant-steps-item-icon span {
  transform: rotate(-45deg) !important;
  display: inline-block;
  color: #f44336 !important;
  margin-left: 1px;
  margin-top: 1px;
  left: 1px;
  bottom: 2px;
  top: -7px;
  left: -6.5px;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawCanceledStep .ant-steps-item-tail {
  background: #363636 !important;
  height: 42% !important;
  top: 63px !important;
  width: 2px !important;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawCanceledStep .ant-steps-item-tail::after {
  background-color: black;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawCanceledStep .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: black;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawSuccessActiveStep .step-description h2 {
  text-align: left !important;
  padding: 0px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  margin-bottom: 5px !important;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawSuccessActiveStep .ant-steps-item-container {
  margin-bottom: 20px;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawSuccessActiveStep .ant-steps-item-icon {
  background: #1f1f1f;
  border: 2px solid #1f1f1f;
  border-radius: 7px;
  transform: rotate(45deg);
  position: relative;
  top: 20px;
  height: 28px;
  width: 28px;
  left: 2px;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawSuccessActiveStep .ant-steps-item-icon span {
  transform: rotate(-45deg);
  display: inline-block;
  color: #ffffff !important;
  margin-left: 1px;
  margin-top: 1px;
  top: -5px;
  left: -4.5px;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawSuccessActiveStep .ant-steps-item-tail {
  background: #363636 !important;
  height: 52%;
  top: 63px !important;
  width: 2px !important;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawSuccessActiveStep .ant-steps-item-tail::after {
  background-color: black;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawSuccessActiveStep .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: black;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawSuccessDeActiveStep .step-description h2 {
  text-align: left !important;
  padding: 0px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  margin-bottom: 5px !important;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawSuccessDeActiveStep .ant-steps-item-container {
  margin-bottom: 20px !important;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawSuccessDeActiveStep .ant-steps-item-icon {
  background: #999999;
  border: 2px solid #999999;
  border-radius: 7px;
  transform: rotate(45deg);
  position: relative;
  top: 20px;
  height: 28px;
  width: 28px;
  left: 2px;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawSuccessDeActiveStep .ant-steps-item-icon span {
  transform: rotate(-45deg) !important;
  display: inline-block;
  color: #ffffff !important;
  margin-left: 1px;
  margin-top: 1px;
  top: -5px;
  left: -4.5px;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawSuccessDeActiveStep .ant-steps-item-tail {
  background: #999999 !important;
  height: 42% !important;
  top: 63px !important;
  width: 2px !important;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawSuccessDeActiveStep .ant-steps-item-tail::after {
  background-color: #999999;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawSuccessDeActiveStep .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #999999;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawCanceledStep1 .step-description h2 {
  text-align: left !important;
  padding: 0px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  margin-bottom: 5px !important;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawCanceledStep1 .ant-steps-item-container {
  margin-bottom: 20px !important;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawCanceledStep1 .ant-steps-item-icon {
  background: #ffd9d6;
  border: 2px solid #ffd9d6;
  border-radius: 7px;
  transform: rotate(45deg);
  position: relative;
  top: 20px;
  top: 20px;
  height: 28px;
  width: 28px;
  left: 2px;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawCanceledStep1 .ant-steps-item-icon span {
  transform: rotate(-45deg) !important;
  display: inline-block;
  color: #f44336 !important;
  margin-left: 1px;
  margin-top: 1px;
  left: 1px;
  bottom: 2px;
  top: -7px;
  left: -6.5px;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawCanceledStep1 .ant-steps-item-tail {
  background: #363636 !important;
  height: 42% !important;
  top: 63px !important;
  width: 2px !important;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawCanceledStep1 .ant-steps-item-tail::after {
  background-color: black;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawCanceledStep1 .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: black;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawSuccessActiveStep1 .step-description h2 {
  text-align: left !important;
  padding: 0px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  margin-bottom: 5px !important;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawSuccessActiveStep1 .ant-steps-item-container {
  margin-bottom: 20px;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawSuccessActiveStep1 .ant-steps-item-icon {
  background: #1f1f1f;
  border: 2px solid #1f1f1f;
  border-radius: 7px;
  transform: rotate(45deg);
  position: relative;
  top: 20px;
  height: 28px;
  width: 28px;
  left: 2px;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawSuccessActiveStep1 .ant-steps-item-icon span {
  transform: rotate(-45deg);
  display: inline-block;
  color: #ffffff !important;
  margin-left: 1px;
  margin-top: 1px;
  top: -5px;
  left: -4.5px;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawSuccessActiveStep1 .ant-steps-item-tail {
  background: #363636 !important;
  height: 80%;
  top: 63px !important;
  width: 2px !important;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawSuccessActiveStep1 .ant-steps-item-tail::after {
  background-color: black;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawSuccessActiveStep1 .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: black;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawSuccessDeActiveSte1 .step-description h2 {
  text-align: left !important;
  padding: 0px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  margin-bottom: 5px !important;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawSuccessDeActiveSte1 .ant-steps-item-container {
  margin-bottom: 20px !important;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawSuccessDeActiveSte1 .ant-steps-item-icon {
  background: #999999;
  border: 2px solid #999999;
  border-radius: 7px;
  transform: rotate(45deg);
  position: relative;
  top: 20px;
  height: 28px;
  width: 28px;
  left: 2px;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawSuccessDeActiveSte1 .ant-steps-item-icon span {
  transform: rotate(-45deg) !important;
  display: inline-block;
  color: #ffffff !important;
  margin-left: 1px;
  margin-top: 1px;
  top: -5px;
  left: -4.5px;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawSuccessDeActiveSte1 .ant-steps-item-tail {
  background: #999999 !important;
  height: 42% !important;
  top: 63px !important;
  width: 2px !important;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawSuccessDeActiveSte1 .ant-steps-item-tail::after {
  background-color: #999999;
}

.common_modal_portal .request_details_container .cashDepositProcess .withdrawSuccessStatus .withdrawSuccessDeActiveSte1 .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #999999;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps {
  position: absolute;
  left: 0;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .step-description h2 {
  text-align: left !important;
  padding: 0px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  margin-bottom: 5px !important;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .ant-steps-item-container {
  margin-bottom: 0px !important;
  margin-top: 20px;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .ant-steps-item-container .ant-steps-item-content {
  margin-top: 10px;
  padding-top: 5px;
  min-height: unset !important;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .ant-steps-item-container .ant-steps-item-content p {
  margin-bottom: 0px;
  margin-top: 2px;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .ant-steps-item-description {
  padding-bottom: 0px;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .ant-steps-item-icon {
  background: white !important;
  border: 2px solid transparent !important;
  border-radius: 7px;
  transform: rotate(0deg) !important;
  position: relative;
  top: 0 !important;
  height: unset !important;
  width: 29px !important;
  left: 2px;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .ant-steps-item-icon span {
  transform: rotate(0deg) !important;
  display: inline-block;
  color: #ffffff !important;
  margin-left: 1px;
  margin-top: 1px;
  top: 0px !important;
  left: -2px !important;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .ant-steps-item-tail {
  background: #363636 !important;
  height: 100% !important;
  top: 63px !important;
  width: 2px !important;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .ant-steps-item-tail::after {
  background-color: black;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: black;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .withdrawCanceledStep .step-description h2 {
  text-align: left !important;
  padding: 0px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  margin-bottom: 5px !important;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .withdrawCanceledStep .ant-steps-item-container {
  margin-bottom: 20px !important;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .withdrawCanceledStep .ant-steps-item-icon {
  background: #ffd9d6;
  border: 2px solid #ffd9d6;
  border-radius: 7px;
  transform: rotate(0deg) !important;
  position: relative;
  top: 20px;
  top: 20px;
  height: 28px;
  width: 28px;
  left: 2px;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .withdrawCanceledStep .ant-steps-item-icon span {
  transform: rotate(0deg) !important;
  display: inline-block;
  color: #f44336 !important;
  margin-left: 1px;
  margin-top: 1px;
  left: 1px;
  bottom: 2px;
  top: -7px;
  left: -6.5px;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .withdrawCanceledStep .ant-steps-item-tail {
  background: #363636 !important;
  height: 42% !important;
  top: 63px !important;
  width: 2px !important;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .withdrawCanceledStep .ant-steps-item-tail::after {
  background-color: black;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .withdrawCanceledStep .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: black;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .withdrawSuccessActiveStep .step-description h2 {
  text-align: left !important;
  padding: 0px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  margin-bottom: 5px !important;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .withdrawSuccessActiveStep .ant-steps-item-container {
  margin-bottom: 20px !important;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .withdrawSuccessActiveStep .ant-steps-item-icon {
  background: #1f1f1f;
  border: 2px solid #1f1f1f;
  border-radius: 7px;
  transform: rotate(0deg) !important;
  position: relative;
  top: 20px;
  height: 28px;
  width: 28px;
  left: 2px;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .withdrawSuccessActiveStep .ant-steps-item-icon span {
  transform: rotate(0deg) !important;
  display: inline-block;
  color: #ffffff !important;
  margin-left: 1px;
  margin-top: 1px;
  top: -5px;
  left: -4.5px;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .withdrawSuccessActiveStep .ant-steps-item-tail {
  background: #363636 !important;
  height: 42% !important;
  top: 63px !important;
  width: 2px !important;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .withdrawSuccessActiveStep .ant-steps-item-tail::after {
  background-color: black;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .withdrawSuccessActiveStep .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: black;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .withdrawSuccessDeActiveStep .step-description h2 {
  text-align: left !important;
  padding: 0px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  margin-bottom: 5px !important;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .withdrawSuccessDeActiveStep .ant-steps-item-container {
  margin-bottom: 20px !important;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .withdrawSuccessDeActiveStep .ant-steps-item-icon {
  background: #999999;
  border: 2px solid #999999;
  border-radius: 7px;
  transform: rotate(45deg);
  position: relative;
  top: 20px;
  height: 28px;
  width: 28px;
  left: 2px;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .withdrawSuccessDeActiveStep .ant-steps-item-icon span {
  transform: rotate(-45deg) !important;
  display: inline-block;
  color: #ffffff !important;
  margin-left: 1px;
  margin-top: 1px;
  top: -5px;
  left: -4.5px;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .withdrawSuccessDeActiveStep .ant-steps-item-tail {
  background: #999999 !important;
  height: 42% !important;
  top: 63px !important;
  width: 2px !important;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .withdrawSuccessDeActiveStep .ant-steps-item-tail::after {
  background-color: #999999;
}

.common_modal_portal .request_details_container .cashDepositProcess .hold-steps .withdrawSuccessDeActiveStep .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #999999;
}

.withdrawal-transfer-table .ant-table-thead > tr > th {
  background: #f7f5f2 !important;
}

.withdrawal-transfer-table .withdrawal-transfer-table .ant-table-thead > tr > th:nth-child(1) {
  border-radius: 8px 0px 0px 0px !important;
}

.withdrawal-transfer-table .withdrawal-transfer-table .ant-table-thead > tr > th:nth-child(3) {
  border-radius: 0px 8px 0px 0px !important;
}

.withdrawal-transfer-table .ant-table-tbody > tr > td {
  border: none !important;
}

.withdrawal-transfer-table .ant-table-tbody > tr > td {
  border-right: 1px solid #f7f5f2 !important;
}

.withdrawal-transfer-table .ant-table-tbody > tr:last-child > td {
  border-bottom: 1px solid #f7f5f2 !important;
}

.withdrawal-transfer-table .ant-table-tbody > tr:last-child > td:nth-child(1) {
  border-radius: 0px 0px 0px 8px !important;
}

.withdrawal-transfer-table .ant-table-tbody > tr:last-child > td:last-child {
  border-radius: 0px 0px 8px 0px !important;
}

.pending-detail-divider {
  font-weight: 700;
  font-size: 10px;
  line-height: 18px;
  letter-spacing: 0.05em;
  color: #999999;
  text-align: center;
}

@media (max-width: 1023px) {
  .pending-detail-divider {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .pending-detail-divider {
    font-size: 10px;
    line-height: 18px;
  }
}
.pending-detail-divider .dashed-text {
  text-align: center;
  border-bottom: 1px dashed #cccccc;
}

.pending-detail-divider .dashed-text span {
  color: #999999;
  font-weight: 700;
  font-size: 10px;
  position: relative;
  top: 9px;
  padding: 0px 10px;
  background: white;
}

.personalisedLaunchPoints {
  width: calc(100% + 32px);
  margin-left: -16px;
}

.personalisedLaunchPoints [class~=ant-card-body] {
  padding: 0px !important;
}

.personalisedLaunchPoints .personalisedLaunchPointCardContainer {
  background: linear-gradient(93.52deg, #f0ede4 -5.74%, #d2ddf9 119.29%);
  border-radius: 0px;
  padding-bottom: 32px;
}

.personalisedLaunchPoints .cards {
  display: flex;
  flex-direction: column;
}

.card-item-personalised {
  max-height: 200px !important;
  border-radius: 16px;
}

.card-item-personalised .kpmNewCard {
  background: #1f1f1f;
  overflow: hidden;
  z-index: 1;
  height: 170px;
  border: 0.5px solid #363636;
}

.card-item-personalised .kpmNewCard .kpmLive {
  background-color: #040404;
  border-radius: 6px;
  color: #fff !important;
  display: inline-block;
  padding: 2px 4px;
  font-size: 10px;
  line-height: 11.7px;
  font-weight: 700;
  z-index: 1;
}

.card-item-personalised .kpmNewCard .kpmLive [class~=dot] {
  height: 6px;
  width: 6px;
  background-color: #00b267;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
}

.card-item-personalised .kpmNewCard .kpmLive [class~=dot][class~=gray] {
  background-color: #999;
}

.card-item-personalised .kpmNewCard .bank {
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 10px;
  margin-left: unset;
  background-color: transparent;
  flex-wrap: nowrap;
}

.card-item-personalised .kpmNewCard .bank .mbanking {
  position: relative;
  padding: 4px 12px;
  font-style: normal;
  font-size: 10px;
  line-height: 11px;
  text-align: center;
  color: #fff;
  margin-right: 4px;
  font-weight: 400;
  background: #1f1f1f;
  border-radius: 12px;
}

.card-item-personalised .kpmNewCard .bank .mbanking::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
  padding: 2px;
}

.card-item-personalised .kpmNewCard .kpmNewCardBG {
  position: absolute;
  top: 0px;
  right: 0px;
  filter: blur(122px);
  width: 100%;
  height: 100%;
  z-index: -1;
  background-size: 100%;
  background-repeat: no-repeat;
}

.card-item-personalised .kpmNewCard [class~=Avatar__antd] {
  border: 1px solid #fff;
  box-shadow: 0 0 8px #000;
  width: 74px !important;
  height: 74px !important;
}

.card-item-personalised .book-close-date {
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  color: #1f1f1f;
  text-align: center;
  padding: 4px 0px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  border: 0.5px solid #363636;
}

.card-item-personalised .al-footer {
  margin-top: 20px;
  display: flex;
  justify-content: flex-start;
  background-color: #ffffff;
}

.card-item-personalised .al-footer-kpm {
  background-color: transparent;
}

.personalised_container_carousel_recommended {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.personalised_container_carousel_recommended.postHover [class~=slick-arrow]::before {
  display: none;
}

.personalised_container_carousel_recommended .slick-list {
  position: relative;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.personalised_container_carousel_recommended .slick-list .slick-track {
  display: flex;
}

.personalised_container_carousel_recommended .slick-list .slick-track .slick-slide {
  margin-right: 16px;
}

.personalised_container_carousel_recommended .slick-list .slick-track .slick-slide:last-child {
  margin-right: 0px;
}

.personalised_container_carousel_recommended .slick-list .slick-track .slick-slide.slick-active {
  margin-right: 16px;
}

.personalised_container_carousel_recommended .slick-list .slick-track .slick-slide.slick-active:last-child {
  margin-right: 0px !important;
}

.personalised_container_carousel_recommended .slick-list::-webkit-scrollbar {
  display: none;
}

.personalised_container_carousel_recommended .slick-dots {
  padding: 0px 32px !important;
  bottom: -45px !important;
  justify-content: center !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-bottom: 5px !important;
  padding-left: 0px !important;
  overflow: auto !important;
  white-space: nowrap !important;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

@media (max-width: 767px) {
  .personalised_container_carousel_recommended .slick-dots {
    justify-content: flex-start;
  }
}
.personalised_container_carousel_recommended .slick-dots::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

.personalised_container_carousel_recommended .slick-dots li {
  margin-left: 0px;
  margin-right: 16px;
  display: block;
}

.personalised_container_carousel_recommended .slick-dots li.slick-active {
  margin-left: 0px;
  margin-right: 16px;
  width: fit-content;
}

.personalised_container_carousel_recommended .slick-dots li.slick-active button {
  width: 32px !important;
  height: 8px !important;
  background-color: #3761c8 !important;
  opacity: 1 !important;
  border-radius: 12px !important;
}

.personalised_container_carousel_recommended .slick-dots li :first-child {
  margin-left: 0px;
}

.personalised_container_carousel_recommended .slick-dots li button {
  width: 8px !important;
  height: 8px !important;
  background-color: #999 !important;
  border-radius: 50% !important;
  height: 8px !important;
}

.personalised_container_carousel_recommended .slick-prev {
  transform: none !important;
  z-index: 1 !important;
  left: -25px !important;
  top: 0px !important;
  margin-top: 0 !important;
  color: transparent !important;
  width: 64px !important;
  height: 100% !important;
  filter: drop-shadow(0px -4px -6px rgba(0, 0, 0, 0.12)) !important;
}

.personalised_container_carousel_recommended .slick-next {
  transform: none !important;
  right: 0px !important;
  top: 0px !important;
  margin-top: 0 !important;
  color: transparent !important;
  width: 50px !important;
  height: 100% !important;
  filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.12)) !important;
  background: linear-gradient(270deg, #1f1f1f 0%, rgba(31, 31, 31, 0) 100%) !important;
}

.personalised_container_carousel_recommended .slick-next span {
  right: -20px !important;
}

.personalised_container_carousel_recommended .slick-disabled {
  opacity: 0.25;
  display: none !important;
}

@media (max-width: 767px) {
  .personalised_container_carousel_recommended {
    width: 90%;
  }
}
.personalised_container_carousel {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.personalised_container_carousel.postHover [class~=slick-arrow]::before {
  display: none;
}

.personalised_container_carousel .slick-list {
  position: relative;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.personalised_container_carousel .slick-list .slick-track {
  display: flex;
}

.personalised_container_carousel .slick-list .slick-track .slick-slide {
  margin-right: 16px;
}

.personalised_container_carousel .slick-list .slick-track .slick-slide:last-child {
  margin-right: 0px;
}

.personalised_container_carousel .slick-list .slick-track .slick-slide.slick-active {
  margin-right: 16px;
}

.personalised_container_carousel .slick-list .slick-track .slick-slide.slick-active:last-child {
  margin-right: 0px !important;
}

.personalised_container_carousel .slick-list::-webkit-scrollbar {
  display: none;
}

.personalised_container_carousel .slick-dots {
  padding: 0px 32px !important;
  bottom: -45px !important;
  justify-content: center !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-bottom: 5px !important;
  padding-left: 0px !important;
  overflow: auto !important;
  white-space: nowrap !important;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

@media (max-width: 767px) {
  .personalised_container_carousel .slick-dots {
    justify-content: flex-start;
  }
}
.personalised_container_carousel .slick-dots::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

.personalised_container_carousel .slick-dots li {
  margin-left: 0px;
  margin-right: 16px;
  display: block;
}

.personalised_container_carousel .slick-dots li.slick-active {
  margin-left: 0px;
  margin-right: 16px;
  width: fit-content;
}

.personalised_container_carousel .slick-dots li.slick-active button {
  width: 32px !important;
  height: 8px !important;
  background-color: #3761c8 !important;
  opacity: 1 !important;
  border-radius: 12px !important;
}

.personalised_container_carousel .slick-dots li :first-child {
  margin-left: 0px;
}

.personalised_container_carousel .slick-dots li button {
  width: 8px !important;
  height: 8px !important;
  background-color: #999 !important;
  border-radius: 50% !important;
  height: 8px !important;
}

.personalised_container_carousel .slick-prev {
  transform: none !important;
  z-index: 1 !important;
  left: -25px !important;
  top: 0px !important;
  margin-top: 0 !important;
  color: transparent !important;
  width: 64px !important;
  height: 100% !important;
  filter: drop-shadow(0px -4px -6px rgba(0, 0, 0, 0.12)) !important;
}

.personalised_container_carousel .slick-next {
  transform: none !important;
  right: 0px !important;
  top: 0px !important;
  margin-top: 0 !important;
  color: transparent !important;
  width: 50px !important;
  height: 100% !important;
  filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.12)) !important;
  background: linear-gradient(270deg, #1f1f1f 0%, rgba(31, 31, 31, 0) 100%) !important;
}

.personalised_container_carousel .slick-next span {
  right: -20px !important;
}

.personalised_container_carousel .slick-disabled {
  opacity: 0.25;
  display: none !important;
}

@media (max-width: 767px) {
  .personalised_container_carousel {
    width: 90%;
  }
}
.tag-ui .ant-tag-green {
  font-size: 10px;
  border-radius: 20px;
  color: white;
  background: linear-gradient(black, black) padding-box, linear-gradient(to right, #37c88b, #638ae9) border-box;
  border-radius: 50em;
  border: 2px solid transparent;
  position: relative;
  top: 5px;
  padding: 0 13px;
  margin-right: 5px;
}

.smallScreenHeader {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.smallScreenHeader .backBtn {
  position: absolute;
  display: flex;
  align-items: center;
  left: 0px;
}

.smallScreenHeader .title {
  text-align: center;
  font-size: 16px;
  line-height: 22px;
}

.smallScreenHeader .large_title {
  text-align: center;
  font-size: 24px;
  line-height: 32px;
}

.smallScreenHeader {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.smallScreenHeader .backBtn {
  position: absolute;
  display: flex;
  align-items: center;
  left: 0px;
}

.smallScreenHeader .title {
  text-align: center;
  font-size: 16px;
  line-height: 22px;
}

.smallScreenHeader .large_title {
  text-align: center;
  font-size: 24px;
  line-height: 32px;
}

.advisoryContainer {
  padding-top: 24px;
  background-color: #f7f5f2;
  background-image: url("https://cdn.kristal.ai/portal/images/bg.svg");
  background-repeat: no-repeat;
  background-position-y: 12px;
  min-height: 100vh;
}

@media (max-width: 1023px) {
  .advisoryContainer {
    background-image: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 0px;
  }
}
.advisoryContainer .mainContent {
  box-sizing: border-box;
}

.advisoryContainer .mainContent .formContent {
  margin-top: 18px;
}

.advisoryContainer .mainContent .formContent h2 {
  font-size: 1.85rem;
}

.advisoryContainer .mainContent .formContent .options__container {
  margin-top: 30px;
}

.advisoryContainer .mainContent .formContent .options__container .option__item {
  padding: 16px 40px;
  border-radius: 8px;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  margin-bottom: 16px;
  cursor: pointer;
  color: #1f1f1f;
  font-weight: 700;
}

.advisoryContainer .mainContent .formContent .options__container .option__item.backgroundLight {
  background-color: #fff;
}

.advisoryContainer .mainContent .formContent .options__container .option__item.backgroundLight:hover {
  background-color: #1f1f1f;
  color: #fff;
}

.advisoryContainer .mainContent .formContent .options__container .option__item.backgroundDark {
  background-color: #1f1f1f;
  color: #ffffff;
}

.advisoryContainer .mainContent .formContent .options__container .option__item .option__range {
  font-size: 24px;
  line-height: 32px;
}

.advisoryContainer .mainContent .formContent .options__container .option__item .option__currency {
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
}

.advisoryContainer .mainContent .formContent .options__container .option__item .option__currency img {
  width: 14px;
  height: 9px;
  margin-right: 6px;
}

.advisoryContainer .mainContent .formContent .options__container .sliderContainer {
  padding: 32px 35px;
  background-color: #fff;
  border-radius: 16px;
  margin-top: 85px;
  margin-bottom: 35px;
}

.advisoryContainer .mainContent .formContent .options__container .sliderContainer .customSlider {
  margin: 0;
}

.advisoryContainer .mainContent .formContent .options__container .sliderContainer .customSlider :global .ant-slider-step {
  background-color: #1f1f1f;
  height: 2px;
  border-radius: 4px;
}

.advisoryContainer .mainContent .formContent .options__container .sliderContainer .customSlider :global .ant-slider-step .ant-slider-dot {
  background: #1f1f1f;
  width: 2px;
  height: 8px;
  border-width: 0;
  border-color: #1f1f1f;
  border-radius: 8px;
  outline: #1f1f1f;
}

.advisoryContainer .mainContent .formContent .options__container .sliderContainer .customSlider :global .ant-slider-step::selection {
  background: transparent;
}

.advisoryContainer .mainContent .formContent .options__container .sliderContainer .customSlider :global .ant-slider-handle {
  border: 2px solid #1f1f1f;
  background: #1f1f1f;
}

.advisoryContainer .mainContent .formContent .options__container .sliderContainer .customSlider :global .ant-slider-handle::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
  z-index: 999;
  display: inline-block;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.advisoryContainer .mainContent .formContent .options__container .sliderContainer .customSlider :global .ant-slider-handle::selection {
  background: transparent;
}

.advisoryContainer .mainContent .formContent .options__container .sliderContainer .customSlider :global .ant-slider-handle:focus {
  box-shadow: none;
}

.advisoryContainer .mainContent .formContent .options__container .sliderContainer .customSlider :global .ant-slider-rail {
  background: transparent;
}

.advisoryContainer .mainContent .formContent .options__container .sliderContainer .customSlider :global .ant-slider-rail:hover {
  background: transparent;
}

.advisoryContainer .mainContent .formContent .options__container .sliderContainer .customSlider :global .ant-slider-track {
  background: transparent;
  height: 0;
}

.advisoryContainer .mainContent .formContent .options__container .sliderContainer .customSlider :global .ant-slider-track:hover {
  background: transparent;
}

.advisoryContainer .mainContent .formContent .options__container .sliderContainer .customSlider :global .ant-slider-mark-text {
  width: fit-content;
}

.advisoryContainer .mainContent .formContent .buttonNext {
  margin-top: 40px;
  width: 100%;
  padding-top: 14px;
  padding-bottom: 14px;
  background-color: #1f1f1f;
  border-color: transparent;
  border-radius: 14px;
  border-style: solid;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: #ffffff;
  cursor: pointer;
}

.advisoryContainer .mainContent .formContent .buttonNext.buttonDisable {
  background-color: #cccccc;
  cursor: not-allowed;
}

.advisoryContainer .mainContent .formContent .buttonNext.backgroundDark {
  background-color: #1f1f1f;
  color: #ffffff;
}

.margin260 {
  margin-top: 260px !important;
}

.advisoryBackButtonSection .backArrow {
  color: #3761c8;
  margin-top: 32px;
  display: flex;
  align-items: center;
  font-weight: 700;
  cursor: pointer;
}

.advisoryBackButtonSection .backArrow img {
  font-size: 20px;
  margin-right: 8px !important;
}

.advisoryBackButtonSection .backArrow span {
  font-size: 16px;
  line-height: 16px;
}

.advisoryHeader h2 {
  margin-bottom: 8px;
}

.advisoryHeader div {
  font-size: 14px;
  font-weight: 400;
  color: #777777;
  white-space: pre-wrap;
  margin-bottom: 0px;
}

.advisoryHeader .title {
  white-space: pre-wrap;
}

.advisoryHeader p {
  font-weight: 400;
  color: #777777;
  white-space: pre-wrap;
}

.advisoryHeader p span {
  color: #3761c8;
}

.advisoryHeader p span:hover {
  cursor: pointer;
}

.advisoryModalContainer {
  width: 44% !important;
}

@media (max-width: 1023px) {
  .advisoryModalContainer {
    width: 70% !important;
  }
}
@media (max-width: 767px) {
  .advisoryModalContainer {
    width: 90% !important;
  }
}
.advisoryModalContainer [class~=ant-modal-header] {
  border: 0px;
  padding: 8px;
}

.advisoryModalContainer [class~=ant-modal-body] {
  border: 0px;
  padding: 8px;
  padding-right: 46px;
}

@media (max-width: 767px) {
  .advisoryModalContainer [class~=ant-modal-body] {
    padding-right: 16px;
  }
}
.advisoryModalContainer [class~=ant-modal-content] {
  padding: 40px;
  border-radius: 16px;
}

@media (max-width: 1023px) {
  .advisoryModalContainer [class~=ant-modal-content] {
    padding: 32px;
  }
}
@media (max-width: 767px) {
  .advisoryModalContainer [class~=ant-modal-content] {
    padding: 16px;
  }
}
.advisoryModalContainer [class~=ant-modal-content] [class~=ant-modal-close] {
  top: 32px;
  right: 24px;
  padding: 0;
}

.advisoryModalContainer [class~=ant-modal-content] [class~=ant-modal-close] .closeIcon {
  font-size: 20px;
}

@media (max-width: 1023px) {
  .advisoryModalContainer [class~=ant-modal-content] [class~=ant-modal-close] {
    top: 24px;
  }
}
@media (max-width: 767px) {
  .advisoryModalContainer [class~=ant-modal-content] [class~=ant-modal-close] {
    top: 10px;
  }
}
.advisoryModalContainer [class~=ant-modal-title] {
  font-size: 18px;
  font-weight: 700;
}

.advisoryModalContainer [class~=ant-modal-footer] {
  border: 0px;
  text-align: center;
  padding: 36px 0 0 0;
}

.advisoryModalContainer [class~=ant-modal-footer] .okBtn {
  color: #3761c8;
  background-color: transparent;
}

.advisoryModalContainer [class~=ant-modal-footer] .blueBG {
  color: #f0ede4;
  background-color: #3761c8;
  border-radius: 10px;
}

.advisoryModalContainer [class~=ant-modal-footer] .okBtn,
.advisoryModalContainer [class~=ant-modal-footer] .blueBG {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  border: 0;
}

.advisoryModalContainer [class~=ant-modal-footer] .okBtn:hover,
.advisoryModalContainer [class~=ant-modal-footer] .blueBG:hover {
  cursor: pointer;
}

.advisoryModalContainer .modalText {
  white-space: pre-line;
  word-wrap: break-word;
  display: block;
  margin-bottom: 5px;
  line-height: 20px;
  color: #777777;
}

.advisoryLoadingContainer {
  background-color: #f7f5f2;
  background-image: url("https://cdn.kristal.ai/portal/images/bg.svg");
  background-repeat: no-repeat;
  background-position-y: 20px;
  height: 100vh;
  width: 100%;
}

.advisoryLoadingContainer .loadingContent {
  text-align: center;
}

.advisoryLoadingContainer .loadingContent h2 {
  white-space: pre-wrap;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #999999;
  margin-bottom: 30px;
}

.advisoryLoadingContainer .loadingContent img {
  -webkit-animation: rotation 2.5s infinite linear;
  animation: rotation 2.5s infinite linear;
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
.advisoryNoteContainer {
  margin-top: 80px;
  margin-bottom: 80px;
}

.advisoryNoteContainer .noteContent {
  padding: 28px;
  padding-bottom: 8px;
  background-color: #fff;
  border-radius: 8px;
}

.advisoryNoteContainer .noteContent .noteIcon {
  font-size: 22px;
  color: #3761c8;
  margin-right: 5px;
}

.advisoryNoteContainer .noteContent .noteTitle {
  color: #3761c8;
  display: inline-block;
  font-size: 16px;
}

@media (max-width: 767px) {
  .advisoryNoteContainer .noteContent .noteTitle {
    font-size: 14px;
  }
}
.advisoryNoteContainer .noteContent .noteText {
  font-size: 14px;
  line-height: 20px;
}

@media (max-width: 767px) {
  .advisoryNoteContainer .noteContent .noteText {
    font-size: 12px;
    line-height: 18px;
  }
}
.advisoryNoteContainer .buttons {
  margin-top: 24px;
}

.advisoryNoteContainer .buttons button {
  margin-top: 16px;
  width: 100%;
  padding: 14px 0;
  border-radius: 14px;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  background: transparent;
}

.advisoryNoteContainer .buttons button:hover {
  cursor: pointer;
}

.advisoryNoteContainer .buttons button.button-dark {
  background-color: #1f1f1f;
  color: #fff;
}

@media (max-width: 767px) {
  .advisoryNoteContainer .buttons button {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 32px;
  }
}
.otherRisksBtn {
  background-color: #363636;
  color: #f0ede4;
  text-transform: uppercase;
  box-shadow: 2px 6px 14px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  line-height: 22px;
  letter-spacing: 0.1em;
}

.otherRisksBtn.light {
  background-color: #ffffff;
  color: #3761c8;
}

@media (max-width: 767px) {
  .otherRisksBtn {
    font-size: 10px;
  }
}
.recommendationsCardContainer {
  padding: 24px;
  background-color: #363636;
  border-radius: 8px;
}

.recommendationsCardContainer.light {
  background-color: #fff;
}

.recommendationsCardContainer .miniTitle {
  text-transform: uppercase;
  color: #d2ddf9;
  font-size: 10px;
  line-height: 16px;
  text-align: center;
  margin-bottom: 0px;
  letter-spacing: 0.1em;
}

.recommendationsCardContainer .miniTitle.light {
  color: #3761c8;
}

.recommendationsCardContainer .miniTitle2 {
  color: #d2ddf9;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  margin-bottom: 0px;
}

.recommendationsCardContainer .miniTitle2.light {
  color: #3761c8;
}

.recommendationsCardContainer .title {
  color: #f0ede4;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 0px;
}

.recommendationsCardContainer .title.light {
  color: #1f1f1f;
}

.recommendationsCardContainer .tagList {
  margin-top: 12px;
}

.recommendationsCardContainer .tagList .tag {
  padding: 1px 16px 3px;
  border-radius: 24px;
  background-color: #f0ede4;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  color: #1f1f1f;
}

@media (max-width: 767px) {
  .recommendationsCardContainer .tagList .tag {
    font-size: 10px;
  }
}
.recommendationsCardContainer .al-footer {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.recommendationsCardContainer .al-footer.light {
  color: #1f1f1f;
}

@media (max-width: 767px) {
  advisoryRiskPreferenceCardsContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }
  advisoryRiskPreferenceCardsContainer::-webkit-scrollbar {
    height: 0px;
  }
}
advisoryRiskPreferenceCardsContainer .card {
  padding: 24px;
  background-color: #ffffff;
  border-radius: 16px;
  height: 100%;
  position: relative;
  box-shadow: 2px 6px 14px rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
  advisoryRiskPreferenceCardsContainer .card {
    width: 70vw;
    margin-left: 8px;
    max-width: 270px;
  }
}
advisoryRiskPreferenceCardsContainer .card.selected {
  background-color: #363636;
}

advisoryRiskPreferenceCardsContainer .card.disabled {
  cursor: not-allowed;
}

advisoryRiskPreferenceCardsContainer .card .title {
  color: #777777;
  font-size: 18px;
  line-height: 24px;
  margin: 8px 0px;
}

advisoryRiskPreferenceCardsContainer .card .title.selected {
  color: #f0ede4;
}

advisoryRiskPreferenceCardsContainer .card .description {
  color: #999999;
  font-size: 12px;
  line-height: 18px;
}

advisoryRiskPreferenceCardsContainer .card .description.selected {
  color: #cccccc;
}

advisoryRiskPreferenceCardsContainer .card .img {
  border-radius: 50%;
  background-color: #d2ddf9;
  border: 5px solid #d2ddf9;
}

.recommendationContainer {
  background-color: #f7f5f2;
  background-image: url("https://cdn.kristal.ai/portal/images/bg.svg");
  background-repeat: no-repeat;
  background-position-y: -8px;
  color: #1f1f1f;
}

.recommendationContainer .content {
  padding-top: 32px;
}

.advisoryAnalysisSection {
  padding: 30px 0px;
}

.advisoryAnalysisSection .title {
  color: #999999;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

.advisoryAnalysisSection .advisoryPieChartContainer {
  background-color: #f0ede4;
  border-radius: 18px;
}

.advisoryAnalysisSection .pieChartDetailContainer {
  padding: 24px;
  margin-top: 16px;
  background-color: #f0ede4;
  border-radius: 18px;
  vertical-align: middle;
}

.advisoryAnalysisSection .pieChartDetailContainer .item,
.advisoryAnalysisSection .pieChartDetailContainer .advisoryAssetAllocationSection .assetAllocationContainer .itemHeader,
.advisoryAssetAllocationSection .assetAllocationContainer .advisoryAnalysisSection .pieChartDetailContainer .itemHeader {
  padding: 8px 0px;
  font-size: 16px;
  line-height: 22px;
}

.advisoryAnalysisSection .pieChartDetailContainer .item .icon,
.advisoryAnalysisSection .pieChartDetailContainer .advisoryAssetAllocationSection .assetAllocationContainer .itemHeader .icon,
.advisoryAssetAllocationSection .assetAllocationContainer .advisoryAnalysisSection .pieChartDetailContainer .itemHeader .icon {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 16px;
}

.advisoryAnalysisSection .pieChartDetailContainer .item .itemValue,
.advisoryAnalysisSection .pieChartDetailContainer .advisoryAssetAllocationSection .assetAllocationContainer .itemHeader .itemValue,
.advisoryAssetAllocationSection .assetAllocationContainer .advisoryAnalysisSection .pieChartDetailContainer .itemHeader .itemValue {
  font-weight: 700;
}

.advisoryAssetAllocationSection {
  padding: 30px 0px;
}

.advisoryAssetAllocationSection .title {
  color: #999999;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

.advisoryAssetAllocationSection .container {
  background-color: #ffffff;
  border-radius: 18px;
}

.advisoryAssetAllocationSection .assetAllocationContainer {
  padding: 24px;
  margin-top: 16px;
  background-color: #fff;
  border-radius: 18px;
  vertical-align: middle;
}

.advisoryAssetAllocationSection .assetAllocationContainer .item,
.advisoryAssetAllocationSection .assetAllocationContainer .itemHeader {
  padding: 8px 0px;
  font-size: 16px;
  line-height: 22px;
}

.advisoryAssetAllocationSection .assetAllocationContainer .item .itemValue,
.advisoryAssetAllocationSection .assetAllocationContainer .itemHeader .itemValue {
  font-weight: 700;
}

.advisoryPortfolioSection {
  padding: 30px 0px;
}

.advisoryPortfolioSection .title {
  color: #999999;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

.advisoryPortfolioSection .seeAllLink {
  font-size: 16px;
  line-height: 22px;
  color: #3761c8;
  font-weight: 700;
}

.advisoryPortfolioSection .portfoliosList .portfolioItem {
  padding: 24px;
  background-color: #fff;
  border-radius: 8px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.advisoryPortfolioSection .portfoliosList .portfolioItem .image {
  border-radius: 8px;
}

.advisoryPortfolioSection .portfoliosList .portfolioItem .footerList {
  margin-top: 10px;
}

.advisoryPortfolioSection .portfoliosList .portfolioItem .footerList .footerItem .footerItem__value,
.advisoryPortfolioSection .portfoliosList .portfolioItem .footerList .footerItem .footerItem__title {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 22px;
}

.advisoryPortfolioSection .portfoliosList .portfolioItem .footerList .footerItem .footerItem__value {
  font-weight: 700;
  color: #1f1f1f;
}

.advisoryPortfolioSection .portfoliosList .portfolioItem .footerList .footerItem .footerItem__value.footerItem__value__blue {
  color: #3761c8;
}

.advisoryPortfolioSection .portfoliosList .portfolioItem .footerList .footerItem .footerItem__title {
  font-size: 14px;
  color: #999999;
}

.advisoryPortfolioSection .portfoliosList .portfolioItem .footerList .footerItem .showDetailIcon {
  font-size: 18;
  font-weight: 700;
  color: #1f1f1f;
  margin-top: auto !important;
}

.advisoryPortfolioSection .portfoliosList .portfolioItem .footerList .footerItem .showDetailIcon:hover {
  cursor: pointer;
}

.advisoryPortfolioSection .portfoliosList .companyHeading .category {
  color: #3761c8;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}

.advisoryPortfolioSection .portfoliosList .companyHeading .companyName {
  color: #1f1f1f;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  margin: 0;
}

.advisoryPortfolioSection .portfoliosList .companyHeading .companyName:hover {
  cursor: pointer;
}

.advisoryPortfolioSection .portfoliosList .tagList {
  margin-top: 14px;
}

.advisoryPortfolioSection .portfoliosList .tagList .tag {
  padding: 1px 16px 3px;
  border-radius: 24px;
  background-color: #f0ede4;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  color: #1f1f1f;
}

.advisoryPortfolioSection .noteContainer {
  margin-top: 80px;
  width: 406px;
}

.advisoryPortfolioSection .noteContainer .noteContent {
  padding: 28px;
  background-color: #fff;
  border-radius: 8px;
}

.advisoryPortfolioSection .noteContainer .noteContent .noteIcon {
  font-size: 22px;
  color: #3761c8;
  margin-right: 5px;
}

.advisoryPortfolioSection .noteContainer .noteContent .noteTitle {
  color: #3761c8;
  display: inline-block;
  font-size: 16px;
}

.advisoryPortfolioSection .noteContainer .noteContent .noteText {
  font-size: 14px;
  line-height: 20px;
}

.advisoryPortfolioSection .noteContainer .buttons {
  margin-top: 40px;
}

.advisoryPortfolioSection .noteContainer .buttons button {
  margin-top: 16px;
  width: 100%;
  padding: 14px 0;
  border-radius: 14px;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  background: transparent;
}

.advisoryPortfolioSection .noteContainer .buttons button:hover {
  cursor: pointer;
}

.advisoryPortfolioSection .noteContainer .buttons button.button-dark {
  background-color: #1f1f1f;
  color: #fff;
}

.anaylisticsModalSection {
  padding: 30px 0px;
}

.anaylisticsModalSection .card {
  background-color: "#F0EDE4";
  border: "1px solid #F0EDE4";
  border-radius: "16px";
  width: "95%";
}

.anaylisticsModalSection .title {
  color: #999999;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

.anaylisticsModalSection .pieChartContainer {
  background-color: #f0ede4;
  border-radius: 18px;
  align-items: center;
  display: flex;
  justify-content: center;
}

.anaylisticsModalSection .pieChartDetailContainer {
  padding: 24px;
  background-color: #f0ede4;
  border-radius: 18px;
  vertical-align: middle;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.anaylisticsModalSection .pieChartDetailContainer .stylesItem {
  padding: 8px 0px;
  font-size: 16px;
  line-height: 22px;
}

.anaylisticsModalSection .pieChartDetailContainer .stylesItem .icon {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 16px;
}

.anaylisticsModalSection .pieChartDetailContainer .stylesItem .itemValue {
  font-weight: 700;
}

.assetText {
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #999999;
}

.assetAllocationPieChartContainer {
  background-color: #f0ede4;
  border-radius: 18px;
  align-items: center;
  display: flex;
  justify-content: center;
}

.recommendationDetailsContainer {
  padding-top: 24px;
  background-color: #f7f5f2;
  background-repeat: no-repeat;
  background-position-y: 12px;
  min-height: 100vh;
}

.recommendationDetailsContainer .main {
  background-color: #ffffff;
  border-radius: 16px;
  padding: 40px;
}

.documentsCarousel [class~=slick-dots] {
  padding: 0px 32px;
  bottom: -45px;
  justify-content: center;
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom: 5px;
  padding-left: 0px;
  overflow: auto;
  white-space: nowrap;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none;
}

@media (max-width: 767px) {
  .documentsCarousel [class~=slick-dots] {
    justify-content: flex-start;
  }
}
.documentsCarousel [class~=slick-dots]::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

.documentsCarousel [class~=slick-dots] li {
  margin-left: 0px;
  margin-right: 16px;
  display: block;
}

.documentsCarousel [class~=slick-dots] li[class~=slick-active] {
  margin-left: 0px;
  margin-right: 16px;
  width: fit-content;
}

.documentsCarousel [class~=slick-dots] li[class~=slick-active] button {
  width: 32px;
  height: 8px;
  background-color: #3761c8;
  opacity: 1;
  border-radius: 12px;
}

.documentsCarousel [class~=slick-dots] li :first-child {
  margin-left: 0px;
}

.documentsCarousel [class~=slick-dots] li button {
  width: 8px;
  height: 8px;
  background-color: #999;
  border-radius: 50%;
  height: 8px;
}

.documentsCarousel [class~=slick-prev] {
  left: -15px;
  z-index: 999;
}

.documentsCarousel [class~=slick-prev]::before {
  content: "" !important;
  border-right: 10px solid #000000;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 1 !important;
}

@media (prefers-color-scheme: dark) {
  .documentsCarousel [class~=slick-prev]::before {
    border-right: 10px solid #ffffff;
  }
}
.documentsCarousel [class~=slick-prev]::after {
  content: "" !important;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid #638ae9;
  border-bottom: 10px solid transparent;
  position: absolute;
  right: 8px;
  top: 7px;
}

.documentsCarousel [class~=slick-next] {
  right: -15px;
}

.documentsCarousel [class~=slick-next]::before {
  content: "" !important;
  border-left: 10px solid #000000;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 1 !important;
}

@media (prefers-color-scheme: dark) {
  .documentsCarousel [class~=slick-next]::before {
    border-left: 10px solid #ffffff;
  }
}
.documentsCarousel [class~=slick-next]::after {
  content: "" !important;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid #638ae9;
  border-bottom: 10px solid transparent;
  position: absolute;
  left: 8px;
  top: 7px;
}

.documentsCarousel [class~=slick-prev],
.documentsCarousel [class~=slick-next] {
  top: 50% !important;
  width: 34px !important;
  height: 34px !important;
  margin-top: 0 !important;
  color: red !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background: #638ae9 !important;
  border: 0 !important;
  outline: none !important;
  border-radius: 50% !important;
  justify-content: center;
}

.documentsCarousel [class~=slick-disabled] {
  opacity: 0.25;
  display: none !important;
}

.documentsCarousel .insightCard {
  width: 343px !important;
  min-height: 120px;
  padding-left: 24px;
  padding-top: 8px;
  border-radius: 8px;
  height: 100%;
  display: flex !important;
  background: #faf9f6;
}

.documentsCarousel .insightCard [class~=ant-card-body] {
  padding: 0px;
  width: 100%;
  min-height: 100%;
}

.documentsCarousel .insightCard [class~=ant-card-body] .rowBody {
  width: 100%;
  height: 100%;
  padding: 36px;
}

.feedbackBtn {
  border: 2px solid #3761c8;
  border-radius: 10px;
  padding: 9px 24px;
  background-color: transparent;
  color: #3761c8;
}

.feedbackBtn:hover {
  cursor: pointer;
  color: #3761c8 !important;
  background-color: #fff !important;
}

.feedbackBtnPrimary {
  border: 2px solid #3761c8;
  border-radius: 10px;
  padding: 9px 24px;
  background-color: transparent;
  color: #3761c8;
  background-color: #3761c8;
  color: #fff;
}

.feedbackBtnPrimary:hover {
  background-color: #3761c8;
  color: #fff;
}

.feedbackBtn-normal {
  border: 2px solid #3761c8;
  border-radius: 10px;
  padding: 9px 24px;
  background-color: transparent;
  color: #3761c8;
}

.linksCarousel [class~=slick-dots] {
  padding: 0px 32px;
  bottom: -45px;
  justify-content: center;
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom: 5px;
  padding-left: 0px;
  overflow: auto;
  white-space: nowrap;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none;
}

@media (max-width: 767px) {
  .linksCarousel [class~=slick-dots] {
    justify-content: flex-start;
  }
}
.linksCarousel [class~=slick-dots]::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

.linksCarousel [class~=slick-dots] li {
  margin-left: 0px;
  margin-right: 16px;
  display: block;
}

.linksCarousel [class~=slick-dots] li[class~=slick-active] {
  margin-left: 0px;
  margin-right: 16px;
  width: fit-content;
}

.linksCarousel [class~=slick-dots] li[class~=slick-active] button {
  width: 32px;
  height: 8px;
  background-color: #3761c8;
  opacity: 1;
  border-radius: 12px;
}

.linksCarousel [class~=slick-dots] li :first-child {
  margin-left: 0px;
}

.linksCarousel [class~=slick-dots] li button {
  width: 8px;
  height: 8px;
  background-color: #999;
  border-radius: 50%;
  height: 8px;
}

.linksCarousel [class~=slick-prev] {
  left: -15px;
  z-index: 999;
}

.linksCarousel [class~=slick-prev]::before {
  content: "" !important;
  border-right: 10px solid #000000;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 1 !important;
}

@media (prefers-color-scheme: dark) {
  .linksCarousel [class~=slick-prev]::before {
    border-right: 10px solid #ffffff;
  }
}
.linksCarousel [class~=slick-prev]::after {
  content: "" !important;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid #638ae9;
  border-bottom: 10px solid transparent;
  position: absolute;
  right: 8px;
  top: 7px;
}

.linksCarousel [class~=slick-next] {
  right: -15px;
}

.linksCarousel [class~=slick-next]::before {
  content: "" !important;
  border-left: 10px solid #000000;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 1 !important;
}

@media (prefers-color-scheme: dark) {
  .linksCarousel [class~=slick-next]::before {
    border-left: 10px solid #ffffff;
  }
}
.linksCarousel [class~=slick-next]::after {
  content: "" !important;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid #638ae9;
  border-bottom: 10px solid transparent;
  position: absolute;
  left: 8px;
  top: 7px;
}

.linksCarousel [class~=slick-prev],
.linksCarousel [class~=slick-next] {
  top: 50% !important;
  width: 34px !important;
  height: 34px !important;
  margin-top: 0 !important;
  color: red !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background: #638ae9 !important;
  border: 0 !important;
  outline: none !important;
  border-radius: 50% !important;
  justify-content: center;
}

.linksCarousel [class~=slick-disabled] {
  opacity: 0.25;
  display: none !important;
}

.linksCarousel .insightCard {
  width: 283px !important;
  min-height: 64px;
  padding: 8px;
  border-radius: 8px;
  height: 100%;
  display: flex !important;
  background: transparent;
}

.linksCarousel .insightCard [class~=ant-card-body] {
  padding: 0px;
  width: 100%;
  min-height: 100%;
}

.linksCarousel .insightCard [class~=ant-card-body] .rowBody {
  width: 100%;
  height: 100%;
}

.seeAllInsightsContainer {
  padding-top: 24px;
  background-color: #f7f5f2;
  background-repeat: no-repeat;
  background-position-y: 12px;
  min-height: 100vh;
}

.seeAllInsightsContainer .main {
  background-color: #ffffff;
  border-radius: 16px;
  padding: 40px;
}

@media (max-width: 767px) {
  .seeAllInsightsContainer .main {
    padding: 0px;
  }
}
.seeAllInsightsContainer .tabs {
  z-index: 2 !important;
  overflow: scroll;
  width: 100%;
  display: flex;
  white-space: nowrap;
}

.seeAllInsightsContainer .tabs [class~=ant-radio-button-wrapper] {
  font-size: 14px;
  line-height: 18px;
  border-radius: 100px;
  margin-right: 4px;
  padding: 5px 16px 7px !important;
  background-color: transparent;
  border: 2.5px solid transparent !important;
  color: #1f1f1f;
}

.seeAllInsightsContainer .tabs .inactive {
  color: #a0a0a0;
  cursor: not-allowed;
}

.seeAllInsightsContainer .tabs [class~=ant-radio-button-wrapper-checked] {
  border: 2.5px solid #3761c8 !important;
  color: #3761c8 !important;
  box-shadow: none !important;
}

.seeAllInsightsContainer .tabs [class~=ant-radio-button-wrapper]:hover {
  color: #3761c8 !important;
}

.seeAllInsightsContainer .tabs [class~=ant-radio-button-wrapper]::before {
  content: none !important;
}

.seeAllInsightsContainer .tabs .inactive:hover {
  color: #a0a0a0 !important;
  cursor: not-allowed !important;
}

.seeAllInsightsContainer .tabs::-webkit-scrollbar {
  display: none;
}

.seeAllInsightsContainer table thead tr th {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #999999;
}

.seeAllInsightsContainer table thead tr td {
  height: 100px;
}

.seeAllInsightsContainer table tbody tr td {
  height: 100px;
}

.seeAllInsightsContainer [class~=ant-pagination-item-active] a {
  color: #3761c8;
  background: #d2ddf9;
  border-radius: 5px;
}

.seeAllInsightsContainer [class~=ant-pagination-item-active] {
  border-color: #3761c8;
  border-radius: 5px;
}

.seeAllInsightsContainer [class~=ant-pagination-item] {
  border-radius: 5px;
}

.seeAllInsightsContainer [class~=ant-pagination-item-link] {
  border-radius: 5px;
}

.seeAllInsightsContainer [class~=ant-pagination-disabled] [class~=ant-pagination-item-link] {
  display: none;
}

.divider {
  visibility: visible;
}

.loaderContainer {
  min-height: 80vh;
}

.searchContainer {
  display: flex;
  width: 100%;
  height: 226px;
  background: #1f1f1f;
  padding: 0px 72px;
  justify-content: flex-start;
  align-content: flex-start;
  position: relative;
  z-index: 2;
  overflow: hidden;
  transition: height 0.6s;
  position: fixed;
  flex-direction: column;
  margin-left: -16px;
}

@media (max-width: 767px) {
  .searchContainer {
    padding: 16px;
  }
}
.searchContainer::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 100%;
  min-height: 1025px;
  background-image: url("https://cdn.kristal.ai/portal/images/black_blue_shadow.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.searchContainer .searchInput {
  background: transparent;
  filter: drop-shadow(0px 5px 10px rgba(66, 52, 36, 0.03));
  padding: 16px 8px;
  z-index: 1;
}

@media (max-width: 767px) {
  .searchContainer .searchInput {
    padding: 16px 0px;
  }
}
.searchContainer .searchInput input {
  background: transparent;
  caret-color: #fff;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}

.searchContainer .searchInput:hover {
  border-color: rgba(255, 255, 255, 0.2);
  filter: drop-shadow(0px 5px 10px rgba(66, 52, 36, 0.03));
  padding: 16px 8px;
}

.searchContainer .searchInput:focus,
.searchContainer .searchInput:focus-visible {
  background: transparent;
  border: none;
  outline: 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  filter: drop-shadow(0px 5px 10px rgba(66, 52, 36, 0.03));
  padding: 8px 8px;
  box-shadow: none;
}

.searchContainer [class~=ant-input-affix-wrapper-focused] {
  box-shadow: none !important;
}

.searchContainer .bgafter {
  position: absolute;
  width: 100%;
  height: 100%;
  left: -32px;
  top: 297px;
  overflow: hidden;
  z-index: 0;
}

.searchContainer .searchedSection {
  background: transparent;
  overflow-y: scroll;
}

.searchContainer .searchedSection .searchedKristalView .kristalImage {
  height: 64px;
  width: 64px;
  border-radius: 8px;
  box-shadow: 1px 4px 12px rgba(0, 0, 0, 0.21);
}

.searchContainer .elementBorder {
  border: 1px solid #ffffff;
  border-radius: 24px;
  padding: 4px 15px;
}

.searchContainer .elementBorder.whiteBg {
  background-color: #fff;
}

.componentHide {
  height: 0;
}

.componentShow {
  height: auto;
}

.componentFull {
  max-height: calc(100% - 72px) !important;
  height: 100% !important;
  overflow: hidden;
}

.heightSmall {
  height: 176px;
}

.divider {
  position: absolute;
  bottom: -8px;
  padding: 0px 8px;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.divider img {
  width: 100%;
  height: fit-content;
}

.divider1 {
  position: absolute;
  padding: 0px 8px;
  display: -moz-box;
  display: flex;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  flex-direction: row;
  width: 92%;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
}

.divider1 img {
  width: 100%;
  height: fit-content;
}

.scrollToTop {
  padding: 7px 16px;
  border-radius: 10px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.04) 26.04%, rgba(255, 255, 255, 0.08) 100%);
  filter: drop-shadow(0px 5px 10px rgba(66, 52, 36, 0.03));
  animation-timing-function: ease-out;
  animation-duration: 100ms;
}

.insightsCarousel [class~=slick-dots] {
  padding: 0px 32px !important;
  bottom: -45px !important;
  justify-content: center !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-bottom: 5px !important;
  padding-left: 0px !important;
  overflow: auto !important;
  white-space: nowrap !important;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

@media (max-width: 767px) {
  .insightsCarousel [class~=slick-dots] {
    justify-content: flex-start;
  }
}
.insightsCarousel [class~=slick-dots]::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

.insightsCarousel [class~=slick-dots] li {
  margin-left: 0px;
  margin-right: 16px;
  display: block;
}

.insightsCarousel [class~=slick-dots] li[class~=slick-active] {
  margin-left: 0px;
  margin-right: 16px;
  width: fit-content;
}

.insightsCarousel [class~=slick-dots] li[class~=slick-active] button {
  width: 32px !important;
  height: 8px !important;
  background-color: #3761c8 !important;
  opacity: 1 !important;
  border-radius: 12px !important;
}

.insightsCarousel [class~=slick-dots] li :first-child {
  margin-left: 0px;
}

.insightsCarousel [class~=slick-dots] li button {
  width: 8px !important;
  height: 8px !important;
  background-color: #999 !important;
  border-radius: 50% !important;
  height: 8px !important;
}

.insightsCarousel [class~=slick-prev] {
  left: -15px;
  z-index: 999;
}

.insightsCarousel [class~=slick-prev]::before {
  content: "" !important;
  border-right: 10px solid #000000 !important;
  border-top: 10px solid transparent !important;
  border-bottom: 10px solid transparent !important;
  opacity: 1 !important;
}

@media (prefers-color-scheme: dark) {
  .insightsCarousel [class~=slick-prev]::before {
    border-right: 10px solid #ffffff;
  }
}
.insightsCarousel [class~=slick-prev]::after {
  content: "" !important;
  width: 0 !important;
  height: 0 !important;
  border-top: 10px solid transparent !important;
  border-right: 10px solid #638ae9 !important;
  border-bottom: 10px solid transparent !important;
  position: absolute !important;
  right: 8px !important;
  top: 7px !important;
}

.insightsCarousel [class~=slick-next] {
  right: -15px;
}

.insightsCarousel [class~=slick-next]::before {
  content: "" !important;
  border-left: 10px solid #000000 !important;
  border-top: 10px solid transparent !important;
  border-bottom: 10px solid transparent !important;
  opacity: 1 !important;
}

@media (prefers-color-scheme: dark) {
  .insightsCarousel [class~=slick-next]::before {
    border-left: 10px solid #ffffff !important;
  }
}
.insightsCarousel [class~=slick-next]::after {
  content: "" !important;
  width: 0 !important;
  height: 0 !important;
  border-top: 10px solid transparent !important;
  border-left: 10px solid #638ae9 !important;
  border-bottom: 10px solid transparent !important;
  position: absolute !important;
  left: 8px !important;
  top: 7px !important;
}

.insightsCarousel [class~=slick-prev],
.insightsCarousel [class~=slick-next] {
  top: 50% !important;
  width: 34px !important;
  height: 34px !important;
  margin-top: 0 !important;
  color: red !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background: #638ae9 !important;
  border: 0 !important;
  outline: none !important;
  border-radius: 50% !important;
  justify-content: center;
}

.insightsCarousel [class~=slick-disabled] {
  opacity: 0.25;
  display: none !important;
}

.insightsCarousel .insightCard {
  width: 343px !important;
  min-height: 164px;
  padding-left: 24px;
  border-radius: 8px;
  height: 100%;
  display: flex !important;
}

.insightsCarousel .insightCard [class~=ant-card-body] {
  padding: 0px;
  min-height: 100%;
  width: 100%;
}

@media (max-width: 767px) {
  .insightsCarousel .insightCard {
    width: 320px;
  }
}
@media (max-width: 400px) {
  .insightsCarousel .insightCard {
    width: 100% !important;
  }
}
.insightsCarousel .insightCard.bgRecommendation {
  background-color: #e6e5e3;
}

.insightsCarousel .insightCard.bgInsights {
  background-color: rgba(210, 221, 249, 0.4);
}

.outer-container {
  max-width: 800px;
  margin: auto;
  display: flex;
  overflow: hidden;
}

.outer-container > div {
  flex: 1;
  padding: 5px;
}

.outer-container .carousel-wrapper {
  display: flex;
  flex-direction: row;
}

.outer-container .carousel-wrapper p,
.carousel-item {
  font-weight: 700;
  font-size: 12px;
  color: #ffffff !important;
  line-height: 1.3;
}

.outer-container .content {
  background: #ffffff !important;
}

.leading-text {
  display: flex;
  align-items: center;
  height: 100%;
  margin-right: 6px;
}

.carousel {
  height: 100%;
  display: flex;
  flex: 5;
  align-items: center;
  color: #ffffff !important;
}

.carousel-button.prev {
  position: absolute;
  top: -65px;
  right: 40px;
}

.carousel-button.next {
  position: absolute;
  bottom: -65px;
  right: 40px;
}

.carousel-button svg {
  height: 26px;
  width: 26px;
}

.carousel-button path {
  fill: #ffffff !important;
}

.slides {
  align-self: flex-start;
  flex: 1;
  width: 100%;
  overflow: hidden;
}

.carousel-inner {
  max-height: 80%;
  height: 80%;
}

.carousel-inner::before,
.carousel-inner::after {
  content: "";
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 50%;
  pointer-events: none;
}

.carousel-inner::before {
  top: 0;
}

.carousel-inner::after {
  bottom: 0;
}

.carousel-item {
  position: absolute;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  opacity: 0.6;
  top: 0;
  font-weight: 400;
  font-size: 10px;
  transition: transform 0.4s ease, opacity 0.4s ease;
  width: 100%;
}

.carousel-item.active {
  font-weight: 700;
  font-size: 14px;
  color: #ffffff !important;
  opacity: 1 !important;
}

.carousel-item.visible {
  opacity: 0.6;
}

.card-item-kpm {
  height: 184px;
  background: #ffffff !important;
  border-radius: 8px !important;
  position: relative;
}

.card-item-kpm [class~=ant-card-body] {
  padding: 16px !important;
}

.card-item-kpm .kpmNewCard {
  height: 100%;
  background: #1f1f1f;
  overflow: hidden;
  z-index: 1;
  height: 170px;
  border-radius: 8px !important;
}

.card-item-kpm .kpmNewCard .kpmLive {
  background-color: #040404;
  border-radius: 6px;
  color: #fff !important;
  display: inline-block;
  padding: 2px 4px;
  font-size: 10px;
  line-height: 11.7px;
  font-weight: 700;
  z-index: 1;
}

.card-item-kpm .kpmNewCard .kpmLive [class~=dot] {
  height: 6px;
  width: 6px;
  background-color: #00b267;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
}

.card-item-kpm .kpmNewCard .kpmLive [class~=dot][class~=gray] {
  background-color: #999;
}

.card-item-kpm .kpmNewCard .bank {
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 10px;
  margin-left: unset;
  background-color: transparent;
  flex-wrap: nowrap;
}

.card-item-kpm .kpmNewCard .bank .mbanking {
  position: relative;
  padding: 4px 12px;
  font-style: normal;
  font-size: 10px;
  line-height: 11px;
  text-align: center;
  color: #fff;
  margin-right: 4px;
  font-weight: 400;
  background: #1f1f1f;
  border-radius: 12px;
}

.card-item-kpm .kpmNewCard .bank .mbanking::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
  padding: 2px;
  background: linear-gradient(106.14deg, #37c88b -30.1%, #638ae9 144.39%);
  -webkit-mask: linear-gradient(#1f1f1f 0 0) content-box, linear-gradient(#1f1f1f 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.card-item-kpm .kpmNewCard .kpmNewCardBG {
  position: absolute;
  top: 0px;
  right: 0px;
  filter: blur(122px);
  width: 100%;
  height: 100%;
  z-index: -1;
  background-size: 100%;
  background-repeat: no-repeat;
}

.card-item-kpm .kpmNewCard [class~=Avatar__antd] {
  border: 1px solid #fff;
  box-shadow: 0 0 8px #000;
  width: 74px !important;
  height: 74px !important;
}

.card-item-kpm .book-close-date {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  font-size: 10px;
  line-height: 11px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding: 4px 0px;
  background: linear-gradient(106.14deg, #37c88b -30.1%, #638ae9 144.39%);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  z-index: 2;
}

.card-item-kpm .al-footer {
  margin-top: 20px;
  display: flex;
  justify-content: flex-start;
  background-color: #ffffff;
}

.card-item-kpm .al-footer-kpm {
  background-color: transparent;
}

.card-item {
  max-width: 100%;
  height: 218px;
  background: #ffffff;
  border-radius: 16px !important;
  display: flex;
  flex-direction: column;
  position: relative;
}

.card-item .simpleNewCard {
  border-radius: 16px !important;
  height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.card-item .simpleNewCard [class~=ant-card-body] {
  border-radius: 16px;
  min-height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.card-item .simpleNewCard .padded {
  padding: 0px 8px;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.card-item .simpleNewCard .cardHeader {
  padding: 0px 16px;
  min-height: 64px;
  position: relative;
  align-items: flex-start;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
}

.card-item .simpleNewCard .cardHeader .Avatar__antd {
  position: absolute;
  top: 16px;
  left: 16px;
  width: 64px !important;
  height: 64px !important;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}

.card-item .simpleNewCard .cardHeader .bank {
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 16px;
  margin-left: unset;
  background-color: transparent;
  flex-wrap: nowrap;
}

.card-item .simpleNewCard .cardHeader .bank .mbanking {
  position: relative;
  padding: 4px 12px;
  font-style: normal;
  font-size: 10px;
  line-height: 11px;
  text-align: center;
  color: #fff;
  margin-right: 4px;
  font-weight: 400;
  background: #1f1f1f;
  border-radius: 12px;
}

.card-item .simpleNewCard .cardHeader .bank .mbanking::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
  padding: 2px;
  background: linear-gradient(106.14deg, #37c88b -30.1%, #638ae9 144.39%);
  -webkit-mask: linear-gradient(#1f1f1f 0 0) content-box, linear-gradient(#1f1f1f 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.card-item .simpleNewCard .al-footer {
  padding: 0px 16px;
  margin-top: 20px;
  display: flex;
  justify-content: flex-start;
  background-color: #ffffff;
  align-self: flex-end;
  margin-top: auto;
  width: 100%;
}

.card-item .simpleNewCard .al-footer-kpm {
  background-color: transparent;
}

.card-item .book-close-date {
  position: absolute;
  bottom: 0px;
  width: 100%;
  font-size: 10px;
  line-height: 11px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding: 4px 0px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

@media (max-width: 1024px) {
  .header {
    padding: 0 3.5rem;
  }
}
.card-item .ant-card-body {
  padding: 0px !important;
}

.card-item-square {
  max-width: 100%;
  height: 341px;
  background: #ffffff;
  border-radius: 16px !important;
  display: flex;
  flex-direction: column;
  position: relative;
}

.card-item-square .simpleNewCard {
  border-radius: 16px !important;
  height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.card-item-square .simpleNewCard [class~=ant-card-body] {
  border-radius: 16px;
  min-height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.card-item-square .simpleNewCard .padded {
  padding: 0px 8px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.card-item-square .simpleNewCard .cardHeader {
  position: relative;
  align-items: flex-start;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  aspect-ratio: 1/1;
  background-size: 100%;
  background-repeat: no-repeat;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  box-shadow: -1px 4.70588px 11.71px rgba(0, 0, 0, 0.23);
  height: 192px;
}

.card-item-square .simpleNewCard .cardHeader .Avatar__antd {
  position: absolute;
  top: 16px;
  left: 16px;
  width: 64px !important;
  height: 64px !important;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}

.card-item-square .simpleNewCard .cardHeader .mbanking {
  position: relative;
  padding: 4px 12px !important;
  font-style: normal;
  margin-top: 12px;
  margin-right: 12px;
  font-size: 10px;
  line-height: 11px;
  text-align: center;
  color: #fff;
  font-weight: 400;
  background: #1f1f1f;
  border-radius: 12px;
}

.card-item-square .simpleNewCard .cardHeader .mbanking::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
  padding: 2px !important;
  background: linear-gradient(106.14deg, #37c88b -30.1%, #638ae9 144.39%);
  -webkit-mask: linear-gradient(#1f1f1f 0 0) content-box, linear-gradient(#1f1f1f 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.card-item-square .simpleNewCard .al-footer {
  margin-bottom: 28px;
  padding: 0px 12px !important;
  margin-top: 20px;
  display: flex;
  justify-content: flex-start;
  background-color: #ffffff;
  align-self: flex-end;
  margin-top: auto;
  width: 100%;
}

.card-item-square .simpleNewCard .al-footer-kpm {
  background-color: transparent;
}

.card-item-square .book-close-date {
  position: absolute;
  bottom: 0px;
  width: 100%;
  font-size: 10px;
  line-height: 11px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding: 4px 0px !important;
  background: linear-gradient(106.14deg, #37c88b -30.1%, #638ae9 144.39%);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

@media (max-width: 1024px) {
  .header {
    padding: 0 3.5rem !important;
  }
  .withdrawal-modal-info-table .header {
    padding: 0 !important;
  }
}
.card-item-square .ant-card-body {
  padding: 0px !important;
}

.container-explore-footer {
  max-width: fit-content;
  align-items: stretch;
}

.container-explore-footer .colContainer {
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  min-height: 100%;
  align-self: stretch;
}

@media (max-width: 767px) {
  .container-explore-footer .colContainer {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
.container-explore-footer .colContainer .content {
  background-color: #f0ede4;
  border-radius: 8px;
  min-height: 100%;
  align-content: space-between;
}

@media (max-width: 767px) {
  .container-explore-footer .colContainer .content {
    background-color: transparent;
  }
}
.container-explore-footer .colContainer .content .textContent {
  padding: 34px;
}

@media (max-width: 767px) {
  .container-explore-footer .colContainer .content .textContent {
    padding: 16px;
  }
}
.container-explore-footer .colContainer .content .textContent .title {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #3761c8;
}

@media (max-width: 767px) {
  .container-explore-footer .colContainer .content .textContent .title {
    font-size: 16px;
    line-height: 22px;
  }
}
.container-explore-footer .colContainer .content .textContent .desc {
  font-size: 14px;
  line-height: 20px;
  color: #1f1f1f;
  margin-top: 8px;
}

@media (max-width: 767px) {
  .container-explore-footer .colContainer .content .textContent .desc {
    font-size: 12px;
    line-height: 18px;
  }
}
.container-explore-footer .colContainer .imgContainer {
  text-align: end;
  font-size: 0;
}

.container-explore-footer .colContainer .imgContainer .algoImg {
  line-height: 0;
  vertical-align: text-bottom;
}

@media (max-width: 767px) {
  .container-explore-footer .colContainer .imgContainer {
    text-align: center;
  }
}
.container-explore-footer .colContainer .btnContainer {
  display: flex;
  justify-content: center;
}

@media (max-width: 767px) {
  .container-explore-footer .colContainer .btnContainer {
    margin-bottom: 24px;
    margin-top: 32px;
  }
}
.container-explore-footer .colContainer .btnContainer .btn {
  padding: 9px 18px;
  display: block;
  text-align: center;
  background-color: #3761c8;
  border-color: #3761c8;
  border-radius: 10px;
  border-width: 0;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: #ffffff;
}

@media (max-width: 767px) {
  .container-explore-footer .colContainer .btnContainer .btn {
    background-color: #1f1f1f;
  }
}
.container-explore-footer .colContainer .btnContainer .btn:hover {
  cursor: pointer;
  color: #3761c8;
  border: 1px solid #3761c8 !important;
  background-color: #f0ede4 !important;
}

.container-explore-footer .colContainer:first-child {
  padding-left: 0;
}

@media (max-width: 1023px) {
  .container-explore-footer .colContainer:first-child {
    padding-left: 10px;
  }
}
.container-explore-footer .colContainer:last-child {
  padding-right: 0;
}

@media (max-width: 1023px) {
  .container-explore-footer .colContainer:last-child {
    padding-right: 10px;
  }
}
.modalContainer {
  width: 40% !important;
}

@media (max-width: 1023px) {
  .modalContainer {
    width: 70% !important;
  }
}
@media (max-width: 767px) {
  .modalContainer {
    width: 90% !important;
  }
}
.modalContainer [class~=ant-modal-header] {
  border: 0px;
}

.modalContainer [class~=ant-modal-body] {
  padding: 15px 24px;
}

.modalContainer [class~=ant-modal-content] {
  padding: 5px;
  border-radius: 16px;
}

.modalContainer [class~=ant-modal-content] [class~=ant-modal-close] {
  right: 28px;
  padding: inherit;
}

.modalContainer [class~=ant-modal-content] [class~=ant-modal-close] .closeIcon {
  font-size: 20px;
}

@media (max-width: 1023px) {
  .modalContainer [class~=ant-modal-content] [class~=ant-modal-close] {
    top: 0px;
  }
}
@media (max-width: 767px) {
  .modalContainer [class~=ant-modal-content] [class~=ant-modal-close] {
    top: 0px;
  }
}
.modalContainer [class~=ant-modal-title] {
  font-size: 18px;
  font-weight: 700;
}

.modalContainer [class~=ant-modal-footer] {
  border: 0px;
  text-align: center;
}

.modalContainer [class~=ant-modal-footer] .okBtn {
  color: #3761c8;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  border: 0;
  background-color: transparent;
  text-transform: uppercase;
}

.modalContainer [class~=ant-modal-footer] .okBtn:hover {
  cursor: pointer;
}

.modalContainer .modalText {
  white-space: pre-line;
  word-wrap: break-word;
  display: block;
  margin-bottom: 5px;
  line-height: 20px;
  color: #777777;
}

.tabsWrap {
  display: inline-block;
  width: 100%;
}

.tabsWrap [class~=ant-tabs-ink-bar] {
  display: none;
}

.tabsWrap [class~=ant-checkbox] + span {
  padding: 0;
}

.tabsWrap [class~=ant-tabs-nav]::before {
  border-bottom: 0px;
}

.tabsWrap [class~=ant-tabs-tab] {
  color: #999;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}

.tabsWrap [class~=ant-tabs-tab] [class~=label] {
  color: #999;
}

.tabsWrap [class~=ant-tabs-tab-active] {
  color: #3761c8 !important;
}

.tabsWrap [class~=ant-tabs-tab-active] [class~=ant-tabs-tab-btn] {
  color: #3761c8 !important;
}

.tabsWrap [class~=ant-tabs-tab-active] [class~=label] {
  color: #3761c8;
}

.tabsWrap [class~=ant-tabs-tab-active] span {
  color: #3761c8 !important;
}

.tabsWrap .checkbox {
  border: 0.5px solid #cccccc;
  border-radius: 36px;
  margin: 4px 10px;
  margin-left: 0px;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
}

.tabsWrap .checkbox [class~=ant-checkbox-inner],
.tabsWrap .checkbox [class~=ant-checkbox-checked],
.tabsWrap .checkbox [class~=ant-checkbox] {
  display: none;
}

.tabsWrap .checkbox div {
  padding: 9px 12px;
  border-radius: 36px;
}

.tabsWrap .checkbox .isChecked {
  background-color: #1f1f1f;
  color: #fff;
}

.tabsWrap .checkbox .notChecked {
  background: #ffffff;
  color: #1f1f1f;
  border: 0.5px solid #ccc;
}

.tabsWrap .checkbox .disabled {
  background-color: #ccc;
  color: #fff;
}

.clearAllBtn:hover {
  color: #f44336 !important;
}

.seeAllContainer {
  border-radius: 16px;
  background: #fff;
  padding: 24px;
}

.seeAllContainer [class~=account-details-tabs] {
  padding: 8px 16px;
  font-size: 12px;
  line-height: 18px;
  height: auto;
  margin-right: 20px;
}

.KycDetailsNoteBox {
  border: 1px solid #eeeae0;
  border-radius: 10px;
  padding: 16px;
}

.KycDetailsNoteBox .note-desc-text {
  color: #1f1f1f !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}

.kyccontainer-singpass {
  padding-top: 45px;
}

@media (max-width: 767px) {
  .kyccontainer-singpass {
    padding-top: 0;
  }
}
.kyccontainer-singpass .ant-form-item .ant-input-number-handler-wrap {
  z-index: -1 !important;
}

.kyccontainer-singpass .skipbtn {
  background: transparent !important;
  border-radius: 15px !important;
  text-align: center !important;
  color: #040404 !important;
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: 700 !important;
  padding: 16px !important;
  border: 2px solid #040404 !important;
  height: 60px !important;
  width: 406px !important;
}

.kyccontainer-singpass input#dateOfBirth {
  padding-left: 10px;
}

.kyccontainer-singpass input#noOfDependants {
  width: 406px !important;
  height: 56px !important;
}

@media (max-width: 767px) {
  .kyccontainer-singpass input#noOfDependants {
    width: 343px !important;
  }
}
.kyccontainer-singpass .selection_box1 {
  width: 406px;
  border-radius: 8px;
  border: 2px solid white;
  margin: 10px 0px;
  padding: 16px 0px;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .selection_box1 {
    width: 343px !important;
  }
}
.kyccontainer-singpass .selection_box1_error {
  width: 406px;
  border-radius: 8px;
  border: 2px solid red;
  margin: 10px 0px;
  padding: 16px 0px;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .selection_box1_error {
    width: 343px !important;
  }
}
.kyccontainer-singpass .plusIcon {
  border: 1px solid #1f1f1f;
  width: 25px;
  height: 25px;
  padding-top: 0px !important;
  padding-bottom: 8px !important;
  border-radius: 5px;
  display: inline-block;
  margin-top: 10px;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .plusIcon {
    width: 15px;
    height: 15px;
    margin-top: 16px;
  }
}
.kyccontainer-singpass .residency_input {
  width: 128px;
  height: 56px;
  border-radius: 14px;
  font-size: 10px;
  color: black !important;
  font-weight: 700;
  background-color: #ffffff;
  margin-top: 2px;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .residency_input {
    width: 110px !important;
  }
}
.kyccontainer-singpass .residency_container input#rc_select_11 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 34px !important;
  font-size: 14px !important;
  line-height: 20px !important;
  margin-top: 12px !important;
  font-weight: bold !important;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .residency_container input#rc_select_11 {
    margin-left: 15px !important;
  }
}
.kyccontainer-singpass .residency_input.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  width: 128px;
  height: 56px;
  border-radius: 10px;
  background-color: #ffffff;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .residency_input.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    width: 110px !important;
  }
}
.kyccontainer-singpass .residency_input .ant-select-selection-item {
  position: relative;
  top: 12px;
  font-size: 14px;
  color: black !important;
  font-weight: 700;
  left: 10px;
}

.kyccontainer-singpass .residency_input .ant-select-selection-placeholder {
  position: relative;
  top: 12px;
  font-size: 14px;
  color: black !important;
  font-weight: 700;
}

.kyccontainer-singpass .residency_input .ant-select-arrow {
  padding-right: 12px;
  font-size: 14px;
  color: #1f1f1f;
}

.kyccontainer-singpass .note_for_ind {
  padding: 24px 18px 26px;
  background: #ffffff;
  border-radius: 8px;
  margin-top: 58px;
  width: 405px;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .note_for_ind {
    margin: 0px auto;
  }
}
.kyccontainer-singpass .fundTransfer_input {
  width: 406px;
  height: 56px;
  border-radius: 14px;
  font-size: 10px;
  color: black !important;
  font-weight: 700;
  background-color: #ffffff;
}

.kyccontainer-singpass .fundTransfer_input input#countryOfCitizenship,
.kyccontainer-singpass .fundTransfer_input input#countryOfBirth {
  font-size: 14px;
  font-family: "Aktiv-Bold";
  position: relative;
  top: 12px;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .fundTransfer_input {
    width: 100%;
  }
}
.kyccontainer-singpass .fundTransfer_input1 {
  width: 406px;
  height: 56px;
  border-radius: 14px;
  font-size: 10px;
  color: black !important;
  font-weight: 700;
  background-color: rgba(204, 204, 204, 0.4);
}

.kyccontainer-singpass .fundTransfer_input1 input#countryOfCitizenship,
.kyccontainer-singpass .fundTransfer_input1 input#countryOfBirth {
  font-size: 14px;
  font-family: "Aktiv-Bold";
  position: relative;
  top: 12px;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .fundTransfer_input1 {
    width: 100%;
  }
}
.kyccontainer-singpass .countryDropDown #country,
.kyccontainer-singpass .countryDropDown #state,
.kyccontainer-singpass .countryDropDown #addressCountry,
.kyccontainer-singpass .countryDropDown #addressState {
  font-size: 14px;
  font-family: "Aktiv-Bold";
  position: relative;
  top: 12px;
}

.kyccontainer-singpass .tick_sign_set {
  position: absolute;
  top: 0px !important;
  right: 25px !important;
}

.kyccontainer-singpass .tick_sign_set {
  position: absolute;
  top: -3px !important;
  right: 25px !important;
}

.kyccontainer-singpass .fundTransfer_input.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  width: 406px;
  height: 56px;
  border-radius: 10px;
  background-color: #ffffff;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .fundTransfer_input.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    width: 100%;
  }
}
.kyccontainer-singpass .fundTransfer_input .ant-select-selection-item {
  position: relative;
  top: 12px;
  font-size: 14px;
  font-weight: 700;
}

.kyccontainer-singpass .fundTransfer_input .ant-select-selection-placeholder {
  position: relative;
  top: 12px;
  font-size: 14px;
  font-weight: 700;
}

.kyccontainer-singpass .fundTransfer_input .ant-select-arrow {
  font-size: 14px;
  color: #1f1f1f;
}

.kyccontainer-singpass .phone_number_code.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  height: 56px;
  border-radius: 10px;
  background-color: #ffffff;
}

.kyccontainer-singpass .phone_number_code .ant-select-selection-item {
  position: relative;
  top: 12px;
  font-size: 14px;
  color: black !important;
  font-weight: 700;
}

.kyccontainer-singpass .phone_number_code .ant-select-selection-placeholder {
  position: relative;
  top: 12px;
  font-size: 14px;
  color: black !important;
  font-weight: 700;
}

.kyccontainer-singpass .phone_number_code .ant-select-arrow {
  font-size: 14px;
  color: #1f1f1f;
}

.kyccontainer-singpass .selected {
  text-align: center;
  height: 32px;
  width: 68px;
  border-radius: 8px;
  color: white;
  background: black;
  cursor: pointer;
  padding-top: 5px;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .selected {
    width: 55px;
    padding-top: 1px;
    height: 25px;
  }
}
.kyccontainer-singpass .unselected {
  text-align: center;
  height: 32px;
  width: 68px;
  border-radius: 8px;
  color: black;
  cursor: pointer;
  background: white;
  padding-top: 5px;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .unselected {
    width: 55px;
    padding-top: 1px;
    height: 25px;
  }
}
.kyccontainer-singpass .selection_box {
  width: 406px;
  border-radius: 8px;
  border: 2px solid white;
  margin: 10px 0px;
  padding: 16px 0px;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .selection_box {
    width: 343px !important;
  }
}
.kyccontainer-singpass .ant-checkbox-checked,
.kyccontainer-singpass .ant-checkbox-inner,
.kyccontainer-singpass .ant-checkbox {
  width: 20px;
  height: 20px;
  border: none !important;
}

.kyccontainer-singpass .noBackSide .ant-checkbox-inner,
.kyccontainer-singpass .noBackSide .ant-checkbox {
  width: 20px;
  height: 20px;
  border-right: 1px solid #1f1f1f !important;
  border-bottom: 1px solid #1f1f1f !important;
  border-top: 1px solid #1f1f1f !important;
  border-left: 1px solid #1f1f1f !important;
  border-collapse: collapse !important;
}

.kyccontainer-singpass .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #ccc;
  border-color: #ccc;
}

.kyccontainer-singpass .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #3761c8;
  border-color: #3761c8;
}

.kyccontainer-singpass .info {
  background: white;
  color: black;
  width: 406px;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .info {
    width: 343px;
  }
}
.kyccontainer-singpass .videoRecordingHint {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 16px;
  position: static;
  width: 100%;
  height: 76px;
  left: calc(50% - 203px);
  top: 0px;
  background: #f0ede4;
  backdrop-filter: blur(10px);
  border-radius: 8px;
  margin: 8px 0px;
}

.kyccontainer-singpass .videoRecordingOtp {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  position: static;
  width: 406px;
  height: 40px;
  left: calc(50% - 203px);
  top: 64px;
  background: #f0ede4;
  backdrop-filter: blur(10px);
  border-radius: 8px;
  margin: 8px 0px;
}

.kyccontainer-singpass .addressOptionsHolder {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  padding: 21px 60px 16px 60px;
  position: static;
  width: 406px !important;
  height: 96px;
  left: 0px;
  top: 0px;
  background: #ffffff;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  margin: 16px 0px;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .addressOptionsHolder {
    width: 343px !important;
    margin: 20px auto;
  }
}
.kyccontainer-singpass .idUploaderContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 32px 48px;
  position: static;
  width: 406px;
  left: 0px;
  top: 128px;
  background: #ffffff;
  border-radius: 8px;
  margin: 40px 0px;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .idUploaderContainer {
    width: 343px;
  }
}
.kyccontainer-singpass .idUploaderContainerIdentity {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: static;
  left: 0px;
  top: 128px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .idUploaderContainerIdentity {
    padding-right: 8px;
  }
}
.kyccontainer-singpass .idHolderContainer {
  position: static;
  width: 164px;
  height: 224px;
  left: 0px;
  top: 0px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  cursor: pointer;
  padding: 30px 0px;
  background: #ffffff;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  margin: 0px 16px 0px 0px;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .idHolderContainer {
    margin: 0px 8px 0px 0px;
  }
}
.kyccontainer-singpass .inputDetails {
  position: static;
  width: 406px;
  height: 56px;
  left: calc(50% - 203px);
  top: 0px;
  background: rgba(204, 204, 204, 0.4);
  border-radius: 10px;
  margin: 2px 0px;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .inputDetails {
    width: 343px;
  }
}
.kyccontainer-singpass .inputDetails1 {
  position: static;
  width: 406px;
  height: 56px;
  left: calc(50% - 203px);
  top: 0px;
  background: #ffffff;
  border-radius: 10px;
  margin: 2px 0px;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .inputDetails1 {
    width: 100%;
  }
}
.kyccontainer-singpass .inputDetails1Identity {
  position: static;
  width: 406px;
  height: 56px;
  left: calc(50% - 203px);
  top: 0px;
  background: #ffffff;
  border-radius: 10px;
  margin: 2px 0px;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .inputDetails1Identity {
    width: 100%;
  }
}
.kyccontainer-singpass .phone_number_details {
  position: static;
  width: 100%;
  height: 56px;
  left: calc(50% - 203px);
  top: 0px;
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #ccc;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .phone_number_details {
    width: 343px;
  }
}
.kyccontainer-singpass .phone_number_details_intl {
  display: none;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .phone_number_details_intl {
    width: 343px;
  }
}
.kyccontainer-singpass .intl-tel-input .selected-flag .iti-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 24px;
}

.kyccontainer-singpass .intl-tel-input .iti-flag::before {
  content: "";
  width: 100%;
  display: block;
  height: 56px;
  position: absolute;
}

.kyccontainer-singpass .phone_number_code {
  height: 56px;
  border-radius: 14px;
  font-size: 10px;
  color: black !important;
  font-weight: 700;
  background-color: #ffffff;
}

.kyccontainer-singpass .phone_number_code input#countryOfCitizenship,
.kyccontainer-singpass .phone_number_code input#countryOfBirth {
  font-size: 14px;
  font-family: "Aktiv-Bold";
  position: relative;
  top: 12px;
}

.kyccontainer-singpass .intl-tel-input .flag-container .arrow {
  font-size: 0px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 11px;
  width: 0;
  height: 0;
  border-right: 5px solid transparent;
}

.kyccontainer-singpass .selected-flag {
  margin-top: -22%;
  height: 56px !important;
  background-color: #fff !important;
  border-radius: 10px;
  border: 1px solid #ccc;
  width: 100% !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1f1f1f !important;
  display: flex !important;
  justify-content: center !important;
}

.kyccontainer-singpass .inputNumner1 {
  position: static;
  width: 100%;
  max-width: 406px;
  height: 56px;
  left: calc(50% - 203px);
  top: 0px;
  background: #ffffff;
  border-radius: 10px;
  margin: 2px 0px;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .inputNumner1 {
    width: 343px;
  }
}
.kyccontainer-singpass .inputDetailsTax {
  position: static;
  width: 214px;
  height: 56px;
  left: calc(50% - 203px);
  top: 0px;
  background: #ffffff;
  border-radius: 10px;
  margin: 2px 0px;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .inputDetailsTax {
    width: 180px;
  }
}
.kyccontainer-singpass .breakdownBox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  position: static;
  width: 406.5px;
  height: 202px;
  left: 0px;
  background: #ffffff;
  border-radius: 16px;
}

.kyccontainer-singpass .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 72px;
  position: static;
  width: 406px;
  height: 56px;
  left: 0px;
  background: #1f1f1f;
  border-radius: 14px;
  margin: 40px 0px 70px 0px;
}

.kyccontainer-singpass .btn .btntxt {
  position: static;
  width: 104px;
  height: 28px;
  left: calc(50% - 52px);
  top: calc(50% - 14px);
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #f0ede4;
  margin: 0px 10px;
}

.kyccontainer-singpass h6.topSmall {
  font-size: 10px;
  line-height: 16px;
  color: #638ae9 !important;
}

.kyccontainer-singpass h6.bottomSmall {
  font-size: 14px;
  color: #777777;
}

.kyccontainer-singpass h1 {
  width: 400px;
  line-height: 35px;
}

.kyccontainer-singpass span.numberInt {
  font-size: 18px;
  font-weight: 700;
  margin-right: 7px;
}

.kyccontainer-singpass span.numberStr {
  position: relative;
  top: 5px;
  color: #999999;
  font-weight: 600;
}

.kyccontainer-singpass .btnCustom {
  text-align: center;
  background: white;
  padding: 20px;
  width: 93%;
  height: 70px;
  margin-top: 16px;
  border-radius: 8px;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  cursor: pointer;
}

.kyccontainer-singpass .btnCustomLarge {
  text-align: center;
  background: white;
  padding: 20px;
  width: 96%;
  height: 70px;
  margin-top: 16px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  cursor: pointer;
}

.kyccontainer-singpass .btnCustomClick {
  background: #cccccc !important;
  width: 96% !important;
  border-radius: 5px !important;
  text-align: center !important;
  color: white !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  padding: 16px !important;
  margin-top: 35px !important;
  cursor: pointer !important;
  height: 60px !important;
  width: 100% !important;
}

.kyccontainer-singpass .backArrow .icon-span {
  margin-right: 10px;
  font-size: 20px;
  color: #3761c8;
}

.kyccontainer-singpass .backArrow .text-span {
  margin-right: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #3761c8;
}

.kyccontainer-singpass .backArrow {
  margin-top: 33px;
  cursor: pointer;
}

.kyccontainer-singpass .active1,
.kyccontainer-singpass .active2,
.kyccontainer-singpass .active3,
.kyccontainer-singpass .active4,
.kyccontainer-singpass .active0 {
  background: #000000;
}

.kyccontainer-singpass .active1 .numberInt,
.kyccontainer-singpass .active2 .numberInt,
.kyccontainer-singpass .active3 .numberInt,
.kyccontainer-singpass .active4 .numberInt,
.kyccontainer-singpass .active0 .numberInt {
  color: #ffffff;
}

.kyccontainer-singpass .active1 .numberStr,
.kyccontainer-singpass .active2 .numberStr,
.kyccontainer-singpass .active3 .numberStr,
.kyccontainer-singpass .active4 .numberStr,
.kyccontainer-singpass .active0 .numberStr {
  color: #999999;
}

.kyccontainer-singpass .backArrowHeight {
  height: 20px !important;
  margin-left: 50px;
  margin-top: 20px !important;
}

.kyccontainer-singpass .btnCustomClickEnabled {
  background: #000000 !important;
  width: 406px !important;
  border-radius: 14px !important;
  text-align: center !important;
  color: #f0ede4 !important;
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: 600 !important;
  padding: 16px !important;
  margin-top: 35px !important;
  cursor: pointer !important;
  height: 60px !important;
  border-color: #000000 !important;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .btnCustomClickEnabled {
    width: 343px !important;
  }
}
.kyccontainer-singpass .btnCustomClickEnabledIdentity {
  background: #000000 !important;
  width: 406px !important;
  border-radius: 14px !important;
  text-align: center !important;
  color: #f0ede4 !important;
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: 600 !important;
  padding: 16px !important;
  margin-top: 35px !important;
  cursor: pointer !important;
  height: 60px !important;
  border-color: #000000 !important;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .btnCustomClickEnabledIdentity {
    width: 100% !important;
  }
}
.kyccontainer-singpass .btnCustomClickEnabledLater {
  width: 406px !important;
  text-align: center !important;
  font-size: 16px !important;
  line-height: 20px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .btnCustomClickEnabledLater {
    width: 343px !important;
  }
}
@media (max-width: 767px) {
  .kyccontainer-singpass .ant-form-item-control-input-content {
    /* display: flex; */
    justify-content: center;
  }
}
.kyccontainer-singpass .btnReUpload {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #3761c8;
  text-align: center;
  margin-top: 16px;
}

.kyccontainer-singpass .btnReUpload.bordered {
  border: 1px solid #3761c8;
  border-radius: 10px;
}

.kyccontainer-singpass .another_btn {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #3761c8;
  text-align: center;
  width: 406px;
  margin-top: 16px;
}

.kyccontainer-singpass .btnCustomClickDIsabled {
  background: #cccccc !important;
  width: 406px !important;
  border-radius: 14px !important;
  text-align: center !important;
  color: #ffffff !important;
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: 600 !important;
  padding: 16px !important;
  margin-top: 35px !important;
  cursor: not-allowed !important;
  height: 60px !important;
  border: none !important;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .btnCustomClickDIsabled {
    width: 343px !important;
  }
}
.kyccontainer-singpass .customCheckBox {
  width: 406px;
  background: white;
  margin-bottom: 16px;
  padding: 20px;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  cursor: pointer;
  padding: 16px 25px;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .customCheckBox {
    width: 343px !important;
    padding: 8px 25px;
  }
}
.kyccontainer-singpass .customCheckBoxActive {
  width: 406px;
  color: #ffffff;
  background: #1f1f1f;
  margin-bottom: 16px;
  padding: 20px;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  cursor: pointer;
  padding: 16px 25px;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .customCheckBoxActive {
    width: 343px !important;
    padding: 8px 25px;
  }
}
.kyccontainer-singpass .countrySelectionBox {
  width: 406px;
  background-color: rgb(247, 245, 242);
  border: 1px solid #1f1f1f;
  background-color: #ffffff;
  height: 40px;
  border-radius: 10px;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .countrySelectionBox {
    width: 343px !important;
  }
}
.kyccontainer-singpass .activeSelection {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 11px 24px;
  position: relative;
  width: 203px;
  height: 40px;
  bottom: 1px;
  background: #1f1f1f;
  border-radius: 10px;
  color: #ffffff;
  cursor: pointer;
  margin: 0px 0px;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .activeSelection {
    width: 171px !important;
  }
}
.kyccontainer-singpass .activeSelection.not-allowed {
  cursor: not-allowed !important;
}

.kyccontainer-singpass .inactiveSelection {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 11px 24px;
  position: relative;
  width: 203px;
  height: 37px;
  bottom: 0px;
  background: #ffffff;
  border-radius: 10px;
  color: #1f1f1f;
  cursor: pointer;
  margin: 0px 0px;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .inactiveSelection {
    width: 171px !important;
  }
}
.kyccontainer-singpass .inactiveSelection.not-allowed {
  cursor: not-allowed !important;
}

@media (max-width: 1023px) {
  .kyccontainer-singpass .centerContentMobile {
    display: flex;
    flex-direction: column;
  }
}
.kyccontainer-singpass .flag-tax-details {
  position: absolute;
  z-index: 2;
  top: 44px;
  left: 20px;
  font-size: 21px;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .flag-tax-details {
    font-size: 16px;
    top: 48px;
    left: 8px;
  }
}
.kyccontainer-singpass .activeMAKING_INVESTMENTS,
.kyccontainer-singpass .activePURCHASE_OF_HOUSE,
.kyccontainer-singpass .activeFINANCE_EXPENSES,
.kyccontainer-singpass .activeHAVENT_BORROWED,
.kyccontainer-singpass .active0K_200K,
.kyccontainer-singpass .active0K_10M,
.kyccontainer-singpass .active0K_1M,
.kyccontainer-singpass .active200K_1M,
.kyccontainer-singpass .active10M_60M,
.kyccontainer-singpass .active1M_2M,
.kyccontainer-singpass .active60M_110M,
.kyccontainer-singpass .active6M_10M,
.kyccontainer-singpass .active2M_MORE,
.kyccontainer-singpass .active110M_MORE,
.kyccontainer-singpass .active10M_MORE {
  background: black;
  margin-bottom: 16px;
  padding: 20px;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  cursor: pointer;
  padding-left: 100px;
  padding-bottom: 16px;
}

.kyccontainer-singpass .activeMAKING_INVESTMENTS span,
.kyccontainer-singpass .activePURCHASE_OF_HOUSE span,
.kyccontainer-singpass .activeFINANCE_EXPENSES span,
.kyccontainer-singpass .activeHAVENT_BORROWED span,
.kyccontainer-singpass .active2M_MORE span,
.kyccontainer-singpass .active1M_2M span,
.kyccontainer-singpass .active200K_1M span,
.kyccontainer-singpass .active0K_200K span,
.kyccontainer-singpass .active0K_10M span,
.kyccontainer-singpass .active0K_1M span,
.kyccontainer-singpass .active10M_60M span,
.kyccontainer-singpass .active60M_110M span,
.kyccontainer-singpass .active6M_10M span,
.kyccontainer-singpass .active110M_MORE span,
.kyccontainer-singpass .active10M_MORE span {
  color: white;
}

.kyccontainer-singpass .borrowMoneyBoxSpan {
  position: relative;
  top: -19px;
  left: 7px;
  font-size: 15px;
  font-weight: 500;
}

.kyccontainer-singpass .liquidNetWorthBoxSpan {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .liquidNetWorthBoxSpan {
    font-size: 16px;
  }
}
.kyccontainer-singpass .liquidNetWorthBoxSpan-flag {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.kyccontainer-singpass .liquidNetWorthBoxSpanAed {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.kyccontainer-singpass .liquidNetWorthBoxSpanAed-flag {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.kyccontainer-singpass .btnCol {
  text-align: center;
}

.kyccontainer-singpass span.lossOfNetWorthBoxIcon {
  font-size: 19px;
  font-weight: 600;
  float: left;
}

.kyccontainer-singpass span.lossOfNetWorthBoxSpan {
  font-size: 15px;
  font-weight: 700;
  padding-left: 100px;
}

.kyccontainer-singpass .customCheckBoxForLossOfNetWorth,
.kyccontainer-singpass .customCheckBoxExperience {
  background: white;
  margin-bottom: 16px;
  padding: 20px;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  cursor: pointer;
  padding-bottom: 16px;
}

.kyccontainer-singpass .customCheckBoxExperience {
  height: 86px;
}

.kyccontainer-singpass .activeLossOfNetWorthNO_LOSS,
.kyccontainer-singpass .activeLossOfNetWorthLOST_LESS_THAN_10,
.kyccontainer-singpass .activeLossOfNetWorthLOST_BETWEEN_10_20,
.kyccontainer-singpass .activeLossOfNetWorthLOST_MORE_THAN_20,
.kyccontainer-singpass .activeExperienceSIGNIFICANT_EXPERIENCE,
.kyccontainer-singpass .activeExperienceBASIC_EXPERIENCE,
.kyccontainer-singpass .activeExperienceLITTLE_OR_NO_EXPERIENCE {
  background: black;
  margin-bottom: 16px;
  padding: 20px;
  box-shadow: 0px 5px 15px rgba(66, 52, 36, 0.09);
  border-radius: 8px;
  cursor: pointer;
  padding-bottom: 16px;
}

.kyccontainer-singpass .activeLossOfNetWorthLOST_MORE_THAN_20 span.lossOfNetWorthBoxSubtext {
  color: #999999;
  font-size: 12px;
  margin-left: 7px;
  font-weight: 600;
}

.kyccontainer-singpass span.lossOfNetWorthBoxSubtext {
  color: #999999;
  font-size: 12px;
  margin-left: 7px;
  font-weight: 600;
}

.kyccontainer-singpass .activeExperienceSIGNIFICANT_EXPERIENCE,
.kyccontainer-singpass .activeExperienceBASIC_EXPERIENCE,
.kyccontainer-singpass .activeExperienceLITTLE_OR_NO_EXPERIENCE {
  height: 86px;
}

.kyccontainer-singpass .activeLossOfNetWorthNO_LOSS span,
.kyccontainer-singpass .activeLossOfNetWorthLOST_LESS_THAN_10 span,
.kyccontainer-singpass .activeLossOfNetWorthLOST_BETWEEN_10_20 span,
.kyccontainer-singpass .activeLossOfNetWorthLOST_MORE_THAN_20 span {
  color: white;
}

.kyccontainer-singpass h6.exp-title {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 0px;
}

.kyccontainer-singpass p.exp-text {
  margin-bottom: 0px;
}

.kyccontainer-singpass p.exp-subtitle {
  color: #999999;
}

.kyccontainer-singpass .activeExperienceSIGNIFICANT_EXPERIENCE h6,
.kyccontainer-singpass .activeExperienceSIGNIFICANT_EXPERIENCE p,
.kyccontainer-singpass .activeExperienceBASIC_EXPERIENCE h6,
.kyccontainer-singpass .activeExperienceBASIC_EXPERIENCE p,
.kyccontainer-singpass .activeExperienceLITTLE_OR_NO_EXPERIENCE h6,
.kyccontainer-singpass .activeExperienceLITTLE_OR_NO_EXPERIENCE p {
  color: white;
}

.kyccontainer-singpass .multi-select h6.exp-title {
  float: left;
  margin-right: 12px;
  margin-bottom: 14px;
  padding: 10px 22px;
  background: white;
  border-radius: 34px;
  cursor: pointer;
}

.kyccontainer-singpass .selected4,
.kyccontainer-singpass .selected5,
.kyccontainer-singpass .selected1,
.kyccontainer-singpass .selected2,
.kyccontainer-singpass .selected3,
.kyccontainer-singpass .selected6,
.kyccontainer-singpass .selected8,
.kyccontainer-singpass .selected7,
.kyccontainer-singpass .selected9 {
  float: left;
  margin-right: 12px;
  margin-bottom: 14px;
  padding: 10px 22px;
  background: black;
  border-radius: 34px;
  cursor: pointer;
  color: white;
  font-size: 15px;
  font-weight: 700;
}

.kyccontainer-singpass .risk-status-img-container {
  position: absolute;
  left: 60%;
  top: -18%;
}

.kyccontainer-singpass p.low-risk span {
  background: #c3efdc;
  color: #00b267;
  padding: 7px 20px;
  border-radius: 23px;
  font-size: 16px;
}

.kyccontainer-singpass p.low-risk {
  margin-top: 16px;
}

.kyccontainer-singpass h1.risk-profile-state {
  font-weight: 900;
  font-size: 40px;
}

.kyccontainer-singpass p.retake-rp {
  color: #3761c8;
  margin-top: 14px;
  font-size: 16px;
}

.kyccontainer-singpass .slider-container {
  margin-top: 100px;
}

.kyccontainer-singpass .slider-custom .ant-slider-step {
  background: black;
  height: 2px;
}

.kyccontainer-singpass .slider-custom .ant-slider-dot {
  background: black;
  border: 2px solid #000000;
  height: 14px;
  border-radius: 0px;
  width: 1px;
  top: -6px;
}

.kyccontainer-singpass .slider-custom .ant-slider-handle {
  border: 15px solid #000000 !important;
  height: 40px;
  width: 40px;
  top: -10px;
}

.kyccontainer-singpass .slider-custom .ant-slider-handle:focus {
  border-color: #000000;
  box-shadow: 0 0 0 5px rgba(3, 13, 22, 0.12);
}

.kyccontainer-singpass .slider-custom .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: #000000;
}

.kyccontainer-singpass .slider-custom .ant-slider-track {
  height: 0px;
}

.kyccontainer-singpass .custom-toop-tip {
  position: relative;
}

.kyccontainer-singpass .custom-toop-tip .toolTips {
  background: black;
  color: #ffffff;
  position: relative;
  top: -90px;
  padding: 3px;
  border-radius: 7px;
}

.kyccontainer-singpass .custom-toop-tip .toolTips p {
  text-align: center;
  width: 110px;
  margin-bottom: 0px;
}

.kyccontainer-singpass .custom-toop-tip .toolTips .toolTipsPercent {
  background: white;
  color: black;
  padding: 0px 10px;
  border-radius: 10px;
  margin-right: 8px;
}

.kyccontainer-singpass .custom-toop-tip .toolTips .toolTipsPercentGray {
  background: #999999;
  color: black;
  padding: 0px 10px;
  border-radius: 10px;
  margin-right: 8px;
}

.kyccontainer-singpass .custom-toop-tip .toolTips .tooltip-point {
  width: 10px;
  height: 10px;
  position: absolute;
  background: black;
  left: 45%;
  rotate: 23%;
  transform: rotate(-45deg);
  top: 45px;
}

.kyccontainer-singpass .aiCheckScreen p {
  color: #777777;
}

.kyccontainer-singpass .aiCheckScreen h6.innerHeading {
  font-size: 16px;
  margin-bottom: 0px;
}

.kyccontainer-singpass .aiCheckScreen .btnCustomClickEnabled.btnBackgroundWhite {
  background: #ffffff !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
}

.kyccontainer-singpass .aiCheckScreen .btnCustomClickEnabled {
  border: 2px solid #000000 !important;
}

.kyccontainer-singpass .aiCheckScreen .aiPoints {
  margin-top: 50px;
}

.kyccontainer-singpass .uploadWrap {
  margin-top: 20px;
  background: white;
}

.kyccontainer-singpass .uploadWrap .ant-upload.ant-upload-drag {
  position: static;
  width: 342px;
  height: 248px;
  left: calc(50% - 171px);
  top: 64px;
  background: rgba(204, 204, 204, 0.15);
  border: 1px dashed #cccccc;
  box-sizing: border-box;
  border-radius: 8px;
  margin: 24px 0px;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .uploadWrap .ant-upload.ant-upload-drag {
    width: 310px !important;
  }
}
.kyccontainer-singpass .uploadWrap Button {
  margin-top: 20px;
  margin-bottom: 20px;
  background: #3761c8;
  border-color: #3761c8;
  padding: 8px 28px 30px 28px;
  border-radius: 5px;
}

.kyccontainer-singpass .uploadWrap div.ant-upload-hint {
  width: 163px;
  text-align: center;
  margin: 0 auto;
}

.kyccontainer-singpass .uploadWrap p.ant-upload-drag-icon .anticon {
  color: #000000;
  font-size: 48px;
}

.kyccontainer-singpass .uploadWrap .ant-upload-btn {
  display: table;
  height: 100%;
  padding: 30px;
}

.kyccontainer-singpass .uploadWrapIdentity .ant-upload.ant-upload-drag {
  height: 150px;
  background: none;
  border: none;
  box-sizing: none;
  border-radius: none;
  margin: none;
  width: 100%;
}

@media (max-width: 767px) {
  .kyccontainer-singpass .uploadWrapIdentity .ant-upload.ant-upload-drag {
    width: 100% !important;
    height: 120px;
  }
}
.kyccontainer-singpass .uploadWrapIdentity Button {
  margin-top: 16px;
  background: #3761c8;
  border-color: #3761c8;
  padding: 8px 28px 30px 28px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 700;
}

.kyccontainer-singpass .btnEnable {
  margin-top: 16px;
  background: #3761c8;
  border-color: #3761c8;
  padding: 8px 28px 30px 28px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #f0ede4;
}

.kyccontainer-singpass .btnDisable {
  margin-top: 16px !important;
  background: #ccc !important;
  border-color: #ccc !important;
  padding: 8px 28px 30px 28px !important;
  border-radius: 10px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #f0ede4 !important;
}

.kyccontainer-singpass .uploadWrapIdentity {
  width: 100%;
}

.kyccontainer-singpass .uploadWrapIdentity div.ant-upload-hint {
  text-align: center;
  margin: 0 auto;
}

.kyccontainer-singpass .uploadWrapIdentity p.ant-upload-drag-icon .anticon {
  color: #000000;
  font-size: 48px;
}

.kyccontainer-singpass .uploadWrapIdentity .ant-upload-btn {
  display: table;
  height: 100%;
  padding: 16px;
}

.kyccontainer-singpass .rpComplete h1 {
  color: #3761c8;
  font-size: 34px;
  line-height: 40px;
  width: 100%;
}

.kyccontainer-singpass .rpComplete button {
  background: #000000 !important;
  border-radius: 5px !important;
  text-align: center !important;
  color: white !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  padding: 16px !important;
  margin-top: 35px !important;
  cursor: pointer !important;
  height: 60px !important;
  width: 75% !important;
  border-color: #000000 !important;
}

.kyccontainer-singpass span.rightPattern {
  position: absolute;
  right: 0;
}

.kyccontainer-singpass span.leftPattern {
  position: absolute;
  left: 0;
}

.kyccontainer-singpass span.rightPattern img,
.kyccontainer-singpass span.leftPattern img {
  height: 800px !important;
}

.kyccontainer-singpass p.learnMoreAbtAI {
  color: #3761c8 !important;
  text-align: center;
  margin-top: 20px;
  font-size: 15px;
}

.income_model .ant-modal-content {
  border-radius: 20px;
  padding: 15px 15px 0px 15px !important;
}

.income_model .modal_ok {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: #3761c8;
  cursor: pointer;
}

.income_model button.ant-modal-close {
  margin-right: 20px;
  margin-top: 20px;
}

.otp-modal-container span.wrong_otp_msg {
  float: left;
  width: 220px;
  text-align: left;
  color: #db5454;
}

.otp-modal-container .ant-modal-header {
  border: 0px;
  font-family: "Aktiv-Bold";
}

.otp-modal-container .ant-modal-body {
  padding-top: 0px;
}

.modal-container-text {
  color: #777777;
  margin-bottom: 32px;
}

.otp-modal-container {
  width: 609px !important;
}

.ant-modal.otp-modal-container .ant-modal-content {
  padding: 28px;
  border-radius: 16px;
}

.modal-container-text p {
  font-size: 16px;
}

.otp-modal-container .ant-modal-title {
  font-size: 18px;
  font-family: "Aktiv-Bold" !important;
}

.resend-verification-code {
  color: #3761c8;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

.otp-modal-container .ant-modal-footer {
  border: 0px;
}

.otp-modal-submit {
  background: #3761c8 !important;
  border-color: #3761c8 !important;
  border-radius: 8px !important;
  padding: 0px 22px !important;
  font-family: "Aktiv-Bold";
}

@media (max-width: 767px) {
  .otp-modal-submit {
    padding: 0px 12px !important;
  }
}
.opt-input-container {
  position: relative;
}

.opt-input-container .loader-container {
  position: absolute;
  width: 100%;
  top: 90px;
  right: 0;
  left: 0;
  text-align: center;
}

.react-otp-container {
  width: 53%;
  margin: 0 auto;
}

.react-otp-input,
.react-otp-input-error,
.react-otp-input-verified {
  border: 1px solid rgba(196, 196, 196, 0.3);
  border-radius: 6px;
  width: 100% !important;
  margin: 5px;
  padding: 12px 0px;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  font-size: 24px;
  line-height: 32px;
}

.react-otp-input-error {
  border: 1px solid #d64e24 !important;
}

.react-otp-input-verified {
  border: 1px solid #229c74;
}

.verified-chip,
.wrong-otp-chip {
  padding: 4px 8px;
  margin-top: 10px;
  color: #ffffff;
  font-weight: 500;
  border-radius: 25px;
}

.verified-chip {
  background-color: #229c74;
}

.wrong-otp-chip {
  background-color: #d64e24;
}

.billingTypeInfo li {
  list-style: none;
  margin-bottom: 22px;
  color: #777777;
}

.billingTypeInfo li span.tick-bi {
  color: #3761c8;
  margin-right: 16px;
}

.billingTypeInfo ul {
  padding-left: 0px;
  margin-top: 30px;
}

.billingTypeInfo .ant-modal-header {
  border: 0px;
  padding-bottom: 0px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  padding: 40px 40px 0px 40px;
}

.bi-content p {
  color: #777777;
}

.billingTypeInfo .ant-modal-footer {
  border: 0px;
  padding: 0px 40px 22px 40px;
}

.billingTypeInfo button.ant-btn {
  border: 0px;
  color: #3761c8;
}

.billingTypeInfo button.ant-btn.ant-btn-primary {
  background: #3761c8;
  border: 1px solid #3761c8;
  border-radius: 7px;
  color: white !important;
}

.ant-modal.billingTypeInfo .ant-modal-content {
  border-radius: 7px !important;
}

.billingTypeInfo .ant-modal-body {
  padding: 16px 24px 40px 40px;
}

.forAiPoints li span {
  width: 90%;
  display: inline-block;
}

.forAiPoints span.tick-bi {
  width: 5% !important;
  position: relative;
  top: -18px;
}

.ant-modal.billingTypeInfo {
  width: 622px !important;
}

.video-recorder__Wrapper-sc-7k20rv-0 {
  border-radius: 10px !important;
}

.confirmationScreen {
  height: 90vh;
}

.confirmationScreen .celebratePattern {
  position: absolute;
  right: 200px;
  top: 230px;
}

@media (max-width: 1024px) {
  .confirmationScreen .celebratePattern {
    right: 100px;
  }
}
@media (max-width: 1023px) {
  .confirmationScreen .celebratePattern {
    top: 200px;
    right: calc(60% - 200px);
  }
}
@media (max-width: 567px) {
  .confirmationScreen .celebratePattern {
    top: 130px;
    right: 80px;
  }
}
.confirmationScreen .confirmation_contenet {
  margin: auto 0px;
  position: absolute;
  top: 230px;
  left: 180px;
}

@media (max-width: 1023px) {
  .confirmationScreen .confirmation_contenet {
    margin: 170px 0px;
  }
}
@media (max-width: 767px) {
  .confirmationScreen .confirmation_contenet {
    left: 120px;
    margin: 80px 0px;
  }
}
@media (max-width: 567px) {
  .confirmationScreen .confirmation_contenet {
    left: 40px;
  }
}
.confirmationScreen .confirmation_btn {
  background: #000000 !important;
  border-radius: 15px !important;
  text-align: center !important;
  color: white !important;
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: 700 !important;
  padding: 5px 16px !important;
  margin-top: 35px !important;
  cursor: pointer !important;
  height: 56px !important;
  width: 406px !important;
  border-color: #000000 !important;
}

.confirmationScreen_slotbooked {
  height: 90vh;
}

@media (max-width: 1024px) {
  .confirmationScreen_slotbooked .celebratePattern {
    right: 100px;
  }
}
@media (max-width: 1023px) {
  .confirmationScreen_slotbooked .celebratePattern {
    top: 200px;
    right: calc(60% - 200px);
  }
}
@media (max-width: 567px) {
  .confirmationScreen_slotbooked .celebratePattern {
    top: 130px;
    right: 80px;
  }
}
.confirmationScreen_slotbooked .confirmation_contenet {
  margin: auto 0px;
  position: absolute;
  top: 100px;
  left: 180px;
}

@media (max-width: 1023px) {
  .confirmationScreen_slotbooked .confirmation_contenet {
    margin: 170px 0px;
  }
}
@media (max-width: 767px) {
  .confirmationScreen_slotbooked .confirmation_contenet {
    left: 120px;
    margin: 80px 0px;
  }
}
@media (max-width: 567px) {
  .confirmationScreen_slotbooked .confirmation_contenet {
    left: 40px;
  }
}
.confirmationScreen_slotbooked .confirmation_btn {
  background: #000000 !important;
  border-radius: 15px !important;
  text-align: center !important;
  color: white !important;
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: 700 !important;
  padding: 5px 16px !important;
  margin-top: 35px !important;
  cursor: pointer !important;
  height: 56px !important;
  width: 406px !important;
  border-color: #000000 !important;
}

.uploadFileName {
  max-width: 350px;
  word-break: break-all;
  margin: 40px 0px 0px 0px;
}

.uploadFilePassword {
  border: 1px solid #fff;
  width: 100%;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  border-radius: 12px;
  padding: 17px 24px 17px 20px;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
  font-weight: 700;
  background-color: #fff;
  letter-spacing: 0.1em;
  height: 54px;
  border: 1px solid #1f1f1f !important;
}

.uploadFilePassword input.ant-input {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: #1f1f1f;
}

.uploadFileMain {
  background: #fff;
  padding: 16px 24px;
  border-radius: 8px;
}

.uploadFileMain object {
  overflow: hidden;
}

.uploadFileNameIdentity {
  word-break: break-all;
  margin: 24px 0px 0px 0px;
  text-align: left;
}

@media (max-width: 767px) {
  .uploadFileNameIdentity {
    max-width: 100%;
    text-align: left;
    margin: 0px;
  }
}
.show_identity_container .show_file {
  height: 80px;
  background: #ffffff;
  border-radius: 8px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .show_identity_container .hide-mobile {
    display: none !important;
  }
  .show_identity_container .form-center {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .show_identity_container .height-full-mobile {
    height: 100vh !important;
  }
  .show_identity_container .preferences-container {
    padding-top: 10px;
  }
  .show_identity_container .textcenter-tab {
    text-align: center !important;
  }
  .show_identity_container .mt-30-tab {
    margin-top: 30px !important;
  }
  .show_identity_container .btngoogle-tab {
    justify-content: center !important;
  }
  .show_identity_container .btngoogle-tab img {
    margin-right: 5px !important;
  }
  .show_identity_container .btngoogle-tab span {
    margin-left: 5px !important;
  }
  .show_identity_container .tab-container {
    max-width: 500px;
    width: 500px;
    margin: auto;
  }
  .show_identity_container .tab-back-arrow {
    position: absolute !important;
    z-index: 9 !important;
  }
  .show_identity_container .tab-back-arrow-fee {
    position: absolute !important;
    z-index: 9 !important;
    left: 0;
  }
  .show_identity_container .width100-tab {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .show_identity_container .mob-button-bottom-padding {
    position: absolute;
    bottom: 0px;
    left: 20px;
    right: 20px;
  }
  .show_identity_container .hide-mob-tab {
    display: none !important;
  }
  .show_identity_container .show-tab {
    display: block !important;
  }
  .show_identity_container .mobile-h1 {
    width: 100% !important;
    text-align: center;
    line-height: 37px !important;
    font-size: 25px !important;
  }
  .show_identity_container .margin-top-20-mob {
    margin-top: 20px !important;
  }
  .show_identity_container .mob-padding-container {
    padding: 0 10px;
  }
  .show_identity_container .mob-padding-container-leftsp {
    padding: 0 0 0 15px;
  }
  .show_identity_container .height-auto-mob {
    height: auto !important;
  }
  .show_identity_container .align-center-mob {
    align-items: center;
  }
  .show_identity_container .welcomehelp-mob span {
    height: 150px !important;
  }
  .show_identity_container .welcomehelp-mob img {
    height: 150px !important;
    min-height: 150px !important;
    object-fit: cover;
  }
  .show_identity_container .pad-10-mob {
    padding: 10px !important;
  }
  .show_identity_container .mbottom-0-mob {
    margin-bottom: 0 !important;
  }
  .show_identity_container .cards-mob {
    flex-wrap: nowrap;
  }
  .show_identity_container .no-row-gap-mob {
    width: 100% !important;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .show_identity_container .font-12-mob {
    font-size: 12px !important;
  }
  .show_identity_container .ant-notification-notice.ant-notification-notice.ant-notification-notice-warning.ant-notification-notice-closable {
    width: 320px !important;
    position: relative !important;
    min-width: 320px !important;
  }
  .show_identity_container .suggestion-mob {
    flex-wrap: wrap;
    justify-content: flex-start !important;
  }
  .show_identity_container .suggestion-mob > div {
    padding-right: 25px;
  }
  .show_identity_container .cards-mob > div {
    width: 47% !important;
    height: auto !important;
  }
  .show_identity_container .mtop0-mob {
    margin-top: 0 !important;
  }
  .show_identity_container .mright0-mob {
    margin-right: 0 !important;
  }
  .show_identity_container .logout-btn-mob {
    margin-top: 30px;
    border: 0;
    color: #3761c8 !important;
  }
  .show_identity_container .jc-center-mob {
    justify-content: center;
  }
  .show_identity_container .cards-mob > div:first-child {
    margin: 20px 15px 0px 0px !important;
  }
  .show_identity_container .card-text {
    font-size: 14px;
    line-height: 18px;
    padding-top: 10px;
  }
  .show_identity_container .interest-cardTemplate {
    width: calc(33% - 15px) !important;
  }
  .show_identity_container .w25-tab {
    width: calc(25% - 15px) !important;
  }
  .show_identity_container .preferences-container .cards-container {
    width: 540px !important;
    margin: auto;
  }
  .show_identity_container .mt-10-tab {
    margin-top: 10px !important;
  }
  .show_identity_container .adjust-post-mob {
    position: absolute;
    top: 50px;
    z-index: 9;
  }
  .show_identity_container .shift-right-13 {
    position: relative;
    right: 13px;
  }
  .show_identity_container .pr-20-tab-mob {
    padding-right: 20px;
  }
  .show_identity_container span.clBtn {
    border: 0 !important;
    color: #3761c8 !important;
    width: 100%;
    text-align: center;
    cursor: pointer;
  }
  .show_identity_container .pr-15-mob-tab {
    padding-right: 15px;
  }
  .show_identity_container .risk-profile-state {
    position: relative;
    z-index: 2;
  }
}
@media (max-width: 767px) {
  .show_identity_container .width-100-mob {
    width: 100% !important;
  }
  .show_identity_container .risk-profile-state {
    position: relative;
    z-index: 2;
  }
  .show_identity_container .pr-20-tab-mob {
    padding-right: 20px;
  }
  .show_identity_container .ant-slider-mark-text {
    padding: 2px 4px !important;
    font-size: 12px !important;
  }
  .show_identity_container .risk-profile-container .customCheckBox {
    padding-left: 10px;
  }
  .show_identity_container .pr-15-mob-tab {
    padding-right: 15px;
  }
  .show_identity_container .no-pr-tab-mob {
    padding-right: 5px !important;
  }
  .show_identity_container .hide-mob-tab {
    display: none !important;
  }
  .show_identity_container span.clBtn {
    border: 0 !important;
    color: #3761c8 !important;
    width: 100%;
    text-align: center;
    cursor: pointer;
  }
  .show_identity_container .preferences-container {
    padding-top: 10px;
  }
  .show_identity_container .adjust-post-mob {
    position: relative;
    top: 80px;
    z-index: 9;
  }
  .show_identity_container .mt-10-tab {
    margin-top: 10px !important;
  }
  .show_identity_container .mt-30-tab {
    margin-top: 30px !important;
  }
  .show_identity_container .btngoogle-tab {
    padding: 10px !important;
    justify-content: center !important;
  }
  .show_identity_container .btngoogle-tab img {
    margin-right: 5px !important;
    width: 20px !important;
    max-width: 20px !important;
  }
  .show_identity_container .adjust-post-mob {
    position: relative;
    top: 20px;
    right: 55px;
  }
  .show_identity_container .mob-fix-width {
    width: 9px !important;
    max-width: 9px !important;
    height: 17px !important;
    position: absolute;
    z-index: 9;
  }
  .show_identity_container .btngoogle-tab span,
  .show_identity_container .signup-container .btnCustomClickDisabled {
    margin-left: 5px !important;
    font-size: 20px !important;
  }
  .show_identity_container .height-full-mobile {
    height: 100vh !important;
  }
  .show_identity_container .mob-button-bottom {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
  }
  .show_identity_container .mob-button-bottom-padding {
    position: absolute;
    bottom: 0px;
    left: 20px;
    right: 20px;
  }
  .show_identity_container .hide-mobile {
    display: none !important;
  }
  .show_identity_container .hide-only-mobile {
    display: none !important;
  }
  .show_identity_container .show-mob {
    display: block !important;
  }
  .show_identity_container .mobile-h1 {
    width: 100% !important;
    text-align: center;
    line-height: 30px !important;
    font-size: 20px !important;
  }
  .show_identity_container .margin-top-20-mob {
    margin-top: 20px !important;
  }
  .show_identity_container .mob-padding-container {
    padding: 0 10px;
  }
  .show_identity_container .mob-padding-container-leftsp {
    padding: 0 0 0 15px;
  }
  .show_identity_container .height-auto-mob {
    height: auto !important;
  }
  .show_identity_container .align-center-mob {
    align-items: center;
  }
  .show_identity_container .welcomehelp-mob span {
    height: 150px !important;
  }
  .show_identity_container .welcomehelp-mob img {
    height: 150px !important;
    min-height: 150px !important;
    object-fit: cover;
  }
  .show_identity_container .pad-10-mob {
    padding: 10px !important;
  }
  .show_identity_container .mbottom-0-mob {
    margin-bottom: 0 !important;
  }
  .show_identity_container .cards-mob {
    flex-wrap: nowrap;
    justify-content: center;
  }
  .show_identity_container .display-block-mob {
    display: block !important;
  }
  .show_identity_container .no-row-gap-mob {
    width: 100% !important;
    max-width: 100%;
    flex: 0 0 100%;
    min-width: 100% !important;
  }
  .show_identity_container .mob-back-arrow-rp {
    position: absolute;
    left: -15px;
    top: 15px;
    z-index: 9 !important;
  }
  .show_identity_container .font-12-mob {
    font-size: 12px !important;
  }
  .show_identity_container .mob-back-arrow {
    position: absolute;
    left: 25px;
    top: -7px;
    z-index: 9 !important;
  }
  .show_identity_container .ant-notification-notice.ant-notification-notice.ant-notification-notice-warning.ant-notification-notice-closable {
    width: 320px !important;
    position: relative !important;
    min-width: 320px !important;
  }
  .show_identity_container .suggestion-mob {
    flex-wrap: wrap;
    justify-content: flex-start !important;
  }
  .show_identity_container .suggestion-mob > div {
    padding-right: 25px;
  }
  .show_identity_container .cards-mob > div {
    width: 47% !important;
    height: auto !important;
  }
  .show_identity_container .mtop0-mob {
    margin-top: 0 !important;
  }
  .show_identity_container .mright0-mob {
    margin-right: 0 !important;
  }
  .show_identity_container .logout-btn-mob {
    margin-top: 30px;
    border: 0;
    color: #3761c8 !important;
  }
  .show_identity_container .jc-center-mob {
    justify-content: center;
  }
  .show_identity_container .cards-mob > div:first-child {
    margin: 20px 15px 0px 0px !important;
  }
  .show_identity_container .card-text {
    font-size: 14px;
    line-height: 18px;
    padding-top: 10px;
  }
  .show_identity_container .interest-cardTemplate {
    width: calc(50% - 15px) !important;
  }
  .show_identity_container .textcenter-mob {
    text-align: center !important;
  }
  .show_identity_container .flagadj-mob {
    width: 280px !important;
    max-width: 280px !important;
    min-width: 280px !important;
    margin: auto;
    margin-bottom: 23px;
  }
  .show_identity_container .flag-icon-mob {
    top: 52px !important;
    right: 45px !important;
  }
  .show_identity_container .flag-txt-mob {
    top: 45px !important;
    right: 35px !important;
  }
  .show_identity_container .risk-profile-container span.lossOfNetWorthBoxSpan {
    padding-left: 20px !important;
  }
  .show_identity_container .risk-profile-container .selected4,
  .show_identity_container .selected5,
  .show_identity_container .selected1,
  .show_identity_container .selected2,
  .show_identity_container .selected3,
  .show_identity_container .selected6,
  .show_identity_container .selected8,
  .show_identity_container .selected7,
  .show_identity_container .selected9,
  .show_identity_container .risk-profile-container .multi-select h6.exp-title {
    font-size: 14px !important;
    padding: 4px 10px !important;
  }
  .show_identity_container .risk-profile-container .customCheckBoxExperience,
  .show_identity_container .risk-profile-container .activeExperienceSIGNIFICANT_EXPERIENCE,
  .show_identity_container .risk-profile-container .activeExperienceBASIC_EXPERIENCE,
  .show_identity_container .risk-profile-container .activeExperienceLITTLE_OR_NO_EXPERIENCE {
    padding: 10px 20px !important;
    padding-bottom: 0 !important;
  }
  .show_identity_container .risk-profile-container .customCheckBoxExperience,
  .show_identity_container .risk-profile-container .activeExperienceSIGNIFICANT_EXPERIENCE,
  .show_identity_container .risk-profile-container .activeExperienceBASIC_EXPERIENCE,
  .show_identity_container .risk-profile-container .activeExperienceLITTLE_OR_NO_EXPERIENCE {
    height: 80px !important;
  }
  .show_identity_container .risk-profile-container .btnCustomClickEnabled span {
    font-size: 18px;
    position: relative;
    line-height: 24px;
    font-family: "Aktiv-Bold";
  }
  .show_identity_container h1.risk-profile-state {
    position: relative;
    z-index: 2;
  }
  .show_identity_container ul.forAiPoints li {
    display: flex;
    align-items: baseline;
  }
  .show_identity_container .resend-verification-code {
    font-size: 12px !important;
  }
  .show_identity_container span.tick-bi {
    position: relative;
    top: 0px !important;
  }
  .show_identity_container .react-otp-container {
    width: 100% !important;
  }
  .show_identity_container .otp-modal-container .ant-modal-body {
    padding: 3px !important;
  }
  .show_identity_container .otp-modal-container .ant-modal-content {
    padding: 13px !important;
  }
  .show_identity_container .risk-profile-container .rpComplete button {
    width: 100% !important;
    font-size: 14px !important;
  }
  .show_identity_container .mt-mob-0 {
    margin-top: 0 !important;
  }
  .show_identity_container .plr-mob-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
.edit_box {
  border: 1px solid #e2dccb;
  background: #f0ede4;
  display: flex;
  color: #1f1f1f;
  padding: 8px;
}

.uploaded_document_preview {
  box-shadow: 0px 0px 8px 0px rgba(66, 52, 36, 0.1607843137);
  background: #ffffff;
  padding: 16px;
  position: fixed;
  top: 30%;
  width: 40%;
  height: 480px;
  border-radius: 8px;
}

.reupload_button_button {
  padding: 6px 24px 6px 24px;
  border-radius: 10px;
  border: 2px solid #040404;
  background-color: white;
  font-size: 16px;
  font-weight: 700;
  color: #040404;
}

.retryAgainButton {
  padding: 6px 24px 6px 24px;
  border-radius: 10px;
  border: 2px solid #000000;
  background-color: #000000;
  font-size: 16px;
  font-weight: 700;
  color: #f0ede4 !important;
}

.uploaded_document_section {
  background: #f7f5f2;
  margin-top: 16px;
  padding: 8px;
}

.uploaded_document_section_counter_section {
  border: 1px solid #cccccc;
  background: #ffffff;
  border-radius: 40px;
  width: 100px;
}

.section-wrapper {
  background: #ffffff;
  border-radius: 16px;
  padding: 16px;
}

.section-wrapper-blank {
  background: #f7f5f2;
  border-radius: 16px;
  padding: 16px;
}

.compliance-direction-popover {
  border-radius: 50px;
  width: 35%;
}

.compliance-direction-popover .ant-popover-inner {
  border-radius: 10px;
}

.compliance-direction-popover .ant-popover-arrow {
  background-color: transparent !important;
}

.compliance-direction-popover .ant-popover-arrow .ant-popover-arrow-content::before {
  background: unset !important;
}

.order-otp-modal .ant-modal-content {
  border-radius: 16px !important;
  padding: 20px;
}

.order-otp-modal .ant-modal-content .recommended-modal .recommended-wrapper-note {
  display: flex;
  justify-content: space-between;
}

.order-otp-modal .ant-modal-content .recommended-modal .recommended-wrapper-note .recommended-note {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #1f1f1f;
  margin: 0px;
}

.order-otp-modal .ant-modal-content .recommended-modal .recommended-wrapper-note .recommended-close-icon {
  font-size: 16px;
  color: #777777;
  margin-top: 8px;
}

.order-otp-modal .ant-modal-content .recommended-modal .recommended-subtitle {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #777777;
  max-width: 473px;
  width: 100%;
  margin: 16px 0px 45px 0px;
}

.order-otp-modal .ant-modal-content .recommended-modal .recommended-button-wrap {
  display: flex;
  justify-content: center;
}

.order-otp-modal .ant-modal-content .recommended-modal .recommended-button-wrap .recommended-button {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #3761c8;
  border: none;
  box-shadow: none;
  margin: 0px;
}

.order-otp-modal .ant-modal-content .recommended-modal .recommended-filled-button-wrap {
  display: flex;
  justify-content: flex-end;
}

.order-otp-modal .ant-modal-content .recommended-modal .recommended-filled-button-wrap .recommended-filled-button {
  font-family: "Aktiv";
  background-color: #3761c8;
  font-style: normal;
  font-weight: 700;
  padding: 0px 24px;
  font-size: 16px;
  color: #fff;
  border: 1px solid #3761c8;
  border-radius: 10px;
  box-shadow: none;
  margin: 0px;
  height: 40px;
}

@media (max-width: 768px) {
  .order-otp-modal .ant-modal-content {
    padding: 0px;
  }
}
.order-otp-modal .ant-modal-content {
  border-radius: 16px !important;
  padding: 20px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper {
  padding: 24px;
  background: #ffffff;
  border-radius: 16px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested {
  display: flex;
  align-items: center;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-requested {
  width: 50%;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-requested .box-wrapper .deposit-success-image {
  height: 258px;
  width: 263px;
  margin-left: 60px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-requested .box-wrapper .round {
  background: url(/images/Ellipse.png) no-repeat;
  height: 70px;
  width: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-top: 16px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-requested .box-wrapper .round .steps {
  font-size: 40px;
  color: #fff;
  background: #00b267;
  border-radius: 50px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-requested .request-processes {
  margin: 0px 0px 20px 0px;
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  color: #040404;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-requested .request-generate {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  margin: 16px 0px 16px 0px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-requested .wrapper-processes-title {
  display: flex;
  justify-content: center;
  border-radius: 8px;
  margin: auto;
  width: 227px;
  align-items: center;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-requested .wrapper-processes-title .pogges-id {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.2px;
  color: #999999;
  margin-right: 16px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-requested .wrapper-processes-title .posable {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #999999;
  margin-right: 8px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-requested .wrapper-processes-title .copy-outline {
  height: 16px;
  color: #3761c8;
  padding: 0px 0px 21px 0px;
  cursor: pointer;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-requested .table-download-lrs-form-details {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-requested .table-download-lrs-form-details .table-download-lrs-form {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #3761c8;
  cursor: pointer;
  text-align: start;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-requested .table-download-lrs-form-details .table-axis-bank {
  padding-left: 24px;
  font-family: "Aktiv";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #363636;
  margin: 0px;
  text-align: start;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-requested .table-download-lrs-form-details .deposit-axis-wrapper-try {
  padding-left: 24px;
  width: 211px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-requested .table-download-lrs-form-details .deposit-axis-wrapper-try .deposit-axis-bank-digital-flow {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #3761c8;
  text-align: start;
  cursor: pointer;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-requested .table-download-lrs-form-details .deposit-axis-wrapper-try .table-axis-bank-digital-des {
  width: 211px;
  text-align: start;
  font-family: "Aktiv";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 6px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-requested .table-download-lrs-form-details .deposit-axis-wrapper-try .table-axis-bank-digital-des .offer-text {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.6);
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-requested .table-download-lrs-form-details .deposit-axis-wrapper-try .table-axis-bank-digital-des .offer-text .offer-price {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: 700;
  color: #00b267;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-requested .table-download-lrs-form-details .deposit-axis-wrapper-try .table-axis-bank-digital-des .offer-text .hidden {
  display: none;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-requested .deposit-view-finding-wrap {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-requested .deposit-view-finding-wrap .deposit-view-finding {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #3761c8;
  text-align: center;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-requested .table-axis-bank-or {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  color: #000000;
  margin: 0px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-requested .from-load {
  padding: 30px 0px 0px 0px;
  display: flex;
  justify-content: center;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-requested .from-load .lrt-button {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-align: right;
  color: #3761c8;
  border: none;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request {
  width: 50%;
  margin: 0px 0px 0px 24px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-steps {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #999999;
  align-self: flex-start;
  margin: 0px 0px 21px 0px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .fairexpay_req_created {
  color: #777777;
  background: #f0ede4;
  padding: 8px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress-image-wrapper {
  background: #f0ede4;
  padding: 8px 0px 8px 0px;
  width: 90%;
  border-radius: 5px;
  margin-left: 20px;
  display: flex;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress-image-wrapper .request-progress-image {
  background: #fff;
  border-radius: 4px;
  height: 40px;
  width: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress-image-wrapper p {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #777777;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-bottom: 0px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress {
  margin-top: 30px !important;
  margin: 0px 0px 0px 0px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .deposit-side-step-wrapper {
  padding: 0px 0px 0px 10px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .deposit-side-step-wrapper .deposit-step-process .deposit-fund {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #999999;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .deposit-side-step-wrapper .deposit-wrap-step {
  display: flex;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .deposit-side-step-wrapper .deposit-wrap-step .deposit-process {
  display: flex;
  flex-direction: column;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .deposit-side-step-wrapper .deposit-wrap-step .deposit-process .deposit-number {
  width: 28px;
  height: 28px;
  border: 2px solid #999999;
  border-radius: 7px;
  transform: rotate(45deg);
  margin: 7.5px 0px 7.5px 0px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .deposit-side-step-wrapper .deposit-wrap-step .deposit-process .deposit-number .number {
  transform: rotate(-45deg);
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #999999;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .deposit-side-step-wrapper .deposit-wrap-step .deposit-process .deposit-circle {
  width: 28px;
  height: 28px;
  background: #ffa099;
  border-radius: 50%;
  transform: rotate(45deg);
  margin: 7.5px 0px 7.5px 0px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .deposit-side-step-wrapper .deposit-wrap-step .deposit-process .deposit-circle .circle {
  transform: rotate(-45deg);
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  color: #999999;
  padding: 2px 0px 0px 0px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .deposit-side-step-wrapper .deposit-wrap-step .deposit-process .deposit-circle .circle .circle-close {
  color: #1f1f1f;
  text-align: center;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .deposit-side-step-wrapper .deposit-wrap-step .deposit-process .border-step-wrap {
  display: flex;
  justify-content: center;
  flex: 1;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .deposit-side-step-wrapper .deposit-wrap-step .deposit-process .border-step-wrap .border-stepping {
  width: 2px;
  background: #999999;
  height: 100%;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .deposit-side-step-wrapper .deposit-wrap-step .deposit-step-title-request {
  margin: 0px 0px 0px 26px;
  padding: 12px 0px 12px 0px;
  width: 242px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .deposit-side-step-wrapper .deposit-wrap-step .deposit-step-title-request .title-request {
  font-family: "Aktiv-bold";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  color: #999999;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .deposit-side-step-wrapper .deposit-wrap-step .deposit-step-title-request .title-request-color {
  font-family: "Aktiv-bold";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .deposit-side-step-wrapper .deposit-wrap-step .deposit-step-title-request .title-created {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #999999;
  margin: 5px 0px 0px 0px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .deposit-side-step-wrapper .deposit-wrap-step .deposit-step-title-request .request-time {
  font-family: "Aktiv-bold";
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #999999;
  margin-top: 8px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .deposit-side-step-wrapper .deposit-wrap-step .deposit-step-title-request .fund-tag-container {
  position: relative;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .deposit-side-step-wrapper .deposit-wrap-step .deposit-step-title-request .fund-tag-container .fund-tag {
  background: #f44336;
  border-radius: 24px;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  width: 82px;
  height: 22px;
  text-align: center;
  margin-bottom: -20px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .deposit-side-step-wrapper .deposit-wrap-step .deposit-step-title-request .fund-tag-container .border-stepping-tag {
  position: absolute;
  top: 12px;
  left: -39px;
  height: 2px;
  width: 41px;
  background: #f44336;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .deposit-side-step-wrapper .deposit-wrap-step .deposit-step-title-request .fund-tag-text {
  margin-bottom: -90px;
  padding-top: 29px;
  height: 90px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .deposit-side-step-wrapper .deposit-success-card {
  margin-top: 16px;
  background: #ffffff;
  border-radius: 10px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .deposit-side-step-wrapper .deposit-success-card .ant-card-body {
  padding: 19px 16px 16px 19px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .deposit-side-step-wrapper .deposit-success-card .success-title-wrapper {
  display: flex;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .deposit-side-step-wrapper .deposit-success-card .success-title-wrapper .info-icon {
  font-size: 18px;
  color: #3761c8;
  margin-right: 11px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .deposit-side-step-wrapper .deposit-success-card .success-title-wrapper .success-wrapper .success-title {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  color: #3761c8;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .deposit-side-step-wrapper .deposit-success-card .success-title-wrapper .success-wrapper .success-subtitle {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #1f1f1f;
  width: 279px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .deposit-side-step-wrapper .deposit-process-button {
  margin-top: 138px;
  width: 406px;
  height: 56px;
  background: #1f1f1f;
  border-radius: 14px;
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #f0ede4;
}

@media (max-width: 767px) {
  .order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .deposit-side-step-wrapper {
    padding: 20px 0px 0px 0px;
  }
}
.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .wrapper-footer {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #777777;
  margin: 0px 0px 0px 24px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-requested .box-modal-request .request-progress .wrapper-footer-steps {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #3761c8;
  margin: 0px 0px 0px 24px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .footer-border {
  background: #cccccc;
  opacity: 0.5;
  margin: 24px 0px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-footer {
  display: flex;
  justify-content: flex-end;
  margin: 25px 0px 0px 0px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-footer .footer-button {
  background: #3761c8;
  border-radius: 10px;
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #f0ede4;
  height: 40px;
}

.order-otp-modal .ant-modal-content .modal-request-wrapper .modal-footer .footer-button-wrap {
  font-family: "Aktiv";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  text-align: right;
  color: #3761c8;
  height: 40px;
  border: none;
  margin-right: 8px;
  box-shadow: none;
}

.phoneNumberCode_select .ant-row .ant-select {
  display: block;
  padding: 12px 12px 12px 0px;
  background: #ffffff;
  border-radius: 10px;
  border: 0.5px solid #ccc;
  height: 56px;
  width: 100%;
}

.phoneNumberCode_select .ant-select-selector {
  border: none !important;
  box-shadow: none !important;
}

.custom-input-source-of-funds-comment {
  border: 1px solid #1f1f1f !important;
  width: 100%;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.03);
  font-size: 16px !important;
  line-height: 20px !important;
  color: #fff !important;
  background-color: #1f1f1f;
}

.custom-input-source-of-funds-comment input.ant-input {
  font-size: 16px !important;
  line-height: 20px !important;
  font-weight: 700;
  color: #fff !important;
  border: none !important;
}

.singPassButton {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: static;
  max-width: 374px;
  width: 100%;
  height: 60px;
  background: #1f1f1f;
  border-radius: 14px;
  margin: 32px 0px;
}

.singPassButton .text {
  position: static;
  width: 269px;
  left: calc(50% - 134.5px + 20px);
  top: calc(50% - 14px);
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #f0ede4;
}

@media (max-width: 767px) {
  .singPassButton {
    width: 100%;
  }
  .singPassButton .text {
    font-size: 22px;
    line-height: 24px;
  }
}
.aboveCustomLine {
  width: 100%;
  text-align: center;
  z-index: 2;
}

.aboveCustomLine span {
  background-color: #f7f5f1;
  padding: 0px 5px;
}

.are_ckyc_link {
  width: 347px;
  display: flex;
  justify-content: center;
}

.customLine {
  width: 90%;
  border-bottom: 1px solid #cccccc;
  position: relative;
  top: -23px;
  z-index: 1;
}

.singPassCard {
  display: flex;
  padding: 32px 16px;
  width: 406px;
  height: 312px;
  background: #ffffff;
  border-radius: 8px;
  margin: 32px 0px;
}

@media (max-width: 767px) {
  .singPassCard {
    width: 100%;
  }
}
.stageCardOpen {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 16px;
  position: static;
  width: 406px;
  left: calc(50% - 256px);
  top: 0px;
  background: #ffffff;
  box-shadow: 0px 5px 20px rgba(66, 52, 36, 0.12);
  border-radius: 8px;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .stageCardOpen {
    padding: 16px;
    width: 100%;
    left: 0px;
    top: 0px;
  }
  .stageCardOpen .ant-row {
    width: 100%;
  }
}
.stageCardTitle {
  position: static;
  width: 384px;
  height: 22px;
  left: 0px;
  top: 0px;
  margin: 4px 0px;
}

.stageCardStep {
  position: static;
  width: 376px;
  height: 36px;
  top: 0px;
  font-size: 12px;
  line-height: 18px;
  color: #1f1f1f;
  margin: 4px 0px;
}

.stageCardClose {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 16px;
  position: static;
  width: 406px;
  left: calc(50% - 256px);
  top: 294px;
  background: rgba(204, 204, 204, 0.3);
  box-shadow: 0px 5px 20px rgba(66, 52, 36, 0.12);
  border-radius: 8px;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .stageCardClose {
    padding: 16px;
    width: 100%;
    left: 0px;
    top: 0px;
  }
  .stageCardClose .ant-row {
    width: 100%;
  }
}
.backArrow .icon-span {
  font-size: 20px;
  color: #3761c8;
}

.backArrow .text-span {
  margin-left: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #3761c8;
}

.backArrow {
  margin-left: 20px;
  margin-top: 45px;
  cursor: pointer;
}

.step3title {
  position: static;
  width: 537px;
  height: 40px;
  left: 0px;
  top: 0px;
  font-weight: bold;
  font-size: 32px;
  line-height: 40px;
  color: #1f1f1f;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 8px 0px;
}

@media (max-width: 767px) {
  .step3title {
    width: 100%;
    font-size: 22px;
  }
}
.step3subtitle {
  width: 100%;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 8px 0px;
}

@media (max-width: 767px) {
  .step3subtitle {
    font-size: 12px;
  }
}
.progressHeadContainer {
  margin: 0px auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #f0ede4;
  box-shadow: 0px 10px 30px rgba(66, 52, 36, 0.12);
  border-radius: 16px;
}

.progressHeadContainer .progress-head-img-left {
  position: absolute;
  left: 0px;
  top: 0px;
}

.progressHeadContainer .progress-head-img-right {
  position: absolute;
  right: 0px;
  top: 0px;
}

.progressHeadContainer .buttonForward {
  padding: 10px 30px;
  height: 56px;
  background: #3761c8;
  border-radius: 14px;
}

@media (max-width: 767px) {
  .progressHeadContainer .buttonForward {
    padding: 16px;
    margin: 0px auto;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .progressHeadContainer .buttonForward {
    padding: 10px !important;
    height: 50px;
    margin-right: 30px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .progressHeadContainer .buttonForward {
    padding: 10px 10px !important;
    height: 50px;
    margin-right: 30px;
  }
}
.progressHeadContainer .buttonTextForward {
  font-weight: 700;
  font-size: 24px;
  color: #f0ede4;
}

@media (max-width: 768px) {
  .progressHeadContainer .buttonTextForward {
    font-size: 18px;
    line-height: 22px;
    height: auto;
  }
}
@media (min-width: 1023px) and (max-width: 1280px) {
  .progressHeadContainer .buttonTextForward {
    font-size: 18px;
    line-height: 22px;
    margin-top: 5px !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .progressHeadContainer .buttonTextForward {
    font-size: 18px;
    line-height: 22px;
    margin-top: 5px !important;
  }
}
.progressHeadContainer .title {
  position: static;
  width: 455px;
  left: calc(50% - 227.5px);
  top: 0px;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #1f1f1f;
  margin: 4px 0px;
}

@media (max-width: 767px) {
  .progressHeadContainer .title {
    width: 100% !important;
  }
}
.progressHeadContainer .subTitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #777777;
  margin: 4px 0px;
}

@media (max-width: 767px) {
  .progressHeadContainer .subTitle {
    margin: 0px 0px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .progressHeadContainer {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  .progressHeadContainer {
    width: 100% !important;
  }
}
h1.mainHeadingBig {
  margin-top: 15%;
  font-size: 48px;
  color: #1f1f1f;
  line-height: 56px;
  font-weight: 700;
  width: 100%;
}

.topSecondHeading {
  position: static;
  width: 431px;
  height: 66px;
  left: 0px;
  top: 64px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
}

.no-margin-top {
  margin-top: 0px !important;
}

.backArrow .icon-span {
  margin-left: 50px;
  font-size: 20px;
  color: #3761c8;
}

.backArrow .text-span {
  margin-left: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #3761c8;
}

.backArrow {
  cursor: pointer;
}

.active1,
.active2,
.active3,
.active4,
.activeNobody {
  background: #000000;
}

.images-for-welcome-bg .image-right-welcome {
  position: absolute;
  right: 0px;
  top: 0px;
}

.images-for-welcome-bg .image-left-welcome {
  position: absolute;
  left: 0px;
  top: 289px;
}

.images-for-welcome-bg .image-left-welcome-mobile {
  position: absolute;
  left: 0px;
  top: 57px;
}

.account-setup-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 72px;
  margin-top: 60px !important;
  width: 406px;
  height: 56px;
  background: #3761c8;
  border-radius: 14px;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 16px 0px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 72px;
  margin-top: 80px;
  width: 406px;
  height: 56px;
  left: 0px;
  top: 0px;
  background: #3761c8;
  border-radius: 14px;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 16px 0px;
}

@media (max-width: 767px) {
  .account-setup-btn {
    width: 343px;
  }
}
.button-text {
  position: static;
  width: 319px;
  height: 28px;
  left: calc(50% - 159.5px);
  top: calc(50% - 14px);
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #f0ede4;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 0px 10px;
}

@media (max-width: 767px) {
  .button-text {
    font-size: 18px;
    line-height: 22px;
    height: auto;
  }
}
.curatedCard {
  width: 98%;
  height: 206px;
  left: 0px;
  top: 0px;
  background: #ffffff;
  border-radius: 8px;
}

.curatedCard .curatedImage {
  position: relative;
  width: 64px;
  height: 64px;
  left: 20px;
  top: 3px;
  background: #1f1f1f;
  border: 2px solid #1f1f1f;
  box-sizing: border-box;
  border-radius: 8px;
  margin: 0px 16px;
}

.curatedCard .curatedDescription {
  width: 265px;
  height: 48px;
  left: 0px;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  margin-top: 2px !important;
  color: #1f1f1f !important;
  margin: 2px 0px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .curatedCard {
    width: 97% !important;
  }
  .curatedCard .curatedDescription {
    padding-left: 10px;
  }
}
@media (max-width: 767px) {
  .curatedCard {
    width: 93%;
  }
  .curatedCard .curatedImage {
    width: 46px;
    height: 46px;
    left: 0px;
  }
}
.curatedServicesCard {
  position: static;
  max-width: 409px;
  width: 98%;
  height: 124px;
  left: 0px;
  top: 0px;
  margin-right: 20px;
  background: #ffffff;
  border-radius: 8px;
}

.curatedServicesCard .dashboard_services_img {
  border-radius: 8px 0px 0px 8px !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .curatedServicesCard {
    width: 97% !important;
  }
}
@media (max-width: 767px) {
  .curatedServicesCard {
    width: 93% !important;
    height: 144px !important;
  }
  .curatedServicesCard .dashboard_services_img {
    border-radius: 8px 0px 0px 8px !important;
    height: 40px !important;
    width: 40px !important;
    margin-left: 4px !important;
  }
}
.interest-cardTemplate-container:hover {
  cursor: pointer;
}

.interest-cardTemplate {
  margin-top: 10px;
  position: relative;
  width: 409px !important;
  height: 112px;
  left: 0px;
  top: 0px;
  background: #ffffff !important;
  border-radius: 8px;
}

.interest-cardTemplate .int-card-title {
  position: absolute;
  width: 232px;
  height: 48px;
  left: 48px;
  top: calc(50% - 24px);
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #1f1f1f;
}

.interest-cardTemplate .int-card-img {
  position: absolute;
  width: 104px;
  height: 104px;
  right: 0px;
  bottom: 0px;
  background: #ffffff;
  border-radius: 8px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .interest-cardTemplate {
    width: 363px !important;
  }
}
@media (max-width: 767px) {
  .interest-cardTemplate {
    width: 45% !important;
    height: 144px !important;
  }
  .interest-cardTemplate .int-card-title {
    left: 16px !important;
    width: 100% !important;
    top: 16px !important;
  }
  .interest-cardTemplate .int-card-img {
    width: 72px !important;
    height: 72px !important;
  }
}
@media (max-width: 767px) {
  .interest-cardTemplate {
    width: 45% !important;
    height: 144px !important;
  }
  .interest-cardTemplate .int-card-title {
    left: 16px !important;
    width: 100px !important;
    top: 16px !important;
  }
  .interest-cardTemplate .int-card-img {
    width: 72px !important;
    height: 72px !important;
  }
}
.singPassButton {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: static;
  width: 374px;
  height: 60px;
  background: #1f1f1f;
  border-radius: 14px;
  margin: 32px 0px;
}

.singPassButton .text {
  position: static;
  width: 269px;
  left: calc(50% - 134.5px + 20px);
  top: calc(50% - 14px);
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #f0ede4;
}

@media (max-width: 767px) {
  .singPassButton {
    width: 100%;
  }
  .singPassButton .text {
    font-size: 22px;
    line-height: 24px;
  }
}
.aboveCustomLine {
  width: 100%;
  text-align: center;
  z-index: 2;
}

.aboveCustomLine span {
  background-color: #f7f5f1;
  padding: 0px 5px;
}

.customLine {
  width: 90%;
  border-bottom: 1px solid #cccccc;
  position: relative;
  top: -23px;
  z-index: 1;
}

.singPassCard {
  display: flex;
  padding: 32px 16px;
  width: 406px;
  height: 312px;
  background: #ffffff;
  border-radius: 8px;
  margin: 32px 0px;
}

@media (max-width: 767px) {
  .singPassCard {
    width: 100%;
  }
}
.stageCardOpen {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 16px;
  position: static;
  width: 406px;
  left: calc(50% - 256px);
  top: 0px;
  background: #ffffff;
  box-shadow: 0px 5px 20px rgba(66, 52, 36, 0.12);
  border-radius: 8px;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .stageCardOpen {
    padding: 16px;
    width: 100%;
    left: 0px;
    top: 0px;
  }
  .stageCardOpen .ant-row {
    width: 100%;
  }
}
.stageCardTitle {
  position: static;
  width: 384px;
  height: 22px;
  left: 0px;
  top: 0px;
  margin: 4px 0px;
}

.stageCardStep {
  position: static;
  width: 376px;
  height: 36px;
  top: 0px;
  font-size: 12px;
  line-height: 18px;
  color: #1f1f1f;
  margin: 4px 0px;
}

.stageCardClose {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 16px;
  position: static;
  width: 406px;
  left: calc(50% - 256px);
  top: 294px;
  background: rgba(204, 204, 204, 0.3);
  box-shadow: 0px 5px 20px rgba(66, 52, 36, 0.12);
  border-radius: 8px;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .stageCardClose {
    padding: 16px;
    width: 100%;
    left: 0px;
    top: 0px;
  }
  .stageCardClose .ant-row {
    width: 100%;
  }
}
.backArrow .icon-span {
  font-size: 20px;
  color: #3761c8;
}

.backArrow .text-span {
  margin-left: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #3761c8;
}

.backArrow {
  margin-left: 20px;
  margin-top: 45px;
  cursor: pointer;
}

.step3title {
  position: static;
  width: 537px;
  height: 40px;
  left: 0px;
  top: 0px;
  font-weight: bold;
  font-size: 32px;
  line-height: 40px;
  color: #1f1f1f;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 8px 0px;
}

@media (max-width: 767px) {
  .step3title {
    width: 100%;
    font-size: 22px;
  }
}
.step3subtitle {
  width: 100%;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 8px 0px;
}

@media (max-width: 767px) {
  .step3subtitle {
    font-size: 12x;
  }
}
.progressHeadContainer-ext {
  top: 34px !important;
}

.progressHeadContainer {
  background: #f0ede4;
  box-shadow: 0px 10px 30px rgba(66, 52, 36, 0.12);
  border-radius: 16px;
}

.progressHeadContainer .buttonForward {
  padding: 10px 30px;
  height: 56px;
  background: #3761c8;
  border-radius: 14px;
}

@media (max-width: 767px) {
  .progressHeadContainer .buttonForward {
    padding: 16px;
    margin: 0px auto;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .progressHeadContainer .buttonForward {
    padding: 10px !important;
    height: 50px;
    margin-right: 0px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .progressHeadContainer .buttonForward {
    padding: 10px 10px !important;
    height: 50px;
    margin-right: 30px;
  }
}
.progressHeadContainer .buttonTextForward {
  font-weight: 700;
  font-size: 24px;
  color: #f0ede4;
  margin: 0px 10px;
}

@media (max-width: 768px) {
  .progressHeadContainer .buttonTextForward {
    font-size: 18px;
    line-height: 22px;
    height: auto;
  }
}
@media (min-width: 1023px) and (max-width: 1280px) {
  .progressHeadContainer .buttonTextForward {
    font-size: 18px;
    line-height: 22px;
    margin-top: 5px !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .progressHeadContainer .buttonTextForward {
    font-size: 18px;
    line-height: 22px;
    margin-top: 5px !important;
  }
}
.progressHeadContainer .title {
  position: static;
  width: 455px;
  left: calc(50% - 227.5px);
  top: 0px;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #1f1f1f;
  margin: 4px 0px;
}

.progressHeadContainer .subTitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #777777;
  margin: 4px 0px;
}

@media (max-width: 767px) {
  .progressHeadContainer .subTitle {
    margin: 0px 0px;
  }
}
h1.mainHeadingBig {
  margin-top: 15%;
  font-size: 48px;
  color: #1f1f1f;
  line-height: 56px;
  font-weight: 700;
  width: 100%;
}

.topSecondHeading {
  position: static;
  width: 431px;
  height: 66px;
  left: 0px;
  top: 64px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #1f1f1f;
}

.no-margin-top {
  margin-top: 0px !important;
}

.backArrow .icon-span {
  margin-left: 50px;
  font-size: 20px;
  color: #3761c8;
}

.backArrow .text-span {
  margin-left: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #3761c8;
}

.backArrow {
  cursor: pointer;
}

.active1,
.active2,
.active3,
.active4,
.activeNobody {
  background: #000000;
}

.account-setup-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 72px;
  margin-top: 60px !important;
  width: 406px;
  height: 56px;
  background: #3761c8;
  border-radius: 14px;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 16px 0px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 72px;
  margin-top: 80px;
  width: 406px;
  height: 56px;
  left: 0px;
  top: 0px;
  background: #3761c8;
  border-radius: 14px;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 16px 0px;
}

@media (max-width: 767px) {
  .account-setup-btn {
    width: 343px;
  }
}
.button-text {
  position: static;
  width: 319px;
  height: 28px;
  left: calc(50% - 159.5px);
  top: calc(50% - 14px);
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #f0ede4;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 0px 10px;
}

@media (max-width: 767px) {
  .button-text {
    font-size: 18px;
    line-height: 22px;
    height: auto;
  }
}
.curatedCard {
  position: static;
  height: 206px;
  left: 0px;
  top: 0px;
  background: #ffffff;
  border-radius: 8px;
}

.curatedCard .curatedImage {
  position: relative;
  width: 64px;
  height: 64px;
  left: 20px;
  top: 3px;
  background: #1f1f1f;
  border: 2px solid #1f1f1f;
  box-sizing: border-box;
  border-radius: 8px;
  margin: 0px 16px;
}

.curatedCard .curatedDescription {
  position: static;
  width: 265px;
  height: 48px;
  left: 0px;
  top: 22px;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  margin-top: 2px !important;
  color: #1f1f1f !important;
  margin: 2px 0px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .curatedCard {
    width: 97% !important;
  }
  .curatedCard .curatedDescription {
    padding-left: 10px;
  }
}
@media (max-width: 767px) {
  .curatedCard {
    width: 93%;
  }
  .curatedCard .curatedImage {
    width: 46px;
    height: 46px;
    left: 0px;
  }
}
.curatedServicesCard {
  position: static;
  width: 409px;
  height: 124px;
  left: 0px;
  top: 0px;
  background: #ffffff;
  border-radius: 8px;
}

.curatedServicesCard .dashboard_services_img {
  border-radius: 8px 0px 0px 8px !important;
}

.interest-cardTemplate-container:hover {
  cursor: pointer;
}

.interest-cardTemplate {
  margin-top: 10px;
  position: relative;
  width: 409px;
  height: 112px;
  left: 0px;
  top: 0px;
  background: #ffffff !important;
  border-radius: 8px;
}

.interest-cardTemplate .int-card-title {
  position: absolute;
  width: 232px;
  height: 48px;
  left: 48px;
  top: calc(50% - 24px);
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #1f1f1f;
}

.interest-cardTemplate .int-card-img {
  position: absolute;
  width: 104px;
  height: 104px;
  right: 0px;
  bottom: 0px;
  background: #ffffff;
  border-radius: 8px;
}

.proceed_btn_step {
  width: 406px;
  height: 56px;
  background: #1f1f1f;
  border-radius: 14px;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #f0ede4;
}

@media (max-width: 767px) {
  .proceed_btn_step {
    width: 100%;
  }
}
.explore_btn_step {
  width: 406px;
  color: #3761c8;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}

@media (max-width: 767px) {
  .explore_btn_step {
    width: 100%;
  }
}
.trans {
  transform: rotate(45deg);
}

.reverseTrans {
  transform: rotate(315deg);
}

.chat-now-image {
  position: fixed;
  top: 50vh;
  right: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.chat-now-image .chat-now-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px 43px;
  background: #1f1f1f;
  border-radius: 10px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 20px 0px;
  color: #f0ede4;
  cursor: pointer;
}

.questions_modal .onbording_question_main {
  overflow-x: scroll;
  height: 400px;
  background: #f7f5f2;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  padding: 24px;
  margin-top: 8px;
}

.questions_modal .onbording_question_main::-webkit-scrollbar {
  display: none;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_question {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #1f1f1f;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options .onbording_option {
  min-width: 106.33px;
  height: 32px;
  background: #ffffff;
  border-radius: 36px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 18px;
  margin-right: 12px;
  margin-top: 12px;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #1f1f1f;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options .onbording_option_selected {
  background: #1f1f1f;
  color: #f0ede4;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options .onbording_option_deselected {
  background: #ffffff;
  color: #1f1f1f;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options .ant-checkbox {
  display: none !important;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options .ant-checkbox-group {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options label.ant-checkbox-wrapper.ant-checkbox-wrapper-checked.ant-checkbox-group-item {
  background: #1f1f1f !important;
  color: #ffffff !important;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options label.ant-checkbox-wrapper.ant-checkbox-group-item {
  height: 32px !important;
  border-radius: 36px !important;
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 8px 18px !important;
  margin-right: 12px !important;
  margin-top: 12px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  border: none !important;
  position: relative;
  background: #ffffff !important;
  color: #1f1f1f !important;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options label.ant-checkbox-wrapper.ant-checkbox-group-item::before {
  content: "+";
  background: transparent;
  color: #1f1f1f;
  font-size: 20px;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options label.ant-checkbox-wrapper.ant-checkbox-wrapper-checked.ant-checkbox-group-item::before {
  content: "✓";
  background: transparent !important;
  color: #ffffff !important;
  font-size: 14px;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options .ant-checkbox-checked .ant-checkbox-inner {
  background: #1f1f1f !important;
  color: #1f1f1f !important;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options .ant-checkbox-checked .ant-checkbox-inner::after {
  border: 2px solid #1f1f1f !important;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options .ant-radio-group {
  display: flex !important;
  flex-wrap: wrap !important;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options .ant-radio-group .ant-radio-button-wrapper:not(:first-child)::before {
  display: none !important;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options .ant-radio-group .ant-radio-button-wrapper {
  min-width: 106.33px !important;
  height: 32px !important;
  border-radius: 36px !important;
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 8px 18px !important;
  margin-right: 12px !important;
  margin-top: 12px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  border: none !important;
  color: #1f1f1f;
  background: #ffffff;
}

@media (max-width: 767px) {
  .questions_modal .onbording_question_main .onbording_question_container .onbording_options .ant-radio-group .ant-radio-button-wrapper {
    height: 40px !important;
  }
}
.questions_modal .onbording_question_main .onbording_question_container .onbording_options .ant-radio-group .ant-radio-button-wrapper-checked {
  background: #1f1f1f !important;
  color: #f0ede4 !important;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options .ant-radio-group .ant-radio-button-checked {
  background: #1f1f1f !important;
  color: #f0ede4 !important;
  border-radius: 36px !important;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options .ant-radio-group .ant-radio-button-wrapper-disabled {
  background: #ffffff !important;
  color: #1f1f1f !important;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options .ant-radio-group .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background: #ffffff !important;
  color: #1f1f1f !important;
}

.questions_modal .onbording_question_main .onbording_question_container .onbording_options label {
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 19px !important;
  padding: 0px !important;
}

.questions_modal .question_progress_container .ant-progress-bg {
  background: #3761c8 !important;
  height: 4px !important;
  border-radius: 2px;
}

.questions_modal .question_progress_container .ant-progress-inner {
  height: 4px !important;
  border-radius: 2px;
  background: #d9d9d9 !important;
}

.questions_modal .onbording_btn_container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.questions_modal .onbording_btn_container .onbording_btn {
  max-width: 406px;
  width: 100%;
  height: 56px;
  background: #1f1f1f;
  border-radius: 14px;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #f0ede4;
  margin: 15px auto 0px;
}

.questions_modal .onbording_btn_container .onbording_btn:hover {
  background: #1f1f1f !important;
  color: #f0ede4 !important;
}

.questions_modal .onbording_btn_container .onbording_btn:disabled {
  background: #cccccc !important;
  max-width: 406px;
  width: 100%;
  border-radius: 14px !important;
  color: #ffffff !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  height: 56px !important;
}

.questions_modal .onbording_btn_container .onbording_btn_link {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #3761c8;
}

.questions_modal .onbording_btn_container .onbording_btn_link:disabled {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: rgb(153, 153, 153);
}

.questions_modal .ant-modal-body {
  background: #f7f5f2 !important;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25) !important;
  border-radius: 20px !important;
  height: 600px !important;
  padding: 36px 64px !important;
}

@media (max-width: 767px) {
  .questions_modal .ant-modal-body {
    padding: 16px !important;
    height: 630px !important;
  }
}
.questions_modal .ant-modal-content {
  background: #f7f5f2 !important;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25) !important;
  border-radius: 20px !important;
  height: 600px !important;
}

.questions_modal .ant-modal-close-x {
  display: none;
}

.custom-tour-class1 {
  background: #f0ede4 !important;
  box-shadow: 10px 14px 24px rgba(0, 0, 0, 0.35) !important;
  border-radius: 10px !important;
  max-width: 535px !important;
  width: 535px !important;
  padding: 24px 46px 0px 56px !important;
  overflow: hidden !important;
}

@media (max-width: 767px) {
  .custom-tour-class1 {
    width: 95% !important;
    max-width: 95% !important;
    min-width: 95% !important;
    margin: 0px auto !important;
    transform: none !important;
    padding: 16px 46px 0px 46px !important;
  }
}
.custom-tour-class2 {
  background: #f0ede4 !important;
  box-shadow: 10px 14px 24px rgba(0, 0, 0, 0.35) !important;
  border-radius: 10px !important;
  max-width: 535px !important;
  width: 535px !important;
  padding: 24px 46px 0px 56px !important;
  left: 50% !important;
  overflow: hidden !important;
}

.custom-tour-class3 {
  background: #f0ede4 !important;
  box-shadow: 10px 14px 24px rgba(0, 0, 0, 0.35) !important;
  border-radius: 10px !important;
  max-width: 535px !important;
  width: 535px !important;
  padding: 24px 46px 0px 56px !important;
  left: 30% !important;
  overflow: hidden !important;
}

.custom-tour-class4 {
  background: #f0ede4 !important;
  box-shadow: 10px 14px 24px rgba(0, 0, 0, 0.35) !important;
  border-radius: 10px !important;
  max-width: 535px !important;
  width: 535px !important;
  padding: 24px 46px 0px 56px !important;
  left: 30% !important;
  overflow: hidden !important;
}

.custom-tour-class1 span:nth-child(2) {
  display: none;
}

.custom-tour-class1 button:nth-child(4) {
  display: none;
}

.custom-tour-class1 nav {
  display: none;
}

@media (max-width: 767px) {
  .custom-tour-class1 div:nth-child(3) {
    margin-top: 16px !important;
  }
}
.custom-tour-class1 div > button:nth-child(1) {
  color: #fff !important;
  margin-right: 24px !important;
  width: 30px !important;
  height: 30px !important;
  -webkit-flex: 0 0 16px !important;
  -ms-flex: 0 0 16px !important;
  flex: 0 0 16px !important;
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: #3761c8 !important;
  border-radius: 50% !important;
  padding: 9px !important;
}

.custom-tour-class1 button:nth-child(3) {
  color: #fff !important;
  margin-left: 24px !important;
  width: 30px !important;
  height: 30px !important;
  -webkit-flex: 0 0 16px !important;
  -ms-flex: 0 0 16px !important;
  flex: 0 0 16px !important;
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: #3761c8 !important;
  border-radius: 50% !important;
  padding: 9px !important;
}

.showTour {
  position: absolute;
  background: #363636;
  border-radius: 50%;
  right: -55px;
  top: -37px;
  height: 56px;
  width: 56px;
  text-align: center;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  padding-right: 3px;
  padding-top: 5px;
}

@media (max-width: 767px) {
  .showTour {
    top: -32px;
  }
}
.skip_tutorial {
  border: 2px solid #1f1f1f;
  border-radius: 10px;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.05em;
  color: #1f1f1f;
  padding: 10px;
  height: 100%;
  background: transparent;
  cursor: pointer;
}

@media (max-width: 767px) {
  .skip_tutorial {
    padding: 6px 16px;
    font-size: 12px;
    line-height: 18px;
  }
}
.skip_tutorial:hover {
  border: 2px solid #1f1f1f !important;
  color: #1f1f1f !important;
  background: transparent !important;
}

.idUploaderContainerIdentity {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: static;
  left: 0px;
  top: 128px;
  background: #ffffff;
  border-radius: 8px;
  border: 1px dashed #000;
}

@media (max-width: 767px) {
  .idUploaderContainerIdentity {
    padding-right: 8px;
    margin-top: 8px;
  }
}
.uploadWrapIdentity .ant-upload.ant-upload-drag {
  height: 220px;
  background: none;
  border: none;
  box-sizing: none;
  border-radius: none;
  margin: none;
  width: 100%;
}

@media (max-width: 767px) {
  .uploadWrapIdentity .ant-upload.ant-upload-drag {
    width: 100% !important;
  }
}
.uploadWrapIdentity Button {
  margin-top: 16px;
  background: #3761c8;
  border-color: #3761c8;
  padding: 8px 28px 30px 28px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 700;
}

.uploadWrapIdentity {
  width: 100%;
}

.uploadWrapIdentity div.ant-upload-hint {
  text-align: center;
  margin: 0 auto;
}

.uploadWrapIdentity p.ant-upload-drag-icon .anticon {
  color: #000000;
  font-size: 48px;
}

.uploadWrapIdentity .ant-upload-btn {
  display: table;
  height: 100%;
  padding: 16px;
}

.reference_image_acceptance {
  background: #000000 !important;
  border-radius: 15px !important;
  text-align: center !important;
  color: white !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  padding: 16px !important;
  cursor: pointer !important;
  height: 60px !important;
  width: 100% !important;
  border-color: #000000 !important;
  max-width: 406px;
}

.reference_image_denial {
  background: #ffffff !important;
  border-radius: 15px !important;
  text-align: center !important;
  color: #000000 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  padding: 16px !important;
  cursor: pointer !important;
  height: 60px !important;
  width: 100% !important;
  border-color: #000000 !important;
  max-width: 406px;
}

.amplify-liveness-cancel-container {
  display: none !important;
}

.secure-upload-box {
  background-color: #f2fbf6;
  color: #34a853;
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
  height: 32px;
  padding: 4px 8px;
}

.multiselect_country {
  padding: 8px 12px !important;
  border-radius: 14px !important;
  font-size: 10px !important;
  color: black !important;
  font-weight: 700;
  background-color: #ffffff;
}

.multiselect_country.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  padding: 6px 12px !important;
  border-radius: 14px !important;
  font-size: 16px !important;
  color: black !important;
  font-weight: 700;
  background-color: #ffffff;
  border: none !important;
}

@media (max-width: 767px) {
  .multiselect_country.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    font-size: 12px !important;
  }
}
@media (max-width: 767px) {
  .contact_us_container .custom-card .ant-card-body {
    padding: 16px !important;
  }
  .ant-pagination {
    font-size: 12px !important;
  }
}
/* Activity Filter Cards Mobile Responsive Styles */
.activity-filter-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: wrap;
}

.activity-filter-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 1;
  min-width: 0;
}

.activity-filter-card {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
}

.activity-export-button {
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .activity-filter-container {
    flex-direction: column;
    gap: 12px;
  }
  .activity-filter-cards {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 8px;
    gap: 8px;
  }
  .activity-filter-cards::-webkit-scrollbar {
    height: 4px;
  }
  .activity-filter-cards::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 2px;
  }
  .activity-filter-cards::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 2px;
  }
  .activity-filter-cards::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
  }
  .activity-filter-card {
    margin-right: 0 !important;
  }
  .activity-export-button {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
}
@media (max-width: 480px) {
  .activity-filter-cards {
    gap: 6px;
  }
  .activity-filter-card {
    padding: 4px 12px !important;
  }
  .activity-filter-card p {
    font-size: 11px !important;
  }
}
/* Activity Main Container */
.activity-main-container {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Activity Table Responsive Styles */
.activity-table-container {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.activity-table-header,
.activity-table-row {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
  min-width: max-content;
}

.activity-table-header > div,
.activity-table-row > div {
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .activity-table-container {
    margin: 0 -16px;
    padding: 0 16px;
  }
  .activity-table-header,
  .activity-table-row {
    padding: 6px 12px !important;
  }
  .activity-table-header > div,
  .activity-table-row > div {
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .activity-table-header,
  .activity-table-row {
    padding: 4px 8px !important;
  }
  .activity-table-header > div,
  .activity-table-row > div {
    font-size: 11px;
  }
}
/* Orders Filter Cards Mobile Responsive Styles */
.orders-main-container {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

.orders-filter-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: wrap;
}

.orders-filter-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 1;
  min-width: 0;
}

.orders-filter-card {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
}

.orders-export-button {
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .orders-filter-container {
    flex-direction: column;
    gap: 12px;
  }
  .orders-filter-cards {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 8px;
    gap: 8px;
  }
  .orders-filter-cards::-webkit-scrollbar {
    height: 4px;
  }
  .orders-filter-cards::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 2px;
  }
  .orders-filter-cards::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 2px;
  }
  .orders-filter-cards::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
  }
  .orders-filter-card {
    margin-right: 0 !important;
  }
  .orders-export-button {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
}
@media (max-width: 480px) {
  .orders-filter-cards {
    gap: 6px;
  }
  .orders-filter-card {
    padding: 4px 12px !important;
  }
  .orders-filter-card p {
    font-size: 11px !important;
  }
}

@media (max-width: 767px) {
  .portfolioStype .bigText {
    font-size: 18px !important;
  }
  .portfolioStype .portfolio-custom-select-mobile {
    padding: 3px 1px;
  }
  .portfolioStype .portfolio-custom-select-mobile p {
    margin-left: 0px !important;
    font-size: 14px !important;
  }
  .portfolioStype .portfolio-custom-select-mobile svg {
    font-size: 23px !important;
  }
  .portfolioStype .portfolio-select-options p {
    font-size: 14px !important;
  }
  .portfolioStype .portfolioCard {
    margin-top: 10px !important;
  }
  .portfolioStype .portfolioCard .font-size-mobile-8 {
    font-size: 12px !important;
    position: relative;
    top: 3px;
  }
  .portfolioStype .portfolioCard .font-size-mobile-14 {
    font-size: 18px !important;
  }
  .portfolioStype .portfolioCard .view-btn-new-transfer, .portfolioStype .portfolioCard .cashtransferButton {
    width: 140px !important;
  }
  .portfolioStype .assetAllocationConainer .assetAllocationDetails .icon {
    margin-right: 8px;
  }
  .portfolioStype .assetAllocationConainer .assetAllocationDetails .font-size-14 {
    font-size: 13px !important;
  }
  .portfolioStype .gtc-banner-content .gtc-banner-btn-main {
    margin-top: 40px;
  }
  .orderHistoryModal .ant-modal-header {
    padding: 8px 16px;
  }
  .orderHistoryModal .orderActivitySip {
    padding: 0px 16px;
  }
  .explore-container .mobileWebViewExplore {
    margin-top: 16px !important;
  }
  .explore-container .mobileWebViewExploreCards {
    padding: 0px !important;
  }
  .explore-container .mobileWebViewExploreCards .slick-slide {
    margin-right: 0px !important;
  }
  .explore-container .mobileWebViewExploreBottom {
    padding: 0px !important;
  }
  .explore-container .mobileWebViewSeeAll {
    padding: 0px !important;
  }
  .explore-container .mobileWebViewSeeAll .ant-tabs-tabpane {
    padding: 10px !important;
  }
  .about_main .watchVideoPart {
    position: relative;
    top: 80px;
  }
  .subscription-flow .webViewSubs {
    margin-top: -41px;
    margin-left: 20px;
  }
  #aboutSection .pointer {
    position: unset !important;
  }
  .reKycWebViewUploadTitle{
    display: block !important;
  }
  .reKycWebViewUploadTitle div{
    display: block !important;
  }
  .webViewPor {
    padding: 0px !important;
    font-size: 12px !important;
  }
  .reKycWebViewFaceLivenessDetectorComp {
    margin-top: 30px;
  }
  .reKycWebViewFaceLivenessDetectorComp div {
    font-size: 18px !important;
    line-height: 22px !important;
  }
  .webViewPlusIcon{
    position: relative;
    top: 7px;
  }
  .webViewPlusIcon span{
    bottom: 7px !important;
    left: -3px !important;
  }
  .webViewAiCheckScreen{
    padding: 5px !important;
  }
  .webViewAIDocName{
    position: relative;
    left: 27px;
  }
  .available-cash-details span{
    font-size: 12px !important;
  }
  .available-cash-modal .ant-modal-body{
    padding: 0px !important;
  }
  .ant-typography{
    overflow: visible !important;
    text-overflow: unset !important;
  }
  .explore_container_carousel .slick-prev::before {
    left: 15px !important;
  }
  .explore_container_carousel .slick-next::before{
    right: 15px !important;
  }
  .kristal-details .floating-container .ant-tabs-nav-wrap{
    position: relative !important;
    display: flex !important;
    flex: auto !important;
    align-self: stretch !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    
    /* Webview compatibility */
    -webkit-overflow-scrolling: touch !important;
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
    
    /* Touch handling */
    touch-action: pan-x !important;
    overscroll-behavior-x: contain;
    
    /* Prevent text selection */
    -webkit-user-select: none !important;
    user-select: none !important;
    
    /* Hide scrollbars */
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
  }
  .ant-row.al-footer .ant-row {
    display: block !important;
    overflow: visible !important;
  }
  .gbc-banner-main .gtc-banner-content .gtc-banner-text, .gbc-banner-main-new .gtc-banner-content .gtc-banner-text .ant-row{
    width: 100% !important;
  }
}

/* Webview-specific styles for floating tabs horizontal scrolling */
.floating-container .ant-tabs-nav-list {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-x !important;
  scroll-behavior: smooth !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
  min-width: max-content !important;
}

.floating-container .ant-tabs-nav-list .ant-tabs-tab {
  flex-shrink: 0 !important;
  white-space: nowrap !important;
  min-width: fit-content !important;
}

/* Mobile webview specific styles for horizontal scrolling */
@media (max-width: 768px) {
  .floating-container .ant-tabs-nav-list {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x !important;
    scroll-behavior: smooth !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
    min-width: max-content !important;
  }
  
  .floating-container .ant-tabs-nav-list .ant-tabs-tab {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
  }
  
  /* Ensure tabs don't wrap in mobile webview */
  .floating-container .ant-tabs-nav {
    overflow: visible !important;
  }
}

/* Webview-specific styles for better horizontal scrolling */
.floating-container.webview-scroll .ant-tabs-nav-list {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-x !important;
  scroll-behavior: smooth !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
  min-width: max-content !important;
}

.floating-container.webview-scroll .ant-tabs-nav-list .ant-tabs-tab {
  flex-shrink: 0 !important;
  white-space: nowrap !important;
  min-width: fit-content !important;
}

/* Hide scrollbars for floating tabs */
.floating-container .ant-tabs-nav-list::-webkit-scrollbar {
  display: none !important;
}

.floating-container .ant-tabs-nav-list {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}


/*# sourceMappingURL=output.css.map */

/* ===== FAB per-role theme tokens (toggled with sibling file) ===== */
:root{--fab-hero-bg:#161A24;--fab-card-bg:#1f1f1f;--fab-notif-bg:#363636;--fab-inset-bg:#2A2A2A;--fab-badge-bg:#000000;--fab-primary:#3761c8;--fab-accent:#2F69FF;--fab-dot:#00B267;--fab-on-ink:#f0ede4;--fab-divider:#F0EDE4;--fab-wash:#faf9f6;}

/* ===== FAB theme utility classes (class-based; toggled with sibling file) ===== */
.fab-card-bg{background:#1f1f1f !important;}
.fab-hero-bg{background:#161A24 !important;}
.fab-notif-bg{background-color:#363636 !important;}
.fab-inset-bg{background-color:#2A2A2A !important;}
.fab-badge-bg{background:#000000 !important;}
.fab-primary-bg{background:#3761c8 !important;}
.fab-primary-bd{border-color:#3761c8 !important;}
.fab-accent-bg{background:#2F69FF !important;}
.fab-accent-bd{border-color:#2F69FF !important;}
.fab-dot-bg{background:#00B267 !important;}
.fab-wash-bg{background:#faf9f6 !important;}
.fab-on-ink{color:#f0ede4 !important;}
.fab-divider-bb{border-bottom:2px solid #F0EDE4 !important;}
.fab-kpm-bd{border:2px solid #1f1f1f !important;}
.fab-ink-text{color:#1f1f1f !important;}
.fab-closed-bg{background:#A9A9A9 !important;}

/* ===== FAB per-element full-style classes (Kristal values) ===== */
.fab-c-pdv2-1{flex:1 !important;min-width:0 !important;border-radius:12px !important;padding:12px 14px !important;background:#161A24 !important;}
.fab-c-pdv2-2{border-radius:18px !important;padding:18px 18px 16px !important;color:#FFFFFF !important;flex:1 !important;display:flex !important;flex-direction:column !important;justify-content:space-between !important;box-shadow:0 14px 36px rgba(0,0,0,0.25) !important;background:#1f1f1f !important;}
.fab-c-pdv2-3{color:#fff !important;font-weight:500 !important;font-size:16px !important;height:52px !important;width:100% !important;border-radius:14px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;background:#2F69FF !important;border-color:#2F69FF !important;}
.fab-c-keymetrics-1{border-radius:8px !important;box-shadow:0 2px 8px rgba(0,0,0,0.1) !important;width:100% !important;background:#1f1f1f !important;}
.fab-c-keymetrics-2 .ant-tooltip-inner{background-color:#2A2A2A !important;color:#FFFFFF !important;border-radius:8px !important;padding:12px !important;}
.fab-c-keymetrics-3{height:40px !important;min-width:160px !important;border-radius:6px !important;color:#fff !important;font-weight:400 !important;font-size:14px !important;letter-spacing:0.05em !important;background:#3761c8 !important;border-color:#3761c8 !important;}
.fab-c-keymetrics-4{height:40px !important;min-width:160px !important;border-radius:6px !important;color:#fff !important;font-weight:400 !important;font-size:14px !important;letter-spacing:0.05em !important;border-color:#fff !important;background:#1f1f1f !important;}
.fab-c-addasset-1{padding:11px 24px !important;border-radius:10px !important;color:#fff !important;font-size:16px !important;font-weight:700 !important;cursor:pointer !important;background:#1f1f1f !important;}
.fab-c-kcp-1{white-space:normal !important;padding-bottom:16px !important;border-bottom:2px solid #F0EDE4 !important;}
.fab-c-fpop-1{justify-content:flex-start !important;align-items:flex-start !important;flex-wrap:wrap !important;align-content:flex-start !important;padding:14px 16px !important;border-radius:8px !important;background:#faf9f6 !important;}
.fab-c-cc-notif{background-color:#363636 !important;color:#f0ede4 !important;width:419px !important;border-radius:10px !important;padding:16px !important;}
.fab-c-rim-notif{background-color:#363636 !important;color:#f0ede4 !important;width:419px !important;border-radius:10px !important;padding:16px !important;}
.fab-c-sip-notif{background-color:#363636 !important;color:#f0ede4 !important;width:419px !important;border-radius:10px !important;padding:16px !important;}
.fab-c-bond-1{color:#f7f5f2 !important;align-items:center !important;padding:14px 69px !important;border-radius:10px !important;cursor:pointer !important;font-size:13px !important;line-height:16px !important;font-weight:700 !important;border:1px solid #f7f5f2 !important;width:100% !important;margin-top:10px !important;background-color:#1f1f1f !important;}
.fab-c-reits-1{color:#f7f5f2 !important;align-items:center !important;padding:14px 69px !important;border-radius:10px !important;cursor:pointer !important;font-size:13px !important;line-height:16px !important;font-weight:700 !important;border:1px solid #f7f5f2 !important;width:100% !important;margin-top:10px !important;background:#1f1f1f !important;}
.fab-c-stdfunds-1{background:#1f1f1f !important;color:#f7f5f2 !important;align-items:center !important;padding:14px 69px !important;border-radius:10px !important;cursor:pointer !important;font-size:13px !important;line-height:16px !important;font-weight:700 !important;border:1px solid #f7f5f2 !important;width:100% !important;margin-top:10px !important;}
.fab-c-la-1{color:#f7f5f2 !important;align-items:center !important;padding:14px 69px !important;border-radius:10px !important;cursor:pointer !important;font-size:13px !important;line-height:16px !important;font-weight:700 !important;border:1px solid #f7f5f2 !important;width:100% !important;margin-top:10px !important;background:#1f1f1f !important;}
.fab-c-la-2{background:transparent !important;color:#f7f5f2 !important;align-items:center !important;border-radius:10px !important;cursor:pointer !important;font-size:16px !important;line-height:22px !important;font-weight:700 !important;border:1px solid #f7f5f2 !important;}
.fab-c-tk-1{color:#f7f5f2 !important;align-items:center !important;padding:14px 69px !important;border-radius:10px !important;cursor:pointer !important;font-size:13px !important;line-height:16px !important;font-weight:700 !important;border:1px solid #f7f5f2 !important;width:100% !important;margin-top:10px !important;background:#1f1f1f !important;}
.fab-c-vcfunds-1{background:#1f1f1f !important;color:#fff !important;}
.fab-c-kpm-1{border:2px solid #1f1f1f !important;border-radius:8px !important;}
.fab-c-kpm-2{border:2px solid #1f1f1f !important;border-radius:8px !important;}
.fab-c-kpm-3{color:#1f1f1f !important;}
.fab-c-kpm-4{color:#1f1f1f !important;}
.fab-c-kpm-5{color:#1f1f1f !important;}
.fab-c-kpm-6{color:#1f1f1f !important;}

/* ===== app-wide inline-style classes (codemod, Kristal values) ===== */
.ic-ef4cd691{font-size:18px !important;color:#F44336 !important;font-weight:700 !important;margin-top:2px !important;}
.ic-a3a5bacb{color:#F44336 !important;}
.ic-ce0dc19c{font-size:26px !important;color:#777777 !important;font-weight:700 !important;cursor:pointer !important;}
.ic-c9e3fa91{color:#ffffff !important;font-size:18px !important;position:absolute !important;top:6px !important;right:10px !important;}
.ic-0466783d{width:100% !important;}
.ic-6d5b4d71{border-bottom:1px solid #F0EDE4 !important;padding:10px !important;}
.ic-29500d91{width:100% !important;margin:0px auto !important;}
.ic-451c6f95{padding:0px 20px !important;}
.ic-8d66d152{position:static !important;}
.ic-ac84d420{border:1px solid #3761C8 !important;}
.ic-133d959f{height:500px !important;width:406px !important;border:none !important;}
.ic-8a1703b3{height:500px !important;width:380px !important;}
.ic-6be0d8ba{text-align:left !important;}
.ic-d461c96d{position:relative !important;}
.ic-2bfdb7ba{width:406px !important;}
.ic-53ed0476{font-size:11px !important;color:#777777 !important;margin-top:-16px !important;}
.ic-bee14931{display:flex !important;justify-content:center !important;align-items:center !important;}
.ic-e3588420{height:28px !important;width:28px !important;border-radius:8px !important;background-color:#1f1f1f !important;color:#fff !important;}
.ic-6103f054{width:95% !important;height:1px !important;left:48px !important;background:#D2DDF9 !important;opacity:0.4 !important;border-radius:2px !important;margin:25px 0px !important;}
.ic-2fca876a{height:100% !important;display:flex !important;flex-direction:column !important;justify-content:center !important;}
.ic-4f0ce19a{display:flex !important;justify-content:flex-start !important;align-items:flex-start !important;}
.ic-2fbbbcd4{margin-top:30px !important;}
.ic-d69c5437{display:flex !important;flex-direction:column !important;gap:0.7rem !important;}
.ic-5925da17{display:flex !important;gap:0.2rem !important;}
.ic-a81a9eb6{width:28px !important;}
.ic-83d1d898{width:360px !important;}
.ic-7079c2e7{display:flex !important;flex-direction:column !important;gap:1.2rem !important;}
.ic-f39b5263{margin-left:0px !important;}
.ic-e152bd4e{margin-left:18px !important;}
.ic-85ad21e8{color:#999999 !important;cursor:default !important;}
.ic-ea0d7517{background:black !important;color:#fff !important;font-size:16px !important;padding:4px 16px !important;border-radius:8px !important;}
.ic-626e0d7c{height:500px !important;width:406px !important;}
.ic-9d35465f{width:380px !important;}
.ic-a07469ba{height:500px !important;}
.ic-e8d16e82{margin-top:200px !important;}
.ic-c6a5a3a9{color:#3761C8 !important;font-weight:700 !important;font-size:2rem !important;line-height:40px !important;font-family:Aktiv Grotesk Corp !important;}
.ic-d2c171b1{margin-top:10px !important;}
.ic-aed691a0{color:#3761C8 !important;font-weight:700 !important;font-size:1.6rem !important;line-height:40px !important;font-family:Aktiv Grotesk Corp !important;}
.ic-ac1e13fa{border-radius:20px !important;}
.ic-9e0e1827{margin:0px auto !important;}
.ic-9ff2104f{color:gray !important;}
.ic-9ba55a10{background-color:rgba(204, 204, 204, 0.4) !important;}
.ic-629b1a2c{background-color:#D2DDF9 !important;vertical-align:middle !important;color:black !important;}
.ic-3f7efa5f{max-width:800px !important;}
.ic-62264068{height:100% !important;}
.ic-489f4495{display:block !important;width:100% !important;}
.ic-c8dd87c0{background:#1a1a2e !important;color:#fff !important;text-align:center !important;padding:16px 24px !important;cursor:pointer !important;font-size:18px !important;font-weight:700 !important;}
.ic-58123819{background:#fff !important;padding:24px !important;border-radius:16px !important;border:1px solid #CCCCCC !important;}
.ic-2b8160f5{overflow:hidden !important;background:#F0EDE4 !important;}
.ic-d2824353{z-index:20 !important;margin-bottom:20px !important;}
.ic-3b6a3a65{cursor:pointer !important;}
.ic-02d46510{background-color:#F0EDE4 !important;height:90% !important;padding:10px !important;}
.ic-4769cb5d{height:700px !important;width:100% !important;}
.ic-760d9165{word-break:break-word !important;}
.ic-15640b98{font-size:26px !important;color:#777777 !important;font-weight:700 !important;margin-top:5px !important;cursor:pointer !important;}
.ic-62e729e5{border:1px solid #777 !important;padding:8px 12px !important;border-radius:8px !important;width:100% !important;}
.ic-f1a64f97{border:1px solid #777 !important;padding:8px 12px !important;border-radius:8px !important;}
.ic-58c4d0fc{height:500px !important;width:100% !important;}
.ic-0a43e56a{color:white !important;}
.ic-54c2afb7{text-align:right !important;}
.ic-19861c26{height:90vh !important;width:100% !important;}
.ic-1ef1e40c{padding:0px !important;margin:10px !important;}
.ic-b811ad9e{overflow-y:scroll !important;height:400px !important;}
.ic-0dc8408c{border-radius:6px !important;}
.ic-c6427615{position:relative !important;width:100% !important;height:164px !important;margin-top:6px !important;}
.ic-252d7566{position:absolute !important;right:0px !important;top:0px !important;}
.ic-fa570231{word-wrap:break-word !important;}
.ic-8bad80e6{height:50px !important;overflow-wrap:break-word !important;}
.ic-60e32dcb{display:inline-block !important;}
.ic-ef0b7a11{margin-bottom:0 !important;}
.ic-ec340163{background:#ccc !important;padding:10px 0px 10px 10px !important;border-radius:8px !important;}
.ic-64f4650e{top:5px !important;}
.ic-4eca236e{row-gap:20px !important;}
.ic-554ff891{height:45px !important;overflow-wrap:break-word !important;}
.ic-20225404{display:inline !important;border-radius:8px !important;}
.ic-f600490a{overflow-wrap:break-word !important;width:fit-content !important;}
.ic-ee2b44a9{width:96% !important;margin-left:2% !important;position:relative !important;overflow:hidden !important;}
.ic-27b5d4be{position:absolute !important;right:-58px !important;top:0px !important;}
.ic-56f43562{margin-top:12px !important;}
.ic-fe7b4979{margin-top:6px !important;}
.ic-e1e1d643{color:#4091f7 !important;}
.ic-2359e734{margin-top:6px !important;background-repeat:no-repeat !important;background-size:100% 100% !important;}
.ic-dd4403d9{overflow-wrap:break-word !important;}
.ic-1c064911{border-bottom:1px solid #f0ede4 !important;background:#FCFCFB !important;border:1px solid #F0EDE4 !important;box-shadow:0px 4px 12px rgba(0, 0, 0, 0.1) !important;border-radius:16px !important;}
.ic-cf2e73d0{border:1px solid #F0EDE4 !important;height:1px !important;background:#F0EDE4 !important;}
.ic-e0c3139f{height:70% !important;}
.ic-48d81867{height:15% !important;padding:16px 0px !important;}
.ic-f9697a1b{max-height:432px !important;overflow:scroll !important;}
.ic-4b95b5c7{align-items:baseline !important;}
.ic-91a87015{text-align:center !important;}
.ic-f265b0ce{text-align:center !important;justify-content:center !important;}
.ic-5d65d52b{margin-left:50px !important;margin-top:10px !important;}
.ic-44a8ea7e{font-size:24px !important;margin-right:8px !important;}
.ic-5b368d01{width:100% !important;height:248px !important;}
.ic-6c615ad8{height:10px !important;width:10px !important;border-radius:50% !important;margin-right:15px !important;}
.ic-f8010169{height:8px !important;border-radius:12px !important;background-color:#fff !important;margin:5px 24px 0px 24px !important;}
.ic-83dcf7d8{height:8px !important;border-radius:12px !important;background-color:#3761C8 !important;}
.ic-45e87e55{color:#FFA099 !important;}
.ic-31019e2f{color:#D2DDF9 !important;}
.ic-e711c1eb{height:300px !important;}
.ic-dfb21652{align-items:start !important;}
.ic-56f03bb3{border-bottom:1px solid #CCC !important;margin-top:24px !important;}
.ic-933ad035{border-bottom:1px solid #F0EDE4 !important;}
.ic-ea7fb9fa{width:250px !important;}
.ic-788e9a7c{padding:0px !important;}
.ic-355e57ae{border-bottom:2px solid #CCCCCC !important;margin:8px -24px 0px -24px !important;}
.ic-67b64437{padding:16px 24px !important;}
.ic-f4145684{background:##474747 !important;}
.ic-812faf41{padding:16px 24px !important;background:#FCFCFB !important;border:1px solid #F0EDE4 !important;border-radius:8px !important;margin-bottom:8px !important;}
.ic-44f2f8f3{height:12px !important;width:12px !important;border-radius:50% !important;}
.ic-74599a37{margin-left:8px !important;flex-grow:1 !important;}
.ic-f73869d3{background:#474747 !important;}
.ic-c3340737{margin:0px !important;}
.ic-2e4807a8{overflow-x:scroll !important;width:100% !important;}
.ic-7dc3597c{min-width:1400px !important;width:100% !important;}
.ic-8d1577e5{background:#FFF !important;padding:8px 16px !important;}
.ic-5dd2a678{margin-left:8px !important;}
.ic-89788008{margin-bottom:-2px !important;}
.ic-0de8ab88{background:#FAF9F6 !important;padding:8px 16px !important;border-radius:8px !important;min-width:1100px !important;}
.ic-acf72dfc{width:fit-content !important;}
.ic-94badf9d{white-space:pre-line !important;}
.ic-d3e7ea09{color:#3761C8  !important;}
.ic-274ae710{max-width:100% !important;width:100% !important;}
.ic-8b286260{border:2px solid #cccccc !important;border-radius:16px !important;padding:16px !important;}
.ic-dfd9c992{margin-bottom:20px !important;align-items:flex-start !important;}
.ic-c81ce4b2{margin-bottom:4px !important;}
.ic-1f49bbb2{font-size:14px !important;color:#8c8c8c !important;margin-top:2px !important;}
.ic-b5c9733a{display:flex !important;justify-content:flex-end !important;}
.ic-d0c7c8ba{margin-top:12px !important;background:#fff !important;border:1px solid #f0f0f0 !important;border-radius:8px !important;overflow:hidden !important;}
.ic-902a5725{padding:10px 16px 14px 16px !important;font-size:12px !important;color:#D4A017 !important;line-height:18px !important;display:flex !important;align-items:center !important;gap:6px !important;}
.ic-d269a792{color:#D4A017 !important;}
.ic-6d7427a8{padding:0px 16px 16px 16px !important;}
.ic-09d63f50{width:33% !important;}
.ic-00063763{width:1% !important;}
.ic-1d5c0b3a{width:66% !important;background:#fff !important;border-radius:16px !important;}
.ic-e2f05f9d{height:200px !important;display:flex !important;justify-content:center !important;align-items:center !important;}
.ic-dae4e476{color:#cccccc !important;border:1px solid !important;margin:0px !important;}
.ic-abf1da8d{border-right:2px solid #cccccc !important;display:flex !important;flex-direction:column !important;justify-content:center !important;}
.ic-2af5ea93{display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;}
.ic-acdf0186{color:#999 !important;border:1px solid !important;width:100% !important;}
.ic-f8869f88{color:#ccc !important;border:1px solid !important;margin-top:32px !important;}
.ic-c0868248{border-right:2px solid #cccccc !important;}
.ic-177b4f8d{font-size:16px !important;color:#1f1f1f !important;}
.ic-7a9f7a73{display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;height:100px !important;}
.ic-2a5c797d{margin-left:-24px !important;margin-right:-24px !important;}
.ic-46a161de{width:65px !important;}
.ic-2a23a436{height:38.85px !important;}
.ic-30de4aee{height:16px !important;}
.ic-03303a06{text-transform:uppercase !important;letter-spacing:0.1em !important;}
.ic-ee83db66{width:110% !important;height:100% !important;}
.ic-46793e9b{display:flex !important;align-items:center !important;gap:6px !important;margin-bottom:6px !important;color:#C6CCDC !important;font-size:14px !important;font-weight:400 !important;}
.ic-633cacc5{font-size:12px !important;color:#7F879C !important;cursor:pointer !important;}
.ic-20991491{color:#FFFFFF !important;display:flex !important;align-items:baseline !important;gap:6px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
.ic-4730b832{font-size:13px !important;font-weight:600 !important;color:#8E95A8 !important;letter-spacing:0.02em !important;}
.ic-1c1eeb23{font-size:22px !important;font-weight:700 !important;line-height:26px !important;}
.ic-4d51fc62{height:100% !important;display:flex !important;flex-direction:column !important;}
.ic-14b4b58a{display:flex !important;flex-direction:column !important;gap:6px !important;}
.ic-8240042d{display:flex !important;align-items:center !important;justify-content:space-between !important;}
.ic-a7d2ea26{display:flex !important;align-items:center !important;gap:8px !important;font-size:14px !important;color:#C6CCDC !important;}
.ic-3563c73b{width:8px !important;height:8px !important;border-radius:50% !important;background:#00B367 !important;box-shadow:0 0 0 3px rgba(0,179,103,0.18) !important;}
.ic-8ebbc98b{font-weight:700 !important;font-size:17px !important;}
.ic-98b89e51{display:flex !important;align-items:baseline !important;gap:12px !important;margin-top:4px !important;}
.ic-240b12e1{font-size:16px !important;color:#8E95A8 !important;font-weight:600 !important;letter-spacing:0.04em !important;}
.ic-e08f7b88{font-weight:700 !important;line-height:1.05 !important;letter-spacing:-0.025em !important;color:#FFFFFF !important;}
.ic-5fc0e581{height:1px !important;background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.16) 50%, rgba(255,255,255,0) 100%) !important;margin-bottom:12px !important;}
.ic-26690947{display:flex !important;gap:12px !important;margin-bottom:12px !important;}
.ic-be265379{display:flex !important;flex-direction:column !important;gap:8px !important;}
.ic-4ff818ff{font-size:18px !important;}
.ic-29054434{background:transparent !important;border-color:rgba(255,255,255,0.18) !important;color:#FFFFFF !important;font-weight:500 !important;font-size:16px !important;height:52px !important;width:100% !important;border-radius:14px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;}
.ic-a73de5e0{display:inline-block !important;width:10px !important;height:10px !important;margin-right:4px !important;}
.ic-70cda8d1{font-size:18px !important;color:white !important;}
.ic-1444c6ea{font-size:16px !important;}
.ic-55346675{padding:40px !important;text-align:center !important;}
.ic-75816cae{display:flex !important;}
.ic-424496f6{border-radius:8px !important;box-shadow:0 2px 8px rgba(0,0,0,0.1) !important;width:100% !important;display:flex !important;flex-direction:column !important;}
.ic-2020ed7e{font-size:12px !important;font-weight:700 !important;color:#000 !important;letter-spacing:0.06em !important;text-transform:uppercase !important;}
.ic-7c36ee8f{font-size:11px !important;color:#999 !important;font-weight:normal !important;text-transform:uppercase !important;letter-spacing:0.06em !important;margin-top:2px !important;}
.ic-5f87c004{display:flex !important;align-items:center !important;gap:8px !important;}
.ic-6d90cea2{color:#D46B08 !important;font-size:16px !important;background-color:#FFF4E6 !important;border-radius:50% !important;padding:4px !important;}
.ic-75a0f8a7{color:#3761c8 !important;}
.ic-46a9399c{font-weight:600 !important;color:#3761c8 !important;font-size:13px !important;}
.ic-2c4749ea{font-size:12px !important;color:#999 !important;margin-top:2px !important;}
.ic-f718c09f{display:flex !important;flex-direction:column !important;align-items:flex-end !important;gap:4px !important;}
.ic-abc1e6e6{font-size:12px !important;font-weight:bold !important;text-align:center !important;padding:2px 12px !important;border:1px solid #1890ff !important;border-radius:16px !important;color:#1890ff !important;background-color:transparent !important;}
.ic-807a1db0{font-size:12px !important;font-weight:bold !important;text-align:center !important;padding:2px 12px !important;border-radius:16px !important;}
.ic-c6da5ff0{border-radius:16px !important;background-color:transparent !important;border-color:rgb(250, 173, 20) !important;color:rgb(250, 173, 20) !important;padding:2px 12px !important;font-size:12px !important;}
.ic-b83be5df{border-radius:16px !important;background-color:#f5deb3 !important;border-color:#f5deb3 !important;color:#8B4513 !important;padding:2px 12px !important;font-size:12px !important;}
.ic-cc1df689{border-radius:12px !important;}
.ic-6f34a48f{display:flex !important;align-items:flex-end !important;justify-content:flex-end !important;gap:6px !important;text-align:right !important;}
.ic-6d45f736{font-weight:600 !important;font-size:14px !important;color:#000 !important;}
.ic-6a24e6ed{font-size:14px !important;color:#8c8c8c !important;cursor:pointer !important;margin-top:0px !important;flex-shrink:0 !important;position:relative !important;top:-20px !important;}
.ic-eb673ec6{font-weight:600 !important;font-size:13px !important;}
.ic-942bb41a{font-size:12px !important;margin-top:2px !important;}
.ic-c7fae6dc{display:flex !important;align-items:center !important;gap:12px !important;width:100% !important;}
.ic-0b6c0944{width:10px !important;height:10px !important;border-radius:50% !important;flex-shrink:0 !important;}
.ic-f71a18fe{font-weight:700 !important;font-size:12px !important;color:#000 !important;white-space:nowrap !important;letter-spacing:0.01em !important;}
.ic-0c2d5abf{color:#999 !important;font-size:11px !important;}
.ic-5f70ce7c{flex:1 !important;height:1px !important;opacity:0.6 !important;margin-left:4px !important;}
.ic-32944218{border-radius:8px !important;box-shadow:0 2px 8px rgba(0,0,0,0.1) !important;margin-top:24px !important;}
.ic-87c136df{margin-bottom:16px !important;}
.ic-78e08906{display:flex !important;justify-content:space-between !important;align-items:center !important;margin-bottom:16px !important;flex-wrap:wrap !important;gap:16px !important;}
.ic-af26af49{margin:0 !important;font-size:20px !important;line-height:28px !important;font-weight:700 !important;color:#000 !important;letter-spacing:-0.01em !important;}
.ic-c1c79ff6{display:flex !important;gap:12px !important;align-items:center !important;flex-wrap:wrap !important;}
.ic-4f978cc4{width:240px !important;border-radius:8px !important;}
.ic-47b618fc{min-width:200px !important;}
.ic-fcd36917{padding:0 !important;font-weight:600 !important;font-size:12px !important;}
.ic-aa1453b0{display:flex !important;gap:24px !important;align-items:center !important;}
.ic-bcb087ef{cursor:pointer !important;padding:6px 10px !important;font-size:14px !important;transition:all 0.2s !important;}
.ic-1e34453d{display:flex !important;align-items:center !important;gap:12px !important;width:100% !important;cursor:pointer !important;padding:0 !important;}
.ic-02523839{flex-shrink:0 !important;color:#666 !important;}
.ic-05423076{background-color:#fff !important;}
.ic-87a46e3a{margin-top:4px !important;font-weight:bold !important;}
.ic-4cdd978c{display:flex !important;flex-direction:column !important;justify-content:center !important;}
.ic-7d9361c0{font-size:15px !important;color:#bababa !important;margin-bottom:8px !important;font-weight:400 !important;letter-spacing:0.05em !important;}
.ic-acc4712b{margin-left:4px !important;font-size:12px !important;cursor:pointer !important;}
.ic-9718542c{font-size:21px !important;font-weight:600 !important;line-height:1.2 !important;}
.ic-c0b763a3{display:flex !important;flex-direction:row !important;gap:10px !important;justify-content:flex-end !important;align-items:center !important;flex-wrap:wrap !important;}
.ic-5dbb9302{background-color:#fff !important;border-radius:8px !important;padding:16px !important;box-shadow:0px 2px 8px rgba(0, 0, 0, 0.1) !important;height:300px !important;display:flex !important;flex-direction:column !important;}
.ic-e791ccfd{display:flex !important;border-bottom:1px solid #e8e8e8 !important;padding-bottom:12px !important;margin-bottom:12px !important;font-weight:bold !important;font-size:12px !important;color:#666 !important;flex-shrink:0 !important;}
.ic-be64c62d{flex:1 !important;text-align:left !important;}
.ic-82f0b215{flex:1 !important;text-align:right !important;}
.ic-f7af9eab{flex:1 !important;overflow-y:auto !important;overflow-x:hidden !important;min-height:0 !important;}
.ic-2ff3633c{display:flex !important;padding:12px 0 !important;align-items:center !important;}
.ic-cf903181{flex:1 !important;display:flex !important;align-items:center !important;gap:8px !important;}
.ic-47c77e2a{display:inline-block !important;width:10px !important;height:10px !important;border-radius:50% !important;flex-shrink:0 !important;}
.ic-dcfe8d9a{font-size:13px !important;color:#000 !important;font-weight:500 !important;}
.ic-3d8c27e2{flex:1 !important;text-align:right !important;font-size:12px !important;color:#000 !important;font-weight:500 !important;}
.ic-05a7340b{margin-top:12px !important;padding-top:12px !important;border-top:1px solid #f0f0f0 !important;text-align:right !important;font-size:11px !important;color:#999 !important;flex-shrink:0 !important;}
.ic-5c832ebc{height:300px !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#999 !important;}
.ic-4a56a0c4{color:#666 !important;font-size:11px !important;font-weight:bold !important;white-space:nowrap !important;}
.ic-69b59e3e{display:inline-block !important;width:10px !important;height:10px !important;border-radius:50% !important;margin-right:4px !important;vertical-align:middle !important;flex-shrink:0 !important;}
.ic-734afdda{white-space:nowrap !important;color:#000 !important;font-weight:bold !important;}
.ic-48fc23a1{margin:0 6px !important;color:#000 !important;font-weight:bold !important;}
.ic-613916ea{display:flex !important;justify-content:flex-end !important;margin-bottom:8px !important;}
.ic-1342219d{padding:4px 8px !important;border:none !important;border-radius:4px !important;background:transparent !important;color:#1890ff !important;cursor:pointer !important;font-weight:bold !important;font-size:11px !important;display:flex !important;align-items:center !important;gap:4px !important;}
.ic-433de30b{font-size:14px !important;}
.ic-e8acc1b4{height:300px !important;position:relative !important;}
.ic-77e57eda{position:absolute !important;bottom:10px !important;left:50% !important;transform:translateX(-50%) !important;width:100% !important;text-align:center !important;padding:0 10px !important;}
.ic-23e99b6a{border-radius:8px !important;box-shadow:0 2px 8px rgba(0,0,0,0.1) !important;height:350px !important;}
.ic-2245287b{text-align:left !important;height:50px !important;background-color:rgb(235 235 235) !important;font-weight:bold !important;}
.ic-db2f629c{margin-right:6px !important;}
.ic-b5be3483{padding:24px !important;background-color:#F5F5F5 !important;min-height:100vh !important;}
.ic-823fce94{display:flex !important;align-items:center !important;}
.ic-7e3a9447{font-weight:400 !important;}
.ic-ebd2e36b{min-width:256px !important !important;}
.ic-548be7df{border-radius:8px !important;border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;}
.ic-462acd95{justify-content:start !important;align-items:stretch !important;}
.ic-7741c5f6{margin-top:0 !important;height:72px !important;width:72px !important;}
.ic-b9ab460c{height:26px !important;}
.ic-6a8e0598{height:10px !important;}
.ic-ae0077a6{position:relative !important;overflow:hidden !important;}
.ic-7f6f7c86{position:absolute !important;right:-55px !important;top:-2px !important;}
.ic-61dd9d86{margin-bottom:-5px !important;}
.ic-bba860f2{height:200px !important;width:100% !important;opacity:0.9 !important;border-radius:16px !important;}
.ic-95e13695{position:absolute !important;top:0px !important;left:0px !important;width:100% !important;margin:16px !important;}
.ic-b81e7972{height:88px !important;width:88px !important;border-radius:16px !important;}
.ic-7a152e02{position:absolute !important;bottom:0px !important;width:100% !important;display:flex !important;justify-content:center !important;z-index:999 !important;}
.ic-3a409516{height:40px !important;}
.ic-215f174e{margin-top:-40% !important;}
.ic-16d3f521{height:calc(100vh - 200px) !important;}
.ic-17e292a2{border-color:#1f1f1f !important;color:#1f1f1f !important;margin-top:20px !important;}
.ic-a80cbb09{height:130px !important;}
.ic-84eefeed{position:relative !important;top:8px !important;font-size:16px !important;padding:8px !important;font-weight:700 !important;}
.ic-81a2e7ab{border-color:#1f1f1f !important;color:#1f1f1f !important;}
.ic-9cdf81d4{color:green !important;}
.ic-9ea2322d{margin:20px auto !important;}
.ic-86b7d683{padding:8px 0 0 30px !important;}
.ic-92c77de2{font-size:14px !important;color:#777777 !important;margin-bottom:2px !important;}
.ic-62d4f142{font-size:32px !important;font-weight:700 !important;color:#1f1f1f !important;margin-bottom:20px !important;}
.ic-2bf218b5{font-size:14px !important;color:#1f1f1f !important;margin-bottom:16px !important;}
.ic-6df7eb03{width:100% !important;text-align:left !important;color:red !important;font-size:16px !important;}
.ic-52f8019e{position:relative !important;top:6px !important;}
.ic-451149fa{border-radius:12px !important;border:1.5px solid #F44336 !important;}
.ic-424e96ce{background-color:#1f1f1f !important;}
.ic-d26e8926{color:#1f1f1f !important;}
.ic-a6646755{color:white !important !important;background:#CCCCCC !important;border-color:#CCCCCC !important;}
.ic-bad3333f{padding-top:0px !important;}
.ic-90ad9621{color:red !important;}
.ic-90c6b11b{padding:4px 12px !important;border-radius:20px !important;}
.ic-c030c5b9{padding:4px 12px !important;border-radius:20px !important;background-color:#fff7e6 !important;color:#d46b08 !important;display:inline-flex !important;align-items:center !important;gap:6px !important;}
.ic-3941ef7c{padding:4px 12px !important;border-radius:20px !important;background-color:#f6ffed !important;color:#52c41a !important;display:inline-flex !important;align-items:center !important;gap:6px !important;}
.ic-fcfd3e15{width:70% !important;background-color:#ffffff !important;border-radius:12px !important;padding:24px !important;border:1px solid #e8e8e8 !important;}
.ic-763852d8{margin-top:16px !important;padding:16px !important;background-color:#faf8f6 !important;border-radius:8px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;flex-wrap:wrap !important;gap:12px !important;}
.ic-ab88ecdb{display:flex !important;align-items:center !important;gap:12px !important;}
.ic-8a2acf73{padding:2px 10px !important;border-radius:20px !important;background-color:#fff7e6 !important;font-size:12px !important;font-weight:600 !important;}
.ic-a4ebe0e7{color:#fff !important;border:none !important;border-radius:8px !important;height:40px !important;padding-left:24px !important;padding-right:24px !important;}
.ic-a9bc789e{color:#3b5bff !important;font-weight:bold !important;}
.ic-61b7bb46{margin-top:16px !important;padding:16px !important;background-color:#fffbf0 !important;border-radius:8px !important;border:1px dashed #d9d9d9 !important;display:flex !important;align-items:center !important;gap:12px !important;flex-wrap:wrap !important;}
.ic-4b431fba{width:40px !important;height:40px !important;min-width:40px !important;border-radius:50% !important;background-color:#fff7e6 !important;display:flex !important;align-items:center !important;justify-content:center !important;}
.ic-61a6ee28{font-size:20px !important;color:#d46b08 !important;}
.ic-97445a8d{flex:1 !important;}
.ic-43aa1e6b{padding:2px 10px !important;border-radius:20px !important;background-color:#d5f7d2 !important;color:#52c41a !important;font-size:12px !important;font-weight:600 !important;}
.ic-5a8941c9{padding-bottom:0 !important;}
.ic-1e49cd14{display:flex !important;gap:4px !important;margin-bottom:20px !important;}
.ic-f724bdf7{flex:1 !important;height:4px !important;border-radius:2px !important;}
.ic-0e3470ff{display:flex !important;gap:16px !important;padding:16px !important;background-color:#fafafa !important;border-radius:8px !important;margin-bottom:12px !important;}
.ic-29d7a094{width:40px !important;height:40px !important;min-width:40px !important;border-radius:8px !important;background-color:#e8e8e8 !important;display:flex !important;align-items:center !important;justify-content:center !important;}
.ic-3fd543ed{display:flex !important;gap:16px !important;padding:16px !important;background-color:#fafafa !important;border-radius:8px !important;}
.ic-781d8e4f{display:flex !important;gap:12px !important;justify-content:flex-end !important;margin-top:24px !important;padding-top:16px !important;border-top:1px solid #f0f0f0 !important;}
.ic-c24b9f66{border:1px solid #1f1f1f !important;color:#1f1f1f !important;border-radius:8px !important;height:40px !important;padding-left:24px !important;padding-right:24px !important;}
.ic-1bff9ea0{background-color:#2c2c2c !important;color:#fff !important;border:none !important;border-radius:8px !important;height:40px !important;padding-left:24px !important;padding-right:24px !important;}
.ic-a994129e{text-align:center !important;padding:24px 0 !important;}
.ic-775730cf{width:64px !important;height:64px !important;border-radius:50% !important;background-color:#fff7e6 !important;display:flex !important;align-items:center !important;justify-content:center !important;margin:0 auto 16px !important;}
.ic-fb56c0df{font-size:32px !important;color:#d46b08 !important;}
.ic-9448eead{margin-top:20px !important;padding:16px !important;background-color:#fafafa !important;border-radius:8px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;}
.ic-e389e734{padding:4px 12px !important;border-radius:20px !important;background-color:#fff7e6 !important;color:#d46b08 !important;font-size:14px !important;font-weight:600 !important;}
.ic-d22ee0b0{background-color:#2c2c2c !important;color:#fff !important;border:none !important;border-radius:8px !important;height:40px !important;padding-left:32px !important;padding-right:32px !important;margin-top:24px !important;}
.ic-719271c9{background:#3761c8 !important;color:white !important;border-radius:8px !important;padding:8px 32px !important;}
.ic-6b99de8b{display:none !important;}
.ic-0f48670a{color:black !important;}
.ic-0913d5be{text-transform:uppercase !important;color:#999999 !important;font-family:Aktiv-Bold !important;}
.ic-fd13437d{position:relative !important;top:8px !important;font-size:12px !important;color:#000000 !important;padding:8px !important;}
.ic-2c319470{padding:0px !important;align-items:flex-start !important;}
.ic-e3ec02ac{font-weight:700 !important;}
.ic-72b6fe34{text-align:center !important;background-color:#3761C8 !important;color:#FFFFFF !important;border:2px solid #FFFFFF !important;padding:9px 24px !important;border-radius:10px !important;}
.ic-81351bd1{font-size:24px !important;}
.ic-5bd9f84d{text-align:center !important;background-color:#3761C8 !important;color:#FFFFFF !important;border:2px solid #FFFFFF !important;padding:9px 24px !important;border-radius:10px !important;white-space:nowrap !important;}
.ic-75239738{word-break:break-all !important;}
.ic-1eadabe8{font-weight:400 !important;letter-spacing:0.2% !important;}
.ic-87411bc7{margin-top:-200px !important;}
.ic-0552b04c{position:absolute !important;left:42% !important;top:50% !important;font-size:15px !important;}
.ic-d8e22b36{position:absolute !important;top:5px !important;right:5px !important;}
.ic-c9816c84{overflow-y:scroll !important;}
.ic-5776577c{margin-left:8px !important;margin-right:8px !important;flex-grow:1 !important;}
.ic-e1f6ff48{width:100% !important;border:1px dashed #999 !important;color:#F00 !important;border-radius:4px !important;font-family:Aktiv !important;font-style:normal !important;font-weight:bold !important;font-size:14px !important;box-shadow:0px 5px 10px 0px rgba(66, 52, 36, 0.03) !important;}
.ic-66beb193{height:80px !important;}
.ic-e60a3530{padding:30px !important;}
.ic-7274379b{background:#F0EDE4 !important;border-radius:4px !important;color:#1F1F1F !important;padding:10px !important;font-size:12px !important;}
.ic-4eedfbdd{font-family:Aktiv !important;font-style:italic !important;font-weight:400 !important;line-height:16px !important;}
.ic-e362d8d0{width:425px !important;justify-content:space-between !important;}
.ic-887d2469{margin-bottom:31px !important;}
.ic-5f23628f{margin-bottom:400px !important;}
.ic-861e1799{width:343px !important;}
.ic-60b24983{width:340px !important;justify-content:space-between !important;}
.ic-e69b8d08{margin-bottom:200px !important;}
.ic-f889cd2d{height:200px !important;}
.ic-44096a51{border-color:#3761C8 !important;}
.ic-770f92eb{align-items:flex-start !important;gap:8px !important;}
.ic-0d8dc538{margin-top:2px !important;flex-shrink:0 !important;}
.ic-2b1e4d1d{display:flex !important;flex-direction:column !important;gap:16px !important;}
.ic-ff66b09c{color:#ff4d4f !important;}
.ic-61e9ce46{color:#ff4d4f !important;margin-top:4px !important;}
.ic-96ad6099{margin-top:4px !important;}
.ic-5ad7d429{background:#f5f5f5 !important;color:#1f1f1f !important;}
.ic-72c4b966{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important;}
.ic-1fb3c3f1{color:#F44336 !important;font-size:16px !important;}
.ic-46f1c434{background:#f5f5f5 !important;border-radius:12px !important;padding:32px 24px !important;text-align:center !important;margin-bottom:16px !important;}
.ic-d48d2a6e{font-size:64px !important;margin-bottom:12px !important;}
.ic-bb2cdb1a{color:#3761C8 !important;}
.ic-35ce1154{border-bottom:2px dashed #1f1f1f !important;margin-bottom:12px !important;}
.ic-dde572e9{gap:4px !important;align-items:center !important;}
.ic-6ccbbff5{border:1px solid #F0EDE4 !important;margin-top:10px !important;margin-bottom:10px !important;}
.ic-a5ab850c{padding:12px 0px !important;}
.ic-73e6884a{border-bottom:1px dashed #1f1f1f !important;}
.ic-2eda1daa{border:none !important;}
.ic-7a16c833{background:transparent !important;border-radius:4px !important;color:#777777 !important;}
.ic-7cc654b8{font-family:Aktiv !important;font-style:italic !important;font-weight:400 !important;font-size:10px !important;line-height:16px !important;color:#777777 !important;}
.ic-6cb285c6{font-size:12px !important;}
.ic-572fe4ff{background:#FFFFFF !important;border:1px solid #F0EDE4 !important;box-shadow:0px 0px 4px rgba(0, 0, 0, 0.07) !important;border-radius:2px !important;padding:4px !important;}
.ic-a44b0ba3{margin-top:-14px !important;}
.ic-70180293{z-index:9999999 !important;margin-top:-12px !important;margin-right:0 !important;}
.ic-bae73f2e{z-index:9999999 !important;}
.ic-7863d828{background:#e8e8e8 !important;padding:16px !important;border-radius:8px !important;height:100% !important;display:flex !important;justify-content:center !important;align-items:center !important;}
.ic-665c3e26{color:#F44336 !important;font-size:56px !important;font-weight:bold !important;}
.ic-9f782033{color:#FFA300 !important;font-size:56px !important;font-weight:bold !important;}
.ic-5dae109d{color:orange !important;font-weight:bold !important;}
.ic-b17a290c{background:#e8e8e8 !important;padding:16px !important;border-radius:8px !important;margin-top:16px !important;}
.ic-022fc6f8{background:#e8e8e8 !important;padding:16px !important;border-radius:8px !important;margin-top:16px !important;height:100% !important;display:flex !important;justify-content:center !important;align-items:center !important;}
.ic-0ad301b5{background-color:#fff !important;border-radius:4px !important;}
.ic-e589cf76{background:#faf9f6 !important;padding:8px !important;border:1px solid #f0ede4 !important;border-radius:4px !important;display:flex !important;justify-content:space-between !important;}
.ic-4f73970f{padding:10px 12px !important;background: #fcfcfb !important;border: 1px solid #f0ede4 !important;border-radius:4px !important;margin:16px !important;}
.ic-4a6c45f2{color:3761c8 !important;}
.ic-4fb8ed5c{color:#ffcc33 !important;margin-left:16px !important;}
.ic-e2147305{margin-top:48px !important;}
.ic-dfac3cd7{z-index:9999999 !important;margin-top:-12px !important;}
.ic-46d5baa0{position:absolute !important;right:19px !important;z-index:9999999 !important;}
.ic-aeb131be{min-width:100vw !important;}
.ic-881f70f9{font-size:22px !important;}
.ic-e996c6d1{font-size:16px !important;line-height:20px !important;color:#3761C8 !important;height:40px !important;}
.ic-ec8924a9{width:100% !important;border-right:none !important;}
.ic-ec0e7e07{font-size:15px !important;line-height:20px !important;background:#3761C8 !important;border-radius:10px !important;color:#ffffff !important;padding:0px 30px !important;margin-top:20px !important;}
.ic-e31d8b2b{color:#4190F7 !important;}
.ic-627844ab{height:100% !important;border:none !important;}
.ic-9f19c5cb{margin-right:16px !important;}
.ic-f790f1d3{width:100% !important;overflow-wrap:anywhere !important;}
.ic-d3d0326f{font-size:18px !important;color:#999 !important;font-weight:bold !important;cursor:pointer !important;}
.ic-c97c51d3{height:100vh !important;width:100% !important;background:#F7F5F2 !important;}
.ic-9c50b14d{margin-top:-50px !important;}
.ic-9edadffe{height:fit-content !important;}
.ic-d2c326c1{position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%, -50%) !important;}
.ic-41028bb1{max-width:658px !important;margin:42px auto 0px !important;}
.ic-b9199e22{font-size:20px !important;}
.ic-c0eb4b6c{font-size:25px !important;}
.ic-39548c45{width:100% !important;border:1px solid #F0EDE4 !important;}
.ic-d9503027{position:absolute !important;top:0 !important;left:29% !important;}
.ic-02a2d333{font-weight:500 !important;}
.ic-17891936{color:#3761C7 !important;}
.ic-8d7ef4cc{overflow:hidden !important;border:1px solid #000000 !important;box-shadow:2px 2px 14px 0px #0000001F !important;}
.ic-15523867{border-radius:16px !important;margin:-2px !important;}
.ic-3f35016f{justify-content:end !important;}
.ic-27aeb617{max-width:100% !important;}
.ic-89dd75b7{border-radius:16px !important;}
.ic-ae450df5{justify-content:end !important;object-fit:contain !important;background-position:center !important;}
.ic-7fed8e0c{align-items:flex-end !important;}
.ic-19c33870{margin-left:15px !important;}
.ic-1be1d850{background:#fff !important;height:145px !important;width:250px !important;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25) !important;border-radius: 16px !important;}
.ic-caccca5e{display:flex !important;flex-direction:row !important;justify-content:start !important;align-items:start !important;overflow:hidden !important;}
.ic-94b2c7a4{width:80px !important;margin-top:20px !important;}
.ic-802095b6{background:#fff !important;height:145px !important;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25) !important;border-radius: 16px !important;position:relative !important;overflow:hidden !important;}
.ic-b7734ce6{display:flex !important;flex-direction:row !important;justify-content:start !important;align-items:start !important;width:70% !important;height:100% !important;}
.ic-a27abdb1{display:flex !important;flex-direction:column !important;justify-content:end !important;align-items:start !important;height:100% !important;margin-left:16px !important;margin-top:-12px !important;}
.ic-4f24ea9b{width:80px !important;height:80px !important;position:absolute !important;top:0 !important;right:-10px !important;}
.ic-39f4c538{top:1vh !important;max-height:calc(98vh - 55px) !important;height:100vh !important;padding:0 !important;}
.ic-7965ab84{height:calc(98vh - 55px) !important;}
.ic-d07f2c76{height:100vh !important;}
.ic-1295d67e{margin-top:226px !important;}
.ic-50dfa09e{margin-left:10px !important;margin-top:3rem !important;}
.ic-7fdbbdf9{padding-top:186px !important;}
.ic-d945f1de{align-items:stretch !important;justify-content:flex-start !important;}
.ic-2aca6dad{flex-wrap:nowrap !important;}
.ic-c7d0f1f8{width:12px !important;height:6px !important;}
.ic-59a5a8dd{justify-content:flex-start !important;}
.ic-e28d4044{padding:6px 12px !important;border:1px solid #f8ede4 !important;border-radius:15px !important;background-color:#f7f5f2 !important;font-weight:500 !important;margin-right:12px !important;}
.ic-7c619740{align-items:center !important;}
.ic-20298e85{white-space:pre !important;display:inline-block !important;}
.ic-a2f847fb{min-width:400px !important;}
.ic-b6302659{font-size:150% !important;}
.ic-e0305c71{font-size:150% !important;transform:rotateY(180deg) !important;}
.ic-3842be4d{color:transparent !important !important;}
.ic-c1dac609{border-radius:16px !important;background:#fff !important;margin:16px 10px !important;}
.ic-87a531de{border-radius:16px !important;background:#fff !important;margin:16px 10px !important;padding:40px 10px !important;border:1px solid #ccc !important;}
.ic-ca836c58{border-radius:16px !important;background:#fff !important;margin:16px 10px !important;padding:40px 20px !important;border:1px solid #ccc !important;}
.ic-62cbd7c9{border-radius:16px !important;background:#fff !important;margin:16px 10px !important;padding:00px 20px 20px 20px !important;border:1px solid #ccc !important;}
.ic-8c0a4182{margin:16px 0px 16px -16px !important;}
.ic-909e780c{border-radius:16px !important;background:#fff !important;margin:16px 10px !important;padding:16px 20px 32px 20px !important;}
.ic-9e9f9c3c{margin-top:58px !important;}
.ic-c2f8546b{margin-top:32px !important;}
.ic-a26bda7d{margin-top:20px !important;}
.ic-497e6029{background:linear-gradient(0deg, rgba(204, 204, 204, 0.2), rgba(204, 204, 204, 0.2)),linear-gradient(0deg, rgba(248, 248, 248, 0.4), rgba(248, 248, 248, 0.4)) !important;border-radius:6px !important;border:1px solid #CCCCCC !important;}
.ic-f4c247b6{border:2px solid #1F1F1F !important;border-radius:8px !important;}
.ic-c20cebe3{background:#F0EDE4 !important;}
.ic-f05a0409{color:#040 !important;}
.ic-d9f14975{margin-top:40px !important;}
.ic-e2fb1f67{font-size:22px !important;color:#F44336 !important;font-weight:700 !important;}
.ic-107f8c70{font-size:22px !important;color:#F44336 !important;font-weight:700 !important;margin-top:5px !important;cursor:pointer !important;}
.ic-2acaf3b5{width:200px !important;}
.ic-a7fabf36{margin-top:80px !important;}
.ic-887c2ab8{margin-top:120px !important;}
.ic-bbb062ec{margin-left:-10px !important;}
.ic-8911159e{background:#F0EDE4 !important;border-radius:16px !important;width:100% !important;height:auto !important;}
.ic-c42000a1{margin-top:35px !important;}
.ic-31a846b1{position:relative !important;width:90% !important;margin-bottom:60px !important;}
.ic-28a50dd5{border-radius:8px !important;}
.ic-87486ed9{width:100% !important;height:113px !important;}
.ic-5686c7ff{background:#FFD9D6 !important;border-radius:4px !important;padding:3px 12px !important;}
.ic-4bfd1184{font-size:14px !important;color:#F44336 !important;font-weight:700 !important;margin-top:5px !important;}
.ic-a33cd6d0{position:absolute !important;right:380px !important;}
.ic-abd256b8{height:800px !important;display:flex !important;justify-content:center !important;align-items:center !important;}
.ic-6b1f7161{position:absolute !important;bottom:40px !important;}
.ic-e698a016{font-style:italic !important;}
.ic-a6ed5aa3{height:1000px !important;}
.ic-81ac91a1{width:40% !important;float:left !important;text-align:left !important;}
.ic-dfc78ba7{width:60% !important;float:right !important;text-align:right !important;}
.ic-a753dac2{margin-top:15px !important;}
.ic-a4d062e3{color:#777777 !important;}
.ic-d552fb34{margin-bottom:0px !important;}
.ic-463a433b{color:#999999 !important;}
.ic-6c9becd7{position:absolute !important;right:28% !important;}
.ic-b8bdd28b{padding-left:0px 0px 0px -40px !important;}
.ic-4059f04c{position:relative !important;width:60% !important;margin-bottom:60px !important;}
.ic-1f23f2ef{letter-spacing:0.5px !important;}
.ic-078c2aa4{width:387px !important;margin:0px auto !important;}
.ic-674583b4{width:388px !important;margin:0px auto !important;}
.ic-b9fb4c1d{border:1px solid #F0EDE4 !important;}
.ic-7b5084e3{margin-top:45px !important;}
.ic-43c1af12{background-color:#F7F5F2 !important;}
.ic-5808b8c6{margin-left:-20px !important;}
.ic-2ebdd822{color:#fff !important;margin-top:28px !important;}
.ic-e100010b{color:#fff !important;margin-top:25px !important;}
.ic-e66a7d5c{background:#FFD9D6 !important;border-radius:4px !important;padding:2px 12px !important;}
.ic-f156a5b9{margin-left:-45px !important;margin-top:2px !important;}
.ic-89de9b91{position:absolute !important;top:0 !important;}
.ic-a9fbab50{margin-top:-40px !important;margin-left:-50px !important;}
.ic-f485f58e{margin-left:-35px !important;margin-top:2px !important;}
.ic-ea91edca{position:relative !important;top:0 !important;right:10px !important;}
.ic-87a1ed33{position:relative !important;top:2px !important;left:10px !important;}
.ic-028c546f{position:relative !important;width:60% !important;margin-bottom:0 !important;}
.ic-e7e5bb50{height:8px !important;border-radius:12px !important;background-color:#37C88B !important;}
.ic-9e68608e{border-radius:8px !important;margin-left:24px !important;margin-right:20px !important;margin-bottom:24px !important;}
.ic-457178ea{height:60px !important;border-radius:8px !important;margin-right:4px !important;}
.ic-fe5ef7af{margin-bottom:0 !important !important;}
.ic-4a5e5a45{margin-top:0px !important;}
.ic-1ac728a5{font-size:22px !important;color:#FAAD14 !important;}
.ic-38dbb57b{white-space:pre-wrap !important;font-size:14px !important;line-height:20px !important;}
.ic-50d2ddb9{border:0 !important;padding-top:0 !important;height:0 !important;}
.ic-85154392{margin-top:44px !important;}
.ic-53bc4ec2{position:relative !important;width:60% !important;margin-bottom:30px !important;margin-top:40px !important;}
.ic-59bdf7cb{padding:10px !important;}
.ic-63358e15{color:#3761C8 !important;border:0 !important;}
.ic-ccf4a9bb{background:#3761C8 !important;border-radius:10px !important;}
.ic-eed0f8fb{font-weight:600 !important;}
.ic-24d308c0{margin-top:26px !important;}
.ic-761d3add{margin-bottom:10px !important;}
.ic-6fedee39{text-transform:capitalize !important;}
.ic-f820b576{border-radius:8px !important;width:50px !important;}
.ic-15a98958{max-width:30% !important;}
.ic-106b5de5{max-width:70% !important;text-align:right !important;list-style-position:inside !important;}
.ic-e834769f{position:relative !important;width:100% !important;margin-bottom:60px !important;}
.ic-c9c70946{text-align:center !important;margin-top:20px !important;}
.ic-fbc55bb6{height:8px !important;border-radius:12px !important;background-color:#3761C8 !important;max-width:100% !important;}
.ic-b2513cf4{margin-top:50px !important;}
.ic-d5e801f8{color:red !important;margin-left:5px !important;}
.ic-a4e17e34{position:absolute !important;right:30% !important;top:-2% !important;}
.ic-27044f73{width:100% !important;margin:0px !important;}
.ic-1e655c10{width:fit-content !important;padding:2px 8px !important;border-radius:4px !important;margin-bottom:4px !important;color:#fff !important;}
.ic-dfac92dd{height:384px !important;}
.ic-4ff6fb1b{border:1px solid #ccc !important;}
.ic-9e144a8b{font-size:26px !important;color:#040 !important;font-weight:700 !important;margin-top:5px !important;cursor:pointer !important;}
.ic-fe24ccc1{border-bottom:1px solid #CCCCCC !important;opacity:0.5 !important;margin:0px 15px 0px 15px !important;}
.ic-e5150fe8{font-size:26px !important;color:#fff !important;font-weight:700 !important;cursor:pointer !important;margin-right:15px !important;}
.ic-d367ceda{overflow:auto !important;overflow-x:hidden !important;z-index:999 !important;}
.ic-8c281e4c{align-items:stretch !important;overflow-x:auto !important;flex-wrap:nowrap !important;}
.ic-b2246322{width:100% !important;padding:11px 18px !important;align-items:center !important;justify-content:center !important;align-content:center !important;height:100% !important;}
.ic-2a1b75c9{display:block !important;}
.ic-edde74ed{max-width:64px !important;}
.ic-c3b9fbd2{border-radius:8px !important;box-shadow:1px 4px 12px rgba(0, 0, 0, 0.21) !important;}
.ic-0d4d2cb7{border-radius:8px !important;box-shadow:1px 4px 12px rgba(0, 0, 0, 0.21) !important;display:block !important;}
.ic-34957c82{border-bottom:1px solid #CCCCCC !important;opacity:0.5 !important;}
.ic-83ee9bbc{justify-items:center !important;align-items:center !important;align-content:center !important;justify-content:center !important;}
.ic-0de3fbb5{max-width:335px !important;}
.ic-36ec7417{text-decoration:underline !important;}
.ic-c59a92ea{display:flex !important;width:100% !important;height:1000px !important;justify-content:center !important;align-items:center !important;}
.ic-60e3ed17{display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:center !important;}
.ic-3b4f41c6{margin-bottom:30px !important;}
.ic-3895e2c5{min-width:380px !important;}
.ic-1962ee7a{font_size:16px !important;font_weight:700px !important;}
.ic-1b16f3fd{padding:0px 12px !important;}
.ic-ac11c294{margin-right:1px !important;cursor:pointer !important;}
.ic-026fafeb{margin-right:6px !important;margin-top:5px !important;cursor:pointer !important;}
.ic-1b3a0d3c{height:80vh !important;}
.ic-649d1c72{right:28px !important;z-index:9999 !important;}
.ic-be439107{color:#34A853 !important;font-weight:600 !important;font-size:20px !important;}
.ic-11612e70{border:1px solid #91C89B !important;border-radius:12px !important;overflow:hidden !important;background:#fff !important;margin-top:8px !important;}
.ic-a09ef227{display:flex !important;justify-content:space-between !important;align-items:center !important;gap:12px !important;padding:14px 16px !important;background:#EFF8F1 !important;border-bottom:1px solid #E4EFE7 !important;}
.ic-de30111c{display:flex !important;align-items:center !important;gap:10px !important;}
.ic-716a437a{width:28px !important;height:28px !important;border-radius:8px !important;background:#2E7D32 !important;color:#fff !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:16px !important;font-weight:700 !important;flex-shrink:0 !important;}
.ic-26ee5219{color:#2E7D32 !important;font-weight:600 !important;}
.ic-397e53f4{border:1px solid #E5D7FF !important;background:#F5F0FF !important;color:#5A3FA0 !important;border-radius:999px !important;padding:4px 10px !important;font-size:12px !important;font-weight:600 !important;white-space:nowrap !important;}
.ic-287f770e{padding:16px !important;}
.ic-2bfd6e29{display:flex !important;align-items:flex-start !important;gap:12px !important;border:1px solid #efefef !important;border-radius:8px !important;padding:14px !important;}
.ic-7a10f05f{font-size:16px !important;color:#c0c0c0 !important;line-height:1 !important;}
.ic-1bfcc80d{border:1px solid #e0e0e0 !important;border-radius:12px !important;padding:24px !important;background-color:#faf8f5 !important;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15) !important;}
.ic-d9fe14b1{color:#999 !important;}
.ic-4e420aff{margin-bottom:6px !important;}
.ic-5647cb98{margin-top:16px !important;justify-content:center !important;}
.ic-c21c70e3{display:flex !important;flex-wrap:wrap !important;gap:8px !important;}
.ic-195813e4{padding:8px 20px !important;cursor:pointer !important;font-size:14px !important;font-weight:600 !important;border-radius:12px !important;transition:all 0.15s !important;user-select:none !important;}
.ic-f7ef4f76{height:40px !important;width:40px !important;}
.ic-a1086bb3{background-color:#FFF9E6 !important;border:1px solid #FFDD66 !important;border-radius:8px !important;padding:16px 20px !important;color:#5F4B32 !important;font-size:14px !important;line-height:20px !important;max-width:400px !important;}
.ic-403df205{font-weight:700 !important;color:#B85C00 !important;margin-bottom:8px !important;}
.ic-4fefcd1c{font-weight:400 !important;color:#5F4B32 !important;margin-left:4px !important;}
.ic-5531bc8e{padding-left:20px !important;margin-bottom:0 !important;margin-top:0 !important;}
.ic-fe0cf927{margin-bottom:6px !important;color:#5F4B32 !important;}
.ic-afb01f1c{margin-bottom:0 !important;color:#5F4B32 !important;}
.ic-64964aa9{color:#3761C8 !important;font-weight:700 !important;}
.ic-9dd58b0d{position:fixed !important;bottom:50px !important;width:35% !important;}
.ic-25f4b6c6{z-index:10 !important;}
.ic-bdde283a{height:60px !important;padding:0px 40px !important;}
.ic-2e6bdfbb{margin-top:-20px !important;}
.ic-91954ae5{width:100% !important;padding:0px 40px !important;}
.ic-9b7e37dd{width:100% !important;height:400px !important;border-radius:10px !important;object-fit:cover !important;}
.ic-3fad5818{position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%, -50%) !important;cursor:pointer !important;}
.ic-9ce55bfa{position:relative !important;width:100% !important;}
.ic-6886599c{width:100% !important;height:400px !important;border-radius:10px !important;object-fit:cover !important;background:#1f1f1f !important;}
.ic-64cbfd1a{position:absolute !important;top:10px !important;right:10px !important;color:red !important;padding:4px 10px !important;border-radius:5px !important;font-weight:bold !important;font-size:32px !important;z-index:1 !important;}
.ic-5bf93fbd{margin:10px 0 !important;display:flex !important;justify-content:center !important;}
.ic-6e4a4d46{background:#00b367 !important;color:white !important;border:1px solid #00b367 !important;font-weight:bold !important;padding:8px 24px !important;border-radius:8px !important;cursor:pointer !important;}
.ic-e941297c{background:#f44336 !important;color:white !important;border:1px solid #f44336 !important;font-weight:bold !important;padding:8px 24px !important;border-radius:8px !important;cursor:pointer !important;}
.ic-00154b39{display:flex !important;justify-content:center !important;align-items:center !important;flex-direction:column !important;padding:0px 40px !important;width:100% !important;}
.ic-40d3dacc{height:40px !important;margin-right:8px !important;}
.ic-8e93e28b{height:40px !important;margin-left:8px !important;}
.ic-1da72c6b{margin:0px auto !important;width:100% !important;justify-content:center !important;}
.ic-e1b77063{width:100% !important;max-width:640px !important;height:400px !important;background-color:#000 !important;}
.ic-415796d9{width:95% !important;}
.ic-73f517de{height:200px !important;width:400px !important;justify-content:center !important;align-items:center !important;}
.ic-04f09520{background-color:white !important;margin-left:-24px !important;margin-right:-24px !important;}
.ic-c5dbc8bf{top:10% !important;}
.ic-3d5b3d90{height:350px !important;}
.ic-11696618{margin:0 !important;}
.ic-348d852c{margin-top:-4px !important;}
.ic-fc101e6a{align-items:center !important;padding:8px 0 !important;}
.ic-250fc4eb{align-items:center !important;gap:8px !important;}
.ic-bb6e500d{margin-top:24px !important;justify-content:center !important;}
.ic-44117baf{width:18px !important;height:18px !important;border-radius:50% !important;flex-shrink:0 !important;margin-top:2px !important;display:flex !important;align-items:center !important;justify-content:center !important;}
.ic-8895fd27{width:6px !important;height:6px !important;border-radius:50% !important;background-color:#1f1f1f !important;}
.ic-bd270853{display:flex !important;align-items:center !important;justify-content:space-between !important;border:1px solid #e8e8e8 !important;border-radius:10px !important;padding:12px 16px !important;cursor:pointer !important;background-color:#fff !important;margin-bottom:20px !important;}
.ic-a03fce49{width:36px !important;height:36px !important;border-radius:50% !important;background-color:#EEF2FF !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;}
.ic-725871d9{font-size:18px !important;color:#3761C8 !important;}
.ic-a46236fe{color:#999 !important;font-size:12px !important;}
.ic-a76d597a{display:flex !important;gap:8px !important;}
.ic-b9957a99{padding:8px 28px !important;cursor:pointer !important;font-size:14px !important;font-weight:600 !important;border-radius:12px !important;transition:all 0.15s !important;user-select:none !important;}
.ic-7e6e8d5e{border:1px solid #91C89B !important;border-radius:12px !important;overflow:hidden !important;background:#fff !important;}
.ic-be603f29{display:flex !important;align-items:flex-start !important;gap:12px !important;background:#fff !important;border:1px solid #efefef !important;border-radius:8px !important;padding:14px !important;}
.ic-acc3aae3{display:flex !important;align-items:flex-start !important;gap:12px !important;padding:14px 16px !important;border-radius:12px !important;margin-bottom:8px !important;cursor:pointer !important;transition:all 0.15s !important;user-select:none !important;}
.ic-7683b33c{font-size:14px !important;margin:0 !important;line-height:22px !important;}
.ic-0d594621{color:#C62828 !important;}
.ic-630ad94d{border:1px solid #e8e8e8 !important;border-radius:12px !important;padding:16px !important;cursor:pointer !important;background:#fff !important;}
.ic-ba97615c{display:flex !important;align-items:flex-start !important;gap:10px !important;}
.ic-e4fc9696{width:20px !important;height:20px !important;border-radius:50% !important;background:#EEF2FF !important;color:#3761C8 !important;font-size:14px !important;font-weight:700 !important;line-height:20px !important;text-align:center !important;display:inline-block !important;flex-shrink:0 !important;margin-top:1px !important;}
.ic-8a36f8d9{width:100% !important;margin-bottom:16px !important;}
.ic-aed3d6d7{border:1px solid #e8e8e8 !important;border-radius:12px !important;padding:16px !important;cursor:pointer !important;background:#fff !important;margin-top:12px !important;}
.ic-1b0f4999{margin-top:16px !important;}
.ic-c0b32633{width:32px !important;height:32px !important;border-radius:50% !important;background-color:#EEF2FF !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;}
.ic-09fa1c60{font-size:16px !important;color:#3761C8 !important;}
.ic-d9159e8f{background:#f5f5f5 !important;border-radius:8px !important;padding:16px !important;min-height:80px !important;}
.ic-33ace63c{line-height:22px !important;}
.ic-6547b96e{text-align:center !important;padding-top:8px !important;}
.ic-24b6092c{position:absolute !important;top:13px !important;right:15px !important;}
.ic-31791875{color:red !important;margin-top:4px !important;}
.ic-598597b2{min-height:280px !important;}
.ic-71039e02{position:relative !important;top:-2px !important;display:flex !important;flex-direction:column !important;justify-content:center !important;}
.ic-52d3b76a{background:#fff2f0 !important;border:1px solid #ffccc7 !important;border-radius:8px !important;padding:12px 16px !important;margin-bottom:16px !important;color:#ff4d4f !important;font-size:14px !important;}
.ic-01f3052a{display:flex !important;align-items:center !important;gap:6px !important;cursor:pointer !important;margin-top:12px !important;}
.ic-30257c80{width:20px !important;height:20px !important;border-radius:50% !important;background:#EEF2FF !important;color:#3761C8 !important;font-size:14px !important;font-weight:700 !important;line-height:20px !important;text-align:center !important;display:inline-block !important;flex-shrink:0 !important;}
.ic-1b06c97f{position:relative !important;bottom:2px !important;}
.ic-32212264{background:black !important !important;}
.ic-bb6a43fd{position:absolute !important;}
.ic-3949b290{margin-top:150px !important;}
.ic-66ab5a98{margin-top:-400px !important;width:431px !important;}
.ic-c448e6ae{height:28px !important;width:28px !important;border-radius:8px !important;border:2px solid #999999 !important;background-color:#cccccc !important;color:#999999 !important;}
.ic-c4a4d025{height:28px !important;width:28px !important;border-radius:8px !important;border:2px solid #1f1f1f !important;}
.ic-52c1048e{margin-top:66px !important;}
.ic-dd8f7d1b{padding-left:25px !important;}
.ic-e89891e2{font-size:150% !important;color:#08c !important;color:#3761c8 !important;padding-left:20px !important;}
.ic-c8116858{position:relative !important;top:19px !important;}
.ic-ddcc8020{margin:auto !important;}
.ic-5be1f43b{display:flex !important;flex-direction:row !important;height:8px !important;}
.ic-b40cced1{border-radius:12px !important;background-color:#1f1f1f !important;}
.ic-ec15027c{border-radius:12px !important;background-color:#fff !important;}
.ic-2b55d52a{z-index:20 !important;margin-bottom:20px !important;height:50px !important;}
.ic-109e17a0{z-index:20 !important;margin-top:10px !important;margin-bottom:10px !important;}
.ic-6dac52c0{z-index:20 !important;}
.ic-3cbcede7{color:#f44336 !important;}
.ic-893bf5d5{z-index:1 !important;margin-top:45px !important;}
.ic-43018df4{width:226px !important;height:auto !important;}
.ic-ba1daa0e{z-index:1 !important;margin-bottom:40px !important;}
.ic-9847d6a5{color:#CCC !important;}
.ic-dda76530{margin-top:40px !important;margin-bottom:40px !important;}
.ic-060176ca{background:#FFF !important;}
.ic-aeff7463{margin-bottom:16px !important;color:#CDCDCD !important;height:1px !important;}
.ic-49fcd855{margin-top:24px !important;}
.ic-2e2a9c4b{color:#CCC !important;margin-top:40px !important;}
.ic-f88159bd{margin-top:75px !important;}
.ic-0bfdc40e{width:80% !important;float:left !important;}
.ic-fef0ab45{width:20% !important;float:right !important;}
.ic-64c5228e{width:30% !important;float:left !important;}
.ic-d5fa2989{width:30% !important;float:right !important;}
.ic-2d0ce4fb{background-color:#F0EDE4 !important;margin-bottom:15px !important;}
.ic-37c70aa6{padding-bottom:30px !important;padding-top:8px !important;}
.ic-de89185a{color:#00B267 !important;font-family:Aktiv-Bold !important;width:50px !important;}
.ic-8317831f{color:#F44336 !important;font-family:Aktiv-Bold !important;width:50px !important;}
.ic-ca95fe2a{min-width:250px !important;}
.ic-eca356c1{background:#FFFFFF !important;border-radius:16px !important;padding:5px 17px !important;}
.ic-2f1b356c{height:10px !important;width:10px !important;border-radius:50% !important;}
.ic-981459cc{width:300px !important;}
.ic-9d671bda{color:#3761C8 !important;font-size:20px !important;}
.ic-17e186f1{margin-top:-50% !important;}
.ic-68ffa0bc{color:#fff !important;width:100% !important;}
.ic-993a099b{font-size:16px !important;margin-right:5px !important;color:#3768C7 !important;}
.ic-0ddf068b{overflow-x:auto !important;}
.ic-986f5f4d{background:#FFF !important;padding:8px 16px !important;min-width:max-content !important;}
.ic-dd965ba7{border-left:4px solid #CCC !important;margin-right:16px !important;}
.ic-308a69bf{background:#FAF9F6 !important;padding:8px 16px !important;border-radius:8px !important;min-width:max-content !important;}
.ic-5e28c987{margin-right:16px !important;width:fit-content !important;}
.ic-a2b1f138{text-align:center !important;border-radius:4px !important;padding:0px 4px !important;width:fit-content !important;}
.ic-4719b44b{margin-right:16px !important;border-radius:4px !important;width:fit-content !important;}
.ic-6b230718{max-width:360px !important;width:100% !important;}
.ic-2177035a{max-width:360px !important;width:100% !important;height:56px !important;}
.ic-c8dc55d2{color:#363636 !important;}
.ic-46bb1064{height:100px !important;width:100px !important;margin-top:-50% !important;}
.ic-78390d42{border:1px solid #ccc !important;border-radius:16px !important;padding:16px !important;}
.ic-d7c63294{padding:10px 22px 22px !important;color:#777777 !important;font-size:14px !important;}
.ic-07d6e16d{margin-top:-20% !important;}
.ic-905d8b3d{margin-bottom:18px !important;}
.ic-7f177858{background:none !important;padding:0px 36px 0px 24px !important;}
.ic-74dfbd8e{background-color:#CCC !important;height:24px !important;}
.ic-d82e7c67{background-color:#CCC !important;}
.ic-e24faf9a{width:200px !important;margin-bottom:10px !important;}
.ic-00a3c83e{min-height:20px !important;}
.ic-daaa600d{margin-bottom:60px !important;}
.ic-21b5c3de{color:#1F1F1F !important;font-size:24px !important;font-family:Aktiv-Bold !important;margin-bottom:9px !important;line-height:30px !important;}
.ic-007ebe15{color:#999999 !important;font-size:14px !important;}
.ic-10a9cc70{font-size:22px !important;color:#1f1f1f !important;}
.ic-26d3d195{margin-top:auto !important;}
.ic-51a42d6f{color:#8c8c8c !important;}
.ic-c665bfdb{margin-right:2px !important;margin-top:5px !important;}
.ic-e06a77eb{margin-right:8px !important;margin-top:5px !important;}
.ic-bb0ad0b8{font-size:10px !important;margin-right:4px !important;}
.ic-bdba31a4{color:red !important;font-size:10px !important;margin-right:4px !important;}
.ic-e8bee994{max-width:1440px !important;margin:0px auto !important;padding-top:30px !important;}
.ic-f0378872{padding:0px 20px !important;color:#f44336 !important;}
.ic-208f24d6{background:white !important;padding:19px 60px 1px 60px !important;border-radius:16px !important;}
.ic-9bfe9f5e{float:left !important;margin-left:-50px !important;width:36px !important;margin-top:-2px !important;font-weight:600 !important;font-family:Aktiv-Bold !important;}
.ic-4257d260{position:absolute !important;left:-17% !important;}
.ic-eea83572{position:absolute !important;left:14.3333% !important;}
.ic-10136bbf{position:absolute !important;left:46.6667% !important;}
.ic-266ffe4c{position:absolute !important;left:79% !important;}
.ic-5f688629{float:right !important;margin-right:-54px !important;width:36px !important;margin-top:-56px !important;font-weight:600 !important;}
.ic-1d05260f{height:400px !important;background:transparent !important;box-shadow:0px 4px 10px rgba(0, 0, 0, 0.25) !important;border-radius:12px !important;}
.ic-da94b16f{position:relative !important;z-index:2 !important;}
.ic-e54e1ec9{width:8px !important;height:8px !important;border-radius:50px !important;background-color:#999999 !important;opacity:0.3 !important;}
.ic-805b7481{width:32px !important;height:8px !important;border-radius:25px !important;background-color:#3761C8 !important;}
.ic-2761863e{color:#F23B2F !important;height:26px !important;}
.ic-a4ddab27{height:44px !important;background-color:#FAF9F6 !important;border-radius:8px !important;height:56px !important;}
.ic-68ffc813{width:324px !important;}
.ic-9e2d3a95{font-size:24px !important;margin-right:20px !important;}
.ic-7538dea4{width:473px !important;}
.ic-aae84f01{position:relative !important;top:3px !important;left:-5px !important;font-size:14px !important;}
.ic-037107b6{min-height:92px !important;}
.ic-d2b580a8{background:rgba(153, 153, 153, 0.4) !important;}
.ic-a1950683{font-size:24px !important;color:black !important;}
.ic-8a77e5a3{margin-top:8px !important;}
.ic-01f1899e{padding:17px 0px !important;}
.ic-392cb759{max-width:800px !important;margin:0 auto !important;font-family:Arial, sans-serif !important;}
.ic-8677744d{margin-bottom:24px !important;}
.ic-b5d35878{font-size:18px !important;font-weight:600 !important;}
.ic-7e49fcb4{font-size:14px !important;color:#333 !important;margin-top:4px !important;}
.ic-e893a56c{text-align:right !important;margin-top:24px !important;}
.ic-4db4888e{background:rgb(31, 31, 31) !important;border:1px solid rgb(31, 31, 31) !important;border-radius:5px !important;}
.ic-b95d288a{background-color:#CCC !important;color:#1f1f1f !important;}
.ic-10ebd341{margin-top:60px !important;}
.ic-e7c45638{padding-top:0 !important;padding-bottom:0 !important;height:100% !important;}
.ic-2a771314{background:#fff !important;}
.ic-78e37e2a{padding:15px 10px !important;height:fit-content !important;cursor:pointer !important;}
.ic-8df786ad{justify-content:space-around !important;}
.ic-58cfb35e{width:50% !important;display:flex !important;justify-content:center !important;align-items:center !important;}
.ic-35dc4e67{border-bottom:1px solid #CCCCCC !important;width:96% !important;margin-left:2% !important;}
.ic-450eddfe{height:100vh !important;text-align:center !important;}
.ic-107e12a0{height:50vh !important;}
.ic-800e9656{display:block !important;flex:0 0 100% !important;max-width:100% !important;height:100vh !important;}
.ic-7f7cb718{display:flex !important;justify-content:center !important;padding-top:40px !important;}
.ic-5bee1291{font-size:32px !important;line-height:38px !important;text-align:center !important;font-weight:bold !important;}
.ic-ceb2697b{width:100% !important;text-align:center !important;margin:0px auto !important;}
.ic-153a1782{width:100vw !important;height:100vh !important;}
.ic-97b00eea{z-index:999 !important;}
.ic-60b1c459{width:50% !important;margin-left:32px !important;z-index:999 !important;}
.ic-b1f3d299{color:#638AE9 !important;}
.ic-695b9eeb{width:35% !important;margin-left:16px !important;z-index:999 !important;}
.ic-e8115838{background:#efeefe !important;padding:12px !important;}
.ic-a8e3d94f{color:#002266 !important;}
.ic-bfe38a0c{height:100vh !important;width:100% !important;max-width:100% !important;overflow-x:hidden !important;margin:0 !important;padding:0 !important;}
.ic-1f690a6b{background:#1f1f1f !important;color:white !important;border-radius:10px !important;padding:9px 24px !important;margin-top:24px !important;cursor:pointer !important;font-weight:700 !important;text-decoration:none !important;}
.ic-465be8ae{width:100% !important;position:static !important;}
.ic-f055f7a7{height:100vh !important;padding:0 24px !important;text-align:center !important;}
.ic-f7c80242{display:inline-block !important;background:#1f1f1f !important;color:white !important;border-radius:10px !important;padding:9px 24px !important;margin-top:24px !important;cursor:pointer !important;font-weight:700 !important;text-decoration:none !important;}
.ic-e401a2e1{background:#1f1f1f !important;color:white !important;border-radius:10px !important;padding:9px 24px !important;margin-top:24px !important;cursor:pointer !important;font-weight:700 !important;border:none !important;font-size:16px !important;}
.ic-0cf67edf{color:#3761C8 !important;font-weight:700 !important;font-size:32px !important;line-height:40px !important;font-family:Aktiv Grotesk Corp !important;}
.ic-e284c8a8{float:left !important;}
.ic-4932d171{float:right !important;}
.ic-a1a887bc{color:#777777 !important;font-weight:700 !important;margin-top:5px !important;cursor:pointer !important;}
.ic-04a7f67d{padding:10px 35px !important;background-color:#3761c8 !important;border-radius:10px !important;border:1px solid #3761c8 !important;height:36px !important;color:#ffffff !important;font-weight:700 !important;}
.ic-b3898c39{min-height:100vh !important;}
.ic-68088b57{background:#FFF !important;border:1px solid #F0EDE4 !important;border-radius:8px !important;padding:8px !important;}
.ic-3d208320{background:#FAF9F6 !important;border-radius:10px !important;}
.ic-c91ce1b3{color:#f44336 !important;font-size:20px !important;margin-top:2px !important;}
.ic-11d06a71{height:35px !important;}
.ic-d462248a{margin-top:0 !important;}
.ic-31542d7f{background:white !important;}
.ic-f9b4dcdb{outline:none !important;}
.ic-75ee47e7{z-index:99999 !important;border-radius:8px !important;height:100% !important;padding:8px 0px !important;}
.ic-54d51425{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;height:72px !important;background-color:#1f1f1f !important;padding:0 16px !important;z-index:1000 !important;-webkit-backface-visibility:hidden !important;backface-visibility:hidden !important;-webkit-transform:translateZ(0) !important;transform:translateZ(0) !important;margin-top:0 !important;}
.ic-20a696dc{display:flex !important;align-items:center !important;justify-content:center !important;height:100% !important;}
.ic-486a7d5f{font-size:25px !important;color:#ffffff !important;cursor:pointer !important;display:flex !important;align-items:center !important;-webkit-tap-highlight-color:transparent !important;-webkit-backface-visibility:hidden !important;backface-visibility:hidden !important;-webkit-transform:translateZ(0) !important;transform:translateZ(0) !important;margin-top:8px !important;}
.ic-ded7d08a{width:auto !important;display:block !important;}
.ic-549d9022{width:100% !important;display:flex !important;flex-direction:column !important;}
.ic-eca3ce70{z-index:1000 !important;}
.ic-86abdab9{white-space:nowrap !important;}
.ic-8950cc0a{color:#f0ede4 !important;}
.ic-998c8c24{position:absolute !important;left:0 !important;top:100% !important;z-index:1000 !important;overflow:hidden !important;}
.ic-3da0e5b3{height:10px !important;width:10px !important;}
.ic-80126ec0{margin:0px !important;font-size:12px !important;}
.ic-80973122{border-top:1px solid white !important;padding:5px 0px 0px 10px !important;margin-bottom:-16px !important;color:#ada7a7 !important;font-weight:600 !important;}
.ic-502b7871{margin-bottom:0px !important;font-size:16px !important;}
.ic-b0a6f798{font-weight:200 !important;}

/* ===== app-wide CONDITIONAL inline-style classes (codemod pass 2) ===== */
.ic-6db46f7b{border:2px solid #ff4d4f !important;}
.ic-8c92175d{margin-bottom:40px !important;}
.ic-41d7d7e2{padding:0 !important;}
.ic-38ac3b59{width:64px !important;}
.ic-f99de499{width:84px !important;}
.ic-f916be4d{height:64px !important;}
.ic-1550bee2{height:84px !important;}
.ic-df27bfb0{height: !important;}
.ic-f66a1ca3{text-align: !important;}
.ic-68f32110{padding:0px 16px !important;}
.ic-2f32e7c3{padding: !important;}
.ic-463744cb{margin-top: !important;}
.ic-e2c960fb{padding:8px !important;}
.ic-26854a6e{width:400px !important;}
.ic-54f91ac4{width:180px !important;}
.ic-510a4ece{margin-top:95px !important;}
.ic-83b62c38{height:240px !important;}
.ic-4361a2ff{font-size:32px !important;}
.ic-e7fec3d0{font-size:40px !important;}
.ic-2a9295c3{cursor:default !important;}
.ic-1d9cdb99{color:#666666 !important;}
.ic-97300369{border-bottom:2px solid #3761c8 !important;}
.ic-04abcc46{border-bottom:2px solid transparent !important;}
.ic-ab6d2734{border-bottom:1px solid #f0f0f0 !important;}
.ic-71a91da4{border-bottom:none !important;}
.ic-f895273d{background-color:#fff7e6 !important;}
.ic-96175366{background-color:#f0f0f0 !important;}
.ic-03e67081{color:#d46b08 !important;}
.ic-36780a9e{color:#52c41a !important;}
.ic-18b75a0b{background-color:#cccccc !important;}
.ic-85315e87{background-color:#2c2c2c !important;}
.ic-7d603880{background-color:#d9d9d9 !important;}
.ic-bb32d560{background:#f5f5f5 !important;}
.ic-cfedab8d{border:1px solid #f0ede4 !important;}
.ic-ec575a9f{border:0px !important;}
.ic-85fe4217{height:auto !important;}
.ic-6d47529d{height:295px !important;}
.ic-5d51d8d7{margin-right:0 !important;}
.ic-3b6e0a5b{margin-right:-12px !important;}
.ic-bf998839{height:348px !important;}
.ic-cd441371{height:575px !important;}
.ic-4510d6f6{margin-left:-18px !important;}
.ic-9813a0dd{margin-left:5px !important;}
.ic-79c39e0e{padding:40px 0px 16px 0px !important;}
.ic-db844eff{padding:16px 0 0 !important;}
.ic-455f8cca{justify-content:flex-end !important;}
.ic-58a7a93d{color: !important;}
.ic-30e741d9{width:auto !important;}
.ic-91398e58{width:387px !important;}
.ic-fe55de8d{width:388px !important;}
.ic-cb013bd4{border-radius:24px !important;}
.ic-e994de08{margin-left:45px !important;}
.ic-ad16c1e2{margin-right:15px !important;}
.ic-ec047e36{margin-right:50px !important;}
.ic-85760a43{display: !important;}
.ic-03c4bb6f{justify-content:center !important;}
.ic-e54877d6{justify-content: !important;}
.ic-54dca8b5{padding-top:8px !important;}
.ic-76a4e5fc{padding-top:16px !important;}
.ic-a5ca015b{padding-bottom:8px !important;}
.ic-0d841828{padding-bottom:16px !important;}
.ic-21a4fe43{margin-left:0 !important;}
.ic-8a20bb20{visibility:visible !important;}
.ic-e775556b{visibility:hidden !important;}
.ic-a562f4fd{justify-content:space-between !important;}
.ic-0d941d84{border:2px solid #FFFFFF !important;}
.ic-b5726f7e{border:1px solid rgba(153, 153, 153, 1) !important;}
.ic-1433a94e{box-shadow:0px 0px 8px rgba(255, 255, 255, 0.25) !important;}
.ic-ac670603{box-shadow: !important;}
.ic-36d138d5{background:linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 52.08%, rgba(255, 255, 255, 0.1) 100%) !important;}
.ic-a8869dbe{background:transparent !important;}
.ic-729d2fa4{color:#fff !important;}
.ic-1a4ff88c{height:50px !important;}
.ic-bcce8b88{width:50px !important;}
.ic-2776b6c9{width: !important;}
.ic-d92be918{width:90% !important;}
.ic-a43bcc12{line-height:32px !important;}
.ic-8cea39a2{margin-top:180px !important;}
.ic-49f14f8f{margin-bottom:20px !important;}
.ic-e7f4cd4b{border:1px solid #d9d9d9 !important;}
.ic-ce3f2c6f{box-shadow:none !important;}
.ic-800ca752{box-shadow:0 1px 2px rgba(0,0,0,0.05) !important;}
.ic-a70f09f7{background:#999 !important;}
.ic-61a07502{cursor:not-allowed !important;}
.ic-92a64a6a{border:2px solid #fff !important;}
.ic-27b50962{border:2px solid #ccc !important;}
.ic-418ba29c{background-color:transparent !important;}
.ic-7bfcb944{border:1px solid #e8e8e8 !important;}
.ic-1c8193c4{border:2px solid #C62828 !important;}
.ic-eef844bd{border:1px solid #C62828 !important;}
.ic-566dcd92{top:200px !important;}
.ic-67f0bb6e{border:2px solid #3761C8 !important;}
.ic-b386e48e{border: !important;}
.ic-539fa9a0{margin-right:8px !important;}
.ic-a3d4cbc1{padding:0px 30px !important;}
.ic-12f66eb3{font-size:30px !important;}
.ic-e0132535{font-size:38px !important;}
.ic-769fed37{padding:20px !important;}
.ic-4135303d{padding:4px 20px !important;}
.ic-e5744f99{width:450px !important;}
.ic-137cee62{margin-top:56px !important;}
.ic-471c5313{color:#F23B2F !important;}
.ic-492289bf{padding:0px 4px !important;}
.ic-50379a01{width:70% !important;}
.ic-8c8cd3a2{width:48% !important;}
.ic-7afcb61e{font-size:26px !important;}
.ic-b1619408{line-height:14px !important;}
.ic-6542f1ee{line-height:16px !important;}
.ic-cca48925{border:2px solid red !important;}
.ic-30196daa{width:240px !important;}
.ic-da12323f{background-color: !important;}
.ic-0f53b9ec{border:1px solid #1f1f1f !important;}
.ic-fe94b4e8{border-radius: !important;}
.ic-dace990c{min-height:32px !important;}
.ic-492144c5{min-height: !important;}
.ic-2e417099{padding:4px 12px !important;}
.ic-8da8268c{background:blue !important;}
.ic-012989b9{background:yellow !important;}
.ic-69824400{overflow:hidden !important;}
.ic-2bf14898{text-overflow:ellipsis !important;}
.ic-6d000617{margin-left:auto !important;}
.ic-5bd1668a{min-width:240px !important;}
.ic-60b34d48{background:#ffffff !important;}
.ic-b121b66e{padding:4px 10px !important;}
.ic-3ff35238{background-color:#e6f4ff !important;}
.ic-8f53cdc3{margin:0 2px 0 0 !important;}
.ic-fa472076{margin:0 2px !important;}
.ic-022c77e7{margin-left:2px !important;}
.ic-13003b16{color:#1677ff !important;}
.ic-d529c04f{margin-top:76px !important;}
.ic-fa08ae21{margin-top:72px !important;}
.ic-8b00e1b5{height:76px !important;}
.ic-38bc9bd2{height:72px !important;}
.ic-a88743d5{color:#2A5082 !important;}

/* ===== app-wide static-template + && conditional inline-style classes (codemod pass 3) ===== */
.ic-1452e46d{border-color:#ff4d4f !important;box-shadow:0 0 0 1px #ff4d4f !important;}
.ic-144c93c5{background-color:transparent !important;border-color:rgb(250, 173, 20) !important;color:rgb(250, 173, 20) !important;}
.ic-48142011{border-bottom:2px dashed #CCC !important;}
.ic-61bca0e2{margin-bottom:120px !important;}
.ic-90f15858{padding-bottom:40px !important;}
.ic-71701886{margin-left:-50px !important;}
.ic-5d900cfe{background:#1f1f1f !important;}
.ic-f9d640b8{margin:16px auto !important;}


/* ===== Reports rows -> bordered white cards w/ full-height accent bar + 16px title (match FAB-Portal.html .report-item) ===== */
.report-detail-wrap .report-list-monthly-report {
  background: #ffffff;
  border: 1px solid rgba(99,116,136,0.2);
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.report-detail-wrap .report-list-monthly-report .identifier {
  position: absolute; left: 0; top: 0; bottom: 0;
  width: 4px; height: auto; border-radius: 0;
}
.report-detail-wrap .report-list-monthly-report p span { font-size: 16px !important; line-height: 22px !important; }


/* ===== Reports layout -> FAB-Portal.html: sidebar card | main card (both bordered white) + gap ===== */
.report-detail-wrap .tabs-wrap .ant-tabs-nav {
  background: #ffffff !important;
  border: 1px solid rgba(99,116,136,0.2) !important;
  border-radius: 12px !important;
  padding: 12px !important;
  margin-right: 24px !important;
  align-self: flex-start !important;
}
.report-detail-wrap .tabs-wrap .ant-tabs-content-holder {
  background: #ffffff !important;
  border: 1px solid rgba(99,116,136,0.2) !important;
  border-radius: 12px !important;
  padding: 24px !important;
}
.report-detail-wrap .tabs-wrap .ant-tabs-nav .ant-tabs-tab {
  border: 0 !important;
  width: auto !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
}
.report-detail-wrap .tabs-wrap .ant-tabs-tab.ant-tabs-tab-active {
  background: rgba(99,116,136,0.1) !important;
  border-radius: 8px !important;
}


/* ===== Reports sidebar/content: kill top space + left-accent active item (match FAB-Portal.html) ===== */
.report-detail-wrap .tabs-wrap { align-items: flex-start !important; }
.report-detail-wrap .tabs-wrap .ant-tabs-nav { align-self: flex-start !important; height: auto !important; }
.report-detail-wrap .tabs-wrap .ant-tabs-nav .ant-tabs-tab { margin: 2px 0 !important; }
.report-detail-wrap .tabs-wrap .ant-tabs-ink-bar { display: none !important; }
.report-detail-wrap .tabs-wrap .ant-tabs-tab.ant-tabs-tab-active {
  background: rgba(55,97,200,0.08) !important;
  border-left: 3px solid #3761c8 !important;
  border-radius: 0 8px 8px 0 !important;
}
.report-detail-wrap .tabs-wrap .ant-tabs-content-holder { padding-top: 20px !important; }


/* ===== Reports: drop the outer container card so sidebar + main are two separate cards on the page (match FAB-Portal.html) ===== */
.report-detail-wrap .report-detail-content {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
}


/* ===== Reports: trim top space + tighter, content-height sidebar ===== */
.reports-wrap { margin-top: 0 !important; padding-top: 16px !important; }
.report-detail-wrap { padding-top: 8px !important; }
.report-detail-wrap .tabs-wrap { align-items: flex-start !important; }
.report-detail-wrap .tabs-wrap .ant-tabs-nav { align-self: flex-start !important; height: fit-content !important; }
.report-detail-wrap .tabs-wrap .ant-tabs-nav .ant-tabs-nav-list { height: auto !important; }
.report-detail-wrap .tabs-wrap .ant-tabs-nav .ant-tabs-tab { padding: 8px 16px !important; margin: 2px 0 !important; }


/* ===== Reports sidebar: zero tab margins so items stay tight (fixed), not spread ===== */
.report-detail-wrap .tabs-wrap .ant-tabs-nav .ant-tabs-tab,
.report-detail-wrap .tabs-wrap .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab { margin: 0 !important; }

/* ============================================================================
   Kristal (output.css) twin of the FAB signup/reset OTP fix in public/fab.css:
   clean single blue (#3761C8) border box, 60px tall, gapped + rounded. Overrides
   the global ".ic-ac84d420 { border:1px solid #3761C8 !important }" (which alone
   renders the boxes as a sharp, edge-to-edge blue grid) and neutralises the inner
   <input> (faint border/radius/margin/padding from .react-otp-input) so the
   .ic-ac84d420 wrapper is the ONLY visible box edge — no doubled box, no clipped
   digit, no second border on click. Scoped to .signup-container .react-otp-container
   (signup email/phone, partner signup, reset-password, add-phone all render under
   .signup-container). Higher specificity + !important + later source order beats
   the bare .ic-ac84d420 !important.
   ============================================================================ */
.signup-container .react-otp-container .ic-ac84d420 {
  height: 60px !important;
  border: 2px solid #3761C8 !important;
  border-radius: 8px !important;
  margin: 0 6px !important;
  background: #ffffff !important;
  box-shadow: 0px 5px 10px rgba(66, 52, 36, 0.04) !important;
  box-sizing: border-box !important;
}
.signup-container .react-otp-container .ic-ac84d420 input,
.signup-container .react-otp-container .ic-ac84d420 input:focus,
.signup-container .react-otp-container .ic-ac84d420 input:focus-visible {
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
/* Preserve the wrong-OTP state: colour the whole box red. The old rule put the red
   on the inner <input> (.signup-container .otp-fiels-wrong input), which the
   borderless-input rule above now suppresses — so re-apply it to the wrapper box. */
.signup-container .otp-fiels-wrong .react-otp-container .ic-ac84d420 {
  border-color: red !important;
}