@font-face {
  font-family: 'Averta Std';
  src: url("../fonts/avertastd-bold-webfont.woff2") format("woff2"), url("../fonts/avertastd-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Averta Std';
  src: url("../fonts/avertastd-regular-webfont.woff2") format("woff2"), url("../fonts/avertastd-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Averta Std';
  src: url("../fonts/avertastd-semibold-webfont.woff2") format("woff2"), url("../fonts/avertastd-semibold-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

::-moz-selection {
  color: #fff;
  background-color: #2269FF;
}

::selection {
  color: #fff;
  background-color: #2269FF;
}

@media (min-width: 1410px) {
  .container {
    max-width: 1320px;
  }
}

@media (min-width: 1410px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    -webkit-flex-basis: 0;
            flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xxl-1 > * {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xxl-2 > * {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xxl-3 > * {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-xxl-4 > * {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xxl-5 > * {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xxl-6 > * {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xxl-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xxl-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xxl-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xxl-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xxl-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xxl-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xxl-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xxl-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xxl-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xxl-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xxl-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
            order: -1;
  }
  .order-xxl-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
            order: 13;
  }
  .order-xxl-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
            order: 0;
  }
  .order-xxl-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
            order: 1;
  }
  .order-xxl-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
            order: 2;
  }
  .order-xxl-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
            order: 3;
  }
  .order-xxl-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
            order: 4;
  }
  .order-xxl-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
            order: 5;
  }
  .order-xxl-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
            order: 6;
  }
  .order-xxl-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
            order: 7;
  }
  .order-xxl-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
            order: 8;
  }
  .order-xxl-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
            order: 9;
  }
  .order-xxl-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
            order: 10;
  }
  .order-xxl-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
            order: 11;
  }
  .order-xxl-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
            order: 12;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.666667%;
  }
}

.fw-600 {
  font-weight: 600;
}

.form-control, .custom-select {
  border-radius: 8px;
  border-color: #ced4da !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.input-group-prepend > .input-group-text {
  border-right: 0;
  background-color: #FFFFFF;
  border-radius: 8px;
}

.input-group.disabled .input-group-prepend > .input-group-text {
  background-color: #F7F8FC;
}

.input-group-prepend ~ .form-control {
  border-left: 0;
  padding-left: 0;
}

.border {
  border-color: #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.btn {
  font-weight: 600;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
  border-radius: 8px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  font-family: "Averta Std", Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.btn.border:hover, .btn.border:focus {
  border-color: #b8bec7 !important;
}

.icon-btn {
  padding: 0;
  border: 0;
  outline: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  width: 35px;
  height: 35px;
}

.submit-btn {
  height: 48px;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 1rem !important;
}


.btn.btn-primary,
.btn.btn-primary:visited {
  color: #fff;
  background-color: #2269FF;
  border-color: #2269FF;
}

.btn.btn-primary:hover {
  color: #fff;
  background-color: #0858FF;
  border-color: #0858FF;
}

.btn.btn-primary:focus, .btn.btn-primary.focus {
  color: #fff;
  background-color: #0858FF;
  border-color: #0858FF;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn.btn-success,
.btn.btn-success:visited {
  color: #fff;
  background-color: #26AB8D;
  border-color: #26AB8D;
}

.btn.btn-success:hover {
  color: #fff;
  background-color: #21967c;
  border-color: #21967c;
}

.btn.btn-success:focus, .btn.btn-success.focus {
  color: #fff;
  background-color: #21967c;
  border-color: #21967c;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.text-primary {
  color: #2269FF !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  font-family: "Averta Std", Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

h1, .h1 {
  font-size: 3rem;
}

@media (max-width: 757px) {
  h1, .h1 {
    font-size: 2rem;
  }
}

h2, .h2 {
  font-size: 2.5rem;
}

@media (max-width: 757px) {
  h2, .h2 {
    font-size: 1.75rem;
  }
}

h3, .h3 {
  font-size: 1.75rem;
}

@media (max-width: 757px) {
  h3, .h3 {
    font-size: 1.5rem;
  }
}

.table-hover tbody tr:hover {
  color: #373D70;
  background-color: #FBFCFD;
}

.custom-control-input ~ .custom-control-label::before {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: none !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #26AB8D;
  background-color: #26AB8D;
}

.dropdown-menu {
  -webkit-box-shadow: 0px 18px 54px 0px rgba(0, 0, 0, 0.18);
          box-shadow: 0px 18px 54px 0px rgba(0, 0, 0, 0.18);
  background-clip: padding-box;
  border-radius: 7px;
}

.dropdown-menu .dropdown-item {
  font-weight: 500;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: 0.25rem !important;
}

.row-gap-2 {
  row-gap: 0.5rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 3rem !important;
}

.column-gap-0 {
  -moz-column-gap: 0 !important;
  -webkit-column-gap: 0 !important;
          column-gap: 0 !important;
}

.column-gap-1 {
  -moz-column-gap: 0.25rem !important;
  -webkit-column-gap: 0.25rem !important;
          column-gap: 0.25rem !important;
}

.column-gap-2 {
  -moz-column-gap: 0.5rem !important;
  -webkit-column-gap: 0.5rem !important;
          column-gap: 0.5rem !important;
}

.column-gap-3 {
  -moz-column-gap: 1rem !important;
  -webkit-column-gap: 1rem !important;
          column-gap: 1rem !important;
}

.column-gap-4 {
  -moz-column-gap: 1.5rem !important;
  -webkit-column-gap: 1.5rem !important;
          column-gap: 1.5rem !important;
}

.column-gap-5 {
  -moz-column-gap: 3rem !important;
  -webkit-column-gap: 3rem !important;
          column-gap: 3rem !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.xsmall {
  font-size: .75em;
}

.alert {
  background-color: #F7F9FC;
  border-radius: 10px;
}

.nav.nav-pills .nav-link.active {
  background: #2269FF;
  border-color: #2269FF;
  color: #fff;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background: #2269FF;
  border-color: #2269FF;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #F7F8FC;
  opacity: 1;
}

.table td, .table th {
  border-top-color: #dee2e6;
}

html {
  height: 100%;
}

@media (max-width: 991px) {
  html {
    font-size: 14px;
  }
}

body {
  min-height: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 1rem;
  color: #373D70;
  font-family: "Averta Std", Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

a {
  color: #2A57C6;
}

main {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.header {
  position: relative;
  z-index: 100;
  border-bottom: 1px solid #dee2e6;
  margin-bottom: 0;
  background-color: #fff;
}

body.is-home .header {
  border: 0;
  margin-bottom: 0;
}

.header .nav-link {
  color: inherit;
}

.header .nav-link:hover {
  color: #2269FF !important;
}

.header .row {
  height: 78px;
}

.header .login-btn {
  min-width: 102px;
  height: 42px;
  border-radius: 8px;
}

.footer {
  background-color: #1842A8;
  color: #fff;
}

.footer-main {
  padding: 3rem 0;
}

@media (max-width: 575px) {
  .footer-main {
    padding: 2rem 0;
  }
}

.footer .nav-link {
  padding: 4px 0;
  color: inherit;
}

.footer .nav-link:hover {
  color: #C2C8D0;
}

.footer .copyrights {
  color: #fff;
  opacity: 0.75;
}

.section {
  padding: 5rem 0;
}

@media (max-width: 767px) {
  .section {
    padding: 3rem 0;
  }
}

.dashboard-content {
  padding: 24px 24px 24px 258px;
}

@media (max-width: 991px) {
  .dashboard-content {
    padding: 0;
  }
}

.dashboard-content .btn, .dashboard-content .form-control, .dashboard-content .custom-select, .dashboard-content .alert, .dashboard-content .custom-control {
  font-size: .875rem;
}

.dashboard-content .container {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.nav-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(55, 61, 112, 0.25);
}

.navigation-panel {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 234px;
  z-index: 10;
  background-color: #f1f2f6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

@media (max-width: 991px) {
  .navigation-panel {
    -webkit-transform: translateX(-234px);
        -ms-transform: translateX(-234px);
            transform: translateX(-234px);
    opacity: 0;
    visibility: hidden;
    z-index: 1001;
  }
  body.nav-open .navigation-panel {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}

.navigation-panel .logo img {
  height: 28px;
}

.navigation-panel-nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.navigation-panel-nav a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: .5rem;
     -moz-column-gap: .5rem;
          column-gap: .5rem;
  color: inherit;
  font-weight: 600;
  font-size: 15px;
  padding: 1rem 1.5rem;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

.navigation-panel-nav a svg {
  opacity: 0.5;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

.navigation-panel-nav a:hover, .navigation-panel-nav a.active {
  color: #2269FF;
}

.navigation-panel-nav a:hover svg, .navigation-panel-nav a.active svg {
  opacity: 1;
}

.dashboard-header {
  position: absolute;
  left: 258px;
  top: 0;
  right: 24px;
  z-index: 10;
}

@media (max-width: 991px) {
  .dashboard-header {
    right: 0;
    left: 0;
    position: relative;
  }
}

.dashboard-header .row {
  height: 78px;
}

.dashboard-title, .dashboard-content .title {
  font-size: 1.5rem;
}

.premium-expire {
  padding: .5rem 1.25rem;
  border-radius: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: .5rem;
  background-color: #E7FFF8;
  font-size: 0.875rem;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.section-getstart {
  height: 364px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: url("../images/getstart.jpg") no-repeat bottom, -webkit-gradient(linear, left top, left bottom, from(#1E68FF), to(#1852CD));
  background: url("../images/getstart.jpg") no-repeat bottom, -o-linear-gradient(top, #1E68FF 0%, #1852CD 100%);
  background: url("../images/getstart.jpg") no-repeat bottom, linear-gradient(to bottom, #1E68FF 0%, #1852CD 100%);
  color: #fff;
}

.section-getstart .btn {
  padding: .75rem 3rem;
  border-radius: 12px;
  background-color: #fff;
  color: #2269FF;
  font-size: 1.25rem;
  text-transform: uppercase;
}

.sections-countries {
  background: url("../images/shape.png") no-repeat right top;
}

.country {
  text-align: center;
  margin: 1rem;
}

.country-image {
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

.country-image img {
  width: 64px;
  height: 64px;
  border: 4px solid #fff;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-box-shadow: 0 5px 24px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 24px rgba(0, 0, 0, 0.1);
}

.country-image:hover {
  -webkit-transform: scale(1.25);
      -ms-transform: scale(1.25);
          transform: scale(1.25);
}

.country-name {
  padding: .5rem;
  font-weight: 600;
  color: #003077;
  display: inline-block;
}

.tab-panel {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 22px;
  border: 1px solid #dee2e6;
  padding: 9px;
}

@media (max-width: 767px) {
  .tab-panel {
    padding: 4px;
  }
}

@media (max-width: 575px) {
  .tab-panel {
    display: block;
  }
}

.tab-panel .nav-link {
  border-radius: 25px;
  font-weight: 600;
  padding: .5rem 2.5rem;
  color: inherit;
  font-size: 1.125rem;
}

@media (max-width: 767px) {
  .tab-panel .nav-link {
    padding: .5rem 1.5rem;
    font-size: 1rem;
  }
}

.tab-panel .nav-link.active {
  background-color: #2269FF;
  color: #fff;
}

.text-content {
  font-size: 1.125rem;
}

.text-content ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.text-content ul li {
  margin-bottom: 1rem;
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C8.02219 0 6.08879 0.58649 4.4443 1.6853C2.79981 2.78412 1.51809 4.3459 0.761209 6.17317C0.00433284 8.00043 -0.193701 10.0111 0.192152 11.9509C0.578004 13.8907 1.53041 15.6725 2.92894 17.0711C4.32746 18.4696 6.10929 19.422 8.0491 19.8079C9.98891 20.1937 11.9996 19.9957 13.8268 19.2388C15.6541 18.4819 17.2159 17.2002 18.3147 15.5557C19.4135 13.9112 20 11.9778 20 10C20 7.34784 18.9464 4.8043 17.0711 2.92893C15.1957 1.05357 12.6522 0 10 0ZM8 15L3 10L4.41 8.59L8 12.17L15.59 4.58L17 6L8 15Z' fill='%2326AB8D'/%3E%3C/svg%3E%0A") no-repeat 0 50%;
  padding-left: 30px;
}

.advantages-item {
  min-height: 100%;
  padding: 3rem;
  border-radius: 12px;
  border: 1px solid #dee2e6;
  text-align: center;
  -webkit-transition: .25s;
  -o-transition: .25s;
  transition: .25s;
}

@media (max-width: 767px) {
  .advantages-item {
    padding: 1.5rem;
  }
}

.advantages-icon {
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 1rem;
  border-radius: 50%;
  border: 2px solid #2269FF;
  -webkit-transition: .25s;
  -o-transition: .25s;
  transition: .25s;
  background: #fff;
}

@media (max-width: 767px) {
  .advantages-icon {
    margin-left: auto;
    margin-right: auto;
  }
}

.advantages-item:hover {
  background: #2269FF;
  border-color: #2269FF;
  color: #fff;
}

.advantages-item:hover .advantages-icon {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.advantages-item p {
  margin-bottom: 0 !important;
  font-size: .9em;
  opacity: .5;
  line-height: 2;
}

.slide {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, #F2F6FF), to(#E8EEFF));
  background-image: -o-linear-gradient(top, #F2F6FF 80%, #E8EEFF 100%);
  background-image: linear-gradient(to bottom, #F2F6FF 80%, #E8EEFF 100%);
  position: relative;
  text-align: center;
}

.slide:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  background: url("data:image/svg+xml,%3Csvg width='960' height='50' viewBox='0 0 960 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 50V23.9411C40 23.9411 40 0 80 0C120 0 120 23.9411 160 23.9411C200 23.9411 200 0 239.995 0C279.99 0 279.995 23.9411 319.995 23.9411C359.995 23.9411 359.995 0 399.995 0C439.995 0 439.995 23.9411 479.995 23.9411C519.995 23.9411 519.995 0 559.995 0C599.995 0 599.995 23.9411 639.995 23.9411C679.995 23.9411 679.995 0 719.995 0C759.995 0 759.995 23.9411 799.995 23.9411C839.995 23.9411 839.995 0 879.995 0C919.995 0 919.995 23.9411 960 23.9411V50H0Z' fill='white'/%3E%3C/svg%3E%0A") repeat-x;
}

.slide-caption {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
  margin: 0 auto 3rem;
  max-width: 850px;
}

.slide-options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  white-space: nowrap;
  -webkit-column-gap: 2.5rem;
     -moz-column-gap: 2.5rem;
          column-gap: 2.5rem;
  row-gap: 1rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.slide-options span {
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C8.02219 0 6.08879 0.58649 4.4443 1.6853C2.79981 2.78412 1.51809 4.3459 0.761209 6.17317C0.00433284 8.00043 -0.193701 10.0111 0.192152 11.9509C0.578004 13.8907 1.53041 15.6725 2.92894 17.0711C4.32746 18.4696 6.10929 19.422 8.0491 19.8079C9.98891 20.1937 11.9996 19.9957 13.8268 19.2388C15.6541 18.4819 17.2159 17.2002 18.3147 15.5557C19.4135 13.9112 20 11.9778 20 10C20 7.34784 18.9464 4.8043 17.0711 2.92893C15.1957 1.05357 12.6522 0 10 0ZM8 15L3 10L4.41 8.59L8 12.17L15.59 4.58L17 6L8 15Z' fill='%2326AB8D'/%3E%3C/svg%3E%0A") no-repeat 0 50%;
  padding-left: 30px;
  display: block;
  font-weight: 600;
}

.slide-text {
  margin-bottom: 1rem;
  font-size: 1.125rem;
  opacity: 0.75;
}

.slide-btn {
  width: 220px;
  height: 60px;
  border-radius: 12px;
  font-size: 1.125rem;
}

.bstats {
  padding: 1.75rem 1.5rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.5rem;
}

.bstats h6 {
  font-size: 1rem;
}

.widgetblock {
    padding: 1.25rem;
    margin-bottom: 2rem;
    border-radius: 18px;
    border: 1px solid #edf2f9;
    background-color: #ffffff;
}

@media (max-width: 767px) {
    .widgetblock {
        padding: 1rem;
        margin-bottom: 1.5rem;
    }
}

.dashnav-wrap {
    position: relative;
    margin-bottom: 1.25rem;
    box-shadow: inset 0 -1px 0 #e9edf3;
}

/* fade edges */
.dashnav-wrap::before,
.dashnav-wrap::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 1px;
    width: 64px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease;
    z-index: 1;
}

.dashnav-wrap::before {
    left: 0;
    background: linear-gradient(to right, #fff 35%, rgba(255, 255, 255, 0));
}

.dashnav-wrap::after {
    right: 0;
    background: linear-gradient(to left, #fff 35%, rgba(255, 255, 255, 0));
}

.dashnav-wrap.can-left::before,
.dashnav-wrap.can-right::after {
    opacity: 1;
}

/* the scrolling strip */
.nav.dashnav {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 2px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.nav.dashnav::-webkit-scrollbar {
    display: none;
}

.nav.dashnav .nav-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 12px 14px;
    margin: 0;
    color: #667085;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: -0.01em;
    white-space: nowrap;
    border: 0;
    border-radius: 8px 8px 0 0;
    background: transparent;
    transition: color 0.18s ease, background-color 0.18s ease;
}

.nav.dashnav .nav-link::after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 0;
    height: 2px;
    border-radius: 2px 2px 0 0;
    background: transparent;
    transition: background-color 0.18s ease;
}

.nav.dashnav .nav-link i {
    font-size: 15px;
    opacity: 0.75;
    transition: opacity 0.18s ease;
}

.nav.dashnav .nav-link:hover:not(.active) {
    color: #344054;
    background-color: #f7f9fc;
}

.nav.dashnav .nav-link:hover:not(.active) i {
    opacity: 1;
}

.nav.dashnav .nav-link:hover:not(.active)::after {
    background: #dde3ec;
}

.nav.dashnav .nav-link.active {
    color: #2e69ff;
}

.nav.dashnav .nav-link.active i {
    opacity: 1;
}

.nav.dashnav .nav-link.active::after {
    background: #2e69ff;
}

.nav.dashnav .nav-link:focus-visible {
    outline: 2px solid #2e69ff;
    outline-offset: -2px;
    border-radius: 8px 8px 0 0;
}

/* chevron buttons */
.dashnav-arrow {
    position: absolute;
    top: calc(50% - 1px);
    transform: translateY(-50%);
    z-index: 2;
    display: none;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    padding: 0;
    border: 1px solid #e6eaf0;
    border-radius: 50%;
    background: #fff;
    color: #667085;
    font-size: 11px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(16, 24, 40, 0.10);
    opacity: 0;
    transition: opacity 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}

.dashnav-arrow.left  { left: 0; }
.dashnav-arrow.right { right: 0; }

.dashnav-arrow:hover {
    background: #f7f9fc;
    color: #2e69ff;
}

/* only exist when there's something to scroll to */
.dashnav-wrap.can-left  .dashnav-arrow.left,
.dashnav-wrap.can-right .dashnav-arrow.right {
    display: flex;
}

/* and only visible on hover / keyboard focus */
.dashnav-wrap:hover .dashnav-arrow,
.dashnav-arrow:focus-visible {
    opacity: 1;
}

/* never on touch input */
@media (hover: none) {
    .dashnav-arrow { display: none !important; }
}

/* and gone for good once the user actually touches the screen */
.dashnav-wrap.is-touch .dashnav-arrow {
    display: none !important;
}

@media (max-width: 575.98px) {
    .nav.dashnav .nav-link {
        padding: 11px 11px;
        font-size: 13.5px;
    }
}
.greyblock {
  background: #F7F8FC;
  border: 1px solid #dee2e6;
  padding: 1.25rem 1.5rem;
  border-radius: 10px;
}

.infoblock {
  padding: 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  border-radius: 10px;
  gap: 1rem;
}

.uploadblock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 350px;
}

.custom-table {
  border: 1px solid #dee2e6;
  overflow: hidden;
  border-radius: 12px;
  font-size: 14px;
}

.custom-table thead {
  background-color: #F7F8FC;
  color: #373D70;
}

.custom-table thead th {
  border: 0;
  white-space: nowrap;
  font-size: 14px;
  opacity: 0.65;
}

.custom-table tbody td {
  vertical-align: middle !important;
  white-space: nowrap;
}

.table-files {
  border: 1px solid #dee2e6;
  overflow: hidden;
  border-radius: 12px;
  font-size: 14px;
}

.table-files thead {
  background-color: #F7F8FC;
  color: #373D70;
}

.table-files thead th {
  border: 0;
  white-space: nowrap;
  font-size: 14px;
  opacity: 0.65;
}

.table-files thead th a {
  color: inherit;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
}

.table-files thead th a img {
  height: 9px;
}

.table-files thead th:first-child {
  width: 30px;
  padding-right: 0;
}

.table-files thead th:nth-child(n+3) {
  text-align: center;
  width: 110px;
}

.table-files tbody td {
  vertical-align: middle !important;
  white-space: nowrap;
}

.table-files tbody td:first-child {
  width: 30px;
  padding-right: 0;
}

.table-files tbody td:nth-child(2) {
  white-space: normal;
  text-align: left;
  font-weight: 600;
}

.table-files tbody td:nth-child(n+3) {
  text-align: center;
  width: 110px;
}

@media (max-width: 767px) {
  .table-files tfoot {
    display: none;
  }
}

.table-files .folder-name {
  color: inherit;
  font-weight: 600;
  background: url("data:image/svg+xml,%3Csvg width='20' height='17' viewBox='0 0 20 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3.38391e-09C7.2198 -1.80724e-05 7.43348 0.0723807 7.608 0.206L7.708 0.293L10.414 3H17C17.7652 2.99996 18.5015 3.29233 19.0583 3.81728C19.615 4.34224 19.9501 5.06011 19.995 5.824L20 6V14C20 14.7652 19.7077 15.5015 19.1827 16.0583C18.6578 16.615 17.9399 16.9501 17.176 16.995L17 17H3C2.23479 17 1.49849 16.7077 0.941739 16.1827C0.384993 15.6578 0.0498925 14.9399 0.00500012 14.176L4.66045e-09 14V3C-4.26217e-05 2.23479 0.292325 1.49849 0.817284 0.941739C1.34224 0.384993 2.06011 0.0498925 2.824 0.00500012L3 3.38391e-09H7Z' fill='%23FCAA7A'/%3E%3C/svg%3E%0A") no-repeat 0 50%;
  padding-left: 28px;
}

.table-files .control .btn {
  border-radius: 8px;
  background-color: #fff;
}

.table-files .files-folder {
  max-width: 200px;
}

.table-files .icon-btn {
  width: 24px;
  height: 24px;
}

.paging {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 5px;
  margin: 0;
  width: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.paging:empty {
  display: none;
}

.paging a, .paging span {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(231, 236, 241, 0.7);
  height: 36px;
  min-width: 36px;
  padding-left: .5rem;
  padding-right: .5rem;
  border-radius: 8px;
  border: 0;
  color: inherit;
  text-decoration: none;
  margin: 0;
}

.paging span, .paging a:hover {
  color: #fff;
  background-color: #2269FF;
  text-decoration: none;
}

.files-header {
  font-size: 0.875rem;
}

.startPremium {
  background: url("../images/start-premium.png") no-repeat bottom, -webkit-gradient(linear, left top, left bottom, from(#1E68FF), to(#1852CD));
  background: url("../images/start-premium.png") no-repeat bottom, -o-linear-gradient(top, #1E68FF 0%, #1852CD 100%);
  background: url("../images/start-premium.png") no-repeat bottom, linear-gradient(to bottom, #1E68FF 0%, #1852CD 100%);
  color: #fff;
  position: relative;
  text-align: center;
}

.startPremium-caption {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  margin: 0 auto;
  max-width: 850px;
}

.startPremium-text {
  font-size: 1.25em;
  font-weight: 500;
}

.startPremium-btn {
  width: 220px;
  height: 60px;
  border-radius: 12px;
  font-size: 1.125rem;
  text-transform: uppercase;
  border-radius: 18px;
}

.premium-options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  white-space: nowrap;
  -webkit-column-gap: 2.5rem;
     -moz-column-gap: 2.5rem;
          column-gap: 2.5rem;
  row-gap: 1rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.premium-options span {
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C8.02219 0 6.08879 0.58649 4.4443 1.6853C2.79981 2.78412 1.51809 4.3459 0.761209 6.17317C0.00433284 8.00043 -0.193701 10.0111 0.192152 11.9509C0.578004 13.8907 1.53041 15.6725 2.92894 17.0711C4.32746 18.4696 6.10929 19.422 8.0491 19.8079C9.98891 20.1937 11.9996 19.9957 13.8268 19.2388C15.6541 18.4819 17.2159 17.2002 18.3147 15.5557C19.4135 13.9112 20 11.9778 20 10C20 7.34784 18.9464 4.8043 17.0711 2.92893C15.1957 1.05357 12.6522 0 10 0ZM8 15L3 10L4.41 8.59L8 12.17L15.59 4.58L17 6L8 15Z' fill='%2326AB8D'/%3E%3C/svg%3E%0A") no-repeat 0 50%;
  padding-left: 30px;
  display: block;
  font-weight: 600;
  text-align: left;
}

@media (max-width: 575px) {
  .premium-options span {
    max-width: calc(50% - 1rem);
    -webkit-flex-basis: calc(50% - 1rem);
        -ms-flex-preferred-size: calc(50% - 1rem);
            flex-basis: calc(50% - 1rem);
    padding-left: 25px;
    font-size: 13px;
  }
}

@media (max-width: 575px) {
  .premium-options {
    gap: 1rem;
  }
}

.premiumBlock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  margin-bottom: 1rem;
  padding: 1.5rem;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 48px rgba(24, 33, 55, 0.08);
          box-shadow: 0 10px 48px rgba(24, 33, 55, 0.08);
  border-radius: 20px;
}

.premiumBlock-label {
  height: 28px;
}

.premiumBlock-label .badge {
  text-transform: uppercase;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-radius: 25px;
}

.premiumBlock-value {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.15rem;
}

.premiumBlock-cost {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
}

.premiumBlock-btn {
  width: 160px;
  height: 48px;
  border-radius: 16px;
}

.shadowblock {
  padding: 2rem;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 48px rgba(24, 33, 55, 0.08);
          box-shadow: 0 10px 48px rgba(24, 33, 55, 0.08);
  border-radius: 20px;
}

@media (max-width: 991px) {
  .shadowblock {
    padding: 1.5rem;
  }
}

.premiumTable {
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  text-align: center;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.875rem;
  color: #182137;
}

.premiumTable .border-bottom {
  border-color: #DEE0E8 !important;
}

.premiumTable .col {
  padding: .75rem;
  max-width: 200px;
}

.premiumTable .col.premium {
  border-left: 1px solid #FFC107;
  border-right: 1px solid #FFC107;
}

@media (max-width: 991px) {
  .premiumTable .col.premium {
    background-color: #FFFCF4 !important;
  }
}

.premiumTable .col b {
  font-weight: 600;
}

.premiumTable .col .badge {
  font-size: 1em;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-radius: 25px;
}

.premiumTable .col:first-child {
  max-width: 440px;
  -webkit-flex-basis: 440px;
      -ms-flex-preferred-size: 440px;
          flex-basis: 440px;
  background-color: #fff;
  border-left: 0;
}

@media (max-width: 1399px) {
  .premiumTable .col:first-child {
    max-width: 300px;
    -webkit-flex-basis: 300px;
        -ms-flex-preferred-size: 300px;
            flex-basis: 300px;
  }
}

@media (max-width: 991px) {
  .premiumTable .col:first-child {
    max-width: 100%;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    text-align: center !important;
    border-bottom: 1px solid #dee2e6;
  }
}

@media (max-width: 991px) {
  .premiumTable .col:nth-child(2) {
    border-left: 0;
  }
}

.premiumTable .premiumTable-heading {
  font-size: 1.25rem;
  font-weight: 600;
}

@media (max-width: 991px) {
  .premiumTable .premiumTable-heading {
    font-size: 1rem;
  }
}

.premiumTable .premiumTable-heading .col.premium {
  border-top: 1px solid #FFC107;
  border-radius: 12px 12px 0 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='32' fill='none'%3E%3Cg fill='%23FFB700' clip-path='url(%23a)'%3E%3Cpath d='m32.805 30.141-4.455-.413-3.676 2.441-.963-4.176-3.57-2.584 3.86-2.17 1.47-4.039 3.352 2.835 4.476.088-1.79 3.921 1.296 4.097ZM32.281 11.778l-2.328-2.312-3.339-.321 1.584-2.827-.713-3.135 3.304.564 2.897-1.614.46 3.178 2.507 2.132-3.02 1.4-1.352 2.935ZM11.969 17.53l-5.046-3.207-6.017.682 1.632-5.577L0 4.168l6.056-.238L10.506 0l2.11 5.427 5.286 2.83-4.752 3.596-1.181 5.677Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h41v32H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat right 8px top 8px;
}

.premiumTable .premiumTable-footer .col.premium {
  border-bottom: 1px solid #FFC107;
  border-radius: 0 0 12px 12px;
}

.modal-content {
  border-radius: 12px;
  border: 0 !important;
  -webkit-box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
          box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
}

.startEarn {
  background: #2269FF;
  color: #fff;
  position: relative;
  text-align: center;
  padding-bottom: 1rem;
}

@media (min-width: 768px) {
  .startEarn {
    padding-bottom: 0;
  }
}

.startEarn-caption {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}

.startEarn-text {
  font-size: 1.125rem;
  opacity: 0.75;
  max-width: 850px;
  margin: 0 auto 1.5rem;
}

.startEarn-pps {
  padding: 1rem 0;
  border-radius: 16px;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 48px rgba(24, 33, 55, 0.08);
          box-shadow: 0 10px 48px rgba(24, 33, 55, 0.08);
  color: #373D70;
  margin-bottom: -3rem;
}

@media (max-width: 767px) {
  .startEarn-pps {
    margin-bottom: 1rem;
  }
}

.startEarn-pps span {
  border-bottom: 1px solid #dee2e6;
  display: block;
  color: #2269FF;
  padding-bottom: .5rem;
  margin-bottom: .5rem;
}

.earn-table th, .earn-table td {
  border-right: 1px solid #dee2e6 !important;
  text-align: center;
}

.earn-table th:last-child, .earn-table td:last-child {
  border-right: 0 !important;
}

.earn-table th .badge, .earn-table td .badge {
  font-size: 1em;
  padding: .25rem .65rem;
  border-radius: 25px;
  font-weight: 600;
}

.earn-list li {
  margin-bottom: 4px;
}

.earn-list li strong {
  font-weight: 600;
}

.tier {
  padding: 1rem;
  padding-top: 3rem;
  border-radius: 12px;
  border: 1px solid;
  position: relative;
  margin-bottom: 1.5rem;
  min-height: calc(100% - 1.5rem);
  font-size: .95em;
}

.tier .badge {
  padding: .5rem 1rem;
  border-radius: 25px;
  font-weight: 600;
  font-size: 1.25em;
  position: absolute;
  top: -.5rem;
  left: 1rem;
}

.tier.tier-1 {
border-color: #2269FF;
background-color: #E9EFFC;
}

.tier.tier-1 .badge {
  color: #fff;
}

.tier.tier-2 {
  border-color: #3DB298;
  background-color: #EBF5F3;
}

.tier.tier-2 .badge {
  color: #fff;
}

.tier.tier-3 {
  border-color: #FCBD1C;
  background-color: #FCF5E3;
}

.tier.tier-3 .badge {
  color: #212529;
}

.tier.tier-4 {
  border-color: #E94D4D;
  background-color: #FAEAEA;
}

.tier.tier-4 .badge {
  color: #fff;
}

.tier-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: .5rem;
}

.tier-list > span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  max-width: calc(50% - 5px);
  -webkit-flex-basis: calc(50% - 5px);
      -ms-flex-preferred-size: calc(50% - 5px);
          flex-basis: calc(50% - 5px);
}

.tier-list > span img {
  width: 16px;
  min-width: 16px;
}

.tier-list > span span {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: block;
  max-width: 100%;
}

.earn-featured-list li {
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C8.02219 0 6.08879 0.58649 4.4443 1.6853C2.79981 2.78412 1.51809 4.3459 0.761209 6.17317C0.00433284 8.00043 -0.193701 10.0111 0.192152 11.9509C0.578004 13.8907 1.53041 15.6725 2.92894 17.0711C4.32746 18.4696 6.10929 19.422 8.0491 19.8079C9.98891 20.1937 11.9996 19.9957 13.8268 19.2388C15.6541 18.4819 17.2159 17.2002 18.3147 15.5557C19.4135 13.9112 20 11.9778 20 10C20 7.34784 18.9464 4.8043 17.0711 2.92893C15.1957 1.05357 12.6522 0 10 0ZM8 15L3 10L4.41 8.59L8 12.17L15.59 4.58L17 6L8 15Z' fill='%2326AB8D'/%3E%3C/svg%3E%0A") no-repeat 0 50%;
  padding-left: 30px;
  margin-bottom: 0.5rem;
}

.earnRules {
  padding: .65rem 1rem;
  background-color: #FBF5F6;
  border: 1px solid #E03E1A;
  border-radius: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='25' viewBox='0 0 28 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.25' d='M14 0.0874023C15.1937 0.0874023 16.3062 0.671152 16.9875 1.64615L17.1187 1.84615L27.2612 18.7812C27.5695 19.315 27.7372 19.9183 27.7487 20.5347C27.7601 21.151 27.615 21.7602 27.3268 22.3051C27.0387 22.8501 26.617 23.313 26.1011 23.6505C25.5853 23.988 24.9922 24.1891 24.3775 24.2349L24.1337 24.2449H3.85249C3.23712 24.238 2.63354 24.0753 2.09808 23.7719C1.56262 23.4686 1.11275 23.0345 0.790449 22.5103C0.468152 21.986 0.283939 21.3886 0.255005 20.7739C0.226071 20.1592 0.35336 19.5471 0.62499 18.9949L0.74874 18.7637L10.8862 1.84115C11.2108 1.30592 11.6679 0.863362 12.2133 0.556176C12.7587 0.248989 13.374 0.0875401 14 0.0874023ZM14 11.7499H12.75L12.6037 11.7587C12.2999 11.7948 12.0199 11.9411 11.8168 12.1699C11.6136 12.3986 11.5014 12.6939 11.5014 12.9999C11.5014 13.3059 11.6136 13.6012 11.8168 13.8299C12.0199 14.0587 12.2999 14.205 12.6037 14.2412L12.75 14.2499V17.9999L12.7587 18.1462C12.7916 18.4252 12.9176 18.685 13.1163 18.8836C13.3149 19.0823 13.5747 19.2082 13.8537 19.2412L14 19.2499H15.25L15.3962 19.2412C15.6753 19.2082 15.9351 19.0823 16.1337 18.8836C16.3324 18.685 16.4583 18.4252 16.4912 18.1462L16.5 17.9999L16.4912 17.8537C16.4614 17.5986 16.3537 17.359 16.1828 17.1673C16.0119 16.9757 15.7862 16.8413 15.5362 16.7824L15.3962 16.7574L15.25 16.7499V12.9999L15.2412 12.8537C15.2083 12.5746 15.0824 12.3148 14.8837 12.1162C14.6851 11.9175 14.4253 11.7916 14.1462 11.7587L14 11.7499ZM14.0125 7.9999L13.8537 8.00865C13.5499 8.04479 13.2699 8.1911 13.0668 8.41986C12.8636 8.64862 12.7514 8.94395 12.7514 9.2499C12.7514 9.55586 12.8636 9.85118 13.0668 10.0799C13.2699 10.3087 13.5499 10.455 13.8537 10.4912L14 10.4999L14.1587 10.4912C14.4625 10.455 14.7426 10.3087 14.9457 10.0799C15.1489 9.85118 15.2611 9.55586 15.2611 9.2499C15.2611 8.94395 15.1489 8.64862 14.9457 8.41986C14.7426 8.1911 14.4625 8.04479 14.1587 8.00865L14.0125 7.9999Z' fill='%23D12222'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right 1rem top 1rem;
}

.earnRules .btn {
  color: #D12222;
  font-size: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  gap: 5px;
}

.earnRules .btn:not(.collapsed) svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.ft-name .ft-name-wrap {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
}
.ft-name .ft-name-wrap > a {
  display: inline;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ft-lock {
  color: #eab308;
  font-size: 11px;
  flex: 0 0 auto;
}